@atlaskit/editor-core 189.4.0 → 189.4.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-core
 
+## 189.4.1
+
+### Patch Changes
+
+- [#43507](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43507) [`a9695768de6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a9695768de6) - Extracted insert block plugin code from editor-core to @atlaskit/editor-plugin-insert-block
+- Updated dependencies
+
 ## 189.4.0
 
 ### Minor Changes

package/dist/cjs/plugins/index.js

@@ -82,12 +82,6 @@ Object.defineProperty(exports, "findReplacePlugin", {
     return _findReplace.default;
   }
 });
-Object.defineProperty(exports, "insertBlockPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _insertBlock.default;
-  }
-});
 Object.defineProperty(exports, "jiraIssuePlugin", {
   enumerable: true,
   get: function get() {
@@ -133,7 +127,6 @@ Object.defineProperty(exports, "viewUpdateSubscriptionPlugin", {
 var _clearMarksOnChangeToEmptyDocument = _interopRequireDefault(require("./clear-marks-on-change-to-empty-document"));
 var _collabEdit = _interopRequireDefault(require("./collab-edit"));
 var _extension = _interopRequireDefault(require("./extension"));
-var _insertBlock = _interopRequireDefault(require("./insert-block"));
 var _jiraIssue = _interopRequireDefault(require("./jira-issue"));
 var _toolbarListsIndentation = _interopRequireDefault(require("./toolbar-lists-indentation"));
 var _paste = _interopRequireDefault(require("./paste"));

package/dist/cjs/presets/universal.js

@@ -15,6 +15,7 @@ var _editorPluginTextColor = require("@atlaskit/editor-plugin-text-color");
 var _editorPluginHistory = require("@atlaskit/editor-plugin-history");
 var _editorPluginIndentation = require("@atlaskit/editor-plugin-indentation");
 var _editorPluginStatus = require("@atlaskit/editor-plugin-status");
+var _editorPluginInsertBlock = require("@atlaskit/editor-plugin-insert-block");
 var _editorPluginDate = require("@atlaskit/editor-plugin-date");
 var _editorPluginMaxContentSize = require("@atlaskit/editor-plugin-max-content-size");
 var _editorPluginCaption = require("@atlaskit/editor-plugin-caption");
@@ -359,7 +360,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
   }).add([_plugins.toolbarListsIndentationPlugin, {
     showIndentationButtons: !!props.showIndentationButtons,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation
-  }]).add([_plugins.insertBlockPlugin, {
+  }]).add([_editorPluginInsertBlock.insertBlockPlugin, {
     allowTables: !!props.allowTables,
     allowExpand: isExpandInsertionEnabled(props),
     insertMenuItems: props.insertMenuItems,

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.4.0";
+var version = exports.version = "189.4.1";

package/dist/es2019/plugins/index.js

@@ -1,7 +1,6 @@
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as collabEditPlugin } from './collab-edit';
 export { default as extensionPlugin } from './extension';
-export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as pastePlugin } from './paste';

package/dist/es2019/presets/universal.js

@@ -1,10 +1,11 @@
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, alignmentPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, alignmentPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { tasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { indentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
+import { insertBlockPlugin } from '@atlaskit/editor-plugin-insert-block';
 import { datePlugin } from '@atlaskit/editor-plugin-date';
 import { maxContentSizePlugin } from '@atlaskit/editor-plugin-max-content-size';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "189.4.0";
+export const version = "189.4.1";

package/dist/esm/plugins/index.js

@@ -1,7 +1,6 @@
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as collabEditPlugin } from './collab-edit';
 export { default as extensionPlugin } from './extension';
-export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as pastePlugin } from './paste';

package/dist/esm/presets/universal.js

@@ -2,13 +2,14 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, alignmentPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, alignmentPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { tasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { indentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
+import { insertBlockPlugin } from '@atlaskit/editor-plugin-insert-block';
 import { datePlugin } from '@atlaskit/editor-plugin-date';
 import { maxContentSizePlugin } from '@atlaskit/editor-plugin-max-content-size';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "189.4.0";
+export var version = "189.4.1";

package/dist/types/plugins/index.d.ts

@@ -1,7 +1,6 @@
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as collabEditPlugin } from './collab-edit';
 export { default as extensionPlugin } from './extension';
-export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as pastePlugin } from './paste';

package/dist/types-ts4.5/plugins/index.d.ts

@@ -1,7 +1,6 @@
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as collabEditPlugin } from './collab-edit';
 export { default as extensionPlugin } from './extension';
-export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as pastePlugin } from './paste';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.4.0",
+  "version": "189.4.1",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -85,6 +85,7 @@
     "@atlaskit/editor-plugin-hyperlink": "^0.6.0",
     "@atlaskit/editor-plugin-image-upload": "^0.2.0",
     "@atlaskit/editor-plugin-indentation": "^0.2.0",
+    "@atlaskit/editor-plugin-insert-block": "^0.2.0",
     "@atlaskit/editor-plugin-layout": "^0.1.0",
     "@atlaskit/editor-plugin-list": "^1.3.0",
     "@atlaskit/editor-plugin-max-content-size": "^0.1.0",

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

@@ -1,165 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _ToolbarInsertBlock = _interopRequireDefault(require("./ui/ToolbarInsertBlock"));
-var _consts = require("@atlaskit/editor-plugin-block-type/consts");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _types = require("@atlaskit/editor-common/types");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
-  switch (toolbarSize) {
-    case _types.ToolbarSize.XXL:
-    case _types.ToolbarSize.XL:
-    case _types.ToolbarSize.L:
-    case _types.ToolbarSize.M:
-      return 7;
-    case _types.ToolbarSize.S:
-      return 2;
-    default:
-      return 0;
-  }
-};
-/**
- * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
- * @param name Block name
- */
-function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
-  return function (name) {
-    if (name === _consts.CODE_BLOCK.name && insertCodeBlock) {
-      return insertCodeBlock(_analytics.INPUT_METHOD.TOOLBAR);
-    }
-    if (name === _consts.PANEL.name && insertPanel) {
-      return insertPanel(_analytics.INPUT_METHOD.TOOLBAR);
-    }
-    if (name === _consts.BLOCK_QUOTE.name && insertBlockQuote) {
-      return insertBlockQuote(_analytics.INPUT_METHOD.TOOLBAR);
-    }
-    return function () {
-      return false;
-    };
-  };
-}
-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 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  return {
-    name: 'insertBlock',
-    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) {
-        return /*#__PURE__*/_react.default.createElement(ToolbarInsertBlockWithInjectionApi, {
-          pluginInjectionApi: api,
-          editorView: editorView,
-          editorActions: editorActions,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          providerFactory: providerFactory,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          toolbarSize: toolbarSize,
-          disabled: disabled,
-          isToolbarReducedSpacing: isToolbarReducedSpacing,
-          isLastItem: isLastItem,
-          featureFlags: featureFlags,
-          providers: providers,
-          options: options
-        });
-      };
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
-        providerFactory: providerFactory,
-        providers: ['emojiProvider'],
-        renderNode: renderNode
-      });
-    }
-  };
-};
-function ToolbarInsertBlockWithInjectionApi(_ref3) {
-  var _ref4, _ref5, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b, _pluginInjectionApi$e;
-  var editorView = _ref3.editorView,
-    editorActions = _ref3.editorActions,
-    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
-    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,
-    featureFlags = _ref3.featureFlags;
-  var buttons = toolbarSizeToButtons(toolbarSize);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
-    dateState = _useSharedPluginState.dateState,
-    hyperlinkState = _useSharedPluginState.hyperlinkState,
-    imageUploadState = _useSharedPluginState.imageUploadState,
-    mentionState = _useSharedPluginState.mentionState,
-    emojiState = _useSharedPluginState.emojiState,
-    blockTypeState = _useSharedPluginState.blockTypeState,
-    mediaState = _useSharedPluginState.mediaState,
-    typeAheadState = _useSharedPluginState.typeAheadState,
-    placeholderTextState = _useSharedPluginState.placeholderTextState;
-  return /*#__PURE__*/_react.default.createElement(_ToolbarInsertBlock.default, {
-    pluginInjectionApi: pluginInjectionApi,
-    buttons: buttons,
-    isReducedSpacing: isToolbarReducedSpacing,
-    isDisabled: disabled,
-    isTypeAheadAllowed: Boolean(typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.isAllowed),
-    editorView: editorView,
-    tableSupported: !!editorView.state.schema.nodes.table,
-    actionSupported: !!editorView.state.schema.nodes.taskItem,
-    mentionsSupported: !!(mentionState && mentionState.mentionProvider),
-    mentionsDisabled: !!(mentionState && !mentionState.canInsertMention),
-    decisionSupported: !!editorView.state.schema.nodes.decisionItem,
-    dateEnabled: !!dateState,
-    placeholderTextEnabled: placeholderTextState && placeholderTextState.allowInserting,
-    layoutSectionEnabled: Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.layout),
-    expandEnabled: !!options.allowExpand,
-    mediaUploadsEnabled: (_ref4 = mediaState && mediaState.allowsUploads) !== null && _ref4 !== void 0 ? _ref4 : undefined,
-    onShowMediaPicker: (_ref5 = mediaState && mediaState.showMediaPicker) !== null && _ref5 !== void 0 ? _ref5 : undefined,
-    mediaSupported: !!mediaState,
-    imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.imageUpload),
-    imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
-    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === 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,
-    emojiDisabled: !emojiState || !emojiState.emojiProvider,
-    emojiProvider: providers.emojiProvider,
-    nativeStatusSupported: options.nativeStatusSupported,
-    horizontalRuleEnabled: options.horizontalRuleEnabled,
-    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.codeBlock) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.insertCodeBlock, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$p = pluginInjectionApi.panel) === null || _pluginInjectionApi$p === void 0 ? void 0 : _pluginInjectionApi$p.actions.insertPanel, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$b = pluginInjectionApi.blockType) === null || _pluginInjectionApi$b === void 0 ? void 0 : _pluginInjectionApi$b.actions.insertBlockQuote),
-    onInsertMacroFromMacroBrowser: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.extension) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.actions.insertMacroFromMacroBrowser,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    insertMenuItems: options.insertMenuItems,
-    editorActions: editorActions,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
-    showElementBrowserLink: options.showElementBrowserLink,
-    showSeparator: !isLastItem && toolbarSize <= _types.ToolbarSize.S,
-    featureFlags: featureFlags
-  });
-}
-var _default = exports.default = insertBlockPlugin;

package/dist/cjs/plugins/insert-block/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/insert-block/ui/ElementBrowser/InsertMenu.js

@@ -1,152 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _theme = require("@atlaskit/theme");
-var _colors = require("@atlaskit/theme/colors");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
-var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _elementBrowser = require("@atlaskit/editor-common/element-browser");
-var _excluded = ["children"];
-var _templateObject, _templateObject2;
-/** @jsx jsx */
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-var InsertMenu = function InsertMenu(_ref) {
-  var _pluginInjectionApi$q6, _pluginInjectionApi$q7;
-  var editorView = _ref.editorView,
-    dropdownItems = _ref.dropdownItems,
-    showElementBrowserLink = _ref.showElementBrowserLink,
-    onInsert = _ref.onInsert,
-    toggleVisiblity = _ref.toggleVisiblity,
-    pluginInjectionApi = _ref.pluginInjectionApi;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    itemCount = _useState2[0],
-    setItemCount = _useState2[1];
-  var transform = (0, _react.useCallback)(function (item) {
-    return {
-      title: item.content,
-      description: item.tooltipDescription,
-      keyshortcut: item.shortcut,
-      icon: function icon() {
-        return getSvgIconForItem({
-          name: item.value.name
-        }) || item.elemBefore;
-      },
-      /**
-       * @note This transformed items action is only used when a quick insert item has been
-       * called from the quick insert menu and a search has not been performed.
-       */
-      action: function action() {
-        return onInsert({
-          item: item
-        });
-      },
-      // "insertInsertMenuItem" expects these 2 properties.
-      onClick: item.onClick,
-      value: item.value
-    };
-  }, [onInsert]);
-  var quickInsertDropdownItems = dropdownItems.map(transform);
-  var viewMoreItem = showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
-  var onInsertItem = (0, _react.useCallback)(function (item) {
-    var _pluginInjectionApi$q;
-    toggleVisiblity();
-    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 || _pluginInjectionApi$q.actions.insertItem(item)(editorView.state, editorView.dispatch);
-  }, [editorView, toggleVisiblity, pluginInjectionApi]);
-  var getItems = (0, _react.useCallback)(function (query, category) {
-    var result;
-    /**
-     * @warning The results if there is a query are not the same as the results if there is no query.
-     * For example: If you have a typed panel and then select the panel item then it will call a different action
-     * than is specified on the editor plugins quick insert
-     * @see above transform function for more details.
-     */
-    if (query) {
-      var _pluginInjectionApi$q2, _pluginInjectionApi$q3;
-      result = (_pluginInjectionApi$q2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q3 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q3 === void 0 ? void 0 : _pluginInjectionApi$q3.actions.getSuggestions({
-        query: query,
-        category: category
-      })) !== null && _pluginInjectionApi$q2 !== void 0 ? _pluginInjectionApi$q2 : [];
-    } else {
-      var _pluginInjectionApi$q4, _pluginInjectionApi$q5;
-      var featuredQuickInsertSuggestions = (_pluginInjectionApi$q4 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q5 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q5 === void 0 ? void 0 : _pluginInjectionApi$q5.actions.getSuggestions({
-        category: category,
-        featuredItems: true
-      })) !== null && _pluginInjectionApi$q4 !== void 0 ? _pluginInjectionApi$q4 : [];
-      result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
-    }
-    setItemCount(result.length);
-    return result;
-  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.actions, quickInsertDropdownItems]);
-  var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 || (_pluginInjectionApi$q7 = _pluginInjectionApi$q7.sharedState.currentState()) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : _pluginInjectionApi$q7.emptyStateHandler;
-  return (0, _react2.jsx)("div", {
-    css: insertMenuWrapper(itemCount)
-  }, (0, _react2.jsx)(ElementBrowserWrapper, {
-    handleClickOutside: toggleVisiblity,
-    handleEscapeKeydown: toggleVisiblity,
-    closeOnTab: true
-  }, (0, _react2.jsx)(_elementBrowser.ElementBrowser, {
-    mode: "inline",
-    getItems: getItems,
-    emptyStateHandler: emptyStateHandler,
-    onInsertItem: onInsertItem,
-    showSearch: true,
-    showCategories: false
-    // On page resize we want the InlineElementBrowser to show updated tools/overflow items
-    ,
-    key: quickInsertDropdownItems.length,
-    viewMoreItem: viewMoreItem
-  })));
-};
-var getSvgIconForItem = function getSvgIconForItem(_ref2) {
-  var name = _ref2.name;
-  var Icon = {
-    codeblock: _quickInsert.IconCode,
-    panel: _quickInsert.IconPanel,
-    blockquote: _quickInsert.IconQuote,
-    decision: _quickInsert.IconDecision,
-    horizontalrule: _quickInsert.IconDivider,
-    expand: _quickInsert.IconExpand,
-    date: _quickInsert.IconDate,
-    status: _quickInsert.IconStatus
-  }[name];
-  return Icon ? (0, _react2.jsx)(Icon, {
-    label: ""
-  }) : undefined;
-};
-var getInsertMenuHeight = function getInsertMenuHeight(_ref3) {
-  var itemCount = _ref3.itemCount;
-  // Figure based on visuals to exclude the searchbar, padding/margin, and the ViewMore item.
-  var EXTRA_SPACE_EXCLUDING_ELEMENTLIST = 112;
-  if (itemCount > 0 && itemCount < 6) {
-    return itemCount * _elementBrowser.ELEMENT_ITEM_HEIGHT + EXTRA_SPACE_EXCLUDING_ELEMENTLIST;
-  }
-  return 560; // For showing 6 Elements.
-};
-
-var insertMenuWrapper = function insertMenuWrapper(itemCount) {
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  height: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n"])), getInsertMenuHeight({
-    itemCount: itemCount
-  }), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), (0, _theme.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ",\n    0 2px 1px ").concat(_colors.N30A, ",\n    0 0 20px -6px ").concat(_colors.N60A), ")"));
-};
-var flexWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  box-sizing: border-box;\n  overflow: hidden;\n"])));
-var FlexWrapper = function FlexWrapper(props) {
-  var children = props.children,
-    divProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: flexWrapperStyles
-  }, divProps), children);
-};
-var ElementBrowserWrapper = (0, _uiReact.withReactEditorViewOuterListeners)(FlexWrapper);
-var _default = exports.default = InsertMenu;

package/dist/cjs/plugins/insert-block/ui/ElementBrowser/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockInsertElementBrowser = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ui = require("@atlaskit/editor-common/ui");
-var _InsertMenu = _interopRequireDefault(require("../ElementBrowser/InsertMenu"));
-var _dropdownButton = require("./dropdown-button");
-var BlockInsertElementBrowser = exports.BlockInsertElementBrowser = function BlockInsertElementBrowser(props) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.open && /*#__PURE__*/_react.default.createElement(_ui.Popup, {
-    target: props.plusButtonRef,
-    fitHeight: 500,
-    fitWidth: 350,
-    offset: [0, 3],
-    mountTo: props.popupsMountPoint,
-    boundariesElement: props.popupsBoundariesElement,
-    scrollableElement: props.popupsScrollableElement,
-    preventOverflow: true,
-    alignX: "right"
-  }, /*#__PURE__*/_react.default.createElement(_InsertMenu.default, {
-    editorView: props.editorView,
-    dropdownItems: props.items,
-    onInsert: props.onInsert,
-    toggleVisiblity: props.togglePlusMenuVisibility,
-    showElementBrowserLink: props.showElementBrowserLink,
-    pluginInjectionApi: props.pluginInjectionApi
-  })), /*#__PURE__*/_react.default.createElement(_dropdownButton.DropDownButton, {
-    "aria-expanded": props.open,
-    "aria-haspopup": true,
-    handleRef: props.onRef,
-    selected: props.open,
-    disabled: props.disabled,
-    onClick: props.onClick,
-    onKeyDown: props.onKeyDown,
-    spacing: props.spacing,
-    label: props.label,
-    "aria-keyshortcuts": "/"
-  }));
-};

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu-legacy.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockInsertMenuLegacy = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _dropdownButton = require("./dropdown-button");
-var BlockInsertMenuLegacy = exports.BlockInsertMenuLegacy = function BlockInsertMenuLegacy(props) {
-  var items = props.items;
-  var dropdownItems = _react.default.useMemo(function () {
-    return [{
-      items: items
-    }];
-  }, [items]);
-  return /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownMenuWithKeyboardNavigation, {
-    items: dropdownItems,
-    onItemActivated: props.onItemActivated,
-    onOpenChange: props.onOpenChange,
-    mountTo: props.popupsMountPoint,
-    boundariesElement: props.popupsBoundariesElement,
-    scrollableElement: props.popupsScrollableElement,
-    isOpen: props.open,
-    fitHeight: 188,
-    fitWidth: 175,
-    zIndex: _editorSharedStyles.akEditorMenuZIndex
-  }, /*#__PURE__*/_react.default.createElement(_dropdownButton.DropDownButton, {
-    "aria-expanded": props.open,
-    "aria-haspopup": true,
-    handleRef: props.onRef,
-    selected: props.open,
-    disabled: props.disabled,
-    onClick: props.onClick,
-    onKeyDown: props.onKeyDown,
-    spacing: props.spacing,
-    label: props.label,
-    "aria-keyshortcuts": "/"
-  }));
-};

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockInsertMenu = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _blockInsertElementBrowser = require("./block-insert-element-browser");
-var _blockInsertMenuLegacy = require("./block-insert-menu-legacy");
-var _dropdownButton = require("./dropdown-button");
-var BlockInsertMenu = exports.BlockInsertMenu = function BlockInsertMenu(props) {
-  if (props.items.length === 0) {
-    return null;
-  }
-  if (props.disabled) {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_dropdownButton.DropDownButton, {
-      "aria-expanded": props.open,
-      "aria-haspopup": true,
-      handleRef: props.onRef,
-      selected: props.open,
-      disabled: props.disabled,
-      onClick: props.onClick,
-      onKeyDown: props.onKeyDown,
-      spacing: props.spacing,
-      label: props.label,
-      "aria-keyshortcuts": "/"
-    }));
-  }
-  if (props.replacePlusMenuWithElementBrowser) {
-    return /*#__PURE__*/_react.default.createElement(_blockInsertElementBrowser.BlockInsertElementBrowser, {
-      disabled: props.disabled,
-      editorView: props.editorView,
-      items: props.items,
-      label: props.label,
-      onClick: props.onClick,
-      onKeyDown: props.onKeyDown,
-      onInsert: props.onInsert,
-      onRef: props.onPlusButtonRef,
-      open: props.open,
-      plusButtonRef: props.plusButtonRef,
-      popupsBoundariesElement: props.popupsBoundariesElement,
-      popupsMountPoint: props.popupsMountPoint,
-      popupsScrollableElement: props.popupsScrollableElement,
-      spacing: props.spacing,
-      togglePlusMenuVisibility: props.togglePlusMenuVisibility,
-      showElementBrowserLink: props.showElementBrowserLink,
-      pluginInjectionApi: props.pluginInjectionApi
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_blockInsertMenuLegacy.BlockInsertMenuLegacy, {
-    disabled: props.disabled,
-    items: props.items,
-    label: props.label,
-    onClick: props.onClick,
-    onKeyDown: props.onKeyDown,
-    onItemActivated: props.onItemActivated,
-    onOpenChange: props.onOpenChange,
-    onRef: props.onRef,
-    open: props.open,
-    popupsBoundariesElement: props.popupsBoundariesElement,
-    popupsMountPoint: props.popupsMountPoint,
-    popupsScrollableElement: props.popupsScrollableElement,
-    spacing: props.spacing
-  });
-};