@atlaskit/editor-core 187.32.6 → 187.33.0

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

@@ -1,16 +1,7 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
-import React from 'react';
+import { useCallback, useEffect } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl, defineMessages, FormattedMessage } from 'react-intl-next';
 import { browser } from '@atlaskit/editor-common/utils';
@@ -26,6 +17,7 @@ import { messages as undoRedoMessages } from '../../undo-redo/messages';
 import { alignmentMessages } from '../../../ui/Alignment/messages';
 import { closeHelpCommand } from '../commands';
 import { annotationMessages } from '../../annotation/toolbar';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 var messages = defineMessages({
   editorHelp: {
     id: 'fabric.editor.editorHelp',
@@ -476,98 +468,74 @@ var ModalFooter = function ModalFooter() {
     }
   })));
 };
-var HelpDialog = /*#__PURE__*/function (_React$Component) {
-  _inherits(HelpDialog, _React$Component);
-  var _super = _createSuper(HelpDialog);
-  function HelpDialog() {
-    var _this;
-    _classCallCheck(this, HelpDialog);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "formatting", []);
-    _defineProperty(_assertThisInitialized(_this), "closeDialog", function () {
-      var _this$props$editorVie = _this.props.editorView,
-        tr = _this$props$editorVie.state.tr,
-        dispatch = _this$props$editorVie.dispatch;
-      closeHelpCommand(tr, dispatch);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleEsc", function (e) {
-      if (e.key === 'Escape' && _this.props.isVisible) {
-        _this.closeDialog();
-      }
-    });
-    return _this;
-  }
-  _createClass(HelpDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('keydown', this.handleEsc);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('keydown', this.handleEsc);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        editorView = _this$props.editorView,
-        intl = _this$props.intl,
-        imageEnabled = _this$props.imageEnabled,
-        quickInsertEnabled = _this$props.quickInsertEnabled;
-      this.formatting = getSupportedFormatting(editorView.state.schema, intl, imageEnabled, quickInsertEnabled);
-      return jsx(ModalTransition, null, this.props.isVisible ? jsx(AkModalDialog, {
-        width: "large",
-        onClose: this.closeDialog,
-        testId: "help-modal-dialog"
-      }, jsx(ModalHeader, null), jsx("div", {
-        css: contentWrapper
-      }, jsx("div", {
-        css: line
-      }), jsx("div", {
-        css: content
-      }, jsx("div", {
-        css: column
-      }, jsx("h2", {
-        css: title
-      }, jsx(FormattedMessage, messages.keyboardShortcuts)), jsx("ul", null, this.formatting.filter(function (form) {
-        var keymap = form.keymap && form.keymap(_this2.props);
-        return keymap && keymap[browser.mac ? 'mac' : 'windows'];
-      }).map(function (form) {
-        return jsx("li", {
-          css: row,
-          key: "textFormatting-".concat(form.name)
-        }, jsx("span", null, form.name), getComponentFromKeymap(form.keymap()));
-      }), this.formatting.filter(function (form) {
-        return shortcutNamesWithoutKeymap.indexOf(form.type) !== -1;
-      }).filter(function (form) {
-        return form.autoFormatting;
-      }).map(function (form) {
-        return jsx("li", {
-          css: row,
-          key: "autoFormatting-".concat(form.name)
-        }, jsx("span", null, form.name), form.autoFormatting());
-      }))), jsx("div", {
-        css: line
-      }), jsx("div", {
-        css: column
-      }, jsx("h2", {
-        css: title
-      }, jsx(FormattedMessage, messages.markdown)), jsx("ul", null, this.formatting.filter(function (form) {
-        return shortcutNamesWithoutKeymap.indexOf(form.type) === -1;
-      }).map(function (form) {
-        return form.autoFormatting && jsx("li", {
-          key: "autoFormatting-".concat(form.name),
-          css: row
-        }, jsx("span", null, form.name), form.autoFormatting());
-      }))))), jsx(ModalFooter, null)) : null);
-    }
-  }]);
-  return HelpDialog;
-}(React.Component);
-_defineProperty(HelpDialog, "displayName", 'HelpDialog');
+var HelpDialog = function HelpDialog(_ref6) {
+  var pluginInjectionApi = _ref6.pluginInjectionApi,
+    editorView = _ref6.editorView,
+    quickInsertEnabled = _ref6.quickInsertEnabled,
+    intl = _ref6.intl;
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['helpDialog']),
+    helpDialogState = _useSharedPluginState.helpDialogState;
+  var closeDialog = useCallback(function () {
+    var tr = editorView.state.tr,
+      dispatch = editorView.dispatch;
+    closeHelpCommand(tr, dispatch);
+  }, [editorView]);
+  var handleEsc = useCallback(function (e) {
+    if (e.key === 'Escape' && helpDialogState !== null && helpDialogState !== void 0 && helpDialogState.isVisible) {
+      closeDialog();
+    }
+  }, [closeDialog, helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.isVisible]);
+  useEffect(function () {
+    document.addEventListener('keydown', handleEsc);
+    return function () {
+      document.removeEventListener('keydown', handleEsc);
+    };
+  }, [handleEsc]);
+  var formatting = getSupportedFormatting(editorView.state.schema, intl, helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.imageEnabled, quickInsertEnabled);
+  return jsx(ModalTransition, null, helpDialogState !== null && helpDialogState !== void 0 && helpDialogState.isVisible ? jsx(AkModalDialog, {
+    width: "large",
+    onClose: closeDialog,
+    testId: "help-modal-dialog"
+  }, jsx(ModalHeader, null), jsx("div", {
+    css: contentWrapper
+  }, jsx("div", {
+    css: line
+  }), jsx("div", {
+    css: content
+  }, jsx("div", {
+    css: column
+  }, jsx("h2", {
+    css: title
+  }, jsx(FormattedMessage, messages.keyboardShortcuts)), jsx("ul", null, formatting.filter(function (form) {
+    var keymap = form.keymap && form.keymap();
+    return keymap && keymap[browser.mac ? 'mac' : 'windows'];
+  }).map(function (form) {
+    return jsx("li", {
+      css: row,
+      key: "textFormatting-".concat(form.name)
+    }, jsx("span", null, form.name), getComponentFromKeymap(form.keymap()));
+  }), formatting.filter(function (form) {
+    return shortcutNamesWithoutKeymap.indexOf(form.type) !== -1;
+  }).filter(function (form) {
+    return form.autoFormatting;
+  }).map(function (form) {
+    return jsx("li", {
+      css: row,
+      key: "autoFormatting-".concat(form.name)
+    }, jsx("span", null, form.name), form.autoFormatting());
+  }))), jsx("div", {
+    css: line
+  }), jsx("div", {
+    css: column
+  }, jsx("h2", {
+    css: title
+  }, jsx(FormattedMessage, messages.markdown)), jsx("ul", null, formatting.filter(function (form) {
+    return shortcutNamesWithoutKeymap.indexOf(form.type) === -1;
+  }).map(function (form) {
+    return form.autoFormatting && jsx("li", {
+      key: "autoFormatting-".concat(form.name),
+      css: row
+    }, jsx("span", null, form.name), form.autoFormatting());
+  }))))), jsx(ModalFooter, null)) : null);
+};
 export default injectIntl(HelpDialog);

package/dist/esm/plugins/media/ui/MediaPicker/ClipboardWrapper.js

@@ -3,7 +3,8 @@ import PickerFacadeProvider from './PickerFacadeProvider';
 import { Clipboard } from '@atlaskit/media-picker';
 export var ClipboardWrapper = function ClipboardWrapper(_ref) {
   var mediaState = _ref.mediaState,
-    featureFlags = _ref.featureFlags;
+    featureFlags = _ref.featureFlags,
+    container = _ref.container;
   return /*#__PURE__*/React.createElement(PickerFacadeProvider, {
     mediaState: mediaState,
     analyticsName: "clipboard"
@@ -11,9 +12,17 @@ export var ClipboardWrapper = function ClipboardWrapper(_ref) {
     var mediaClientConfig = _ref2.mediaClientConfig,
       config = _ref2.config,
       pickerFacadeInstance = _ref2.pickerFacadeInstance;
+    var clipboardConfig = Object.assign({}, config);
+    if ((featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.securedClipboard) === true) {
+      clipboardConfig.container = container;
+      clipboardConfig.onPaste = function (event) {
+        event.stopPropagation();
+        return false;
+      };
+    }
     return /*#__PURE__*/React.createElement(Clipboard, {
       mediaClientConfig: mediaClientConfig,
-      config: config,
+      config: clipboardConfig,
       onError: pickerFacadeInstance.handleUploadError,
       onPreviewUpdate: pickerFacadeInstance.handleUploadPreviewUpdate,
       onEnd: pickerFacadeInstance.handleReady,

package/dist/esm/plugins/media/ui/MediaPicker/index.js

@@ -22,9 +22,11 @@ var MediaPicker = function MediaPicker(_ref) {
   var _useSharedPluginState = useSharedPluginState(api, ['focus']),
     focusState = _useSharedPluginState.focusState;
   var featureFlags = mediaState.mediaOptions && mediaState.mediaOptions.featureFlags;
+  var container = editorDomElement;
   var clipboard = focusState !== null && focusState !== void 0 && focusState.hasFocus ? /*#__PURE__*/React.createElement(ClipboardWrapper, {
     mediaState: mediaState,
-    featureFlags: featureFlags
+    featureFlags: featureFlags,
+    container: container
   }) : null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, clipboard, /*#__PURE__*/React.createElement(DropzoneWrapper, {
     mediaState: mediaState,

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

@@ -7,12 +7,13 @@ import React from 'react';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { pluginKey } from './plugin-key';
-import { search } from './search';
 import ModalElementBrowser from './ui/ModalElementBrowser';
 import { openElementBrowserModal, insertItem } from './commands';
-import { memoProcessQuickInsertItems, getQuickInsertSuggestions } from '@atlaskit/editor-common/quick-insert';
+import { memoProcessQuickInsertItems } from '@atlaskit/editor-common/quick-insert';
+import { getQuickInsertSuggestions } from './search';
 var quickInsertPlugin = function quickInsertPlugin(_ref) {
-  var options = _ref.config;
+  var options = _ref.config,
+    api = _ref.api;
   return {
     name: 'quickInsert',
     pmPlugins: function pmPlugins(defaultItems) {
@@ -37,13 +38,9 @@ var quickInsertPlugin = function quickInsertPlugin(_ref) {
             editorState = _ref3.editorState;
           var quickInsertState = pluginKey.getState(editorState);
           return Promise.resolve(getQuickInsertSuggestions({
-            searchOptions: {
-              query: query,
-              disableDefaultItems: options === null || options === void 0 ? void 0 : options.disableDefaultItems
-            },
-            lazyDefaultItems: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems,
-            providedItems: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems
-          }));
+            query: query,
+            disableDefaultItems: options === null || options === void 0 ? void 0 : options.disableDefaultItems
+          }, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems));
         },
         selectItem: function selectItem(state, item, insert) {
           return item.action(insert, state);
@@ -61,7 +58,6 @@ var quickInsertPlugin = function quickInsertPlugin(_ref) {
       return null;
     },
     getSharedState: function getSharedState(editorState) {
-      var _quickInsertState$sug;
       if (!editorState) {
         return null;
       }
@@ -70,16 +66,22 @@ var quickInsertPlugin = function quickInsertPlugin(_ref) {
         return null;
       }
       return {
-        suggestions: (_quickInsertState$sug = quickInsertState.suggestions) !== null && _quickInsertState$sug !== void 0 ? _quickInsertState$sug : [],
         lazyDefaultItems: quickInsertState.lazyDefaultItems,
-        emptyStateHandler: quickInsertState.emptyStateHandler
+        emptyStateHandler: quickInsertState.emptyStateHandler,
+        providedItems: quickInsertState.providedItems
       };
     },
     actions: {
-      insertItem: insertItem
+      insertItem: insertItem,
+      getSuggestions: function getSuggestions(searchOptions) {
+        var _api$quickInsert$shar;
+        var _ref5 = (_api$quickInsert$shar = api === null || api === void 0 ? void 0 : api.quickInsert.sharedState.currentState()) !== null && _api$quickInsert$shar !== void 0 ? _api$quickInsert$shar : {},
+          lazyDefaultItems = _ref5.lazyDefaultItems,
+          providedItems = _ref5.providedItems;
+        return getQuickInsertSuggestions(searchOptions, lazyDefaultItems, providedItems);
+      }
     },
     commands: {
-      search: search,
       openElementBrowserModal: openElementBrowserModal
     }
   };
@@ -106,20 +108,12 @@ function quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispat
           // getting confused when two editors exist within the same page.
           lazyDefaultItems: function lazyDefaultItems() {
             return memoProcessQuickInsertItems(defaultItems || [], getIntl());
-          },
-          suggestions: []
+          }
         };
       },
       apply: function apply(tr, pluginState) {
         var meta = tr.getMeta(pluginKey);
         if (meta) {
-          if ('searchOptions' in meta) {
-            meta.suggestions = getQuickInsertSuggestions({
-              searchOptions: meta.searchOptions,
-              lazyDefaultItems: pluginState.lazyDefaultItems,
-              providedItems: pluginState.providedItems
-            });
-          }
           var keys = Object.keys(meta);
           var changed = keys.some(function (key) {
             return pluginState[key] !== meta[key];
@@ -135,7 +129,7 @@ function quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispat
     },
     view: function view(editorView) {
       var providerHandler = /*#__PURE__*/function () {
-        var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_name, providerPromise) {
+        var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_name, providerPromise) {
           var provider, providedItems;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -171,7 +165,7 @@ function quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispat
           }, _callee, null, [[1, 11]]);
         }));
         return function providerHandler(_x, _x2) {
-          return _ref5.apply(this, arguments);
+          return _ref6.apply(this, arguments);
         };
       }();
       providerFactory.subscribe('quickInsertProvider', providerHandler);

package/dist/esm/plugins/quick-insert/search.js

@@ -1,18 +1,25 @@
-import { pluginKey } from './plugin-key';
-export var search = function search(_ref) {
-  var query = _ref.query,
-    category = _ref.category,
-    disableDefaultItems = _ref.disableDefaultItems,
-    featuredItems = _ref.featuredItems;
-  return function (_ref2) {
-    var tr = _ref2.tr;
-    return tr.setMeta(pluginKey, {
-      searchOptions: {
-        query: query,
-        category: category,
-        disableDefaultItems: disableDefaultItems,
-        featuredItems: featuredItems
-      }
-    });
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { dedupe } from '@atlaskit/editor-common/utils';
+import { find } from '@atlaskit/editor-common/quick-insert';
+export var getQuickInsertSuggestions = function getQuickInsertSuggestions(searchOptions) {
+  var lazyDefaultItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
+    return [];
   };
+  var providedItems = arguments.length > 2 ? arguments[2] : undefined;
+  var query = searchOptions.query,
+    category = searchOptions.category,
+    disableDefaultItems = searchOptions.disableDefaultItems,
+    featuredItems = searchOptions.featuredItems;
+  var defaultItems = disableDefaultItems ? [] : lazyDefaultItems();
+  var items = providedItems ? dedupe([].concat(_toConsumableArray(defaultItems), _toConsumableArray(providedItems)), function (item) {
+    return item.title;
+  }) : defaultItems;
+  if (featuredItems) {
+    return items.filter(function (item) {
+      return item.featured;
+    });
+  }
+  return find(query || '', category === 'all' || !category ? items : items.filter(function (item) {
+    return item.categories && item.categories.includes(category);
+  }));
 };

package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/index.js

@@ -3,20 +3,16 @@ import WithPluginState from '../../../../ui/WithPluginState';
 import { pluginKey } from '../../plugin-key';
 import ModalElementBrowser from '../../../../ui/ElementBrowser/ModalElementBrowser';
 import { closeElementBrowserModal, insertItem } from '../../commands';
-import { getQuickInsertSuggestions } from '@atlaskit/editor-common/quick-insert';
+import { getQuickInsertSuggestions } from '../../search';
 var Modal = function Modal(_ref) {
   var quickInsertState = _ref.quickInsertState,
     editorView = _ref.editorView,
     helpUrl = _ref.helpUrl;
   var getItems = useCallback(function (query, category) {
     return getQuickInsertSuggestions({
-      searchOptions: {
-        query: query,
-        category: category
-      },
-      lazyDefaultItems: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems,
-      providedItems: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems
-    });
+      query: query,
+      category: category
+    }, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems);
   }, [quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems]);
   var focusInEditor = useCallback(function () {
     if (!editorView.hasFocus()) {

package/dist/esm/ui/ContextPanel/index.js

@@ -20,18 +20,24 @@ import { css, jsx } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
-import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
+import { ContextPanelConsumer, WidthContext } from '@atlaskit/editor-common/ui';
 import WithPluginState from '../WithPluginState';
 import WithEditorActions from '../WithEditorActions';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getChildBreakoutModes } from '../../utils/document';
-import { WidthContext } from '@atlaskit/editor-common/ui';
+import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
 var ANIM_SPEED_MS = 500;
 var EDITOR_WIDTH = akEditorDefaultLayoutWidth + akEditorBreakoutPadding;
 var WIDE_EDITOR_WIDTH = akEditorWideLayoutWidth + akEditorBreakoutPadding;
 var FULLWIDTH_MODE = 'full-width';
 var WIDE_MODE = 'wide';
 var absolutePanelStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 0;\n  height: calc(100% - ", ");\n"])), ATLASSIAN_NAVIGATION_HEIGHT);
-export var shouldPanelBePositionedOverEditor = function shouldPanelBePositionedOverEditor(editorWidth, panelWidth) {
+var checkTableExistsInDoc = function checkTableExistsInDoc(editorView) {
+  var tableNodeSchema = editorView.state.schema.nodes.table;
+  var findResult = findChildrenByType(editorView.state.doc, tableNodeSchema);
+  return findResult.length > 0;
+};
+export var shouldPanelBePositionedOverEditor = function shouldPanelBePositionedOverEditor(editorWidth, panelWidth, editorView) {
   var lineLength = editorWidth.lineLength,
     _editorWidth$containe = editorWidth.containerWidth,
     containerWidth = _editorWidth$containe === void 0 ? 0 : _editorWidth$containe,
@@ -39,7 +45,17 @@ export var shouldPanelBePositionedOverEditor = function shouldPanelBePositionedO
   var editorNotFullWidth = !(lineLength && lineLength > akEditorDefaultLayoutWidth);
   var hasSpaceForPanel = !contentBreakoutModes.length && containerWidth >= panelWidth * 2 + EDITOR_WIDTH;
   var hasSpaceForWideBreakoutsAndPanel = !contentBreakoutModes.includes(FULLWIDTH_MODE) && contentBreakoutModes.includes(WIDE_MODE) && containerWidth >= panelWidth * 2 + WIDE_EDITOR_WIDTH;
-  return editorNotFullWidth && (hasSpaceForPanel || hasSpaceForWideBreakoutsAndPanel);
+  if (!getBooleanFF('platform.editor.custom-table-width') || !editorView) {
+    return editorNotFullWidth && (hasSpaceForPanel || hasSpaceForWideBreakoutsAndPanel);
+  } else {
+    // when custom table width feature flag is on,
+    // there are scenarios when a table has attr layout default, but width is in full-width or very wide
+    // but in this case we still want the shouldPanelBePositionedOverEditor return false
+    // previous logic is returning false when table layout default
+    // but when custom table width feature flag is one, we want to return false whenever there is a table in the doc
+    var isTableInDoc = checkTableExistsInDoc(editorView);
+    return editorNotFullWidth && (hasSpaceForPanel || hasSpaceForWideBreakoutsAndPanel) && !isTableInDoc;
+  }
 };
 var panelHidden = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 0;\n"])));
 export var panel = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: 100%;\n  transition: width ", "ms ", ";\n  overflow: hidden;\n  box-shadow: inset 2px 0 0 0 ", ";\n"])), akEditorContextPanelWidth, ANIM_SPEED_MS, akEditorSwoopCubicBezier, "var(--ds-border, ".concat(N30, ")"));
@@ -115,7 +131,9 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var editorWidth = this.props.editorWidth;
+      var _this$props = this.props,
+        editorWidth = _this$props.editorWidth,
+        editorView = _this$props.editorView;
       var width = akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
@@ -124,7 +142,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
         var contextPanelWidth = visible ? width : 0;
-        var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width) : false;
+        var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
         broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
         return jsx("div", {

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -18,7 +18,7 @@ import withOuterListeners from '../with-outer-listeners';
 import ElementBrowser from './components/ElementBrowserLoader';
 import { ELEMENT_ITEM_HEIGHT } from './constants';
 var InsertMenu = function InsertMenu(_ref) {
-  var _pluginInjectionApi$q10, _pluginInjectionApi$q11, _pluginInjectionApi$q12, _pluginInjectionApi$q13;
+  var _pluginInjectionApi$q6, _pluginInjectionApi$q7, _pluginInjectionApi$q8;
   var editorView = _ref.editorView,
     dropdownItems = _ref.dropdownItems,
     showElementBrowserLink = _ref.showElementBrowserLink,
@@ -72,25 +72,23 @@ var InsertMenu = function InsertMenu(_ref) {
      * @see above transform function for more details.
      */
     if (query) {
-      var _pluginInjectionApi$q2, _pluginInjectionApi$q3, _pluginInjectionApi$q4, _pluginInjectionApi$q5;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q2 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q2 === void 0 ? void 0 : _pluginInjectionApi$q2.commands.search({
+      var _pluginInjectionApi$q2, _pluginInjectionApi$q3;
+      result = (_pluginInjectionApi$q2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q3 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q3 === void 0 ? void 0 : _pluginInjectionApi$q3.actions.getSuggestions({
         query: query,
         category: category
-      }));
-      result = (_pluginInjectionApi$q3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q4 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q4 === void 0 ? void 0 : (_pluginInjectionApi$q5 = _pluginInjectionApi$q4.sharedState.currentState()) === null || _pluginInjectionApi$q5 === void 0 ? void 0 : _pluginInjectionApi$q5.suggestions) !== null && _pluginInjectionApi$q3 !== void 0 ? _pluginInjectionApi$q3 : [];
+      })) !== null && _pluginInjectionApi$q2 !== void 0 ? _pluginInjectionApi$q2 : [];
     } else {
-      var _pluginInjectionApi$q6, _pluginInjectionApi$q7, _pluginInjectionApi$q8, _pluginInjectionApi$q9;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.commands.search({
+      var _pluginInjectionApi$q4, _pluginInjectionApi$q5;
+      var featuredQuickInsertSuggestions = (_pluginInjectionApi$q4 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q5 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q5 === void 0 ? void 0 : _pluginInjectionApi$q5.actions.getSuggestions({
         category: category,
         featuredItems: true
-      }));
-      var featuredQuickInsertSuggestions = (_pluginInjectionApi$q7 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q8 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q8 === void 0 ? void 0 : (_pluginInjectionApi$q9 = _pluginInjectionApi$q8.sharedState.currentState()) === null || _pluginInjectionApi$q9 === void 0 ? void 0 : _pluginInjectionApi$q9.suggestions) !== null && _pluginInjectionApi$q7 !== void 0 ? _pluginInjectionApi$q7 : [];
+      })) !== null && _pluginInjectionApi$q4 !== void 0 ? _pluginInjectionApi$q4 : [];
       result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
     }
     setItemCount(result.length);
     return result;
-  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q10 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q10 === void 0 ? void 0 : _pluginInjectionApi$q10.commands, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q11 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q11 === void 0 ? void 0 : _pluginInjectionApi$q11.sharedState, quickInsertDropdownItems]);
-  var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q12 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q12 === void 0 ? void 0 : (_pluginInjectionApi$q13 = _pluginInjectionApi$q12.sharedState.currentState()) === null || _pluginInjectionApi$q13 === void 0 ? void 0 : _pluginInjectionApi$q13.emptyStateHandler;
+  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.actions, quickInsertDropdownItems]);
+  var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : (_pluginInjectionApi$q8 = _pluginInjectionApi$q7.sharedState.currentState()) === null || _pluginInjectionApi$q8 === void 0 ? void 0 : _pluginInjectionApi$q8.emptyStateHandler;
   return jsx("div", {
     css: function css(theme) {
       return insertMenuWrapper(theme, itemCount);

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.32.6";
+export var version = "187.33.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/labs/next/presets/default.d.ts

@@ -100,9 +100,9 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
     sharedState: import("@atlaskit/editor-common/types").QuickInsertSharedState | null;
     actions: {
         insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("../../..").Command;
+        getSuggestions: (searchOptions: import("@atlaskit/editor-common/types").QuickInsertSearchOptions) => import("@atlaskit/editor-common/provider-factory").QuickInsertItem[];
     };
     commands: {
-        search: import("../../../plugins/quick-insert/search").QuickInsertSearch;
         openElementBrowserModal: import("@atlaskit/editor-common/types").EditorCommand;
     };
 }, QuickInsertPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
@@ -225,9 +225,9 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
     sharedState: import("@atlaskit/editor-common/types").QuickInsertSharedState | null;
     actions: {
         insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("../../..").Command;
+        getSuggestions: (searchOptions: import("@atlaskit/editor-common/types").QuickInsertSearchOptions) => import("@atlaskit/editor-common/provider-factory").QuickInsertItem[];
     };
     commands: {
-        search: import("../../../plugins/quick-insert/search").QuickInsertSearch;
         openElementBrowserModal: import("@atlaskit/editor-common/types").EditorCommand;
     };
 }, QuickInsertPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {

package/dist/types/plugins/help-dialog/index.d.ts

@@ -3,11 +3,16 @@ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/t
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type quickInsertPlugin from '../quick-insert';
 export declare function createPlugin(dispatch: Function, imageEnabled: boolean): SafePlugin<any>;
+interface HelpDialogSharedState {
+    isVisible: boolean;
+    imageEnabled: boolean;
+}
 declare const helpDialog: NextEditorPlugin<'helpDialog', {
     dependencies: [
         OptionalPlugin<typeof analyticsPlugin>,
         OptionalPlugin<typeof quickInsertPlugin>
     ];
     pluginConfiguration: boolean;
+    sharedState: HelpDialogSharedState | null;
 }>;
 export default helpDialog;

package/dist/types/plugins/help-dialog/ui/HelpDialogLoader.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import Loadable from 'react-loadable';
-import type { Props as HelpDialogProps } from './index';
+import type { HelpDialogProps } from './index';
 export declare const HelpDialogLoader: import("react").ComponentType<HelpDialogProps> & Loadable.LoadableComponent;

package/dist/types/plugins/help-dialog/ui/index.d.ts

@@ -1,10 +1,11 @@
-/** @jsx jsx */
-import React from 'react';
+/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Keymap } from '@atlaskit/editor-common/keymaps';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type helpDialogPlugin from '..';
 export interface Format {
     name: string;
     type: string;
@@ -15,13 +16,12 @@ export interface Format {
 export declare const formatting: (intl: IntlShape) => Format[];
 export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean, quickInsertEnabled?: boolean) => Format[];
 export declare const getComponentFromKeymap: (keymap: Keymap) => jsx.JSX.Element;
-export interface Props {
+export interface HelpDialogProps {
+    pluginInjectionApi: ExtractInjectionAPI<typeof helpDialogPlugin> | undefined;
     editorView: EditorView;
-    isVisible: boolean;
-    imageEnabled?: boolean;
     quickInsertEnabled?: boolean;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<HelpDialogProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<HelpDialogProps & WrappedComponentProps<"intl">>;
 };
 export default _default;