@micromag/editor 0.3.700 → 0.3.702

package/es/index.js

@@ -523,19 +523,19 @@ var Breadcrumb = function Breadcrumb(_ref) {
         parentItem = !addNewItem ? item : null;
         return nextField;
       }, {
-        fields: stateId === null ? screenFields : screenFields.filter(function (_ref10) {
-          var _ref10$stateId = _ref10.stateId,
-            fieldStateId = _ref10$stateId === void 0 ? null : _ref10$stateId;
+        fields: stateId === null ? screenFields : screenFields.filter(function (_ref0) {
+          var _ref0$stateId = _ref0.stateId,
+            fieldStateId = _ref0$stateId === void 0 ? null : _ref0$stateId;
           return fieldStateId === null || fieldStateId === stateId;
         })
       });
     }
-    var _ref11 = screenParameters || {},
-      _ref11$metadata = _ref11.metadata,
-      metadata = _ref11$metadata === void 0 ? null : _ref11$metadata;
-    var _ref12 = metadata || {},
-      _ref12$title = _ref12.title,
-      title = _ref12$title === void 0 ? null : _ref12$title;
+    var _ref1 = screenParameters || {},
+      _ref1$metadata = _ref1.metadata,
+      metadata = _ref1$metadata === void 0 ? null : _ref1$metadata;
+    var _ref10 = metadata || {},
+      _ref10$title = _ref10.title,
+      title = _ref10$title === void 0 ? null : _ref10$title;
     var typeTitle = screenTitle !== null ? /*#__PURE__*/React.createElement(FormattedMessage, screenTitle) : null;
     var parametersMessage = intl.formatMessage({
       id: "AHvHaY",
@@ -781,20 +781,20 @@ var EditForm = function EditForm(_ref) {
     setScreenSettingsOpened(false);
   }, [setScreenSettingsOpened]);
   var onDeleteScreenConfirm = useCallback(function () {
-    var current = screens.findIndex(function (_ref10) {
-      var _ref10$id = _ref10.id,
-        scrId = _ref10$id === void 0 ? null : _ref10$id;
+    var current = screens.findIndex(function (_ref0) {
+      var _ref0$id = _ref0.id,
+        scrId = _ref0$id === void 0 ? null : _ref0$id;
       return scrId === screenId;
     }) || 0;
-    var previous = screens.find(function (_ref11, i) {
-      var _ref11$id = _ref11.id,
-        scrId = _ref11$id === void 0 ? null : _ref11$id;
+    var previous = screens.find(function (_ref1, i) {
+      var _ref1$id = _ref1.id,
+        scrId = _ref1$id === void 0 ? null : _ref1$id;
       return scrId !== screenId && (i === current - 1 || current === 0);
     }) || null;
     if (previous !== null) {
-      var _ref12 = previous || {},
-        _ref12$id = _ref12.id,
-        firstScreenId = _ref12$id === void 0 ? null : _ref12$id;
+      var _ref10 = previous || {},
+        _ref10$id = _ref10.id,
+        firstScreenId = _ref10$id === void 0 ? null : _ref10$id;
       routePush('screen', {
         screen: firstScreenId
       });
@@ -2258,9 +2258,9 @@ var SortableTree = function SortableTree(_ref2) {
     offsetLeft = _useState8[0],
     setOffsetLeft = _useState8[1];
   var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    currentPosition = _useState10[0],
-    setCurrentPosition = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    currentPosition = _useState0[0],
+    setCurrentPosition = _useState0[1];
 
   // Tree setup from list
   useEffect(function () {
@@ -2288,11 +2288,11 @@ var SortableTree = function SortableTree(_ref2) {
     items: flattenedItems,
     offset: offsetLeft
   });
-  var _useState11 = useState(function () {
+  var _useState1 = useState(function () {
       return sortableTreeKeyboardCoordinates(sensorContext, indentationWidth);
     }),
-    _useState12 = _slicedToArray(_useState11, 1),
-    coordinateGetter = _useState12[0];
+    _useState10 = _slicedToArray(_useState1, 1),
+    coordinateGetter = _useState10[0];
   var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
     coordinateGetter: coordinateGetter
   }));
@@ -2390,12 +2390,12 @@ var SortableTree = function SortableTree(_ref2) {
       defaultId = _ref9$id === void 0 ? null : _ref9$id;
     return defaultId === activeId;
   });
-  var handleDragStart = useCallback(function (_ref10) {
-    var newActiveId = _ref10.active.id;
+  var handleDragStart = useCallback(function (_ref0) {
+    var newActiveId = _ref0.active.id;
     setActiveId(newActiveId);
     setOverId(newActiveId);
-    var newActiveItem = flattenedItems.find(function (_ref11) {
-      var id = _ref11.id;
+    var newActiveItem = flattenedItems.find(function (_ref1) {
+      var id = _ref1.id;
       return id === newActiveId;
     });
     if (newActiveItem) {
@@ -2406,13 +2406,13 @@ var SortableTree = function SortableTree(_ref2) {
     }
     document.body.style.setProperty('cursor', 'grabbing');
   }, [flattenedItems, setActiveId, setOverId, setCurrentPosition]);
-  var handleDragMove = useCallback(function (_ref12) {
-    var delta = _ref12.delta;
+  var handleDragMove = useCallback(function (_ref10) {
+    var delta = _ref10.delta;
     setOffsetLeft(delta.x);
   }, [setOffsetLeft]);
-  var handleDragOver = useCallback(function (_ref13) {
+  var handleDragOver = useCallback(function (_ref11) {
     var _over$id;
-    var over = _ref13.over;
+    var over = _ref11.over;
     setOverId((_over$id = over === null || over === void 0 ? void 0 : over.id) !== null && _over$id !== void 0 ? _over$id : null);
   }, [setOverId]);
   var resetState = useCallback(function () {
@@ -2422,20 +2422,20 @@ var SortableTree = function SortableTree(_ref2) {
     setCurrentPosition(null);
     document.body.style.setProperty('cursor', '');
   }, [setOverId, setActiveId, setOffsetLeft, setCurrentPosition]);
-  var handleDragEnd = useCallback(function (_ref14) {
-    var active = _ref14.active,
-      over = _ref14.over;
+  var handleDragEnd = useCallback(function (_ref12) {
+    var active = _ref12.active,
+      over = _ref12.over;
     resetState();
     if (projected && over) {
       var depth = projected.depth,
         parentId = projected.parentId;
       var clonedItems = JSON.parse(JSON.stringify(flattenTree(items)));
-      var overIndex = clonedItems.findIndex(function (_ref15) {
-        var id = _ref15.id;
+      var overIndex = clonedItems.findIndex(function (_ref13) {
+        var id = _ref13.id;
         return id === over.id;
       });
-      var activeIndex = clonedItems.findIndex(function (_ref16) {
-        var id = _ref16.id;
+      var activeIndex = clonedItems.findIndex(function (_ref14) {
+        var id = _ref14.id;
         return id === active.id;
       });
       var activeTreeItem = clonedItems[activeIndex];
@@ -2444,8 +2444,8 @@ var SortableTree = function SortableTree(_ref2) {
       if (depth > 0 && depth >= maxDepth && (activeTreeItem === null || activeTreeItem === void 0 ? void 0 : activeTreeItem.children) !== null && activeTreeItem.children.length > 0) {
         var _loop2 = function _loop2() {
           var childId = activeTreeItem.children[i].id;
-          var childIndex = clonedItems.findIndex(function (_ref17) {
-            var id = _ref17.id;
+          var childIndex = clonedItems.findIndex(function (_ref15) {
+            var id = _ref15.id;
             return id === childId;
           });
           clonedItems[childIndex].parentId = parentId;
@@ -2466,14 +2466,14 @@ var SortableTree = function SortableTree(_ref2) {
       if (onChange !== null) {
         // console.log('hell is flat', sortedItems);
         // console.log('hell is tree', newItems);
-        onChange((sortedItems || []).map(function (_ref18) {
-          var itemId = _ref18.id,
-            _ref18$children = _ref18.children,
-            children = _ref18$children === void 0 ? [] : _ref18$children,
-            _ref18$parentId = _ref18.parentId,
-            itParentId = _ref18$parentId === void 0 ? null : _ref18$parentId,
-            _ref18$collapsed = _ref18.collapsed,
-            collapsed = _ref18$collapsed === void 0 ? false : _ref18$collapsed;
+        onChange((sortedItems || []).map(function (_ref16) {
+          var itemId = _ref16.id,
+            _ref16$children = _ref16.children,
+            children = _ref16$children === void 0 ? [] : _ref16$children,
+            _ref16$parentId = _ref16.parentId,
+            itParentId = _ref16$parentId === void 0 ? null : _ref16$parentId,
+            _ref16$collapsed = _ref16.collapsed,
+            collapsed = _ref16$collapsed === void 0 ? false : _ref16$collapsed;
           return {
             id: itemId,
             props: _objectSpread(_objectSpread({}, (children || []).length > 0 ? {
@@ -2525,16 +2525,16 @@ var SortableTree = function SortableTree(_ref2) {
   }, /*#__PURE__*/React.createElement(SortableContext, {
     items: sortedIds,
     strategy: verticalListSortingStrategy
-  }, flattenedItems.map(function (_ref19, idx) {
+  }, flattenedItems.map(function (_ref17, idx) {
     var _flattenedItems;
-    var id = _ref19.id,
-      _ref19$children = _ref19.children,
-      children = _ref19$children === void 0 ? [] : _ref19$children,
-      collapsed = _ref19.collapsed,
-      depth = _ref19.depth;
-    var screenValue = defaultItems.find(function (_ref20) {
-      var _ref20$id = _ref20.id,
-        defaultId = _ref20$id === void 0 ? null : _ref20$id;
+    var id = _ref17.id,
+      _ref17$children = _ref17.children,
+      children = _ref17$children === void 0 ? [] : _ref17$children,
+      collapsed = _ref17.collapsed,
+      depth = _ref17.depth;
+    var screenValue = defaultItems.find(function (_ref18) {
+      var _ref18$id = _ref18.id,
+        defaultId = _ref18$id === void 0 ? null : _ref18$id;
       return defaultId === id;
     });
     var next = ((_flattenedItems = flattenedItems[idx + 1]) === null || _flattenedItems === void 0 ? void 0 : _flattenedItems.parentId) || null;
@@ -2544,9 +2544,9 @@ var SortableTree = function SortableTree(_ref2) {
     } : null;
     var currentDepth = id === activeId && projected ? projected.depth : depth;
     var childCount = getChildCount(items, id);
-    var childValue = childCount > 0 && collapsed ? defaultItems.slice().reverse().find(function (_ref21) {
-      var _ref21$parentId = _ref21.parentId,
-        parentId = _ref21$parentId === void 0 ? null : _ref21$parentId;
+    var childValue = childCount > 0 && collapsed ? defaultItems.slice().reverse().find(function (_ref19) {
+      var _ref19$parentId = _ref19.parentId,
+        parentId = _ref19$parentId === void 0 ? null : _ref19$parentId;
       return parentId === id;
     }) : null;
     return /*#__PURE__*/React.createElement("div", {
@@ -2585,8 +2585,8 @@ var SortableTree = function SortableTree(_ref2) {
     component: component,
     value: activeValue === null || activeValue === void 0 ? void 0 : activeValue.value,
     onClickItem: onClickItem,
-    index: flattenedItems.findIndex(function (_ref23) {
-      var id = _ref23.id;
+    index: flattenedItems.findIndex(function (_ref21) {
+      var id = _ref21.id;
       return activeId === id;
     })
   })) : null), document.body)));
@@ -2983,36 +2983,36 @@ var EditorScreens = function EditorScreens(_ref) {
       var props = _ref9.props;
       return props !== null;
     }) || []).length > 0;
-    var _ref10 = value || {},
-      _ref10$components = _ref10.components,
-      currentScreens = _ref10$components === void 0 ? [] : _ref10$components;
-    var currentIds = currentScreens.map(function (_ref11) {
-      var id = _ref11.id;
+    var _ref0 = value || {},
+      _ref0$components = _ref0.components,
+      currentScreens = _ref0$components === void 0 ? [] : _ref0$components;
+    var currentIds = currentScreens.map(function (_ref1) {
+      var id = _ref1.id;
       return id;
     });
-    var sameOrder = listItems.reduce(function (same, _ref12, index) {
-      var id = _ref12.id;
+    var sameOrder = listItems.reduce(function (same, _ref10, index) {
+      var id = _ref10.id;
       return same && id === currentIds[index];
     }, true);
     if (!sameOrder || hasScreenProps) {
       var newValue = _objectSpread(_objectSpread({}, value), {}, {
-        components: _toConsumableArray(currentScreens).sort(function (_ref13, _ref14) {
-          var idA = _ref13.id;
-          var idB = _ref14.id;
+        components: _toConsumableArray(currentScreens).sort(function (_ref11, _ref12) {
+          var idA = _ref11.id;
+          var idB = _ref12.id;
           var indexA = ids.indexOf(idA);
           var indexB = ids.indexOf(idB);
           if (indexA === indexB) {
             return 0;
           }
           return indexA > indexB ? 1 : -1;
-        }).map(function (_ref15) {
+        }).map(function (_ref13) {
           var _screenProps$find;
-          var id = _ref15.id,
-            props = _objectWithoutProperties(_ref15, _excluded$1);
+          var id = _ref13.id,
+            props = _objectWithoutProperties(_ref13, _excluded$1);
           return _objectSpread(_objectSpread({
             id: id
-          }, props), (_screenProps$find = screenProps.find(function (_ref16) {
-            var propsId = _ref16.id;
+          }, props), (_screenProps$find = screenProps.find(function (_ref14) {
+            var propsId = _ref14.id;
             return propsId === id;
           })) === null || _screenProps$find === void 0 ? void 0 : _screenProps$find.props);
         })
@@ -3025,8 +3025,8 @@ var EditorScreens = function EditorScreens(_ref) {
   }, [value, onChange]);
   var onClickScreenType = useCallback(function (definition) {
     setCreateModalOpened(false);
-    var currentScreen = isTheme ? screens.find(function (_ref17) {
-      var type = _ref17.type;
+    var currentScreen = isTheme ? screens.find(function (_ref15) {
+      var type = _ref15.type;
       return type === definition.id;
     }) || null : null;
     if (!isTheme || currentScreen === null) {
@@ -3069,9 +3069,9 @@ var EditorScreens = function EditorScreens(_ref) {
     className: "flex-grow-1 d-flex w-100 p-2"
   }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
     path: "".concat(routes.screen, "/(.*)?")
-  }, function (_ref18) {
-    var _ref18$screen = _ref18.screen,
-      screenId = _ref18$screen === void 0 ? null : _ref18$screen;
+  }, function (_ref16) {
+    var _ref16$screen = _ref16.screen,
+      screenId = _ref16$screen === void 0 ? null : _ref16$screen;
     return screens.length > 0 ? /*#__PURE__*/React.createElement(ScreensMenu, {
       items: screens.map(function (it) {
         return {
@@ -3132,8 +3132,8 @@ var EditorScreens = function EditorScreens(_ref) {
       "value": "Create your first screen"
     }]
   })))))), createModalOpened ? /*#__PURE__*/React.createElement(ScreenTypesModal, {
-    selectedTypes: isTheme ? screens.map(function (_ref19) {
-      var type = _ref19.type;
+    selectedTypes: isTheme ? screens.map(function (_ref17) {
+      var type = _ref17.type;
       return type;
     }) : [],
     onClickScreenType: onClickScreenType,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.3.700",
+    "version": "0.3.702",
     "private": false,
     "description": "",
     "keywords": [
@@ -74,8 +74,8 @@
         "@micromag/core": "^0.3.679",
         "@micromag/elements": "^0.3.700",
         "@micromag/fields": "^0.3.699",
-        "@micromag/screens": "^0.3.700",
-        "@micromag/viewer": "^0.3.700",
+        "@micromag/screens": "^0.3.702",
+        "@micromag/viewer": "^0.3.702",
         "@panneau/uppy": "^3.0.162",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
@@ -91,5 +91,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "b335d7d45cc5a556a4b4bb9c68e52809501cc6e1"
+    "gitHead": "32ebadd6d81e82991e0b70200c38c91d51ba357a"
 }