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

package/dist/cjs/ui/toolbar-components.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getToolbarComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _toolbar = require("@atlaskit/editor-common/toolbar");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _keys = require("@atlaskit/editor-common/toolbar/keys");
+var _rank = require("@atlaskit/editor-common/toolbar/rank");
+var _show = require("@atlaskit/editor-toolbar/show");
+var _toolbarButtonGroup = require("@atlaskit/editor-toolbar/toolbar-button-group");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _RegisteredInsertButton = require("./registered-insert-menu/RegisteredInsertButton");
 var _CodeBlockButton = require("./toolbar-components/CodeBlockButton");
@@ -37,9 +39,9 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   var createResponsiveComponent = function createResponsiveComponent(showAt) {
     return function (_ref2) {
       var children = _ref2.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+      return /*#__PURE__*/_react.default.createElement(_show.Show, {
         above: showAt || 'lg'
-      }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
+      }, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
     };
   };
 
@@ -47,22 +49,22 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   if ((_config$taskList = config.taskList) !== null && _config$taskList !== void 0 && _config$taskList.enabled) {
     var _config$taskList2;
     components.push({
-      type: _toolbar.TASK_LIST_GROUP.type,
-      key: _toolbar.TASK_LIST_GROUP.key,
+      type: _keys.TASK_LIST_GROUP.type,
+      key: _keys.TASK_LIST_GROUP.key,
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.TASK_LIST_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.TASK_LIST_GROUP.key]
       }],
       component: createResponsiveComponent((_config$taskList2 = config.taskList) === null || _config$taskList2 === void 0 ? void 0 : _config$taskList2.showAt)
     });
     components.push({
-      type: _toolbar.TASK_LIST_BUTTON.type,
-      key: _toolbar.TASK_LIST_BUTTON.key,
+      type: _keys.TASK_LIST_BUTTON.type,
+      key: _keys.TASK_LIST_BUTTON.key,
       parents: [{
-        type: _toolbar.TASK_LIST_GROUP.type,
-        key: _toolbar.TASK_LIST_GROUP.key,
-        rank: _toolbar.TASK_LIST_GROUP_RANK[_toolbar.TASK_LIST_BUTTON.key]
+        type: _keys.TASK_LIST_GROUP.type,
+        key: _keys.TASK_LIST_GROUP.key,
+        rank: _rank.TASK_LIST_GROUP_RANK[_keys.TASK_LIST_BUTTON.key]
       }],
       component: function component() {
         return /*#__PURE__*/_react.default.createElement(_TaskListButton.TaskListButton, {
@@ -76,22 +78,22 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   if ((_config$media = config.media) !== null && _config$media !== void 0 && _config$media.enabled) {
     var _config$media2;
     components.push({
-      type: _toolbar.MEDIA_GROUP.type,
-      key: _toolbar.MEDIA_GROUP.key,
+      type: _keys.MEDIA_GROUP.type,
+      key: _keys.MEDIA_GROUP.key,
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.MEDIA_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.MEDIA_GROUP.key]
       }],
       component: createResponsiveComponent((_config$media2 = config.media) === null || _config$media2 === void 0 ? void 0 : _config$media2.showAt)
     });
     components.push({
-      type: _toolbar.MEDIA_BUTTON.type,
-      key: _toolbar.MEDIA_BUTTON.key,
+      type: _keys.MEDIA_BUTTON.type,
+      key: _keys.MEDIA_BUTTON.key,
       parents: [{
-        type: _toolbar.MEDIA_GROUP.type,
-        key: _toolbar.MEDIA_GROUP.key,
-        rank: _toolbar.MEDIA_GROUP_RANK[_toolbar.MEDIA_BUTTON.key]
+        type: _keys.MEDIA_GROUP.type,
+        key: _keys.MEDIA_GROUP.key,
+        rank: _rank.MEDIA_GROUP_RANK[_keys.MEDIA_BUTTON.key]
       }],
       component: function component() {
         return !!(api !== null && api !== void 0 && api.imageUpload) ? /*#__PURE__*/_react.default.createElement(_ImageButton.ImageButton, {
@@ -107,22 +109,22 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   if ((_config$codeBlock = config.codeBlock) !== null && _config$codeBlock !== void 0 && _config$codeBlock.enabled) {
     var _config$codeBlock2;
     components.push({
-      type: _toolbar.CODE_BLOCK_GROUP.type,
-      key: _toolbar.CODE_BLOCK_GROUP.key,
+      type: _keys.CODE_BLOCK_GROUP.type,
+      key: _keys.CODE_BLOCK_GROUP.key,
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.CODE_BLOCK_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.CODE_BLOCK_GROUP.key]
       }],
       component: createResponsiveComponent((_config$codeBlock2 = config.codeBlock) === null || _config$codeBlock2 === void 0 ? void 0 : _config$codeBlock2.showAt)
     });
     components.push({
-      type: _toolbar.CODE_BLOCK_BUTTON.type,
-      key: _toolbar.CODE_BLOCK_BUTTON.key,
+      type: _keys.CODE_BLOCK_BUTTON.type,
+      key: _keys.CODE_BLOCK_BUTTON.key,
       parents: [{
-        type: _toolbar.CODE_BLOCK_GROUP.type,
-        key: _toolbar.CODE_BLOCK_GROUP.key,
-        rank: _toolbar.CODE_BLOCK_GROUP_RANK[_toolbar.CODE_BLOCK_BUTTON.key]
+        type: _keys.CODE_BLOCK_GROUP.type,
+        key: _keys.CODE_BLOCK_GROUP.key,
+        rank: _rank.CODE_BLOCK_GROUP_RANK[_keys.CODE_BLOCK_BUTTON.key]
       }],
       component: function component() {
         return /*#__PURE__*/_react.default.createElement(_CodeBlockButton.CodeBlockButton, {
@@ -135,22 +137,22 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   // Mention Group
   if ((_config$mention = config.mention) !== null && _config$mention !== void 0 && _config$mention.enabled) {
     components.push({
-      type: _toolbar.MENTION_GROUP.type,
-      key: _toolbar.MENTION_GROUP.key,
+      type: _keys.MENTION_GROUP.type,
+      key: _keys.MENTION_GROUP.key,
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.MENTION_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.MENTION_GROUP.key]
       }],
       component: createResponsiveComponent(config.mention.showAt)
     });
     components.push({
-      type: _toolbar.MENTION_BUTTON.type,
-      key: _toolbar.MENTION_BUTTON.key,
+      type: _keys.MENTION_BUTTON.type,
+      key: _keys.MENTION_BUTTON.key,
       parents: [{
-        type: _toolbar.MENTION_GROUP.type,
-        key: _toolbar.MENTION_GROUP.key,
-        rank: _toolbar.MENTION_GROUP_RANK[_toolbar.MENTION_BUTTON.key]
+        type: _keys.MENTION_GROUP.type,
+        key: _keys.MENTION_GROUP.key,
+        rank: _rank.MENTION_GROUP_RANK[_keys.MENTION_BUTTON.key]
       }],
       component: function component() {
         return /*#__PURE__*/_react.default.createElement(_MentionButton.MentionButton, {
@@ -163,22 +165,22 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   // Emoji Group
   if ((_config$emoji = config.emoji) !== null && _config$emoji !== void 0 && _config$emoji.enabled) {
     components.push({
-      type: _toolbar.EMOJI_GROUP.type,
-      key: _toolbar.EMOJI_GROUP.key,
+      type: _keys.EMOJI_GROUP.type,
+      key: _keys.EMOJI_GROUP.key,
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.EMOJI_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.EMOJI_GROUP.key]
       }],
       component: createResponsiveComponent(config.emoji.showAt)
     });
     components.push({
-      type: _toolbar.EMOJI_BUTTON.type,
-      key: _toolbar.EMOJI_BUTTON.key,
+      type: _keys.EMOJI_BUTTON.type,
+      key: _keys.EMOJI_BUTTON.key,
       parents: [{
-        type: _toolbar.EMOJI_GROUP.type,
-        key: _toolbar.EMOJI_GROUP.key,
-        rank: _toolbar.EMOJI_GROUP_RANK[_toolbar.EMOJI_BUTTON.key]
+        type: _keys.EMOJI_GROUP.type,
+        key: _keys.EMOJI_GROUP.key,
+        rank: _rank.EMOJI_GROUP_RANK[_keys.EMOJI_BUTTON.key]
       }],
       component: function component() {
         return /*#__PURE__*/_react.default.createElement(_EmojiButton.EmojiButton, {
@@ -191,22 +193,22 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   // Layout Group
   if ((_config$layout = config.layout) !== null && _config$layout !== void 0 && _config$layout.enabled) {
     components.push({
-      type: _toolbar.LAYOUT_GROUP.type,
-      key: _toolbar.LAYOUT_GROUP.key,
+      type: _keys.LAYOUT_GROUP.type,
+      key: _keys.LAYOUT_GROUP.key,
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.LAYOUT_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.LAYOUT_GROUP.key]
       }],
       component: createResponsiveComponent(config.layout.showAt)
     });
     components.push({
-      type: _toolbar.LAYOUT_BUTTON.type,
-      key: _toolbar.LAYOUT_BUTTON.key,
+      type: _keys.LAYOUT_BUTTON.type,
+      key: _keys.LAYOUT_BUTTON.key,
       parents: [{
-        type: _toolbar.LAYOUT_GROUP.type,
-        key: _toolbar.LAYOUT_GROUP.key,
-        rank: _toolbar.LAYOUT_GROUP_RANK[_toolbar.LAYOUT_BUTTON.key]
+        type: _keys.LAYOUT_GROUP.type,
+        key: _keys.LAYOUT_GROUP.key,
+        rank: _rank.LAYOUT_GROUP_RANK[_keys.LAYOUT_BUTTON.key]
       }],
       component: function component() {
         return /*#__PURE__*/_react.default.createElement(_LayoutButton.LayoutButton, {
@@ -219,22 +221,22 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
   // Table Group
   if ((_config$table = config.table) !== null && _config$table !== void 0 && _config$table.enabled) {
     components.push({
-      type: _toolbar.TABLE_GROUP.type,
-      key: _toolbar.TABLE_GROUP.key,
+      type: _keys.TABLE_GROUP.type,
+      key: _keys.TABLE_GROUP.key,
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.TABLE_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.TABLE_GROUP.key]
       }],
       component: createResponsiveComponent(config.table.showAt)
     });
     components.push({
-      type: _toolbar.TABLE_BUTTON.type,
-      key: _toolbar.TABLE_BUTTON.key,
+      type: _keys.TABLE_BUTTON.type,
+      key: _keys.TABLE_BUTTON.key,
       parents: [{
-        type: _toolbar.TABLE_GROUP.type,
-        key: _toolbar.TABLE_GROUP.key,
-        rank: _toolbar.TABLE_GROUP_RANK[_toolbar.TABLE_BUTTON.key]
+        type: _keys.TABLE_GROUP.type,
+        key: _keys.TABLE_GROUP.key,
+        rank: _rank.TABLE_GROUP_RANK[_keys.TABLE_BUTTON.key]
       }],
       component: function component() {
         return /*#__PURE__*/_react.default.createElement(_TableButton.TableButton, {
@@ -244,12 +246,12 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     });
     if (options.tableSelectorSupported) {
       components.push({
-        type: _toolbar.TABLE_SIZE_PICKER.type,
-        key: _toolbar.TABLE_SIZE_PICKER.key,
+        type: _keys.TABLE_SIZE_PICKER.type,
+        key: _keys.TABLE_SIZE_PICKER.key,
         parents: [{
-          type: _toolbar.TABLE_GROUP.type,
-          key: _toolbar.TABLE_GROUP.key,
-          rank: _toolbar.TABLE_GROUP_RANK[_toolbar.TABLE_SIZE_PICKER.key]
+          type: _keys.TABLE_GROUP.type,
+          key: _keys.TABLE_GROUP.key,
+          rank: _rank.TABLE_GROUP_RANK[_keys.TABLE_SIZE_PICKER.key]
         }],
         component: function component() {
           return /*#__PURE__*/_react.default.createElement(_TableSizePicker.TableSizePicker, {
@@ -284,127 +286,127 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       };
     };
     components.push({
-      type: _toolbar.INSERT_GROUP.type,
-      key: "".concat(_toolbar.INSERT_GROUP.key, "-none"),
+      type: _keys.INSERT_GROUP.type,
+      key: "".concat(_keys.INSERT_GROUP.key, "-none"),
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.INSERT_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.INSERT_GROUP.key]
       }],
       component: function component(_ref3) {
         var children = _ref3.children;
-        return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+        return /*#__PURE__*/_react.default.createElement(_show.Show, {
           below: "sm"
-        }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
+        }, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
       }
     });
     components.push({
-      type: _toolbar.INSERT_BUTTON.type,
-      key: _toolbar.INSERT_BUTTON.key,
+      type: _keys.INSERT_BUTTON.type,
+      key: _keys.INSERT_BUTTON.key,
       parents: [{
-        type: _toolbar.INSERT_GROUP.type,
-        key: "".concat(_toolbar.INSERT_GROUP.key, "-none"),
-        rank: _toolbar.INSERT_GROUP_RANK[_toolbar.INSERT_BUTTON.key]
+        type: _keys.INSERT_GROUP.type,
+        key: "".concat(_keys.INSERT_GROUP.key, "-none"),
+        rank: _rank.INSERT_GROUP_RANK[_keys.INSERT_BUTTON.key]
       }],
       component: createInsertButtonComponent(null)
     });
     components.push({
-      type: _toolbar.INSERT_GROUP.type,
-      key: "".concat(_toolbar.INSERT_GROUP.key, "-sm"),
+      type: _keys.INSERT_GROUP.type,
+      key: "".concat(_keys.INSERT_GROUP.key, "-sm"),
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.INSERT_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.INSERT_GROUP.key]
       }],
       component: function component(_ref4) {
         var children = _ref4.children;
-        return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+        return /*#__PURE__*/_react.default.createElement(_show.Show, {
           only: "sm"
-        }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
+        }, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
       }
     });
     components.push({
-      type: _toolbar.INSERT_BUTTON.type,
-      key: _toolbar.INSERT_BUTTON.key,
+      type: _keys.INSERT_BUTTON.type,
+      key: _keys.INSERT_BUTTON.key,
       parents: [{
-        type: _toolbar.INSERT_GROUP.type,
-        key: "".concat(_toolbar.INSERT_GROUP.key, "-sm"),
-        rank: _toolbar.INSERT_GROUP_RANK[_toolbar.INSERT_BUTTON.key]
+        type: _keys.INSERT_GROUP.type,
+        key: "".concat(_keys.INSERT_GROUP.key, "-sm"),
+        rank: _rank.INSERT_GROUP_RANK[_keys.INSERT_BUTTON.key]
       }],
       component: createInsertButtonComponent('sm')
     });
     components.push({
-      type: _toolbar.INSERT_GROUP.type,
-      key: "".concat(_toolbar.INSERT_GROUP.key, "-md"),
+      type: _keys.INSERT_GROUP.type,
+      key: "".concat(_keys.INSERT_GROUP.key, "-md"),
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.INSERT_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.INSERT_GROUP.key]
       }],
       component: function component(_ref5) {
         var children = _ref5.children;
-        return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+        return /*#__PURE__*/_react.default.createElement(_show.Show, {
           only: "md"
-        }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
+        }, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
       }
     });
     components.push({
-      type: _toolbar.INSERT_BUTTON.type,
-      key: _toolbar.INSERT_BUTTON.key,
+      type: _keys.INSERT_BUTTON.type,
+      key: _keys.INSERT_BUTTON.key,
       parents: [{
-        type: _toolbar.INSERT_GROUP.type,
-        key: "".concat(_toolbar.INSERT_GROUP.key, "-md"),
-        rank: _toolbar.INSERT_GROUP_RANK[_toolbar.INSERT_BUTTON.key]
+        type: _keys.INSERT_GROUP.type,
+        key: "".concat(_keys.INSERT_GROUP.key, "-md"),
+        rank: _rank.INSERT_GROUP_RANK[_keys.INSERT_BUTTON.key]
       }],
       component: createInsertButtonComponent('md')
     });
     components.push({
-      type: _toolbar.INSERT_GROUP.type,
-      key: "".concat(_toolbar.INSERT_GROUP.key, "-lg"),
+      type: _keys.INSERT_GROUP.type,
+      key: "".concat(_keys.INSERT_GROUP.key, "-lg"),
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.INSERT_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.INSERT_GROUP.key]
       }],
       component: function component(_ref6) {
         var children = _ref6.children;
-        return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+        return /*#__PURE__*/_react.default.createElement(_show.Show, {
           only: "lg"
-        }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
+        }, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
       }
     });
     components.push({
-      type: _toolbar.INSERT_BUTTON.type,
-      key: _toolbar.INSERT_BUTTON.key,
+      type: _keys.INSERT_BUTTON.type,
+      key: _keys.INSERT_BUTTON.key,
       parents: [{
-        type: _toolbar.INSERT_GROUP.type,
-        key: "".concat(_toolbar.INSERT_GROUP.key, "-lg"),
-        rank: _toolbar.INSERT_GROUP_RANK[_toolbar.INSERT_BUTTON.key]
+        type: _keys.INSERT_GROUP.type,
+        key: "".concat(_keys.INSERT_GROUP.key, "-lg"),
+        rank: _rank.INSERT_GROUP_RANK[_keys.INSERT_BUTTON.key]
       }],
       component: createInsertButtonComponent('lg')
     });
     components.push({
-      type: _toolbar.INSERT_GROUP.type,
-      key: "".concat(_toolbar.INSERT_GROUP.key, "-xl"),
+      type: _keys.INSERT_GROUP.type,
+      key: "".concat(_keys.INSERT_GROUP.key, "-xl"),
       parents: [{
-        type: _toolbar.INSERT_BLOCK_SECTION.type,
-        key: _toolbar.INSERT_BLOCK_SECTION.key,
-        rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.INSERT_GROUP.key]
+        type: _keys.INSERT_BLOCK_SECTION.type,
+        key: _keys.INSERT_BLOCK_SECTION.key,
+        rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.INSERT_GROUP.key]
       }],
       component: function component(_ref7) {
         var children = _ref7.children;
-        return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+        return /*#__PURE__*/_react.default.createElement(_show.Show, {
           only: "xl"
-        }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
+        }, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
       }
     });
     components.push({
-      type: _toolbar.INSERT_BUTTON.type,
-      key: _toolbar.INSERT_BUTTON.key,
+      type: _keys.INSERT_BUTTON.type,
+      key: _keys.INSERT_BUTTON.key,
       parents: [{
-        type: _toolbar.INSERT_GROUP.type,
-        key: "".concat(_toolbar.INSERT_GROUP.key, "-xl"),
-        rank: _toolbar.INSERT_GROUP_RANK[_toolbar.INSERT_BUTTON.key]
+        type: _keys.INSERT_GROUP.type,
+        key: "".concat(_keys.INSERT_GROUP.key, "-xl"),
+        rank: _rank.INSERT_GROUP_RANK[_keys.INSERT_BUTTON.key]
       }],
       component: createInsertButtonComponent('xl')
     });

package/dist/es2019/insertBlockPlugin.js

@@ -1,11 +1,11 @@
 import React, { useEffect } from 'react';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import ElementBrowser from '@atlaskit/editor-common/element-browser/ElementBrowserLoader';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/useSharedPluginStateSelector';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts/block-types';
 import { getToolbarActionExperiencesPlugin } from './pm-plugins/experiences/toolbar-action-experiences';
 import { toggleInsertBlockPmKey, toggleInsertBlockPmPlugin } from './pm-plugins/toggleInsertBlock';
 import { getToolbarComponents } from './ui/toolbar-components';

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

@@ -1,8 +1,13 @@
 import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';
-import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckPopupMutation, ExperienceCheckTimeout, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
+import { getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
+import { EXPERIENCE_ID } from '@atlaskit/editor-common/experiences/consts';
+import { Experience } from '@atlaskit/editor-common/experiences/Experience';
+import { ExperienceCheckDomMutation } from '@atlaskit/editor-common/experiences/ExperienceCheckDomMutation';
+import { ExperienceCheckPopupMutation } from '@atlaskit/editor-common/experiences/ExperienceCheckPopupMutation';
+import { ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences/ExperienceCheckTimeout';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { TOOLBAR_BUTTON_TEST_ID } from '@atlaskit/editor-common/toolbar';
+import { TOOLBAR_BUTTON_TEST_ID } from '@atlaskit/editor-common/toolbar/keys';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { handleEditorNodeInsertDomMutation, isToolbarButtonClick } from './toolbar-experience-utils';
 const pluginKey = new PluginKey('toolbarActionExperiences');

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

@@ -9,12 +9,14 @@ import { useCallback, useContext, useLayoutEffect, useMemo, useState } from 'rea
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports, jsdoc/require-description -- Ignored via go/DSP-18766; jsdoc debt surfaced by this mechanical PR */
 import { css, jsx } from '@emotion/react';
 import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { ELEMENT_ITEM_HEIGHT, ElementBrowser } from '@atlaskit/editor-common/element-browser';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/quick-insert';
-import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/assets';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import { ELEMENT_ITEM_HEIGHT } from '@atlaskit/editor-common/element-browser/constants';
+import ElementBrowser from '@atlaskit/editor-common/element-browser/ElementBrowserLoader';
+import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
+import withOuterListeners from '@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 export const DEFAULT_HEIGHT = 560;
 
 /**

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

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { createItems } from '../ToolbarInsertBlock/create-items';
 const 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;

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

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
+import Popup from '@atlaskit/editor-common/Popup';
 import { useMenuPopupSizing } from '@atlaskit/editor-common/quick-insert/use-menu-popup-sizing';
-import { Popup } from '@atlaskit/editor-common/ui';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import InsertMenu, { DEFAULT_HEIGHT } from '../ElementBrowser/InsertMenu';
 import { RegisteredInsertMenuContent } from '../registered-insert-menu/RegisteredInsertMenuContent';

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

@@ -2,7 +2,8 @@ import React from 'react';
 import memoize from 'lodash/memoize';
 import memoizeOne from 'memoize-one';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { blockTypeMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
 import { action, blockquote, codeblock, date, decision, emoji, expand, horizontalrule, imageUpload, layout, link, media, mention, panel, placeholder, status, table, tableSelector } from './item';
 import { shallowEquals } from './shallow-equals';
 const buttonToItem = memoize(button => ({

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

@@ -7,7 +7,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+import ToolbarButton from '@atlaskit/editor-common/ui-menu/ToolbarButton';
 import AddIcon from '@atlaskit/icon/core/add';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { triggerWrapper } from './styles';

package/dist/es2019/ui/ToolbarInsertBlock/index.js

@@ -11,13 +11,15 @@ import React from 'react';
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports */
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { buttonGroupStyle, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
-import { Popup, TableSelectorPopup } from '@atlaskit/editor-common/ui';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
-import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
+import Popup from '@atlaskit/editor-common/Popup';
+import { buttonGroupStyle, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles/plugins';
+import { TableSelectorPopup } from '@atlaskit/editor-common/TableSelector';
+import ToolbarButton from '@atlaskit/editor-common/ui-menu/ToolbarButton';
+import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
+import withOuterListeners from '@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners';
+import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 // Ignored via go/ees005

package/dist/es2019/ui/ToolbarInsertBlock/item.js

@@ -8,7 +8,7 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import memoizeOne from 'memoize-one';
 import { addLink, getAriaKeyshortcuts, toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut/main';
 import FieldTextIcon from '@atlaskit/icon-lab/core/field-text';
 import LozengeIcon from '@atlaskit/icon-lab/core/lozenge';
 import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';

package/dist/es2019/ui/registered-insert-menu/RegisteredInsertButton.js

@@ -1,12 +1,13 @@
 import React, { useCallback, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 import { getAriaKeyshortcuts, insertElements, ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
+import Popup from '@atlaskit/editor-common/Popup';
 import { useMenuPopupSizing } from '@atlaskit/editor-common/quick-insert/use-menu-popup-sizing';
-import { TOOLBAR_BUTTON_TEST_ID, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { Popup } from '@atlaskit/editor-common/ui';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity/connectivityPluginType';
+import { useEditorToolbar } from '@atlaskit/editor-common/toolbar/context';
+import { TOOLBAR_BUTTON_TEST_ID } from '@atlaskit/editor-common/toolbar/keys';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { AddIcon } from '@atlaskit/editor-toolbar/add-icon';
 import { ToolbarButton } from '@atlaskit/editor-toolbar/toolbar-button';

package/dist/es2019/ui/registered-insert-menu/RegisteredInsertMenu.js

@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { getDocument } from '@atlaskit/browser-apis';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
 import { MENU } from '@atlaskit/editor-common/quick-insert/keys';
 import { buildQuickInsertMenuModel, getMatchingQuickInsertComponents, getQuickInsertMenuRows, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
 import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';