@micromag/editor 0.4.38 → 0.4.41

package/es/index.js

@@ -281,6 +281,7 @@ function FieldWithContexts(_ref) {
 
 var styles$i = {"container":"micromag-editor-forms-screen-container","inner":"micromag-editor-forms-screen-inner"};
 
+/* eslint-disable react/no-array-index-key, no-alert */
 function ScreenForm(_ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
@@ -308,7 +309,7 @@ function ScreenForm(_ref) {
   //     }
   // }, [intl, onClickDelete, value]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$i.container, _defineProperty({}, className, className)])
+    className: classNames([styles$i.container, className])
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$i.inner
   }, fields !== null ? /*#__PURE__*/React.createElement(Fields, {
@@ -536,12 +537,13 @@ function Breadcrumb(_ref) {
     theme: "secondary",
     withoutBar: true,
     noWrap: true,
-    className: classNames([styles$h.container, 'text-truncate', _defineProperty({}, className, className !== null)])
+    className: classNames([styles$h.container, 'text-truncate', className])
   }));
 }
 
 var styles$g = {"container":"micromag-editor-modals-delete-screen-container","description":"micromag-editor-modals-delete-screen-description","actions":"micromag-editor-modals-delete-screen-actions"};
 
+/* eslint-disable react/button-has-type, react/jsx-props-no-spreading */
 function DeleteScreenModal(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className,
@@ -557,7 +559,7 @@ function DeleteScreenModal(_ref) {
         "value": "Delete screen"
       }]
     }),
-    className: classNames([styles$g.container, _defineProperty({}, className, className)]),
+    className: classNames([styles$g.container, className]),
     onClose: onCancel
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$g.description
@@ -1009,7 +1011,7 @@ function DeviceButton(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$7);
   var DeviceIcon = getComponentFromName(device, iconComponents, DesktopIcon);
   return /*#__PURE__*/React.createElement(Button, Object.assign({
-    className: classNames([styles$e.container, _defineProperty({}, className, className !== null)])
+    className: classNames([styles$e.container, className])
   }, props), /*#__PURE__*/React.createElement(DeviceIcon, {
     className: styles$e.icon
   }));
@@ -1029,7 +1031,7 @@ function DevicesMenu(_ref) {
   return /*#__PURE__*/React.createElement(Tabs, {
     items: items,
     theme: "outline-secondary",
-    className: classNames([styles$d.container, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles$d.container, className]),
     renderItemButton: function renderItemButton(item, index, props) {
       var id = item.id,
         itemProps = _objectWithoutProperties(item, _excluded$6);
@@ -1069,7 +1071,7 @@ function ScreenButton(_ref) {
     _ref$refButton = _ref.refButton,
     refButton = _ref$refButton === void 0 ? null : _ref$refButton;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$c.container, 'rounded', _defineProperty(_defineProperty({}, styles$c.active, active), className, className !== null)])
+    className: classNames([styles$c.container, 'rounded', className, _defineProperty({}, styles$c.active, active)])
   }, children !== null ? children : /*#__PURE__*/React.createElement("div", {
     className: styles$c.screen
   }, /*#__PURE__*/React.createElement("div", {
@@ -1139,7 +1141,7 @@ function ScreenWithPreview(_ref) {
   }, /*#__PURE__*/React.createElement(ScreenButton$1, {
     href: href,
     active: active,
-    className: classNames([styles$b.button, _defineProperty(_defineProperty({}, className, className !== null), styles$b.withIndex, withIndexIndicator || withName)]),
+    className: classNames([styles$b.button, className, _defineProperty({}, styles$b.withIndex, withIndexIndicator || withName)]),
     title: finalTitle,
     onClick: function onClick() {
       if (_onClick !== null) {
@@ -1197,7 +1199,7 @@ function ScreenStates(_ref) {
     return id === stateParam;
   }) !== -1 ? stateParam : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$a.container, _defineProperty({}, className, className !== null)])
+    className: classNames([styles$a.container, className])
   }, /*#__PURE__*/React.createElement("div", {
     className: "d-flex align-items-end m-n1"
   }, /*#__PURE__*/React.createElement("div", {
@@ -1227,11 +1229,11 @@ function ScreenStates(_ref) {
       fieldName = _state$fieldName === void 0 ? null : _state$fieldName;
     var repeatableItems = repeatable ? screen[fieldName || id] || [] : null;
     var onClickAdd = function onClickAdd() {
-      var _ref6 = value || {},
-        _ref6$components = _ref6.components,
-        currentComponentsValue = _ref6$components === void 0 ? [] : _ref6$components;
-      var currentScreenIndex = currentComponentsValue.findIndex(function (_ref7) {
-        var screenId = _ref7.id;
+      var _ref5 = value || {},
+        _ref5$components = _ref5.components,
+        currentComponentsValue = _ref5$components === void 0 ? [] : _ref5$components;
+      var currentScreenIndex = currentComponentsValue.findIndex(function (_ref6) {
+        var screenId = _ref6.id;
         return screen.id === screenId;
       });
       var currentScreenValue = currentComponentsValue[currentScreenIndex] || {};
@@ -1248,11 +1250,11 @@ function ScreenStates(_ref) {
       });
     };
     var onClickDelete = function onClickDelete(indexToDelete) {
-      var _ref8 = value || {},
-        _ref8$components = _ref8.components,
-        currentComponentsValue = _ref8$components === void 0 ? [] : _ref8$components;
-      var currentScreenIndex = currentComponentsValue.findIndex(function (_ref9) {
-        var screenId = _ref9.id;
+      var _ref7 = value || {},
+        _ref7$components = _ref7.components,
+        currentComponentsValue = _ref7$components === void 0 ? [] : _ref7$components;
+      var currentScreenIndex = currentComponentsValue.findIndex(function (_ref8) {
+        var screenId = _ref8.id;
         return screen.id === screenId;
       });
       var currentScreenValue = currentComponentsValue[currentScreenIndex] || {};
@@ -1435,7 +1437,7 @@ function EditorPreview(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$9.container, screens.map(function (screenName) {
       return styles$9["screen-".concat(screenName)];
-    }), _defineProperty(_defineProperty({}, className, className), styles$9.withoutDevicesSizes, withoutDevicesSizes)])
+    }), className, _defineProperty({}, styles$9.withoutDevicesSizes, withoutDevicesSizes)])
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$9.inner
   }, currentScreenStates !== null && currentScreen !== null ? /*#__PURE__*/React.createElement("div", {
@@ -2464,7 +2466,7 @@ function ScreensMenu(_ref) {
       item = _objectWithoutProperties(_ref2, _excluded$3);
     return /*#__PURE__*/React.createElement("li", {
       key: item.id,
-      className: classNames([styles$5.item, _defineProperty(_defineProperty({}, itemClassName, itemClassName !== null), itemCustomClassName, itemCustomClassName !== null)]),
+      className: classNames([styles$5.item, itemCustomClassName, itemClassName, {}]),
       "data-screen-id": item.id
     }, /*#__PURE__*/React.createElement(ScreenWithPreview, {
       index: index,
@@ -2481,23 +2483,23 @@ function ScreensMenu(_ref) {
       onClick: onClick,
       onClickItem: onClickItem
     }), settings !== null ? /*#__PURE__*/React.createElement("div", {
-      className: classNames([_defineProperty({}, settingsClassName, settingsClassName !== null), styles$5.settings, 'p-2'])
+      className: classNames([settingsClassName, styles$5.settings, 'p-2'])
     }, isFunction(settings) ? settings(index) : settings) : null);
   }) : [];
   var sortableItems = useMemo(function () {
-    return isTree ? items.map(function (_ref5) {
-      var id = _ref5.id,
-        _ref5$screen = _ref5.screen,
-        screen = _ref5$screen === void 0 ? {} : _ref5$screen,
-        href = _ref5.href,
-        props = _objectWithoutProperties(_ref5, _excluded2);
+    return isTree ? items.map(function (_ref3) {
+      var id = _ref3.id,
+        _ref3$screen = _ref3.screen,
+        screen = _ref3$screen === void 0 ? {} : _ref3$screen,
+        href = _ref3.href,
+        props = _objectWithoutProperties(_ref3, _excluded2);
       var _screen$parentId = screen.parentId,
         parentId = _screen$parentId === void 0 ? null : _screen$parentId,
         _screen$group = screen.group,
         group = _screen$group === void 0 ? {} : _screen$group;
-      var _ref6 = group || {},
-        _ref6$collapsed = _ref6.collapsed,
-        collapsed = _ref6$collapsed === void 0 ? true : _ref6$collapsed;
+      var _ref4 = group || {},
+        _ref4$collapsed = _ref4.collapsed,
+        collapsed = _ref4$collapsed === void 0 ? true : _ref4$collapsed;
       return {
         id: id,
         parentId: parentId,
@@ -2508,15 +2510,15 @@ function ScreensMenu(_ref) {
           href: href
         }, props)
       };
-    }, []) : items.map(function (_ref7) {
-      var id = _ref7.id;
+    }, []) : items.map(function (_ref5) {
+      var id = _ref5.id;
       return {
         id: id
       };
     });
   }, [items, isTree, items.length]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$5.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$5.noWrap, noWrap), styles$5.isVertical, isVertical), styles$5.isTree, isTree), styles$5.withPlaceholder, withPlaceholder), className, className)])
+    className: classNames([styles$5.container, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$5.noWrap, noWrap), styles$5.isVertical, isVertical), styles$5.isTree, isTree), styles$5.withPlaceholder, withPlaceholder)])
   }, isTree && !sortable ? /*#__PURE__*/React.createElement(SortableTree, {
     items: sortableItems,
     component: ScreenWithPreview,
@@ -2613,13 +2615,13 @@ function ScreenTypes(_ref) {
     return orderBy(groupItems, ['order', 'name'], ['asc', 'asc']);
   }, [finalDefinitions, selectedTypes]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$4.container, _defineProperty({}, className, className)])
+    className: classNames([styles$4.container, className])
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$4.rows
-  }, groups.map(function (_ref7) {
-    var id = _ref7.id,
-      name = _ref7.name,
-      items = _ref7.items;
+  }, groups.map(function (_ref6) {
+    var id = _ref6.id,
+      name = _ref6.name,
+      items = _ref6.items;
     return /*#__PURE__*/React.createElement("div", {
       key: "group-".concat(id),
       className: styles$4.row
@@ -2643,6 +2645,7 @@ function ScreenTypes(_ref) {
 
 var styles$3 = {"container":"micromag-editor-modals-screen-types-container"};
 
+/* eslint-disable react/button-has-type, react/jsx-props-no-spreading */
 function ScreenTypesModal(_ref) {
   var _ref$selectedTypes = _ref.selectedTypes,
     selectedTypes = _ref$selectedTypes === void 0 ? null : _ref$selectedTypes,
@@ -2660,7 +2663,7 @@ function ScreenTypesModal(_ref) {
         "value": "Add a screen"
       }]
     }),
-    className: classNames([styles$3.container, _defineProperty({}, className, className)]),
+    className: classNames([styles$3.container, className]),
     onClose: onRequestClose
   }, /*#__PURE__*/React.createElement(ScreenTypes, {
     selectedTypes: selectedTypes,
@@ -3033,7 +3036,7 @@ function Editor(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$1.container, screenSize !== null ? screenSize.screens.map(function (screenName) {
       return styles$1["screen-".concat(screenName)];
-    }) : null, _defineProperty(_defineProperty({}, styles$1.fullscreen, fullscreen), className, className)]),
+    }) : null, className, _defineProperty({}, styles$1.fullscreen, fullscreen)]),
     ref: refContainer
   }, /*#__PURE__*/React.createElement(Navbar, {
     theme: "light",
@@ -3143,7 +3146,7 @@ function SettingsForm(_ref) {
     }
   }, [value, onChange]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className)])
+    className: classNames([styles.container, className])
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.inner
   }, /*#__PURE__*/React.createElement(SettingsComponent, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.4.38",
+    "version": "0.4.41",
     "private": false,
     "description": "",
     "keywords": [
@@ -69,12 +69,12 @@
         "@fortawesome/fontawesome-svg-core": "^7.2.0",
         "@fortawesome/free-solid-svg-icons": "^7.2.0",
         "@fortawesome/react-fontawesome": "^3.2.0",
-        "@micromag/core": "^0.4.38",
-        "@micromag/elements": "^0.4.38",
-        "@micromag/fields": "^0.4.38",
-        "@micromag/screens": "^0.4.38",
-        "@micromag/viewer": "^0.4.38",
-        "@panneau/uppy": "^4.0.21",
+        "@micromag/core": "^0.4.41",
+        "@micromag/elements": "^0.4.41",
+        "@micromag/fields": "^0.4.41",
+        "@micromag/screens": "^0.4.41",
+        "@micromag/viewer": "^0.4.41",
+        "@panneau/uppy": "^4.0.27",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -87,6 +87,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "e984a8b97d5c87914dd4844ff29628a5690edd6f",
+    "gitHead": "c7856a747ba0a4466f4b63bc29e31003275ac6e0",
     "types": "es/index.d.ts"
 }