@atlaskit/editor-plugin-insert-block 27.0.3 → 27.0.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 27.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 27.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.0.3
 
 ### Patch Changes

package/dist/cjs/insertBlockPlugin.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toolbarSizeToButtons = exports.insertBlockPlugin = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _elementBrowser = require("@atlaskit/editor-common/element-browser");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _ElementBrowserLoader = _interopRequireDefault(require("@atlaskit/editor-common/element-browser/ElementBrowserLoader"));
 var _types = require("@atlaskit/editor-common/types");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
-var _consts = require("@atlaskit/editor-plugin-block-type/consts");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/useSharedPluginStateSelector");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _blockTypes = require("@atlaskit/editor-plugin-block-type/consts/block-types");
 var _toolbarActionExperiences = require("./pm-plugins/experiences/toolbar-action-experiences");
 var _toggleInsertBlock = require("./pm-plugins/toggleInsertBlock");
 var _toolbarComponents = require("./ui/toolbar-components");
@@ -56,14 +56,14 @@ var toolbarSizeToButtons = exports.toolbarSizeToButtons = function toolbarSizeTo
  */
 function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
   return function (name) {
-    if (name === _consts.CODE_BLOCK.name && insertCodeBlock) {
-      return insertCodeBlock(_analytics.INPUT_METHOD.TOOLBAR);
+    if (name === _blockTypes.CODE_BLOCK.name && insertCodeBlock) {
+      return insertCodeBlock(_enums.INPUT_METHOD.TOOLBAR);
     }
-    if (name === _consts.PANEL.name && insertPanel) {
-      return insertPanel(_analytics.INPUT_METHOD.TOOLBAR);
+    if (name === _blockTypes.PANEL.name && insertPanel) {
+      return insertPanel(_enums.INPUT_METHOD.TOOLBAR);
     }
-    if (name === _consts.BLOCK_QUOTE.name && insertBlockQuote) {
-      return insertBlockQuote(_analytics.INPUT_METHOD.INSERT_MENU);
+    if (name === _blockTypes.BLOCK_QUOTE.name && insertBlockQuote) {
+      return insertBlockQuote(_enums.INPUT_METHOD.INSERT_MENU);
     }
     return function () {
       return false;
@@ -167,7 +167,7 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
         // menu it opens instantly. As we're delaying the loading this won't affect the
         // initial editor rendering metrics.
         delayUntilIdle(function () {
-          _elementBrowser.ElementBrowser.preload();
+          _ElementBrowserLoader.default.preload();
         });
       }, []);
     },
@@ -236,7 +236,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     options = _ref4.options,
     appearance = _ref4.appearance;
   var buttons = toolbarSizeToButtons(toolbarSize, appearance);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText', 'insertBlock', 'connectivity'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText', 'insertBlock', 'connectivity'], selector),
     showMediaPicker = _useSharedPluginState.showMediaPicker,
     mediaAllowsUploads = _useSharedPluginState.mediaAllowsUploads,
     showElementBrowser = _useSharedPluginState.showElementBrowser,
@@ -281,7 +281,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref4) {
     mediaUploadsEnabled: mediaAllowsUploads !== null && mediaAllowsUploads !== void 0 ? mediaAllowsUploads : undefined,
     onShowMediaPicker: onShowMediaPicker,
     mediaSupported: mediaAllowsUploads !== undefined,
-    isEditorOffline: (0, _editorPluginConnectivity.isOfflineMode)(connectivityMode),
+    isEditorOffline: (0, _isOfflineMode.isOfflineMode)(connectivityMode),
     imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.imageUpload),
     imageUploadEnabled: imageUploadEnabled,
     handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.imageUpload) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.actions.startUpload,

package/dist/cjs/pm-plugins/experiences/toolbar-action-experiences.js

@@ -9,8 +9,13 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _bindEventListener = require("bind-event-listener");
 var _browserApis = require("@atlaskit/browser-apis");
 var _experiences = require("@atlaskit/editor-common/experiences");
+var _consts = require("@atlaskit/editor-common/experiences/consts");
+var _Experience = require("@atlaskit/editor-common/experiences/Experience");
+var _ExperienceCheckDomMutation = require("@atlaskit/editor-common/experiences/ExperienceCheckDomMutation");
+var _ExperienceCheckPopupMutation = require("@atlaskit/editor-common/experiences/ExperienceCheckPopupMutation");
+var _ExperienceCheckTimeout = require("@atlaskit/editor-common/experiences/ExperienceCheckTimeout");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _toolbar = require("@atlaskit/editor-common/toolbar");
+var _keys = require("@atlaskit/editor-common/toolbar/keys");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _toolbarExperienceUtils = require("./toolbar-experience-utils");
 var pluginKey = new _state.PluginKey('toolbarActionExperiences');
@@ -55,13 +60,13 @@ var getToolbarActionExperiencesPlugin = exports.getToolbarActionExperiencesPlugi
     }] : []));
   };
   var createNodeInsertExperience = function createNodeInsertExperience(action) {
-    return new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    return new _Experience.Experience(_consts.EXPERIENCE_ID.TOOLBAR_ACTION, {
       action: action,
       actionSubjectId: PRIMARY_TOOLBAR,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      checks: [new _experiences.ExperienceCheckTimeout({
+      checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
         durationMs: TIMEOUT_DURATION
-      }), new _experiences.ExperienceCheckDomMutation({
+      }), new _ExperienceCheckDomMutation.ExperienceCheckDomMutation({
         onDomMutation: _toolbarExperienceUtils.handleEditorNodeInsertDomMutation,
         observeConfig: observeConfigs
       })]
@@ -85,42 +90,42 @@ var getToolbarActionExperiencesPlugin = exports.getToolbarActionExperiencesPlugi
     }
   };
   var createPopupExperience = function createPopupExperience(action, popupSelector, type) {
-    return new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    return new _Experience.Experience(_consts.EXPERIENCE_ID.TOOLBAR_ACTION, {
       action: action,
       actionSubjectId: PRIMARY_TOOLBAR,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      checks: [new _experiences.ExperienceCheckTimeout({
+      checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
         durationMs: TIMEOUT_DURATION
-      }), new _experiences.ExperienceCheckPopupMutation(buildPopupMutationConfig(popupSelector, type))]
+      }), new _ExperienceCheckPopupMutation.ExperienceCheckPopupMutation(buildPopupMutationConfig(popupSelector, type))]
     });
   };
   var experienceButtonMappings = [{
     experience: createPopupExperience('insert', '[data-testid="popup-wrapper"]', 'inline'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.INSERT
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.INSERT
   }, {
     experience: createPopupExperience('emoji', '[data-emoji-picker-container], [data-emoji-picker-container="true"], [data-testid="popup-wrapper"]', 'inline'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.EMOJI
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.EMOJI
   }, {
     experience: createPopupExperience('media', '[data-testid="popup-wrapper"]', 'inline'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.MEDIA
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.MEDIA
   }, {
     experience: createPopupExperience('mention', '[data-testid="popup-wrapper"], [data-type-ahead="typeaheadDecoration"]', 'editorRoot'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.MENTION
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.MENTION
   }, {
     experience: createNodeInsertExperience('table'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.TABLE
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.TABLE
   }, {
     experience: createPopupExperience('tableSelector', '[data-testid="popup-wrapper"]', 'inline'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.TABLE_SELECTOR
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.TABLE_SELECTOR
   }, {
     experience: createNodeInsertExperience('layout'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.LAYOUT
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.LAYOUT
   }, {
     experience: createPopupExperience('image', '[data-testid="popup-wrapper"]', 'inline'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.IMAGE
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.IMAGE
   }, {
     experience: createNodeInsertExperience('action'),
-    buttonTestId: _toolbar.TOOLBAR_BUTTON_TEST_ID.TASK_LIST
+    buttonTestId: _keys.TOOLBAR_BUTTON_TEST_ID.TASK_LIST
   }];
   var handleToolbarButtonClick = function handleToolbarButtonClick(target) {
     for (var _i = 0, _experienceButtonMapp = experienceButtonMappings; _i < _experienceButtonMapp.length; _i++) {

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

@@ -13,12 +13,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _elementBrowser = require("@atlaskit/editor-common/element-browser");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _assets = require("@atlaskit/editor-common/assets");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _constants = require("@atlaskit/editor-common/element-browser/constants");
+var _ElementBrowserLoader = _interopRequireDefault(require("@atlaskit/editor-common/element-browser/ElementBrowserLoader"));
 var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners"));
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _excluded = ["children"];
 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) { (0, _defineProperty2.default)(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; } /**
@@ -61,8 +63,8 @@ var InsertMenu = function InsertMenu(_ref) {
   var cache = (0, _react.useMemo)(function () {
     return new _CellMeasurer.CellMeasurerCache({
       fixedWidth: true,
-      defaultHeight: _elementBrowser.ELEMENT_ITEM_HEIGHT,
-      minHeight: _elementBrowser.ELEMENT_ITEM_HEIGHT
+      defaultHeight: _constants.ELEMENT_ITEM_HEIGHT,
+      minHeight: _constants.ELEMENT_ITEM_HEIGHT
     });
   }, []);
   (0, _react.useLayoutEffect)(function () {
@@ -112,9 +114,9 @@ var InsertMenu = function InsertMenu(_ref) {
     if (!editorView.hasFocus()) {
       editorView.focus();
     }
-    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 || _pluginInjectionApi$q.actions.insertItem(item, _analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 || _pluginInjectionApi$q.actions.insertItem(item, _enums.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
   }, [editorView, toggleVisiblity, pluginInjectionApi]);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['connectivity'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['connectivity'], selector),
     connectivityMode = _useSharedPluginState.connectivityMode;
   var getItems = (0, _react.useCallback)(function (query, category) {
     var result;
@@ -130,7 +132,7 @@ var InsertMenu = function InsertMenu(_ref) {
         query: query,
         category: category
       })) === null || _pluginInjectionApi$q3 === void 0 ? void 0 : _pluginInjectionApi$q3.map(function (item) {
-        return (0, _editorPluginConnectivity.isOfflineMode)(connectivityMode) && item.isDisabledOffline ? _objectSpread(_objectSpread({}, item), {}, {
+        return (0, _isOfflineMode.isOfflineMode)(connectivityMode) && item.isDisabledOffline ? _objectSpread(_objectSpread({}, item), {}, {
           isDisabled: true
         }) : item;
       })) !== null && _pluginInjectionApi$q2 !== void 0 ? _pluginInjectionApi$q2 : [];
@@ -140,7 +142,7 @@ var InsertMenu = function InsertMenu(_ref) {
         category: category,
         featuredItems: true
       })) === null || _pluginInjectionApi$q5 === void 0 ? void 0 : _pluginInjectionApi$q5.map(function (item) {
-        return (0, _editorPluginConnectivity.isOfflineMode)(connectivityMode) && item.isDisabledOffline ? _objectSpread(_objectSpread({}, item), {}, {
+        return (0, _isOfflineMode.isOfflineMode)(connectivityMode) && item.isDisabledOffline ? _objectSpread(_objectSpread({}, item), {}, {
           isDisabled: true
         }) : item;
       })) !== null && _pluginInjectionApi$q4 !== void 0 ? _pluginInjectionApi$q4 : [];
@@ -165,7 +167,7 @@ var InsertMenu = function InsertMenu(_ref) {
       handleClickOutside: toggleVisiblity,
       handleEscapeKeydown: toggleVisiblity,
       closeOnTab: false
-    }, (0, _react2.jsx)(_elementBrowser.ElementBrowser, {
+    }, (0, _react2.jsx)(_ElementBrowserLoader.default, {
       mode: "inline",
       getItems: getItems,
       emptyStateHandler: emptyStateHandler,
@@ -183,14 +185,14 @@ var InsertMenu = function InsertMenu(_ref) {
 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
+    codeblock: _assets.IconCode,
+    panel: _assets.IconPanel,
+    blockquote: _assets.IconQuote,
+    decision: _assets.IconDecision,
+    horizontalrule: _assets.IconDivider,
+    expand: _assets.IconExpand,
+    date: _assets.IconDate,
+    status: _assets.IconStatus
   }[name];
   return Icon ? (0, _react2.jsx)(Icon, {
     label: ""
@@ -227,5 +229,5 @@ var FlexWrapper = function FlexWrapper(props) {
     }, divProps), children)
   );
 };
-var ElementBrowserWrapper = (0, _uiReact.withReactEditorViewOuterListeners)(FlexWrapper);
+var ElementBrowserWrapper = (0, _withReactEditorViewOuterListeners.default)(FlexWrapper);
 var _default = exports.default = InsertMenu;

package/dist/cjs/ui/ElementRail/useInsertMenuRailItems.js

@@ -8,7 +8,7 @@ exports.useInsertMenuRailItems = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _reactIntl = require("react-intl");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _createItems = require("../ToolbarInsertBlock/create-items");
 var selector = function selector(states) {
   var _states$dateState, _states$hyperlinkStat, _states$hyperlinkStat2, _states$typeAheadStat, _states$blockTypeStat, _states$imageUploadSt, _states$placeholderTe, _states$emojiState, _states$mentionState, _states$mentionState2, _states$mediaState;
@@ -29,7 +29,7 @@ var selector = function selector(states) {
 var useInsertMenuRailItems = exports.useInsertMenuRailItems = function useInsertMenuRailItems(editorView, options, api) {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText'], selector),
     dateEnabled = _useSharedPluginState.dateEnabled,
     canInsertLink = _useSharedPluginState.canInsertLink,
     activeLinkMark = _useSharedPluginState.activeLinkMark,

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

@@ -1,13 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BlockInsertElementBrowser = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
 var _useMenuPopupSizing = require("@atlaskit/editor-common/quick-insert/use-menu-popup-sizing");
-var _ui = require("@atlaskit/editor-common/ui");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _InsertMenu = _interopRequireWildcard(require("../ElementBrowser/InsertMenu"));
 var _RegisteredInsertMenuContent = require("../registered-insert-menu/RegisteredInsertMenuContent");
@@ -36,7 +37,7 @@ var BlockInsertElementBrowser = exports.BlockInsertElementBrowser = function Blo
     togglePlusMenuVisibility();
     plusButtonRef === null || plusButtonRef === void 0 || plusButtonRef.focus();
   }, [togglePlusMenuVisibility, plusButtonRef]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.open && /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.open && /*#__PURE__*/_react.default.createElement(_Popup.default, {
     target: props.plusButtonRef,
     fitHeight: isRegisteredMenu ? menuHeight : _InsertMenu.DEFAULT_HEIGHT + FIT_HEIGHT_BUFFER,
     fitWidth: 350

package/dist/cjs/ui/ToolbarInsertBlock/create-items.js

@@ -11,7 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
+var _blockType = require("@atlaskit/editor-common/messages/block-type");
+var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
 var _item = require("./item");
 var _shallowEquals = require("./shallow-equals");
 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; }
@@ -70,66 +71,66 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   var isOffline = isEditorOffline === true;
   if (actionSupported) {
     items.push((0, _item.action)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.action),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.actionDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.action),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.actionDescription),
       disabled: false
     }));
   }
   if (linkSupported) {
     items.push((0, _item.link)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.link),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.linkDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.link),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.linkDescription),
       disabled: !!linkDisabled,
       'aria-haspopup': 'dialog'
     }));
   }
   if (imageUploadSupported) {
     items.push((0, _item.imageUpload)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.image),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.image),
       disabled: !imageUploadEnabled || isOffline
     }));
   } else if (hasMediaPlugin) {
     items.push((0, _item.media)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.addMediaFiles),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.addMediaFiles),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.mediaFilesDescription),
       disabled: isOffline || !mediaSupported || !mediaUploadsEnabled
     }));
   }
   if (hasMentionsPlugin) {
     items.push((0, _item.mention)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.mention),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.mentionDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.mention),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.mentionDescription),
       disabled: !isTypeAheadAllowed || !!mentionsDisabled || !mentionsSupported,
       'aria-haspopup': 'listbox'
     }));
   }
   if (hasEmojiPlugin) {
     items.push((0, _item.emoji)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.emoji),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.emojiDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.emoji),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.emojiDescription),
       disabled: emojiDisabled || !isTypeAheadAllowed || !emojiProvider,
       'aria-haspopup': 'dialog'
     }));
   }
   if (tableSupported) {
     items.push((0, _item.table)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.table),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.tableDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.table),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.tableDescription),
       disabled: false
     }));
   }
   if (tableSupported && tableSelectorSupported) {
     items.push((0, _item.tableSelector)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.tableSelector),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.tableSelectorDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.tableSelector),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.tableSelectorDescription),
       disabled: false
     }));
   }
   if (layoutSectionEnabled) {
-    var labelColumns = formatMessage(_messages.toolbarInsertBlockMessages.columns);
+    var labelColumns = formatMessage(_insertBlock.toolbarInsertBlockMessages.columns);
     items.push((0, _item.layout)({
       content: labelColumns,
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.columnsDescription),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.columnsDescription),
       disabled: false
     }));
   }
@@ -146,7 +147,7 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   if (codeblockData) {
     items.push((0, _item.codeblock)({
       content: formatMessage(codeblockData.title),
-      tooltipDescription: formatMessage(_messages.blockTypeMessages.codeblockDescription),
+      tooltipDescription: formatMessage(_blockType.messages.codeblockDescription),
       disabled: false,
       shortcut: '```'
     }));
@@ -154,58 +155,58 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   if (panelData) {
     items.push((0, _item.panel)({
       content: formatMessage(panelData.title),
-      tooltipDescription: formatMessage(_messages.blockTypeMessages.infoPanelDescription),
+      tooltipDescription: formatMessage(_blockType.messages.infoPanelDescription),
       disabled: false
     }));
   }
   if (blockquoteData) {
     items.push((0, _item.blockquote)({
       content: formatMessage(blockquoteData.title),
-      tooltipDescription: formatMessage(_messages.blockTypeMessages.blockquoteDescription),
+      tooltipDescription: formatMessage(_blockType.messages.blockquoteDescription),
       disabled: false,
       shortcut: '>'
     }));
   }
   if (decisionSupported) {
     items.push((0, _item.decision)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.decision),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.decisionDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.decision),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.decisionDescription),
       disabled: false
     }));
   }
   if (horizontalRuleEnabled && schema.nodes.rule) {
     items.push((0, _item.horizontalrule)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.horizontalRule),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.horizontalRuleDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.horizontalRule),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.horizontalRuleDescription),
       disabled: false
     }));
   }
   if (expandEnabled && schema.nodes.expand) {
     items.push((0, _item.expand)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.expand),
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.expandDescription),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.expand),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.expandDescription),
       disabled: false
     }));
   }
   if (dateEnabled) {
-    var labelDate = formatMessage(_messages.toolbarInsertBlockMessages.date);
+    var labelDate = formatMessage(_insertBlock.toolbarInsertBlockMessages.date);
     items.push((0, _item.date)({
       content: labelDate,
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.dateDescription),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.dateDescription),
       disabled: false
     }));
   }
   if (placeholderTextEnabled) {
     items.push((0, _item.placeholder)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.placeholderText),
+      content: formatMessage(_insertBlock.toolbarInsertBlockMessages.placeholderText),
       disabled: false
     }));
   }
   if (nativeStatusSupported) {
-    var labelStatus = formatMessage(_messages.toolbarInsertBlockMessages.status);
+    var labelStatus = formatMessage(_insertBlock.toolbarInsertBlockMessages.status);
     items.push((0, _item.status)({
       content: labelStatus,
-      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.statusDescription),
+      tooltipDescription: formatMessage(_insertBlock.toolbarInsertBlockMessages.statusDescription),
       disabled: false
     }));
   }
@@ -228,7 +229,7 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
     var name = _ref.value.name;
     return name !== 'table selector';
   });
-  var dropdownItems = remainingItems.map(buttonToDropdownItem(formatMessage(_messages.toolbarInsertBlockMessages.insertMenu)));
+  var dropdownItems = remainingItems.map(buttonToDropdownItem(formatMessage(_insertBlock.toolbarInsertBlockMessages.insertMenu)));
   return [buttonItems, dropdownItems];
 };
 var createItems = exports.createItems = (0, _memoizeOne.default)(createInsertBlockItems, _shallowEquals.shallowEquals);

package/dist/cjs/ui/ToolbarInsertBlock/dropdown-button.js

@@ -8,7 +8,7 @@ exports.DropDownButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _ToolbarButton = _interopRequireDefault(require("@atlaskit/editor-common/ui-menu/ToolbarButton"));
 var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _styles = require("./styles");
@@ -36,7 +36,7 @@ var DropDownButtonIcon = /*#__PURE__*/_react.default.memo(function (props) {
   );
 });
 var DropDownButton = exports.DropDownButton = /*#__PURE__*/_react.default.memo(function (props) {
-  return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+  return (0, _react2.jsx)(_ToolbarButton.default, {
     ref: props.handleRef,
     selected: props.selected,
     disabled: props.disabled,