@atlaskit/editor-core 187.31.7 → 187.32.1

package/dist/esm/plugins/floating-toolbar/index.js

@@ -110,7 +110,8 @@ var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnaly
 function filterUndefined(x) {
   return !!x;
 }
-var floatingToolbarPlugin = function floatingToolbarPlugin(_, api) {
+var floatingToolbarPlugin = function floatingToolbarPlugin(_ref) {
+  var api = _ref.api;
   return {
     name: 'floatingToolbar',
     pmPlugins: function pmPlugins() {
@@ -118,10 +119,10 @@ var floatingToolbarPlugin = function floatingToolbarPlugin(_, api) {
       return [{
         // Should be after all toolbar plugins
         name: 'floatingToolbar',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch,
-            providerFactory = _ref.providerFactory,
-            getIntl = _ref.getIntl;
+        plugin: function plugin(_ref2) {
+          var dispatch = _ref2.dispatch,
+            providerFactory = _ref2.providerFactory,
+            getIntl = _ref2.getIntl;
           return floatingToolbarPluginFactory({
             floatingToolbarHandlers: floatingToolbarHandlers,
             dispatch: dispatch,
@@ -131,8 +132,8 @@ var floatingToolbarPlugin = function floatingToolbarPlugin(_, api) {
         }
       }, {
         name: 'floatingToolbarData',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch;
+        plugin: function plugin(_ref3) {
+          var dispatch = _ref3.dispatch;
           return floatingToolbarDataPluginFactory(dispatch);
         }
       }, {
@@ -156,13 +157,13 @@ var floatingToolbarPlugin = function floatingToolbarPlugin(_, api) {
         floatingToolbarData: dataPluginKey.getState(editorState)
       };
     },
-    contentComponent: function contentComponent(_ref3) {
-      var popupsMountPoint = _ref3.popupsMountPoint,
-        popupsBoundariesElement = _ref3.popupsBoundariesElement,
-        popupsScrollableElement = _ref3.popupsScrollableElement,
-        editorView = _ref3.editorView,
-        providerFactory = _ref3.providerFactory,
-        dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
+    contentComponent: function contentComponent(_ref4) {
+      var popupsMountPoint = _ref4.popupsMountPoint,
+        popupsBoundariesElement = _ref4.popupsBoundariesElement,
+        popupsScrollableElement = _ref4.popupsScrollableElement,
+        editorView = _ref4.editorView,
+        providerFactory = _ref4.providerFactory,
+        dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
       return /*#__PURE__*/React.createElement(ContentComponent, {
         editorView: editorView,
         pluginInjectionApi: api,
@@ -176,22 +177,22 @@ var floatingToolbarPlugin = function floatingToolbarPlugin(_, api) {
   };
 };
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-function ContentComponent(_ref4) {
-  var _pluginInjectionApi$d, _pluginInjectionApi$d2, _configWithNodeInfo$c, _configWithNodeInfo$c2;
-  var pluginInjectionApi = _ref4.pluginInjectionApi,
-    editorView = _ref4.editorView,
-    popupsMountPoint = _ref4.popupsMountPoint,
-    popupsBoundariesElement = _ref4.popupsBoundariesElement,
-    popupsScrollableElement = _ref4.popupsScrollableElement,
-    providerFactory = _ref4.providerFactory,
-    dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
-  var featureFlags = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.featureFlags) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.sharedState.currentState()) || {};
+function ContentComponent(_ref5) {
+  var _pluginInjectionApi$f, _configWithNodeInfo$c, _configWithNodeInfo$c2;
+  var pluginInjectionApi = _ref5.pluginInjectionApi,
+    editorView = _ref5.editorView,
+    popupsMountPoint = _ref5.popupsMountPoint,
+    popupsBoundariesElement = _ref5.popupsBoundariesElement,
+    popupsScrollableElement = _ref5.popupsScrollableElement,
+    providerFactory = _ref5.providerFactory,
+    dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent;
+  var featureFlags = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.featureFlags) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.sharedState.currentState()) || {};
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['floatingToolbar', 'editorDisabled']),
     floatingToolbarState = _useSharedPluginState.floatingToolbarState,
     editorDisabledState = _useSharedPluginState.editorDisabledState;
-  var _ref5 = floatingToolbarState !== null && floatingToolbarState !== void 0 ? floatingToolbarState : {},
-    configWithNodeInfo = _ref5.configWithNodeInfo,
-    floatingToolbarData = _ref5.floatingToolbarData;
+  var _ref6 = floatingToolbarState !== null && floatingToolbarState !== void 0 ? floatingToolbarState : {},
+    configWithNodeInfo = _ref6.configWithNodeInfo,
+    floatingToolbarData = _ref6.floatingToolbarData;
   if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
     return null;
   }
@@ -219,7 +220,7 @@ function ContentComponent(_ref4) {
     return null;
   }
   var customPositionCalculation;
-  var toolbarItems = processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions.hoverDecoration);
+  var toolbarItems = processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions.hoverDecoration);
   if (onPositionCalculated) {
     customPositionCalculation = function customPositionCalculation(nextPos) {
       return onPositionCalculated(editorView, nextPos);
@@ -230,8 +231,8 @@ function ContentComponent(_ref4) {
   };
 
   // Confirm dialog
-  var _ref6 = floatingToolbarData || {},
-    confirmDialogForItem = _ref6.confirmDialogForItem;
+  var _ref7 = floatingToolbarData || {},
+    confirmDialogForItem = _ref7.confirmDialogForItem;
   var confirmButtonItem = confirmDialogForItem ? toolbarItems[confirmDialogForItem] : undefined;
   var scrollable = featureFlags.floatingToolbarCopyButton && config.scrollable;
   var confirmDialogOptions = typeof (confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog) === 'function' ? confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog() : confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog;

package/dist/esm/plugins/floating-toolbar/ui/ScrollButtons.js

@@ -13,7 +13,7 @@ import rafSchedule from 'raf-schd';
 var toolbarScrollButtons = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: ", ";\n  padding: ", " ", ";\n  border-left: solid ", " 1px;\n  flex-shrink: 0;\n  align-items: center;\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-border, ".concat(N30, ")"));
 var LeftIcon = ChevronLeftLargeIcon;
 var RightIcon = ChevronRightLargeIcon;
-export default (function (_ref) {
+export var ScrollButtons = function ScrollButtons(_ref) {
   var intl = _ref.intl,
     scrollContainerRef = _ref.scrollContainerRef,
     node = _ref.node,
@@ -31,52 +31,56 @@ export default (function (_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     canScrollRight = _useState6[0],
     setCanScrollRight = _useState6[1];
-  var scheduledSetCanScroll = rafSchedule(function () {
-    var _ref2 = scrollContainerRef.current,
-      scrollLeft = _ref2.scrollLeft,
-      scrollWidth = _ref2.scrollWidth,
-      offsetWidth = _ref2.offsetWidth;
+  var setCanScrollDebounced = rafSchedule(function () {
+    // Refs are null before mounting and after unmount
+    if (!scrollContainerRef.current) {
+      return;
+    }
+    var _scrollContainerRef$c = scrollContainerRef.current,
+      scrollLeft = _scrollContainerRef$c.scrollLeft,
+      scrollWidth = _scrollContainerRef$c.scrollWidth,
+      offsetWidth = _scrollContainerRef$c.offsetWidth;
     setCanScrollLeft(scrollLeft > 0);
     setCanScrollRight(scrollLeft + offsetWidth < scrollWidth - 1); // -1 to account for half pixel
   });
 
   var onScroll = function onScroll() {
-    return scheduledSetCanScroll();
+    return setCanScrollDebounced();
   };
   var scrollLeft = function scrollLeft() {
-    var _scrollContainerRef$c, _scrollContainerRef$c2, _scrollContainerRef$c3;
-    var _ref3 = ((_scrollContainerRef$c = scrollContainerRef.current) === null || _scrollContainerRef$c === void 0 ? void 0 : _scrollContainerRef$c.getBoundingClientRect()) || {},
-      _ref3$width = _ref3.width,
-      scrollContainerWidth = _ref3$width === void 0 ? 0 : _ref3$width;
-    var scrollLeft = ((_scrollContainerRef$c2 = scrollContainerRef.current) === null || _scrollContainerRef$c2 === void 0 ? void 0 : _scrollContainerRef$c2.scrollLeft) || 0;
+    var _scrollContainerRef$c2, _scrollContainerRef$c3, _scrollContainerRef$c4;
+    var _ref2 = ((_scrollContainerRef$c2 = scrollContainerRef.current) === null || _scrollContainerRef$c2 === void 0 ? void 0 : _scrollContainerRef$c2.getBoundingClientRect()) || {},
+      _ref2$width = _ref2.width,
+      scrollContainerWidth = _ref2$width === void 0 ? 0 : _ref2$width;
+    var scrollLeft = ((_scrollContainerRef$c3 = scrollContainerRef.current) === null || _scrollContainerRef$c3 === void 0 ? void 0 : _scrollContainerRef$c3.scrollLeft) || 0;
 
     // scroll to current position - scroll container width
     var scrollTo = scrollLeft - scrollContainerWidth;
-    (_scrollContainerRef$c3 = scrollContainerRef.current) === null || _scrollContainerRef$c3 === void 0 ? void 0 : _scrollContainerRef$c3.scrollTo({
+    (_scrollContainerRef$c4 = scrollContainerRef.current) === null || _scrollContainerRef$c4 === void 0 ? void 0 : _scrollContainerRef$c4.scrollTo({
       top: 0,
       left: scrollTo,
       behavior: 'smooth'
     });
   };
   var scrollRight = function scrollRight() {
-    var _scrollContainerRef$c4, _scrollContainerRef$c5, _scrollContainerRef$c6;
-    var _ref4 = ((_scrollContainerRef$c4 = scrollContainerRef.current) === null || _scrollContainerRef$c4 === void 0 ? void 0 : _scrollContainerRef$c4.getBoundingClientRect()) || {},
-      _ref4$width = _ref4.width,
-      scrollContainerWidth = _ref4$width === void 0 ? 0 : _ref4$width;
-    var scrollLeft = ((_scrollContainerRef$c5 = scrollContainerRef.current) === null || _scrollContainerRef$c5 === void 0 ? void 0 : _scrollContainerRef$c5.scrollLeft) || 0;
+    var _scrollContainerRef$c5, _scrollContainerRef$c6, _scrollContainerRef$c7;
+    var _ref3 = ((_scrollContainerRef$c5 = scrollContainerRef.current) === null || _scrollContainerRef$c5 === void 0 ? void 0 : _scrollContainerRef$c5.getBoundingClientRect()) || {},
+      _ref3$width = _ref3.width,
+      scrollContainerWidth = _ref3$width === void 0 ? 0 : _ref3$width;
+    var scrollLeft = ((_scrollContainerRef$c6 = scrollContainerRef.current) === null || _scrollContainerRef$c6 === void 0 ? void 0 : _scrollContainerRef$c6.scrollLeft) || 0;
 
     // scroll to current position + scroll container width
     var scrollTo = scrollLeft + scrollContainerWidth;
-    (_scrollContainerRef$c6 = scrollContainerRef.current) === null || _scrollContainerRef$c6 === void 0 ? void 0 : _scrollContainerRef$c6.scrollTo({
+    (_scrollContainerRef$c7 = scrollContainerRef.current) === null || _scrollContainerRef$c7 === void 0 ? void 0 : _scrollContainerRef$c7.scrollTo({
       top: 0,
       left: scrollTo,
       behavior: 'smooth'
     });
   };
   var resizeObserver = new ResizeObserver(function (t) {
-    var _scrollContainerRef$c7, _scrollContainerRef$c8, _scrollContainerRef$c9;
-    var widthNeededToShowAllItems = ((_scrollContainerRef$c7 = scrollContainerRef.current) === null || _scrollContainerRef$c7 === void 0 ? void 0 : _scrollContainerRef$c7.scrollWidth) || 0;
-    var availableSpace = (_scrollContainerRef$c8 = scrollContainerRef.current) === null || _scrollContainerRef$c8 === void 0 ? void 0 : (_scrollContainerRef$c9 = _scrollContainerRef$c8.parentNode) === null || _scrollContainerRef$c9 === void 0 ? void 0 : _scrollContainerRef$c9.offsetWidth;
+    var _scrollContainerRef$c8, _scrollContainerRef$c9, _scrollContainerRef$c10;
+    var widthNeededToShowAllItems = ((_scrollContainerRef$c8 = scrollContainerRef.current) === null || _scrollContainerRef$c8 === void 0 ? void 0 : _scrollContainerRef$c8.scrollWidth) || 0;
+    var availableSpace = (_scrollContainerRef$c9 = scrollContainerRef.current) === null || _scrollContainerRef$c9 === void 0 ? void 0 : (_scrollContainerRef$c10 = _scrollContainerRef$c9.parentNode) === null || _scrollContainerRef$c10 === void 0 ? void 0 : _scrollContainerRef$c10.offsetWidth;
     if (availableSpace >= widthNeededToShowAllItems) {
       setNeedScroll(false);
     } else {
@@ -99,6 +103,7 @@ export default (function (_ref) {
         scrollContainerRefCurrent.removeEventListener('scroll', onScroll);
         resizeObserver.unobserve(scrollContainerRefCurrent);
       }
+      setCanScrollDebounced.cancel();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -131,4 +136,4 @@ export default (function (_ref) {
     onClick: scrollRight,
     disabled: !canScrollRight || disabled
   })) : null;
-});
+};

package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js

@@ -32,7 +32,7 @@ import { EmojiPickerButton } from './EmojiPickerButton';
 import { injectIntl } from 'react-intl-next';
 import messages from './messages';
 import { clearHoverSelection } from '@atlaskit/editor-plugin-table/commands';
-import ScrollButtons from './ScrollButtons';
+import { ScrollButtons } from './ScrollButtons';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { checkShouldForceFocusAndApply, forceFocusSelector } from '../pm-plugins/force-focus';
 var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
@@ -59,7 +59,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
   return jsx(ButtonGroup, null, items.filter(function (item) {
     return !item.hidden;
   }).map(function (item, idx) {
-    var _api$dependencies$con;
+    var _api$contextPanel;
     switch (item.type) {
       case 'button':
         var ButtonIcon = item.icon;
@@ -231,7 +231,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           editorView: editorView,
           extensionProvider: extensionsProvider,
           separator: item.separator,
-          applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$dependencies$con = api.dependencies.contextPanel) === null || _api$dependencies$con === void 0 ? void 0 : _api$dependencies$con.actions.applyChange
+          applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 ? void 0 : _api$contextPanel.actions.applyChange
         });
       case 'separator':
         return jsx(Separator, {
@@ -374,7 +374,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         if (table) {
           return clearHoverSelection()(state, dispatch);
         }
-        (_this$props$api = this.props.api) === null || _this$props$api === void 0 ? void 0 : _this$props$api.dependencies.decorations.actions.removeDecoration(state, dispatch);
+        (_this$props$api = this.props.api) === null || _this$props$api === void 0 ? void 0 : _this$props$api.decorations.actions.removeDecoration(state, dispatch);
       }
     }
   }, {

package/dist/esm/plugins/help-dialog/index.js

@@ -37,29 +37,30 @@ export function createPlugin(dispatch, imageEnabled) {
     }
   });
 }
-var helpDialog = function helpDialog() {
-  var imageUploadProviderExists = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var api = arguments.length > 1 ? arguments[1] : undefined;
+var helpDialog = function helpDialog(_ref) {
+  var _ref$config = _ref.config,
+    imageUploadProviderExists = _ref$config === void 0 ? false : _ref$config,
+    api = _ref.api;
   return {
     name: 'helpDialog',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'helpDialog',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch;
+        plugin: function plugin(_ref2) {
+          var dispatch = _ref2.dispatch;
           return createPlugin(dispatch, imageUploadProviderExists);
         }
       }, {
         name: 'helpDialogKeymap',
         plugin: function plugin() {
-          var _api$dependencies$ana;
-          return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
+          var _api$analytics;
+          return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
         }
       }];
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref2) {
-        var formatMessage = _ref2.formatMessage;
+      quickInsert: function quickInsert(_ref3) {
+        var formatMessage = _ref3.formatMessage;
         return [{
           id: 'helpdialog',
           title: formatMessage(messages.help),
@@ -73,10 +74,10 @@ var helpDialog = function helpDialog() {
             });
           },
           action: function action(insert) {
-            var _api$dependencies$ana2;
+            var _api$analytics2;
             var tr = insert('');
             openHelpCommand(tr);
-            api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions.attachAnalyticsEvent({
+            api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
               action: ACTION.HELP_OPENED,
               actionSubject: ACTION_SUBJECT.HELP,
               actionSubjectId: ACTION_SUBJECT_ID.HELP_QUICK_INSERT,
@@ -90,19 +91,19 @@ var helpDialog = function helpDialog() {
         }];
       }
     },
-    contentComponent: function contentComponent(_ref3) {
-      var editorView = _ref3.editorView;
+    contentComponent: function contentComponent(_ref4) {
+      var editorView = _ref4.editorView;
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
           helpDialog: pluginKey
         },
-        render: function render(_ref4) {
-          var _ref4$helpDialog = _ref4.helpDialog,
-            helpDialog = _ref4$helpDialog === void 0 ? {} : _ref4$helpDialog;
+        render: function render(_ref5) {
+          var _ref5$helpDialog = _ref5.helpDialog,
+            helpDialog = _ref5$helpDialog === void 0 ? {} : _ref5$helpDialog;
           return /*#__PURE__*/React.createElement(HelpDialogLoader, {
             editorView: editorView,
             isVisible: helpDialog.isVisible,
-            quickInsertEnabled: !!(api !== null && api !== void 0 && api.dependencies.quickInsert),
+            quickInsertEnabled: !!(api !== null && api !== void 0 && api.quickInsert),
             imageEnabled: helpDialog.imageEnabled
           });
         }

package/dist/esm/plugins/insert-block/index.js

@@ -27,25 +27,26 @@ var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
       return 0;
   }
 };
-var insertBlockPlugin = function insertBlockPlugin() {
-  var _api$dependencies, _api$dependencies$fea;
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var api = arguments.length > 1 ? arguments[1] : undefined;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
+var insertBlockPlugin = function insertBlockPlugin(_ref) {
+  var _api$featureFlags;
+  var _ref$config = _ref.config,
+    options = _ref$config === void 0 ? {} : _ref$config,
+    api = _ref.api;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'insertBlock',
-    primaryToolbarComponent: function primaryToolbarComponent(_ref) {
-      var editorView = _ref.editorView,
-        editorActions = _ref.editorActions,
-        dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-        providerFactory = _ref.providerFactory,
-        popupsMountPoint = _ref.popupsMountPoint,
-        popupsBoundariesElement = _ref.popupsBoundariesElement,
-        popupsScrollableElement = _ref.popupsScrollableElement,
-        toolbarSize = _ref.toolbarSize,
-        disabled = _ref.disabled,
-        isToolbarReducedSpacing = _ref.isToolbarReducedSpacing,
-        isLastItem = _ref.isLastItem;
+    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
+      var editorView = _ref2.editorView,
+        editorActions = _ref2.editorActions,
+        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
+        providerFactory = _ref2.providerFactory,
+        popupsMountPoint = _ref2.popupsMountPoint,
+        popupsBoundariesElement = _ref2.popupsBoundariesElement,
+        popupsScrollableElement = _ref2.popupsScrollableElement,
+        toolbarSize = _ref2.toolbarSize,
+        disabled = _ref2.disabled,
+        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+        isLastItem = _ref2.isLastItem;
       var renderNode = function renderNode(providers) {
         // We will slowly migrate these to use the new approach inside
         // `ToolbarInsertBlockWithInjectionApi` and remove `WithPluginState`
@@ -59,13 +60,13 @@ var insertBlockPlugin = function insertBlockPlugin() {
             placeholderTextState: placeholderTextStateKey,
             layoutState: layoutStateKey
           },
-          render: function render(_ref2) {
-            var blockTypeState = _ref2.blockTypeState,
-              mediaState = _ref2.mediaState,
-              _ref2$macroState = _ref2.macroState,
-              macroState = _ref2$macroState === void 0 ? {} : _ref2$macroState,
-              placeholderTextState = _ref2.placeholderTextState,
-              layoutState = _ref2.layoutState;
+          render: function render(_ref3) {
+            var blockTypeState = _ref3.blockTypeState,
+              mediaState = _ref3.mediaState,
+              _ref3$macroState = _ref3.macroState,
+              macroState = _ref3$macroState === void 0 ? {} : _ref3$macroState,
+              placeholderTextState = _ref3.placeholderTextState,
+              layoutState = _ref3.layoutState;
             return /*#__PURE__*/React.createElement(ToolbarInsertBlockWithInjectionApi, {
               pluginInjectionApi: api,
               editorView: editorView,
@@ -99,28 +100,28 @@ var insertBlockPlugin = function insertBlockPlugin() {
     }
   };
 };
-function ToolbarInsertBlockWithInjectionApi(_ref3) {
-  var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
-  var editorView = _ref3.editorView,
-    editorActions = _ref3.editorActions,
-    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
-    providerFactory = _ref3.providerFactory,
-    popupsMountPoint = _ref3.popupsMountPoint,
-    popupsBoundariesElement = _ref3.popupsBoundariesElement,
-    popupsScrollableElement = _ref3.popupsScrollableElement,
-    toolbarSize = _ref3.toolbarSize,
-    disabled = _ref3.disabled,
-    isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing,
-    isLastItem = _ref3.isLastItem,
-    providers = _ref3.providers,
-    pluginInjectionApi = _ref3.pluginInjectionApi,
-    options = _ref3.options,
-    blockTypeState = _ref3.blockTypeState,
-    mediaState = _ref3.mediaState,
-    macroState = _ref3.macroState,
-    placeholderTextState = _ref3.placeholderTextState,
-    layoutState = _ref3.layoutState,
-    featureFlags = _ref3.featureFlags;
+function ToolbarInsertBlockWithInjectionApi(_ref4) {
+  var _pluginInjectionApi$a2, _pluginInjectionApi$i;
+  var editorView = _ref4.editorView,
+    editorActions = _ref4.editorActions,
+    dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent,
+    providerFactory = _ref4.providerFactory,
+    popupsMountPoint = _ref4.popupsMountPoint,
+    popupsBoundariesElement = _ref4.popupsBoundariesElement,
+    popupsScrollableElement = _ref4.popupsScrollableElement,
+    toolbarSize = _ref4.toolbarSize,
+    disabled = _ref4.disabled,
+    isToolbarReducedSpacing = _ref4.isToolbarReducedSpacing,
+    isLastItem = _ref4.isLastItem,
+    providers = _ref4.providers,
+    pluginInjectionApi = _ref4.pluginInjectionApi,
+    options = _ref4.options,
+    blockTypeState = _ref4.blockTypeState,
+    mediaState = _ref4.mediaState,
+    macroState = _ref4.macroState,
+    placeholderTextState = _ref4.placeholderTextState,
+    layoutState = _ref4.layoutState,
+    featureFlags = _ref4.featureFlags;
   var buttons = toolbarSizeToButtons(toolbarSize);
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji']),
     dateState = _useSharedPluginState.dateState,
@@ -134,9 +135,9 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
    * @param name Block name
    */
   var handleInsertBlockType = React.useCallback(function (name) {
-    var _pluginInjectionApi$d;
-    return insertBlockTypesWithAnalytics(name, INPUT_METHOD.TOOLBAR, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions);
-  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions]);
+    var _pluginInjectionApi$a;
+    return insertBlockTypesWithAnalytics(name, INPUT_METHOD.TOOLBAR, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions);
+  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions]);
   return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,
@@ -156,9 +157,9 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     mediaUploadsEnabled: mediaState && mediaState.allowsUploads,
     onShowMediaPicker: mediaState && mediaState.showMediaPicker,
     mediaSupported: !!mediaState,
-    imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.imageUpload),
+    imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.imageUpload),
     imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
-    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.imageUpload) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.actions.startUpload,
+    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$i = pluginInjectionApi.imageUpload) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.actions.startUpload,
     availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
     linkSupported: !!hyperlinkState,
     linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -164,19 +164,19 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _defineProperty(_assertThisInitialized(_this), "toggleLinkPanel", function (inputMethod) {
-      var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3;
+      var _pluginInjectionApi$c, _pluginInjectionApi$h;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
-      return (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = _pluginInjectionApi$d2.hyperlink) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : false;
+      return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 ? void 0 : _pluginInjectionApi$h.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
     });
     _defineProperty(_assertThisInitialized(_this), "insertMention", function (inputMethod) {
-      var _pluginInjectionApi$d4;
+      var _pluginInjectionApi$m;
       var _this$props = _this.props,
         editorView = _this$props.editorView,
         pluginInjectionApi = _this$props.pluginInjectionApi;
       if (!editorView) {
         return true;
       }
-      var pluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.mention) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.sharedState.currentState();
+      var pluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$m = pluginInjectionApi.mention) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.sharedState.currentState();
       if (pluginState && pluginState.canInsertMention === false) {
         return false;
       }
@@ -184,13 +184,13 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return true;
     });
     _defineProperty(_assertThisInitialized(_this), "insertTable", function (inputMethod) {
-      var _pluginInjectionApi$d5, _pluginInjectionApi$d6, _pluginInjectionApi$d7, _pluginInjectionApi$d8;
+      var _pluginInjectionApi$t, _pluginInjectionApi$t2, _pluginInjectionApi$t3, _pluginInjectionApi$t4;
       var _this$props2 = _this.props,
         pluginInjectionApi = _this$props2.pluginInjectionApi,
         editorView = _this$props2.editorView;
       var state = editorView.state,
         dispatch = editorView.dispatch;
-      return (_pluginInjectionApi$d5 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d6 = pluginInjectionApi.dependencies.table) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : (_pluginInjectionApi$d7 = (_pluginInjectionApi$d8 = _pluginInjectionApi$d6.actions).insertTable) === null || _pluginInjectionApi$d7 === void 0 ? void 0 : _pluginInjectionApi$d7.call(_pluginInjectionApi$d8, {
+      return (_pluginInjectionApi$t = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$t2 = pluginInjectionApi.table) === null || _pluginInjectionApi$t2 === void 0 ? void 0 : (_pluginInjectionApi$t3 = (_pluginInjectionApi$t4 = _pluginInjectionApi$t2.actions).insertTable) === null || _pluginInjectionApi$t3 === void 0 ? void 0 : _pluginInjectionApi$t3.call(_pluginInjectionApi$t4, {
         action: ACTION.INSERTED,
         actionSubject: ACTION_SUBJECT.DOCUMENT,
         actionSubjectId: ACTION_SUBJECT_ID.TABLE,
@@ -198,7 +198,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           inputMethod: inputMethod
         },
         eventType: EVENT_TYPE.TRACK
-      })(state, dispatch)) !== null && _pluginInjectionApi$d5 !== void 0 ? _pluginInjectionApi$d5 : false;
+      })(state, dispatch)) !== null && _pluginInjectionApi$t !== void 0 ? _pluginInjectionApi$t : false;
     });
     _defineProperty(_assertThisInitialized(_this), "createDate", function (inputMethod) {
       var editorView = _this.props.editorView;
@@ -275,17 +275,17 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       };
     });
     _defineProperty(_assertThisInitialized(_this), "handleSelectedEmoji", function (emojiId) {
-      var _pluginInjectionApi$d9;
+      var _pluginInjectionApi$e;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       _this.props.editorView.focus();
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.core.actions.execute((_pluginInjectionApi$d9 = pluginInjectionApi.dependencies.emoji) === null || _pluginInjectionApi$d9 === void 0 ? void 0 : _pluginInjectionApi$d9.commands.insertEmoji(emojiId, INPUT_METHOD.PICKER));
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute((_pluginInjectionApi$e = pluginInjectionApi.emoji) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.commands.insertEmoji(emojiId, INPUT_METHOD.PICKER));
       _this.toggleEmojiPicker();
       return true;
     });
     _defineProperty(_assertThisInitialized(_this), "openElementBrowser", function () {
-      var _pluginInjectionApi$d10;
+      var _pluginInjectionApi$q;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d10 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d10 === void 0 ? void 0 : _pluginInjectionApi$d10.commands.openElementBrowserModal);
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
     });
     _defineProperty(_assertThisInitialized(_this), "onItemActivated", function (_ref2) {
       var item = _ref2.item,

package/dist/esm/plugins/layout/index.js

@@ -8,9 +8,10 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { pluginKey } from './pm-plugins/plugin-key';
 export { pluginKey };
-var layoutPlugin = function layoutPlugin() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var api = arguments.length > 1 ? arguments[1] : undefined;
+var layoutPlugin = function layoutPlugin(_ref) {
+  var _ref$config = _ref.config,
+    options = _ref$config === void 0 ? {} : _ref$config,
+    api = _ref.api;
   return {
     name: 'layout',
     nodes: function nodes() {
@@ -32,19 +33,19 @@ var layoutPlugin = function layoutPlugin() {
     },
     pluginsOptions: {
       floatingToolbar: function floatingToolbar(state, intl) {
-        var _ref = pluginKey.getState(state),
-          pos = _ref.pos,
-          allowBreakout = _ref.allowBreakout,
-          addSidebarLayouts = _ref.addSidebarLayouts,
-          allowSingleColumnLayout = _ref.allowSingleColumnLayout;
+        var _ref2 = pluginKey.getState(state),
+          pos = _ref2.pos,
+          allowBreakout = _ref2.allowBreakout,
+          addSidebarLayouts = _ref2.addSidebarLayouts,
+          allowSingleColumnLayout = _ref2.allowSingleColumnLayout;
         if (pos !== null) {
-          var _api$dependencies$dec;
-          return buildToolbar(state, intl, pos, allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api === null || api === void 0 ? void 0 : (_api$dependencies$dec = api.dependencies.decorations.actions) === null || _api$dependencies$dec === void 0 ? void 0 : _api$dependencies$dec.hoverDecoration);
+          var _api$decorations$acti;
+          return buildToolbar(state, intl, pos, allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api === null || api === void 0 ? void 0 : (_api$decorations$acti = api.decorations.actions) === null || _api$decorations$acti === void 0 ? void 0 : _api$decorations$acti.hoverDecoration);
         }
         return undefined;
       },
-      quickInsert: function quickInsert(_ref2) {
-        var formatMessage = _ref2.formatMessage;
+      quickInsert: function quickInsert(_ref3) {
+        var formatMessage = _ref3.formatMessage;
         return [{
           id: 'layout',
           title: formatMessage(messages.columns),
@@ -55,9 +56,9 @@ var layoutPlugin = function layoutPlugin() {
             return /*#__PURE__*/React.createElement(IconLayout, null);
           },
           action: function action(insert, state) {
-            var _api$dependencies$ana, _api$dependencies$ana2;
+            var _api$analytics, _api$analytics$action;
             var tr = insert(createDefaultLayoutSection(state));
-            api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : (_api$dependencies$ana2 = _api$dependencies$ana.actions) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.attachAnalyticsEvent({
+            api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.attachAnalyticsEvent({
               action: ACTION.INSERTED,
               actionSubject: ACTION_SUBJECT.DOCUMENT,
               actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,

package/dist/esm/plugins/max-content-size/index.js

@@ -19,14 +19,15 @@ export function createPlugin(dispatch, maxContentSize) {
     }
   });
 }
-var maxContentSizePlugin = function maxContentSizePlugin(maxContentSize) {
+var maxContentSizePlugin = function maxContentSizePlugin(_ref) {
+  var maxContentSize = _ref.config;
   return {
     name: 'maxContentSize',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'maxContentSize',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch;
+        plugin: function plugin(_ref2) {
+          var dispatch = _ref2.dispatch;
           return createPlugin(dispatch, maxContentSize);
         }
       }];