@micromag/editor 0.2.301 → 0.2.302

package/es/index.js

@@ -17,7 +17,7 @@ import { useResizeObserver, useParsedStory, useScreenSizeFromElement, useMediasP
 import { Button, ScreenPreview, ScreenPlaceholder, Label, Modal, ModalDialog, Navbar, Empty, Tabs, BackButton, Breadcrumb as Breadcrumb$1, FieldForm, DropdownMenu, Modals } from '@micromag/core/components';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faPlus, faCogs, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { faPlus, faCogs } from '@fortawesome/free-solid-svg-icons';
 import isString from 'lodash/isString';
 import { v1 } from 'uuid';
 import { getSizeWithinBounds } from '@folklore/size';
@@ -25,9 +25,9 @@ import { ReactSortable } from 'react-sortablejs';
 import orderBy from 'lodash/orderBy';
 import { Viewer } from '@micromag/viewer';
 import { CSSTransitionGroup } from 'react-transition-group';
-import isArray from 'lodash/isArray';
-import get from 'lodash/get';
-import set from 'lodash/set';
+import 'lodash/isArray';
+import 'lodash/get';
+import 'lodash/set';
 
 var routes = PropTypes.shape({
   home: PropTypes.string.isRequired,
@@ -38,7 +38,7 @@ var routes = PropTypes.shape({
 
 var styles$d = {"container":"micromag-editor-forms-settings-container","inner":"micromag-editor-forms-settings-inner"};
 
-var propTypes$k = {
+var propTypes$j = {
   name: PropTypes.string,
   field: PropTypes$1.formField.isRequired,
   value: PropTypes$1.component,
@@ -47,7 +47,7 @@ var propTypes$k = {
   closeFieldForm: PropTypes.func.isRequired,
   onChange: PropTypes.func
 };
-var defaultProps$k = {
+var defaultProps$j = {
   name: null,
   value: null,
   className: null,
@@ -96,8 +96,8 @@ var SettingsForm = function SettingsForm(_ref) {
   })));
 };
 
-SettingsForm.propTypes = propTypes$k;
-SettingsForm.defaultProps = defaultProps$k;
+SettingsForm.propTypes = propTypes$j;
+SettingsForm.defaultProps = defaultProps$j;
 
 // eslint-disable-next-line import/prefer-default-export
 
@@ -107,10 +107,10 @@ var FormsComponents = /*#__PURE__*/Object.freeze({
 });
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$j = {
+var propTypes$i = {
   children: PropTypes.node
 };
-var defaultProps$j = {
+var defaultProps$i = {
   children: null
 };
 
@@ -121,8 +121,8 @@ var FormsProvider = function FormsProvider(props) {
   }, props));
 };
 
-FormsProvider.propTypes = propTypes$j;
-FormsProvider.defaultProps = defaultProps$j;
+FormsProvider.propTypes = propTypes$i;
+FormsProvider.defaultProps = defaultProps$i;
 
 var useRouteParams = function useRouteParams() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -212,7 +212,7 @@ var createScreen = function createScreen(definition) {
 
 var styles$c = {"container":"micromag-editor-buttons-screen-container","button":"micromag-editor-buttons-screen-button","border":"micromag-editor-buttons-screen-border","screen":"micromag-editor-buttons-screen-screen","inner":"micromag-editor-buttons-screen-inner","icon":"micromag-editor-buttons-screen-icon","label":"micromag-editor-buttons-screen-label","active":"micromag-editor-buttons-screen-active"};
 
-var propTypes$i = {
+var propTypes$h = {
   active: PropTypes.bool,
   id: PropTypes.string,
   href: PropTypes.string,
@@ -227,7 +227,7 @@ var propTypes$i = {
   }),
   className: PropTypes.string
 };
-var defaultProps$i = {
+var defaultProps$h = {
   active: false,
   id: null,
   href: null,
@@ -276,8 +276,8 @@ var ScreenButton = function ScreenButton(_ref) {
   })));
 };
 
-ScreenButton.propTypes = propTypes$i;
-ScreenButton.defaultProps = defaultProps$i;
+ScreenButton.propTypes = propTypes$h;
+ScreenButton.defaultProps = defaultProps$h;
 var ScreenButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(ScreenButton, Object.assign({}, props, {
     refButton: ref
@@ -286,7 +286,7 @@ var ScreenButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 var styles$b = {"container":"micromag-editor-menus-screens-container","placeholder":"micromag-editor-menus-screens-placeholder","preview":"micromag-editor-menus-screens-preview","screen":"micromag-editor-menus-screens-screen","item":"micromag-editor-menus-screens-item","items":"micromag-editor-menus-screens-items","button":"micromag-editor-menus-screens-button","settings":"micromag-editor-menus-screens-settings","isVertical":"micromag-editor-menus-screens-isVertical","noWrap":"micromag-editor-menus-screens-noWrap","withPlaceholder":"micromag-editor-menus-screens-withPlaceholder"};
 
-var propTypes$h = {
+var propTypes$g = {
   items: PropTypes$1.menuItems,
   withPreview: PropTypes.bool,
   withPlaceholder: PropTypes.bool,
@@ -302,7 +302,7 @@ var propTypes$h = {
   onClickItem: PropTypes.func,
   onOrderChange: PropTypes.func
 };
-var defaultProps$h = {
+var defaultProps$g = {
   items: [],
   withPreview: false,
   withPlaceholder: false,
@@ -431,18 +431,18 @@ var ScreensMenu = function ScreensMenu(_ref) {
   }, itemsElements));
 };
 
-ScreensMenu.propTypes = propTypes$h;
-ScreensMenu.defaultProps = defaultProps$h;
+ScreensMenu.propTypes = propTypes$g;
+ScreensMenu.defaultProps = defaultProps$g;
 
 var styles$a = {"container":"micromag-editor-menus-screen-types-container","row":"micromag-editor-menus-screen-types-row","title":"micromag-editor-menus-screen-types-title"};
 
-var propTypes$g = {
+var propTypes$f = {
   screens: PropTypes$1.screenDefinitions,
   selectedTypes: PropTypes.arrayOf(PropTypes.string),
   className: PropTypes.string,
   onClickItem: PropTypes.func
 };
-var defaultProps$g = {
+var defaultProps$f = {
   screens: null,
   selectedTypes: null,
   className: null,
@@ -542,18 +542,18 @@ var ScreenTypes = function ScreenTypes(_ref) {
   })));
 };
 
-ScreenTypes.propTypes = propTypes$g;
-ScreenTypes.defaultProps = defaultProps$g;
+ScreenTypes.propTypes = propTypes$f;
+ScreenTypes.defaultProps = defaultProps$f;
 
 var styles$9 = {"container":"micromag-editor-modals-screen-types-container","selected":"micromag-editor-modals-screen-types-selected"};
 
-var propTypes$f = {
+var propTypes$e = {
   selectedTypes: PropTypes.arrayOf(PropTypes.string),
   className: PropTypes.string,
   onRequestClose: PropTypes.func,
   onClickScreenType: PropTypes.func
 };
-var defaultProps$f = {
+var defaultProps$e = {
   selectedTypes: null,
   className: null,
   onRequestClose: null,
@@ -582,12 +582,12 @@ var ScreenTypesModal = function ScreenTypesModal(_ref) {
   })));
 };
 
-ScreenTypesModal.propTypes = propTypes$f;
-ScreenTypesModal.defaultProps = defaultProps$f;
+ScreenTypesModal.propTypes = propTypes$e;
+ScreenTypesModal.defaultProps = defaultProps$e;
 
 var styles$8 = {"container":"micromag-editor-screens-container","navbar":"micromag-editor-screens-navbar"};
 
-var propTypes$e = {
+var propTypes$d = {
   value: PropTypes.oneOfType([PropTypes$1.story, PropTypes$1.theme]),
   isTheme: PropTypes.bool,
   isVertical: PropTypes.bool,
@@ -597,7 +597,7 @@ var propTypes$e = {
   onChange: PropTypes.func,
   className: PropTypes.string
 };
-var defaultProps$e = {
+var defaultProps$d = {
   value: null,
   isTheme: false,
   isVertical: false,
@@ -804,15 +804,15 @@ var EditorScreens = function EditorScreens(_ref) {
   }) : null);
 };
 
-EditorScreens.propTypes = propTypes$e;
-EditorScreens.defaultProps = defaultProps$e;
+EditorScreens.propTypes = propTypes$d;
+EditorScreens.defaultProps = defaultProps$d;
 
 /* eslint-disable react/button-has-type, react/jsx-props-no-spreading */
-var propTypes$d = {
+var propTypes$c = {
   color: PropTypes.string,
   className: PropTypes.string
 };
-var defaultProps$d = {
+var defaultProps$c = {
   color: 'currentColor',
   className: null
 };
@@ -837,15 +837,15 @@ var DesktopIcon = function DesktopIcon(_ref) {
   }));
 };
 
-DesktopIcon.propTypes = propTypes$d;
-DesktopIcon.defaultProps = defaultProps$d;
+DesktopIcon.propTypes = propTypes$c;
+DesktopIcon.defaultProps = defaultProps$c;
 
 /* eslint-disable react/button-has-type, react/jsx-props-no-spreading */
-var propTypes$c = {
+var propTypes$b = {
   color: PropTypes.string,
   className: PropTypes.string
 };
-var defaultProps$c = {
+var defaultProps$b = {
   color: 'currentColor',
   className: null
 };
@@ -870,8 +870,8 @@ var MobileIcon = function MobileIcon(_ref) {
   }));
 };
 
-MobileIcon.propTypes = propTypes$c;
-MobileIcon.defaultProps = defaultProps$c;
+MobileIcon.propTypes = propTypes$b;
+MobileIcon.defaultProps = defaultProps$b;
 
 var DeviceIcons = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -881,12 +881,12 @@ var DeviceIcons = /*#__PURE__*/Object.freeze({
 
 var styles$7 = {"container":"micromag-editor-buttons-device-container","icon":"micromag-editor-buttons-device-icon"};
 
-var propTypes$b = {
+var propTypes$a = {
   device: PropTypes.string.isRequired,
   iconComponents: PropTypes$1.components,
   className: PropTypes.string
 };
-var defaultProps$b = {
+var defaultProps$a = {
   iconComponents: DeviceIcons,
   className: null
 };
@@ -905,17 +905,17 @@ var DeviceButton = function DeviceButton(_ref) {
   }));
 };
 
-DeviceButton.propTypes = propTypes$b;
-DeviceButton.defaultProps = defaultProps$b;
+DeviceButton.propTypes = propTypes$a;
+DeviceButton.defaultProps = defaultProps$a;
 
 var styles$6 = {"container":"micromag-editor-menus-devices-container","button":"micromag-editor-menus-devices-button"};
 
-var propTypes$a = {
+var propTypes$9 = {
   items: PropTypes$1.menuItems,
   className: PropTypes.string,
   onClickItem: PropTypes.func
 };
-var defaultProps$a = {
+var defaultProps$9 = {
   items: [],
   className: null,
   onClickItem: null
@@ -945,12 +945,12 @@ var DevicesMenu = function DevicesMenu(_ref) {
   });
 };
 
-DevicesMenu.propTypes = propTypes$a;
-DevicesMenu.defaultProps = defaultProps$a;
+DevicesMenu.propTypes = propTypes$9;
+DevicesMenu.defaultProps = defaultProps$9;
 
 var styles$5 = {"container":"micromag-editor-preview-container","noStory":"micromag-editor-preview-noStory","story":"micromag-editor-preview-story","inner":"micromag-editor-preview-inner","top":"micromag-editor-preview-top","bottom":"micromag-editor-preview-bottom","preview":"micromag-editor-preview-preview","viewerContainer":"micromag-editor-preview-viewerContainer","screen-medium":"micromag-editor-preview-screen-medium","withoutDevicesSizes":"micromag-editor-preview-withoutDevicesSizes"};
 
-var propTypes$9 = {
+var propTypes$8 = {
   value: PropTypes.oneOfType([PropTypes$1.story, PropTypes$1.theme]),
   devices: PropTypes$1.devices,
   device: PropTypes.string,
@@ -960,7 +960,7 @@ var propTypes$9 = {
   onScreenChange: PropTypes.func,
   withoutDevicesSizes: PropTypes.bool
 };
-var defaultProps$9 = {
+var defaultProps$8 = {
   value: null,
   devices: [{
     id: 'mobile',
@@ -1093,8 +1093,8 @@ var EditorPreview = function EditorPreview(_ref) {
   }))))));
 };
 
-EditorPreview.propTypes = propTypes$9;
-EditorPreview.defaultProps = defaultProps$9;
+EditorPreview.propTypes = propTypes$8;
+EditorPreview.defaultProps = defaultProps$8;
 
 var deleteScreen = function deleteScreen(story, screenId) {
   var _ref = story || {},
@@ -1161,95 +1161,6 @@ var getFieldByName = function getFieldByName(fields, name) {
   }, null);
 };
 
-var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
-  return (isArray(path) ? path : [path]).reduce(function (foundField, key) {
-    if (foundField === null) {
-      return null;
-    }
-
-    var _foundField$type = foundField.type,
-        type = _foundField$type === void 0 ? null : _foundField$type;
-
-    var _ref = type !== null ? fieldManager.getDefinition(type) : foundField,
-        _ref$fields = _ref.fields,
-        subFields = _ref$fields === void 0 ? null : _ref$fields,
-        _ref$settings = _ref.settings,
-        settings = _ref$settings === void 0 ? null : _ref$settings,
-        _ref$itemsField = _ref.itemsField,
-        itemsField = _ref$itemsField === void 0 ? null : _ref$itemsField;
-
-    if (itemsField !== null && key.match(/^[0-9]+$/)) {
-      return _objectSpread(_objectSpread({}, itemsField), {}, {
-        name: path.join('/'),
-        listItems: true
-      });
-    }
-
-    return getFieldByName([].concat(_toConsumableArray(subFields || []), _toConsumableArray(settings || [])), key);
-  }, {
-    fields: fields
-  });
-};
-
-var getListItemFromScreen = function getListItemFromScreen(fieldParams, screen) {
-  var path = fieldParams.split('/');
-  var listKey = path.filter(function (_, i) {
-    return i < path.length - 1;
-  }).join('.');
-  var itemIndex = path.length > 0 ? parseInt(path[path.length - 1], 10) : null;
-  var list = get(screen, listKey, null);
-  var item = list !== null ? list[itemIndex] : null;
-  return {
-    listKey: listKey,
-    itemIndex: itemIndex,
-    list: list,
-    item: item
-  };
-};
-
-var duplicateListItem = function duplicateListItem(fieldParams, story, screenIndex) {
-  var _ref = story || {},
-      _ref$components = _ref.components,
-      screens = _ref$components === void 0 ? [] : _ref$components;
-
-  var screen = screens.length > screenIndex ? screens[screenIndex] : null;
-
-  var _getListItemFromScree = getListItemFromScreen(fieldParams, screen),
-      listKey = _getListItemFromScree.listKey,
-      list = _getListItemFromScree.list,
-      item = _getListItemFromScree.item;
-
-  var newScreen = _objectSpread(_objectSpread({}, screen), {}, _defineProperty({}, listKey, [].concat(_toConsumableArray(list), [item])));
-
-  return _objectSpread(_objectSpread({}, story), {}, {
-    components: screens.map(function (scr, index) {
-      return index === screenIndex ? newScreen : scr;
-    })
-  });
-};
-
-var deleteListItem = function deleteListItem(fieldParams, story, screenIndex) {
-  var _ref = story || {},
-      _ref$components = _ref.components,
-      screens = _ref$components === void 0 ? [] : _ref$components;
-
-  var screen = screens.length > screenIndex ? screens[screenIndex] : null;
-
-  var _getListItemFromScree = getListItemFromScreen(fieldParams, screen),
-      listKey = _getListItemFromScree.listKey,
-      list = _getListItemFromScree.list,
-      itemIndex = _getListItemFromScree.itemIndex;
-
-  var newScreen = set(_objectSpread({}, screen), listKey, list.filter(function (it, index) {
-    return itemIndex !== index;
-  }));
-  return _objectSpread(_objectSpread({}, story), {}, {
-    components: screens.map(function (scr, index) {
-      return index === screenIndex ? newScreen : scr;
-    })
-  });
-};
-
 var useFormTransition = function useFormTransition(url, screenIndex, styles) {
   var lastPageRef = useRef({
     url: url,
@@ -1294,10 +1205,10 @@ var useFormTransition = function useFormTransition(url, screenIndex, styles) {
   };
 };
 
-var propTypes$8 = {
+var propTypes$7 = {
   className: PropTypes.string
 };
-var defaultProps$8 = {
+var defaultProps$7 = {
   className: null
 };
 
@@ -1315,36 +1226,8 @@ var SettingsButton = function SettingsButton(_ref) {
   }, props));
 };
 
-SettingsButton.propTypes = propTypes$8;
-SettingsButton.defaultProps = defaultProps$8;
-
-var propTypes$7 = {
-  className: PropTypes.string
-};
-var defaultProps$7 = {
-  className: null
-};
-
-var DeleteButton = function DeleteButton(_ref) {
-  var className = _ref.className,
-      props = _objectWithoutProperties(_ref, ["className"]);
-
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    className: className,
-    theme: "danger",
-    size: "sm",
-    icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: faTrash
-    })
-  }, props));
-};
-
-DeleteButton.propTypes = propTypes$7;
-DeleteButton.defaultProps = defaultProps$7;
-
-({
-  className: PropTypes.string
-});
+SettingsButton.propTypes = propTypes$7;
+SettingsButton.defaultProps = defaultProps$7;
 
 var styles$4 = {"container":"micromag-editor-menus-breadcrumb-container"};
 
@@ -1688,27 +1571,7 @@ var EditForm = function EditForm(_ref) {
   var screenIndex = screens.findIndex(function (it) {
     return it.id === screenId;
   });
-  var screen = screenIndex !== -1 ? screens[screenIndex] : null;
-
-  var _ref3 = screen || {},
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? null : _ref3$type;
-
-  var screensManager = useScreensManager();
-  var fieldsManager = useFieldsManager();
-
-  var _ref4 = type !== null ? screensManager.getDefinition(type) : {},
-      _ref4$fields = _ref4.fields,
-      fields = _ref4$fields === void 0 ? [] : _ref4$fields;
-
-  var currentField = useMemo(function () {
-    return fieldParams !== null ? getFieldFromPath(fieldParams.split('/'), fields, fieldsManager) : null;
-  }, [fieldParams, fields]);
-
-  var _ref5 = currentField || {},
-      _ref5$listItems = _ref5.listItems,
-      currentFieldListItems = _ref5$listItems === void 0 ? false : _ref5$listItems; // Get transition value
-
+  var screen = screenIndex !== -1 ? screens[screenIndex] : null; // Get transition value
 
   var _useFormTransition = useFormTransition(url, screenIndex, styles$1),
       transitionName = _useFormTransition.name,
@@ -1793,21 +1656,6 @@ var EditForm = function EditForm(_ref) {
   var onDeleteScreenCancel = useCallback(function () {
     setDeleteScreenModalOpened(false);
   }, [setDeleteScreenModalOpened]);
-  /* List item */
-
-  var onDeleteItemClick = useCallback(function () {
-    triggerOnChange(deleteListItem(fieldParams, value, screenIndex));
-    gotoFieldForm();
-  }, [fieldParams, value, screenIndex]); // eslint-disable-next-line no-unused-vars
-
-  useCallback(function () {
-    var path = fieldParams.split('/');
-    var listKey = path.length ? path[0] : null;
-    var field = typeof screen[listKey] !== 'undefined' ? screen[listKey] : null;
-    var fieldItemsCount = field !== null ? field.length : 0;
-    triggerOnChange(duplicateListItem(fieldParams, value, screenIndex));
-    gotoFieldForm("".concat(listKey, ".").concat(fieldItemsCount));
-  }, [fieldParams, screen, value, screenIndex]);
   var dropdownItems = [!isTheme ? {
     id: 'duplicate',
     type: 'button',
@@ -1877,19 +1725,7 @@ var EditForm = function EditForm(_ref) {
     closeFieldForm: closeFieldForm,
     fieldContext: fieldContext,
     onChange: onScreenFormChange
-  }), currentFieldListItems ? /*#__PURE__*/React.createElement("div", {
-    className: "m-2"
-  }, /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
-    className: "text-right"
-  }, /*#__PURE__*/React.createElement(DeleteButton, {
-    onClick: onDeleteItemClick
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "CQ7Wmr",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Delete item"
-    }]
-  })))) : null)) : /*#__PURE__*/React.createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     className: classNames(['w-100', styles$1.panel]),
     key: "screen-".concat(screen.id)
   }, /*#__PURE__*/React.createElement(ScreenProvider, {

package/lib/index.js

@@ -29,9 +29,9 @@ var reactSortablejs = require('react-sortablejs');
 var orderBy = require('lodash/orderBy');
 var viewer = require('@micromag/viewer');
 var reactTransitionGroup = require('react-transition-group');
-var isArray = require('lodash/isArray');
-var get = require('lodash/get');
-var set = require('lodash/set');
+require('lodash/isArray');
+require('lodash/get');
+require('lodash/set');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -45,9 +45,6 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
 var orderBy__default = /*#__PURE__*/_interopDefaultLegacy(orderBy);
-var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
-var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
-var set__default = /*#__PURE__*/_interopDefaultLegacy(set);
 
 var routes = PropTypes__default['default'].shape({
   home: PropTypes__default['default'].string.isRequired,
@@ -58,7 +55,7 @@ var routes = PropTypes__default['default'].shape({
 
 var styles$d = {"container":"micromag-editor-forms-settings-container","inner":"micromag-editor-forms-settings-inner"};
 
-var propTypes$k = {
+var propTypes$j = {
   name: PropTypes__default['default'].string,
   field: core.PropTypes.formField.isRequired,
   value: core.PropTypes.component,
@@ -67,7 +64,7 @@ var propTypes$k = {
   closeFieldForm: PropTypes__default['default'].func.isRequired,
   onChange: PropTypes__default['default'].func
 };
-var defaultProps$k = {
+var defaultProps$j = {
   name: null,
   value: null,
   className: null,
@@ -116,8 +113,8 @@ var SettingsForm = function SettingsForm(_ref) {
   })));
 };
 
-SettingsForm.propTypes = propTypes$k;
-SettingsForm.defaultProps = defaultProps$k;
+SettingsForm.propTypes = propTypes$j;
+SettingsForm.defaultProps = defaultProps$j;
 
 // eslint-disable-next-line import/prefer-default-export
 
@@ -127,10 +124,10 @@ var FormsComponents = /*#__PURE__*/Object.freeze({
 });
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$j = {
+var propTypes$i = {
   children: PropTypes__default['default'].node
 };
-var defaultProps$j = {
+var defaultProps$i = {
   children: null
 };
 
@@ -141,8 +138,8 @@ var FormsProvider = function FormsProvider(props) {
   }, props));
 };
 
-FormsProvider.propTypes = propTypes$j;
-FormsProvider.defaultProps = defaultProps$j;
+FormsProvider.propTypes = propTypes$i;
+FormsProvider.defaultProps = defaultProps$i;
 
 var useRouteParams = function useRouteParams() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -232,7 +229,7 @@ var createScreen = function createScreen(definition) {
 
 var styles$c = {"container":"micromag-editor-buttons-screen-container","button":"micromag-editor-buttons-screen-button","border":"micromag-editor-buttons-screen-border","screen":"micromag-editor-buttons-screen-screen","inner":"micromag-editor-buttons-screen-inner","icon":"micromag-editor-buttons-screen-icon","label":"micromag-editor-buttons-screen-label","active":"micromag-editor-buttons-screen-active"};
 
-var propTypes$i = {
+var propTypes$h = {
   active: PropTypes__default['default'].bool,
   id: PropTypes__default['default'].string,
   href: PropTypes__default['default'].string,
@@ -247,7 +244,7 @@ var propTypes$i = {
   }),
   className: PropTypes__default['default'].string
 };
-var defaultProps$i = {
+var defaultProps$h = {
   active: false,
   id: null,
   href: null,
@@ -296,8 +293,8 @@ var ScreenButton = function ScreenButton(_ref) {
   })));
 };
 
-ScreenButton.propTypes = propTypes$i;
-ScreenButton.defaultProps = defaultProps$i;
+ScreenButton.propTypes = propTypes$h;
+ScreenButton.defaultProps = defaultProps$h;
 var ScreenButton$1 = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
   return /*#__PURE__*/React__default['default'].createElement(ScreenButton, Object.assign({}, props, {
     refButton: ref
@@ -306,7 +303,7 @@ var ScreenButton$1 = /*#__PURE__*/React__default['default'].forwardRef(function
 
 var styles$b = {"container":"micromag-editor-menus-screens-container","placeholder":"micromag-editor-menus-screens-placeholder","preview":"micromag-editor-menus-screens-preview","screen":"micromag-editor-menus-screens-screen","item":"micromag-editor-menus-screens-item","items":"micromag-editor-menus-screens-items","button":"micromag-editor-menus-screens-button","settings":"micromag-editor-menus-screens-settings","isVertical":"micromag-editor-menus-screens-isVertical","noWrap":"micromag-editor-menus-screens-noWrap","withPlaceholder":"micromag-editor-menus-screens-withPlaceholder"};
 
-var propTypes$h = {
+var propTypes$g = {
   items: core.PropTypes.menuItems,
   withPreview: PropTypes__default['default'].bool,
   withPlaceholder: PropTypes__default['default'].bool,
@@ -322,7 +319,7 @@ var propTypes$h = {
   onClickItem: PropTypes__default['default'].func,
   onOrderChange: PropTypes__default['default'].func
 };
-var defaultProps$h = {
+var defaultProps$g = {
   items: [],
   withPreview: false,
   withPlaceholder: false,
@@ -451,18 +448,18 @@ var ScreensMenu = function ScreensMenu(_ref) {
   }, itemsElements));
 };
 
-ScreensMenu.propTypes = propTypes$h;
-ScreensMenu.defaultProps = defaultProps$h;
+ScreensMenu.propTypes = propTypes$g;
+ScreensMenu.defaultProps = defaultProps$g;
 
 var styles$a = {"container":"micromag-editor-menus-screen-types-container","row":"micromag-editor-menus-screen-types-row","title":"micromag-editor-menus-screen-types-title"};
 
-var propTypes$g = {
+var propTypes$f = {
   screens: core.PropTypes.screenDefinitions,
   selectedTypes: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
   className: PropTypes__default['default'].string,
   onClickItem: PropTypes__default['default'].func
 };
-var defaultProps$g = {
+var defaultProps$f = {
   screens: null,
   selectedTypes: null,
   className: null,
@@ -562,18 +559,18 @@ var ScreenTypes = function ScreenTypes(_ref) {
   })));
 };
 
-ScreenTypes.propTypes = propTypes$g;
-ScreenTypes.defaultProps = defaultProps$g;
+ScreenTypes.propTypes = propTypes$f;
+ScreenTypes.defaultProps = defaultProps$f;
 
 var styles$9 = {"container":"micromag-editor-modals-screen-types-container","selected":"micromag-editor-modals-screen-types-selected"};
 
-var propTypes$f = {
+var propTypes$e = {
   selectedTypes: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
   className: PropTypes__default['default'].string,
   onRequestClose: PropTypes__default['default'].func,
   onClickScreenType: PropTypes__default['default'].func
 };
-var defaultProps$f = {
+var defaultProps$e = {
   selectedTypes: null,
   className: null,
   onRequestClose: null,
@@ -602,12 +599,12 @@ var ScreenTypesModal = function ScreenTypesModal(_ref) {
   })));
 };
 
-ScreenTypesModal.propTypes = propTypes$f;
-ScreenTypesModal.defaultProps = defaultProps$f;
+ScreenTypesModal.propTypes = propTypes$e;
+ScreenTypesModal.defaultProps = defaultProps$e;
 
 var styles$8 = {"container":"micromag-editor-screens-container","navbar":"micromag-editor-screens-navbar"};
 
-var propTypes$e = {
+var propTypes$d = {
   value: PropTypes__default['default'].oneOfType([core.PropTypes.story, core.PropTypes.theme]),
   isTheme: PropTypes__default['default'].bool,
   isVertical: PropTypes__default['default'].bool,
@@ -617,7 +614,7 @@ var propTypes$e = {
   onChange: PropTypes__default['default'].func,
   className: PropTypes__default['default'].string
 };
-var defaultProps$e = {
+var defaultProps$d = {
   value: null,
   isTheme: false,
   isVertical: false,
@@ -824,15 +821,15 @@ var EditorScreens = function EditorScreens(_ref) {
   }) : null);
 };
 
-EditorScreens.propTypes = propTypes$e;
-EditorScreens.defaultProps = defaultProps$e;
+EditorScreens.propTypes = propTypes$d;
+EditorScreens.defaultProps = defaultProps$d;
 
 /* eslint-disable react/button-has-type, react/jsx-props-no-spreading */
-var propTypes$d = {
+var propTypes$c = {
   color: PropTypes__default['default'].string,
   className: PropTypes__default['default'].string
 };
-var defaultProps$d = {
+var defaultProps$c = {
   color: 'currentColor',
   className: null
 };
@@ -857,15 +854,15 @@ var DesktopIcon = function DesktopIcon(_ref) {
   }));
 };
 
-DesktopIcon.propTypes = propTypes$d;
-DesktopIcon.defaultProps = defaultProps$d;
+DesktopIcon.propTypes = propTypes$c;
+DesktopIcon.defaultProps = defaultProps$c;
 
 /* eslint-disable react/button-has-type, react/jsx-props-no-spreading */
-var propTypes$c = {
+var propTypes$b = {
   color: PropTypes__default['default'].string,
   className: PropTypes__default['default'].string
 };
-var defaultProps$c = {
+var defaultProps$b = {
   color: 'currentColor',
   className: null
 };
@@ -890,8 +887,8 @@ var MobileIcon = function MobileIcon(_ref) {
   }));
 };
 
-MobileIcon.propTypes = propTypes$c;
-MobileIcon.defaultProps = defaultProps$c;
+MobileIcon.propTypes = propTypes$b;
+MobileIcon.defaultProps = defaultProps$b;
 
 var DeviceIcons = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -901,12 +898,12 @@ var DeviceIcons = /*#__PURE__*/Object.freeze({
 
 var styles$7 = {"container":"micromag-editor-buttons-device-container","icon":"micromag-editor-buttons-device-icon"};
 
-var propTypes$b = {
+var propTypes$a = {
   device: PropTypes__default['default'].string.isRequired,
   iconComponents: core.PropTypes.components,
   className: PropTypes__default['default'].string
 };
-var defaultProps$b = {
+var defaultProps$a = {
   iconComponents: DeviceIcons,
   className: null
 };
@@ -925,17 +922,17 @@ var DeviceButton = function DeviceButton(_ref) {
   }));
 };
 
-DeviceButton.propTypes = propTypes$b;
-DeviceButton.defaultProps = defaultProps$b;
+DeviceButton.propTypes = propTypes$a;
+DeviceButton.defaultProps = defaultProps$a;
 
 var styles$6 = {"container":"micromag-editor-menus-devices-container","button":"micromag-editor-menus-devices-button"};
 
-var propTypes$a = {
+var propTypes$9 = {
   items: core.PropTypes.menuItems,
   className: PropTypes__default['default'].string,
   onClickItem: PropTypes__default['default'].func
 };
-var defaultProps$a = {
+var defaultProps$9 = {
   items: [],
   className: null,
   onClickItem: null
@@ -965,12 +962,12 @@ var DevicesMenu = function DevicesMenu(_ref) {
   });
 };
 
-DevicesMenu.propTypes = propTypes$a;
-DevicesMenu.defaultProps = defaultProps$a;
+DevicesMenu.propTypes = propTypes$9;
+DevicesMenu.defaultProps = defaultProps$9;
 
 var styles$5 = {"container":"micromag-editor-preview-container","noStory":"micromag-editor-preview-noStory","story":"micromag-editor-preview-story","inner":"micromag-editor-preview-inner","top":"micromag-editor-preview-top","bottom":"micromag-editor-preview-bottom","preview":"micromag-editor-preview-preview","viewerContainer":"micromag-editor-preview-viewerContainer","screen-medium":"micromag-editor-preview-screen-medium","withoutDevicesSizes":"micromag-editor-preview-withoutDevicesSizes"};
 
-var propTypes$9 = {
+var propTypes$8 = {
   value: PropTypes__default['default'].oneOfType([core.PropTypes.story, core.PropTypes.theme]),
   devices: core.PropTypes.devices,
   device: PropTypes__default['default'].string,
@@ -980,7 +977,7 @@ var propTypes$9 = {
   onScreenChange: PropTypes__default['default'].func,
   withoutDevicesSizes: PropTypes__default['default'].bool
 };
-var defaultProps$9 = {
+var defaultProps$8 = {
   value: null,
   devices: [{
     id: 'mobile',
@@ -1113,8 +1110,8 @@ var EditorPreview = function EditorPreview(_ref) {
   }))))));
 };
 
-EditorPreview.propTypes = propTypes$9;
-EditorPreview.defaultProps = defaultProps$9;
+EditorPreview.propTypes = propTypes$8;
+EditorPreview.defaultProps = defaultProps$8;
 
 var deleteScreen = function deleteScreen(story, screenId) {
   var _ref = story || {},
@@ -1181,95 +1178,6 @@ var getFieldByName = function getFieldByName(fields, name) {
   }, null);
 };
 
-var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
-  return (isArray__default['default'](path) ? path : [path]).reduce(function (foundField, key) {
-    if (foundField === null) {
-      return null;
-    }
-
-    var _foundField$type = foundField.type,
-        type = _foundField$type === void 0 ? null : _foundField$type;
-
-    var _ref = type !== null ? fieldManager.getDefinition(type) : foundField,
-        _ref$fields = _ref.fields,
-        subFields = _ref$fields === void 0 ? null : _ref$fields,
-        _ref$settings = _ref.settings,
-        settings = _ref$settings === void 0 ? null : _ref$settings,
-        _ref$itemsField = _ref.itemsField,
-        itemsField = _ref$itemsField === void 0 ? null : _ref$itemsField;
-
-    if (itemsField !== null && key.match(/^[0-9]+$/)) {
-      return _objectSpread__default['default'](_objectSpread__default['default']({}, itemsField), {}, {
-        name: path.join('/'),
-        listItems: true
-      });
-    }
-
-    return getFieldByName([].concat(_toConsumableArray__default['default'](subFields || []), _toConsumableArray__default['default'](settings || [])), key);
-  }, {
-    fields: fields
-  });
-};
-
-var getListItemFromScreen = function getListItemFromScreen(fieldParams, screen) {
-  var path = fieldParams.split('/');
-  var listKey = path.filter(function (_, i) {
-    return i < path.length - 1;
-  }).join('.');
-  var itemIndex = path.length > 0 ? parseInt(path[path.length - 1], 10) : null;
-  var list = get__default['default'](screen, listKey, null);
-  var item = list !== null ? list[itemIndex] : null;
-  return {
-    listKey: listKey,
-    itemIndex: itemIndex,
-    list: list,
-    item: item
-  };
-};
-
-var duplicateListItem = function duplicateListItem(fieldParams, story, screenIndex) {
-  var _ref = story || {},
-      _ref$components = _ref.components,
-      screens = _ref$components === void 0 ? [] : _ref$components;
-
-  var screen = screens.length > screenIndex ? screens[screenIndex] : null;
-
-  var _getListItemFromScree = getListItemFromScreen(fieldParams, screen),
-      listKey = _getListItemFromScree.listKey,
-      list = _getListItemFromScree.list,
-      item = _getListItemFromScree.item;
-
-  var newScreen = _objectSpread__default['default'](_objectSpread__default['default']({}, screen), {}, _defineProperty__default['default']({}, listKey, [].concat(_toConsumableArray__default['default'](list), [item])));
-
-  return _objectSpread__default['default'](_objectSpread__default['default']({}, story), {}, {
-    components: screens.map(function (scr, index) {
-      return index === screenIndex ? newScreen : scr;
-    })
-  });
-};
-
-var deleteListItem = function deleteListItem(fieldParams, story, screenIndex) {
-  var _ref = story || {},
-      _ref$components = _ref.components,
-      screens = _ref$components === void 0 ? [] : _ref$components;
-
-  var screen = screens.length > screenIndex ? screens[screenIndex] : null;
-
-  var _getListItemFromScree = getListItemFromScreen(fieldParams, screen),
-      listKey = _getListItemFromScree.listKey,
-      list = _getListItemFromScree.list,
-      itemIndex = _getListItemFromScree.itemIndex;
-
-  var newScreen = set__default['default'](_objectSpread__default['default']({}, screen), listKey, list.filter(function (it, index) {
-    return itemIndex !== index;
-  }));
-  return _objectSpread__default['default'](_objectSpread__default['default']({}, story), {}, {
-    components: screens.map(function (scr, index) {
-      return index === screenIndex ? newScreen : scr;
-    })
-  });
-};
-
 var useFormTransition = function useFormTransition(url, screenIndex, styles) {
   var lastPageRef = React.useRef({
     url: url,
@@ -1314,10 +1222,10 @@ var useFormTransition = function useFormTransition(url, screenIndex, styles) {
   };
 };
 
-var propTypes$8 = {
+var propTypes$7 = {
   className: PropTypes__default['default'].string
 };
-var defaultProps$8 = {
+var defaultProps$7 = {
   className: null
 };
 
@@ -1335,36 +1243,8 @@ var SettingsButton = function SettingsButton(_ref) {
   }, props));
 };
 
-SettingsButton.propTypes = propTypes$8;
-SettingsButton.defaultProps = defaultProps$8;
-
-var propTypes$7 = {
-  className: PropTypes__default['default'].string
-};
-var defaultProps$7 = {
-  className: null
-};
-
-var DeleteButton = function DeleteButton(_ref) {
-  var className = _ref.className,
-      props = _objectWithoutProperties__default['default'](_ref, ["className"]);
-
-  return /*#__PURE__*/React__default['default'].createElement(components.Button, Object.assign({
-    className: className,
-    theme: "danger",
-    size: "sm",
-    icon: /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, {
-      icon: freeSolidSvgIcons.faTrash
-    })
-  }, props));
-};
-
-DeleteButton.propTypes = propTypes$7;
-DeleteButton.defaultProps = defaultProps$7;
-
-({
-  className: PropTypes__default['default'].string
-});
+SettingsButton.propTypes = propTypes$7;
+SettingsButton.defaultProps = defaultProps$7;
 
 var styles$4 = {"container":"micromag-editor-menus-breadcrumb-container"};
 
@@ -1708,27 +1588,7 @@ var EditForm = function EditForm(_ref) {
   var screenIndex = screens.findIndex(function (it) {
     return it.id === screenId;
   });
-  var screen = screenIndex !== -1 ? screens[screenIndex] : null;
-
-  var _ref3 = screen || {},
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? null : _ref3$type;
-
-  var screensManager = contexts.useScreensManager();
-  var fieldsManager = contexts.useFieldsManager();
-
-  var _ref4 = type !== null ? screensManager.getDefinition(type) : {},
-      _ref4$fields = _ref4.fields,
-      fields = _ref4$fields === void 0 ? [] : _ref4$fields;
-
-  var currentField = React.useMemo(function () {
-    return fieldParams !== null ? getFieldFromPath(fieldParams.split('/'), fields, fieldsManager) : null;
-  }, [fieldParams, fields]);
-
-  var _ref5 = currentField || {},
-      _ref5$listItems = _ref5.listItems,
-      currentFieldListItems = _ref5$listItems === void 0 ? false : _ref5$listItems; // Get transition value
-
+  var screen = screenIndex !== -1 ? screens[screenIndex] : null; // Get transition value
 
   var _useFormTransition = useFormTransition(url, screenIndex, styles$1),
       transitionName = _useFormTransition.name,
@@ -1813,21 +1673,6 @@ var EditForm = function EditForm(_ref) {
   var onDeleteScreenCancel = React.useCallback(function () {
     setDeleteScreenModalOpened(false);
   }, [setDeleteScreenModalOpened]);
-  /* List item */
-
-  var onDeleteItemClick = React.useCallback(function () {
-    triggerOnChange(deleteListItem(fieldParams, value, screenIndex));
-    gotoFieldForm();
-  }, [fieldParams, value, screenIndex]); // eslint-disable-next-line no-unused-vars
-
-  React.useCallback(function () {
-    var path = fieldParams.split('/');
-    var listKey = path.length ? path[0] : null;
-    var field = typeof screen[listKey] !== 'undefined' ? screen[listKey] : null;
-    var fieldItemsCount = field !== null ? field.length : 0;
-    triggerOnChange(duplicateListItem(fieldParams, value, screenIndex));
-    gotoFieldForm("".concat(listKey, ".").concat(fieldItemsCount));
-  }, [fieldParams, screen, value, screenIndex]);
   var dropdownItems = [!isTheme ? {
     id: 'duplicate',
     type: 'button',
@@ -1897,19 +1742,7 @@ var EditForm = function EditForm(_ref) {
     closeFieldForm: closeFieldForm,
     fieldContext: fieldContext,
     onChange: onScreenFormChange
-  }), currentFieldListItems ? /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "m-2"
-  }, /*#__PURE__*/React__default['default'].createElement("hr", null), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "text-right"
-  }, /*#__PURE__*/React__default['default'].createElement(DeleteButton, {
-    onClick: onDeleteItemClick
-  }, /*#__PURE__*/React__default['default'].createElement(reactIntl.FormattedMessage, {
-    id: "CQ7Wmr",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Delete item"
-    }]
-  })))) : null)) : /*#__PURE__*/React__default['default'].createElement("div", {
+  }))) : /*#__PURE__*/React__default['default'].createElement("div", {
     className: classNames__default['default'](['w-100', styles$1.panel]),
     key: "screen-".concat(screen.id)
   }, /*#__PURE__*/React__default['default'].createElement(contexts.ScreenProvider, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.2.301",
+    "version": "0.2.302",
     "description": "",
     "keywords": [
         "javascript"
@@ -57,9 +57,9 @@
         "@fortawesome/react-fontawesome": "^0.1.13",
         "@micromag/core": "^0.2.301",
         "@micromag/elements": "^0.2.301",
-        "@micromag/fields": "^0.2.301",
-        "@micromag/screens": "^0.2.301",
-        "@micromag/viewer": "^0.2.301",
+        "@micromag/fields": "^0.2.302",
+        "@micromag/screens": "^0.2.302",
+        "@micromag/viewer": "^0.2.302",
         "classnames": "^2.2.6",
         "lodash": "^4.17.20",
         "prop-types": "^15.7.2",
@@ -74,5 +74,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "64ad343d46608aef6d024a68ff5a988174097f21"
+    "gitHead": "fadee1a6c357d259ca3d95ff89283c8813e08ded"
 }