src/components/regions/None/NoneRegion.jsx

import React from 'react';
import PropTypes from 'prop-types';

import Factory from '../../../core/factory/Factory';
import { WIDGETS } from '../../../core/factory/factoryLevels';
import withWidgetProps from '../withWidgetProps';
import { compose, pure } from 'recompose';

/**
 * Регион None (простой див)
 * @reactProps {array} items - массив из объектов, которые описывают виджет{id}
 * @reactProps {function} getWidget - функция получения виджета
 * @reactProps {string} pageId - идентификатор страницы
 */

const NoneRegion = ({ items, getWidget, pageId }) => {
  return (
    <div style={{ paddingBottom: 2, paddingTop: 2 }}>
      {items.map(item => (
        <Factory
          level={WIDGETS}
          key={item.widgetId}
          {...getWidget(pageId, item.widgetId)}
          id={item.widgetId}
          pageId={pageId}
        />
      ))}
    </div>
  );
};

NoneRegion.propTypes = {
  items: PropTypes.array.isRequired,
  getWidget: PropTypes.func.isRequired,
  pageId: PropTypes.string.isRequired,
};

export default compose(
  pure,
  withWidgetProps
)(NoneRegion);