@micromag/editor 0.3.545 → 0.3.547

package/es/index.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
-import { Button, FieldForm, BackButton, Breadcrumb as Breadcrumb$2, Modal, ModalDialog, Label, Navbar, DropdownMenu, Empty, Tabs, ScreenPlaceholder, ScreenPreview, Modals } from '@micromag/core/components';
+import { Button, FieldForm, BackButton, Breadcrumb as Breadcrumb$1, Modal, ModalDialog, Label, Navbar, DropdownMenu, Empty, Tabs, ScreenPlaceholder, ScreenPreview, Modals } from '@micromag/core/components';
 import { useRoutes, useScreenDefinition, useFormsComponents, useScreensManager, useFieldsManager, useFieldsComponentsManager, useUrlGenerator, useRoutePush, ScreenProvider, useScreenSize, PlaybackProvider, ModalsProvider, PanelsProvider, ScreenSizeProvider, useFieldComponent, ComponentsProvider, FORMS_NAMESPACE, StoryProvider, GoogleKeysProvider, GoogleMapsClientProvider, FontsProvider, EditorProvider, VisitorProvider, ComponentsContext, RoutesProvider } from '@micromag/core/contexts';
 import { useIsVisible, useParsedStory, useDimensionObserver, useScreenSizeFromElement, useMediasParser } from '@micromag/core/hooks';
 import { getScreenFieldsWithStates, getScreenExtraField, isMessage, slug, getComponentFromName, getDeviceScreens } from '@micromag/core/utils';
@@ -238,7 +238,6 @@ var SettingsButton = function SettingsButton(_ref) {
 };
 SettingsButton.propTypes = propTypes$o;
 SettingsButton.defaultProps = defaultProps$o;
-var SettingsButton$1 = SettingsButton;
 
 var _excluded$8 = ["name", "form"];
 var propTypes$n = {
@@ -299,7 +298,6 @@ var FieldWithContexts = function FieldWithContexts(_ref) {
 };
 FieldWithContexts.propTypes = propTypes$n;
 FieldWithContexts.defaultProps = defaultProps$n;
-var FieldWithContexts$1 = FieldWithContexts;
 
 var styles$i = {"container":"micromag-editor-forms-screen-container","inner":"micromag-editor-forms-screen-inner"};
 
@@ -354,7 +352,6 @@ var ScreenForm = function ScreenForm(_ref) {
 };
 ScreenForm.propTypes = propTypes$m;
 ScreenForm.defaultProps = defaultProps$m;
-var ScreenForm$1 = ScreenForm;
 
 var styles$h = {"container":"micromag-editor-menus-breadcrumb-container"};
 
@@ -577,7 +574,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, withBack ? /*#__PURE__*/React.createElement(BackButton, {
     onClick: onClickBack,
     className: "me-2 py-0"
-  }) : null, /*#__PURE__*/React.createElement(Breadcrumb$2, {
+  }) : null, /*#__PURE__*/React.createElement(Breadcrumb$1, {
     items: items,
     theme: "secondary",
     withoutBar: true,
@@ -587,7 +584,6 @@ var Breadcrumb = function Breadcrumb(_ref) {
 };
 Breadcrumb.propTypes = propTypes$l;
 Breadcrumb.defaultProps = defaultProps$l;
-var Breadcrumb$1 = Breadcrumb;
 
 var styles$g = {"container":"micromag-editor-modals-delete-screen-container","description":"micromag-editor-modals-delete-screen-description","actions":"micromag-editor-modals-delete-screen-actions"};
 
@@ -648,7 +644,6 @@ var DeleteScreenModal = function DeleteScreenModal(_ref) {
 };
 DeleteScreenModal.propTypes = propTypes$k;
 DeleteScreenModal.defaultProps = defaultProps$k;
-var DeleteScreenModal$1 = DeleteScreenModal;
 
 var styles$f = {"panel":"micromag-editor-form-panel","exit":"micromag-editor-form-exit","content":"micromag-editor-form-content","navbar":"micromag-editor-form-navbar","enterRight":"micromag-editor-form-enterRight","enterLeft":"micromag-editor-form-enterLeft","enterTop":"micromag-editor-form-enterTop","enterBottom":"micromag-editor-form-enterBottom","enterActiveHorizontal":"micromag-editor-form-enterActiveHorizontal","enterActiveVertical":"micromag-editor-form-enterActiveVertical","exitActiveRight":"micromag-editor-form-exitActiveRight","exitActiveLeft":"micromag-editor-form-exitActiveLeft","exitActiveTop":"micromag-editor-form-exitActiveTop","exitActiveBottom":"micromag-editor-form-exitActiveBottom"};
 
@@ -843,7 +838,7 @@ var EditForm = function EditForm(_ref) {
     noWrap: true,
     withoutCollapse: true,
     className: classNames(['sticky-top', 'border-bottom', 'border-dark', styles$f.navbar])
-  }, /*#__PURE__*/React.createElement(Breadcrumb$1, {
+  }, /*#__PURE__*/React.createElement(Breadcrumb, {
     story: value,
     url: url,
     screenId: screenId,
@@ -852,7 +847,7 @@ var EditForm = function EditForm(_ref) {
     className: "me-auto"
   }), fieldParams === null ? /*#__PURE__*/React.createElement("div", {
     className: "dropdown"
-  }, /*#__PURE__*/React.createElement(SettingsButton$1, {
+  }, /*#__PURE__*/React.createElement(SettingsButton, {
     onClick: onSettingsClick,
     dots: true,
     className: "py-0",
@@ -878,7 +873,7 @@ var EditForm = function EditForm(_ref) {
     className: classNames(['w-100', styles$f.panel])
   }, /*#__PURE__*/React.createElement(ScreenProvider, {
     data: screen
-  }, /*#__PURE__*/React.createElement(FieldWithContexts$1, {
+  }, /*#__PURE__*/React.createElement(FieldWithContexts, {
     name: fieldParams.replace(/\//g, '.'),
     value: screen,
     form: formParams,
@@ -896,7 +891,7 @@ var EditForm = function EditForm(_ref) {
     key: "screen-".concat(screen.id)
   }, /*#__PURE__*/React.createElement(ScreenProvider, {
     data: screen
-  }, /*#__PURE__*/React.createElement(ScreenForm$1, {
+  }, /*#__PURE__*/React.createElement(ScreenForm, {
     value: screen,
     className: styles$f.form,
     onChange: onScreenFormChange,
@@ -911,14 +906,13 @@ var EditForm = function EditForm(_ref) {
       "value": "Select a screen..."
     }],
     decription: "Indication to select a screen to view the form"
-  }))), deleteScreenModalOpened ? /*#__PURE__*/React.createElement(DeleteScreenModal$1, {
+  }))), deleteScreenModalOpened ? /*#__PURE__*/React.createElement(DeleteScreenModal, {
     onConfirm: onDeleteScreenConfirm,
     onCancel: onDeleteScreenCancel
   }) : null);
 };
 EditForm.propTypes = propTypes$j;
 EditForm.defaultProps = defaultProps$j;
-var EditorForm = EditForm;
 
 function useScreenStates(screen) {
   var _ref = screen || {},
@@ -983,7 +977,6 @@ var DesktopIcon = function DesktopIcon(_ref) {
 };
 DesktopIcon.propTypes = propTypes$i;
 DesktopIcon.defaultProps = defaultProps$i;
-var DesktopIcon$1 = DesktopIcon;
 
 /* eslint-disable react/button-has-type, react/jsx-props-no-spreading */
 var propTypes$h = {
@@ -1019,7 +1012,7 @@ var MobileIcon$1 = MobileIcon;
 
 var DeviceIcons = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    Desktop: DesktopIcon$1,
+    Desktop: DesktopIcon,
     Mobile: MobileIcon$1
 });
 
@@ -1040,7 +1033,7 @@ var DeviceButton = function DeviceButton(_ref) {
     className = _ref.className,
     iconComponents = _ref.iconComponents,
     props = _objectWithoutProperties(_ref, _excluded$6);
-  var DeviceIcon = getComponentFromName(device, iconComponents, DesktopIcon$1);
+  var DeviceIcon = getComponentFromName(device, iconComponents, DesktopIcon);
   return /*#__PURE__*/React.createElement(Button, Object.assign({
     className: classNames([styles$d.container, _defineProperty({}, className, className !== null)])
   }, props), /*#__PURE__*/React.createElement(DeviceIcon, {
@@ -1049,7 +1042,6 @@ var DeviceButton = function DeviceButton(_ref) {
 };
 DeviceButton.propTypes = propTypes$g;
 DeviceButton.defaultProps = defaultProps$g;
-var DeviceButton$1 = DeviceButton;
 
 var _excluded$5 = ["id"];
 var propTypes$f = {
@@ -1073,7 +1065,7 @@ var DevicesMenu = function DevicesMenu(_ref) {
     renderItemButton: function renderItemButton(item, index, props) {
       var id = item.id,
         itemProps = _objectWithoutProperties(item, _excluded$5);
-      return /*#__PURE__*/React.createElement(DeviceButton$1, Object.assign({
+      return /*#__PURE__*/React.createElement(DeviceButton, Object.assign({
         device: id
       }, props, itemProps, {
         className: styles$e.button,
@@ -1086,7 +1078,6 @@ var DevicesMenu = function DevicesMenu(_ref) {
 };
 DevicesMenu.propTypes = propTypes$f;
 DevicesMenu.defaultProps = defaultProps$f;
-var DevicesMenu$1 = DevicesMenu;
 
 var styles$c = {"container":"micromag-editor-buttons-screen-container","button":"micromag-editor-buttons-screen-button","screen":"micromag-editor-buttons-screen-screen","inner":"micromag-editor-buttons-screen-inner","border":"micromag-editor-buttons-screen-border","icon":"micromag-editor-buttons-screen-icon","label":"micromag-editor-buttons-screen-label","active":"micromag-editor-buttons-screen-active"};
 
@@ -1247,7 +1238,6 @@ var ScreenWithPreview = function ScreenWithPreview(_ref) {
 };
 ScreenWithPreview.propTypes = propTypes$d;
 ScreenWithPreview.defaultProps = defaultProps$d;
-var ScreenWithPreview$1 = ScreenWithPreview;
 
 var styles$a = {"container":"micromag-editor-partials-screen-states-container","button":"micromag-editor-partials-screen-states-button","addButton":"micromag-editor-partials-screen-states-addButton","title":"micromag-editor-partials-screen-states-title"};
 
@@ -1370,7 +1360,7 @@ function ScreenStates(_ref) {
     }, repeatableItems.map(function (item, index) {
       return /*#__PURE__*/React.createElement("li", {
         className: "p-1"
-      }, /*#__PURE__*/React.createElement(ScreenWithPreview$1, {
+      }, /*#__PURE__*/React.createElement(ScreenWithPreview, {
         index: index,
         withIndexIndicator: true,
         withDeleteButtonOnRepeatables: true,
@@ -1397,7 +1387,7 @@ function ScreenStates(_ref) {
         icon: faPlus
       }),
       onClick: onClickAdd
-    })) : null) : /*#__PURE__*/React.createElement(ScreenWithPreview$1, {
+    })) : null) : /*#__PURE__*/React.createElement(ScreenWithPreview, {
       screen: screen,
       screenState: id,
       className: styles$a.button,
@@ -1578,7 +1568,7 @@ var EditorPreview = function EditorPreview(_ref) {
     withoutMenu: true
   })))))), !withoutDevicesSizes ? /*#__PURE__*/React.createElement("div", {
     className: styles$9.deviceMenu
-  }, /*#__PURE__*/React.createElement(DevicesMenu$1, {
+  }, /*#__PURE__*/React.createElement(DevicesMenu, {
     items: devices.map(function (it) {
       return _objectSpread(_objectSpread({}, it), {}, {
         active: it.id === deviceId
@@ -1590,7 +1580,6 @@ var EditorPreview = function EditorPreview(_ref) {
 };
 EditorPreview.propTypes = propTypes$b;
 EditorPreview.defaultProps = defaultProps$b;
-var EditorPreview$1 = EditorPreview;
 
 var iOS = /iPad|iPhone|iPod/.test(navigator.platform);
 function getDragDepth(offset, indentationWidth) {
@@ -2047,7 +2036,6 @@ var SortableTreeItemActions = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 SortableTreeItemActions.propTypes = propTypes$a;
 SortableTreeItemActions.defaultProps = defaultProps$a;
-var SortableTreeItemActions$1 = SortableTreeItemActions;
 
 var styles$7 = {"container":"micromag-editor-sortable-sortable-tree-item-container","parent":"micromag-editor-sortable-sortable-tree-item-parent","child":"micromag-editor-sortable-sortable-tree-item-child"};
 
@@ -2151,7 +2139,7 @@ var SortableTreeItem = function SortableTreeItem(_ref2) {
   }, [onPointerUp]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$7.container])
-  }, /*#__PURE__*/React.createElement(SortableTreeItemActions$1, Object.assign({
+  }, /*#__PURE__*/React.createElement(SortableTreeItemActions, Object.assign({
     ref: setDraggableNodeRef,
     wrapperRef: setDroppableNodeRef,
     style: actionsStyle,
@@ -2173,7 +2161,6 @@ var SortableTreeItem = function SortableTreeItem(_ref2) {
 };
 SortableTreeItem.propTypes = propTypes$9;
 SortableTreeItem.defaultProps = defaultProps$9;
-var SortableTreeItem$1 = SortableTreeItem;
 
 var styles$6 = {"item":"micromag-editor-sortable-sortable-tree-item","parent":"micromag-editor-sortable-sortable-tree-parent","group":"micromag-editor-sortable-sortable-tree-group","isLastChild":"micromag-editor-sortable-sortable-tree-isLastChild"};
 
@@ -2553,7 +2540,7 @@ var SortableTree = function SortableTree(_ref2) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames([styles$6.item, _defineProperty(_defineProperty(_defineProperty({}, styles$6.parent, onCollapse !== null && !collapsed), styles$6.group, depth === 1), styles$6.isLastChild, next === null)]),
       key: id
-    }, /*#__PURE__*/React.createElement(SortableTreeItem$1, {
+    }, /*#__PURE__*/React.createElement(SortableTreeItem, {
       key: id,
       id: id,
       depth: currentDepth,
@@ -2577,7 +2564,7 @@ var SortableTree = function SortableTree(_ref2) {
   }, activeId && activeItem ? /*#__PURE__*/React.createElement("div", {
     className: styles$6.item,
     key: activeId
-  }, /*#__PURE__*/React.createElement(SortableTreeItem$1, {
+  }, /*#__PURE__*/React.createElement(SortableTreeItem, {
     id: activeId,
     depth: activeItem.depth,
     clone: true,
@@ -2594,7 +2581,6 @@ var SortableTree = function SortableTree(_ref2) {
 };
 SortableTree.propTypes = propTypes$8;
 SortableTree.defaultProps = defaultProps$8;
-var SortableTree$1 = SortableTree;
 
 var styles$5 = {"container":"micromag-editor-menus-screens-container","screen":"micromag-editor-menus-screens-screen","preview":"micromag-editor-menus-screens-preview","placeholder":"micromag-editor-menus-screens-placeholder","items":"micromag-editor-menus-screens-items","item":"micromag-editor-menus-screens-item","button":"micromag-editor-menus-screens-button","settings":"micromag-editor-menus-screens-settings","noWrap":"micromag-editor-menus-screens-noWrap","isVertical":"micromag-editor-menus-screens-isVertical","withPlaceholder":"micromag-editor-menus-screens-withPlaceholder"};
 
@@ -2665,7 +2651,7 @@ var ScreensMenu = function ScreensMenu(_ref) {
       key: item.id,
       className: classNames([styles$5.item, _defineProperty(_defineProperty({}, itemClassName, itemClassName !== null), itemCustomClassName, itemCustomClassName !== null)]),
       "data-screen-id": item.id
-    }, /*#__PURE__*/React.createElement(ScreenWithPreview$1, {
+    }, /*#__PURE__*/React.createElement(ScreenWithPreview, {
       index: index,
       screen: withPlaceholder ? _objectSpread(_objectSpread({}, screen), {}, {
         type: type
@@ -2716,9 +2702,9 @@ var ScreensMenu = function ScreensMenu(_ref) {
   }, [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)])
-  }, isTree && !sortable ? /*#__PURE__*/React.createElement(SortableTree$1, {
+  }, isTree && !sortable ? /*#__PURE__*/React.createElement(SortableTree, {
     items: sortableItems,
-    component: ScreenWithPreview$1,
+    component: ScreenWithPreview,
     onClickItem: onClickItem,
     onChange: onOrderChange
   }) : null, !isTree && sortable && items.length > 1 ? /*#__PURE__*/React.createElement(ReactSortable, {
@@ -2884,7 +2870,6 @@ var ScreenTypesModal = function ScreenTypesModal(_ref) {
 };
 ScreenTypesModal.propTypes = propTypes$5;
 ScreenTypesModal.defaultProps = defaultProps$5;
-var ScreenTypesModal$1 = ScreenTypesModal;
 
 var styles$2 = {"container":"micromag-editor-screens-container","navbar":"micromag-editor-screens-navbar"};
 
@@ -3136,7 +3121,7 @@ var EditorScreens = function EditorScreens(_ref) {
       "type": 0,
       "value": "Create your first screen"
     }]
-  })))))), createModalOpened ? /*#__PURE__*/React.createElement(ScreenTypesModal$1, {
+  })))))), createModalOpened ? /*#__PURE__*/React.createElement(ScreenTypesModal, {
     selectedTypes: isTheme ? screens.map(function (_ref19) {
       var type = _ref19.type;
       return type;
@@ -3147,7 +3132,6 @@ var EditorScreens = function EditorScreens(_ref) {
 };
 EditorScreens.propTypes = propTypes$4;
 EditorScreens.defaultProps = defaultProps$4;
-var Screens = EditorScreens;
 
 var styles$1 = {"container":"micromag-editor-container","left":"micromag-editor-left","right":"micromag-editor-right","fullscreen":"micromag-editor-fullscreen","preview":"micromag-editor-preview","center":"micromag-editor-center","inner":"micromag-editor-inner","visible":"micromag-editor-visible","top":"micromag-editor-top"};
 
@@ -3328,7 +3312,7 @@ var Editor = function Editor(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$1.left, _defineProperty({}, styles$1.visible, !isMobile || mobileView === 'screens')]),
     ref: refScreensContainer
-  }, /*#__PURE__*/React.createElement(Screens, {
+  }, /*#__PURE__*/React.createElement(EditorScreens, {
     value: story,
     isTheme: isTheme,
     isCreateOpened: isCreateOpened,
@@ -3340,7 +3324,7 @@ var Editor = function Editor(_ref) {
     isTree: true
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$1.center, _defineProperty({}, styles$1.visible, !isMobile || mobileView === 'preview')])
-  }, /*#__PURE__*/React.createElement(EditorPreview$1, {
+  }, /*#__PURE__*/React.createElement(EditorPreview, {
     value: story,
     isTheme: isTheme,
     viewerTheme: viewerTheme,
@@ -3349,7 +3333,7 @@ var Editor = function Editor(_ref) {
     onChange: onStoryChange
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$1.right, _defineProperty({}, styles$1.visible, !isMobile || mobileView === 'form')])
-  }, /*#__PURE__*/React.createElement(EditorForm, {
+  }, /*#__PURE__*/React.createElement(EditForm, {
     key: screenId,
     value: story,
     isTheme: isTheme,
@@ -3456,7 +3440,6 @@ var FormsProvider = function FormsProvider(props) {
 };
 FormsProvider.propTypes = propTypes$1;
 FormsProvider.defaultProps = defaultProps$1;
-var FormsProvider$1 = FormsProvider;
 
 var home = "/";
 var screen_wildcard = "/:screen/(.*)?";
@@ -3526,7 +3509,7 @@ var EditorContainer = function EditorContainer(_ref) {
   }, /*#__PURE__*/React.createElement(GoogleMapsClientProvider, {
     locale: locale,
     libraries: googleMapsLibraries
-  }, /*#__PURE__*/React.createElement(FontsProvider, null, /*#__PURE__*/React.createElement(FieldsProvider, null, /*#__PURE__*/React.createElement(FormsProvider$1, null, /*#__PURE__*/React.createElement(EditorProvider, null, /*#__PURE__*/React.createElement(VisitorProvider, {
+  }, /*#__PURE__*/React.createElement(FontsProvider, null, /*#__PURE__*/React.createElement(FieldsProvider, null, /*#__PURE__*/React.createElement(FormsProvider, null, /*#__PURE__*/React.createElement(EditorProvider, null, /*#__PURE__*/React.createElement(VisitorProvider, {
     visitor: "editor"
   }, /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, function (manager) {
     var formComponents = manager.getComponents(FORMS_NAMESPACE);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.3.545",
+    "version": "0.3.547",
     "private": false,
     "description": "",
     "keywords": [
@@ -30,12 +30,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
     "style": "assets/css/styles.css",
     "exports": {
         ".": {
-            "require": "./lib/index.js",
             "import": "./es/index.js"
         },
         "./scss/styles": "./scss/styles.scss",
@@ -72,11 +71,11 @@
         "@fortawesome/fontawesome-svg-core": "^6.5.2",
         "@fortawesome/free-solid-svg-icons": "^6.5.2",
         "@fortawesome/react-fontawesome": "^0.2.0",
-        "@micromag/core": "^0.3.541",
-        "@micromag/elements": "^0.3.541",
-        "@micromag/fields": "^0.3.545",
-        "@micromag/screens": "^0.3.541",
-        "@micromag/viewer": "^0.3.541",
+        "@micromag/core": "^0.3.547",
+        "@micromag/elements": "^0.3.547",
+        "@micromag/fields": "^0.3.547",
+        "@micromag/screens": "^0.3.547",
+        "@micromag/viewer": "^0.3.547",
         "@panneau/uppy": "^3.0.162",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
@@ -92,5 +91,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "d0c9a83c9bcc51f0dda44322b99097032ec36f22"
+    "gitHead": "3c2f5904ce61fcfa61f673c38c2a5ec56e9e2b07"
 }