@atlaskit/editor-plugin-insert-block 2.4.23 → 2.4.25

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 2.4.25
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.4.24
+
+### Patch Changes
+
+- [#179859](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179859)
+  [`1a90382aae1c6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1a90382aae1c6) -
+  Optimise the insert menu dropdown by preloading it.
+
 ## 2.4.23
 
 ### Patch Changes

package/dist/cjs/insertBlockPlugin.js

@@ -1,12 +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.toolbarSizeToButtons = exports.insertBlockPlugin = void 0;
-var _react = _interopRequireDefault(require("react"));
+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 _insert = require("@atlaskit/editor-common/insert");
 var _messages = require("@atlaskit/editor-common/messages");
@@ -18,12 +20,14 @@ var _consts = require("@atlaskit/editor-plugin-block-type/consts");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _switch = _interopRequireDefault(require("./assets/switch"));
-var _elementBrowser = require("./pm-plugins/elementBrowser");
+var _elementBrowser2 = require("./pm-plugins/elementBrowser");
 var _toggleInsertBlock = require("./pm-plugins/toggleInsertBlock");
 var _ElementRail = require("./ui/ElementRail");
 var _templateOptions = require("./ui/templateOptions");
 var _ToolbarInsertBlock = _interopRequireDefault(require("./ui/ToolbarInsertBlock"));
 var _transformOptions = require("./ui/transformOptions");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var toolbarSizeToButtons = exports.toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize, appearance) {
   // Different button numbers for full-page to better match full page toolbar breakpoints
   if (appearance === 'full-page' && (0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes')) {
@@ -85,6 +89,23 @@ function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
     };
   };
 }
+function delayUntilIdle(cb) {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  // eslint-disable-next-line compat/compat
+  if (window.requestIdleCallback !== undefined) {
+    // eslint-disable-next-line compat/compat
+    return window.requestIdleCallback(function () {
+      return cb();
+    }, {
+      timeout: 500
+    });
+  }
+  return window.requestAnimationFrame(function () {
+    return cb();
+  });
+}
 var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_ref) {
   var _api$primaryToolbar, _options$appearance4;
   var _ref$config = _ref.config,
@@ -151,7 +172,7 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
         return;
       }
       var toggleInsertBlockPluginState = _toggleInsertBlock.toggleInsertBlockPmKey.getState(editorState);
-      var elementBrowserPluginState = _elementBrowser.elementBrowserPmKey.getState(editorState);
+      var elementBrowserPluginState = _elementBrowser2.elementBrowserPmKey.getState(editorState);
       return {
         showElementBrowser: (toggleInsertBlockPluginState === null || toggleInsertBlockPluginState === void 0 ? void 0 : toggleInsertBlockPluginState.showElementBrowser) || false,
         /**
@@ -162,6 +183,18 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
         menuBrowserOpen: (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true) ? elementBrowserPluginState === null || elementBrowserPluginState === void 0 ? void 0 : elementBrowserPluginState.menuBrowserOpen : false
       };
     },
+    usePluginHook: function usePluginHook() {
+      (0, _react.useEffect)(function () {
+        // This is to optimise the UI so that when the user first clicks on the insert
+        // menu it opens instantly. As we're delaying the loading this won't affect the
+        // initial editor rendering metrics.
+        delayUntilIdle(function () {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_preload_insert_menu')) {
+            _elementBrowser.ElementBrowser.preload();
+          }
+        });
+      }, []);
+    },
     pmPlugins: function pmPlugins() {
       var _options$appearance2;
       if (!['full-page', 'full-width'].includes((_options$appearance2 = options.appearance) !== null && _options$appearance2 !== void 0 ? _options$appearance2 : '')) {
@@ -172,7 +205,7 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
         plugins.push({
           name: 'elementBrowserPmPlugin',
           plugin: function plugin() {
-            return (0, _elementBrowser.elementBrowserPmPlugin)();
+            return (0, _elementBrowser2.elementBrowserPmPlugin)();
           }
         }, {
           name: 'elementBrowserEditorViewRef',
@@ -279,7 +312,7 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
     plugin.pluginsOptions.contextPanel = function (state) {
       // api.getSharedState() will have an outdated reference to editorState on first mount of this component
       // so instead just rely on plugin key as we don't need to be reactive to changes here
-      var pluginState = _elementBrowser.elementBrowserPmKey.getState(state);
+      var pluginState = _elementBrowser2.elementBrowserPmKey.getState(state);
       if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen && editorViewRef.current) {
         return /*#__PURE__*/_react.default.createElement(_ElementRail.InsertMenuRail, {
           editorView: editorViewRef.current,

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

@@ -14,7 +14,6 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _item = require("./item");
-var _messages2 = require("./messages");
 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; }
 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; }
@@ -69,67 +68,67 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   var isOffline = isEditorOffline === true;
   if (actionSupported) {
     items.push((0, _item.action)({
-      content: formatMessage(_messages2.messages.action),
-      tooltipDescription: formatMessage(_messages2.messages.actionDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.action),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.actionDescription),
       disabled: false
     }));
   }
   if (linkSupported) {
     items.push((0, _item.link)({
-      content: formatMessage(_messages2.messages.link),
-      tooltipDescription: formatMessage(_messages2.messages.linkDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.link),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.linkDescription),
       disabled: !!linkDisabled,
       'aria-haspopup': 'dialog'
     }));
   }
   if (mediaSupported && mediaUploadsEnabled) {
     items.push((0, _item.media)({
-      content: formatMessage(_messages2.messages.addMediaFiles),
-      tooltipDescription: formatMessage(_messages2.messages.mediaFilesDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.addMediaFiles),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
       disabled: isOffline
     }));
   }
   if (imageUploadSupported) {
     items.push((0, _item.imageUpload)({
-      content: formatMessage(_messages2.messages.image),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.image),
       disabled: !imageUploadEnabled || isOffline
     }));
   }
   if (mentionsSupported) {
     items.push((0, _item.mention)({
-      content: formatMessage(_messages2.messages.mention),
-      tooltipDescription: formatMessage(_messages2.messages.mentionDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.mention),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.mentionDescription),
       disabled: !isTypeAheadAllowed || !!mentionsDisabled || isOffline,
       'aria-haspopup': 'listbox'
     }));
   }
   if (emojiProvider) {
     items.push((0, _item.emoji)({
-      content: formatMessage(_messages2.messages.emoji),
-      tooltipDescription: formatMessage(_messages2.messages.emojiDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.emoji),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.emojiDescription),
       disabled: emojiDisabled || !isTypeAheadAllowed || isOffline,
       'aria-haspopup': 'dialog'
     }));
   }
   if (tableSupported) {
     items.push((0, _item.table)({
-      content: formatMessage(_messages2.messages.table),
-      tooltipDescription: formatMessage(_messages2.messages.tableDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.table),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.tableDescription),
       disabled: false
     }));
   }
   if (tableSupported && tableSelectorSupported) {
     items.push((0, _item.tableSelector)({
-      content: formatMessage(_messages2.messages.tableSelector),
-      tooltipDescription: formatMessage(_messages2.messages.tableSelectorDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.tableSelector),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.tableSelectorDescription),
       disabled: false
     }));
   }
   if (layoutSectionEnabled) {
-    var labelColumns = formatMessage(_messages2.messages.columns);
+    var labelColumns = formatMessage(_messages.toolbarInsertBlockMessages.columns);
     items.push((0, _item.layout)({
       content: labelColumns,
-      tooltipDescription: formatMessage(_messages2.messages.columnsDescription),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.columnsDescription),
       disabled: false
     }));
   }
@@ -168,44 +167,44 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   }
   if (decisionSupported) {
     items.push((0, _item.decision)({
-      content: formatMessage(_messages2.messages.decision),
-      tooltipDescription: formatMessage(_messages2.messages.decisionDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.decision),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.decisionDescription),
       disabled: false
     }));
   }
   if (horizontalRuleEnabled && schema.nodes.rule) {
     items.push((0, _item.horizontalrule)({
-      content: formatMessage(_messages2.messages.horizontalRule),
-      tooltipDescription: formatMessage(_messages2.messages.horizontalRuleDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.horizontalRule),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.horizontalRuleDescription),
       disabled: false
     }));
   }
   if (expandEnabled && schema.nodes.expand) {
     items.push((0, _item.expand)({
-      content: formatMessage(_messages2.messages.expand),
-      tooltipDescription: formatMessage(_messages2.messages.expandDescription),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.expand),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.expandDescription),
       disabled: false
     }));
   }
   if (dateEnabled) {
-    var labelDate = formatMessage(_messages2.messages.date);
+    var labelDate = formatMessage(_messages.toolbarInsertBlockMessages.date);
     items.push((0, _item.date)({
       content: labelDate,
-      tooltipDescription: formatMessage(_messages2.messages.dateDescription),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.dateDescription),
       disabled: false
     }));
   }
   if (placeholderTextEnabled) {
     items.push((0, _item.placeholder)({
-      content: formatMessage(_messages2.messages.placeholderText),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.placeholderText),
       disabled: false
     }));
   }
   if (nativeStatusSupported) {
-    var labelStatus = formatMessage(_messages2.messages.status);
+    var labelStatus = formatMessage(_messages.toolbarInsertBlockMessages.status);
     items.push((0, _item.status)({
       content: labelStatus,
-      tooltipDescription: formatMessage(_messages2.messages.statusDescription),
+      tooltipDescription: formatMessage(_messages.toolbarInsertBlockMessages.statusDescription),
       disabled: false
     }));
   }
@@ -214,7 +213,7 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   }
   if (showElementBrowserLink) {
     items.push((0, _item.more)({
-      content: formatMessage(_messages2.messages.viewMore),
+      content: formatMessage(_messages.toolbarInsertBlockMessages.viewMore),
       disabled: false
     }));
   }
@@ -233,7 +232,7 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
     var name = _ref.value.name;
     return name !== 'table selector';
   });
-  var dropdownItems = remainingItems.map(buttonToDropdownItem(formatMessage(_messages2.messages.insertMenu)));
+  var dropdownItems = remainingItems.map(buttonToDropdownItem(formatMessage(_messages.toolbarInsertBlockMessages.insertMenu)));
   return [buttonItems, dropdownItems];
 };
 var createItems = exports.createItems = (0, _memoizeOne.default)(createInsertBlockItems, _shallowEquals.shallowEquals);

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

@@ -19,6 +19,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _messages = require("@atlaskit/editor-common/messages");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
@@ -30,7 +31,6 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../../pm-plugins/commands");
 var _blockInsertMenu = require("./block-insert-menu");
 var _createItems3 = require("./create-items");
-var _messages = require("./messages");
 var _tableSelectorPopupWithListeners = _interopRequireDefault(require("./table-selector-popup-with-listeners"));
 var _templateObject;
 /**
@@ -792,7 +792,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
           disabled: (_this$props$isDisable = this.props.isDisabled) !== null && _this$props$isDisable !== void 0 ? _this$props$isDisable : false,
           editorView: this.props.editorView,
           spacing: this.props.isReducedSpacing ? 'none' : 'default',
-          label: this.props.intl.formatMessage(_messages.messages.insertMenu),
+          label: this.props.intl.formatMessage(_messages.toolbarInsertBlockMessages.insertMenu),
           open: (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true) ? !isFullPageAppearance && this.state.isPlusMenuOpen : this.state.isPlusMenuOpen,
           plusButtonRef: (_this$plusButtonRef = this.plusButtonRef) === null || _this$plusButtonRef === void 0 ? void 0 : _this$plusButtonRef.deref(),
           items: this.state.dropdownItems,

package/dist/es2019/insertBlockPlugin.js

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { contentAllowedInCodeBlock, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
@@ -76,6 +77,19 @@ function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
     return () => false;
   };
 }
+function delayUntilIdle(cb) {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  // eslint-disable-next-line compat/compat
+  if (window.requestIdleCallback !== undefined) {
+    // eslint-disable-next-line compat/compat
+    return window.requestIdleCallback(() => cb(), {
+      timeout: 500
+    });
+  }
+  return window.requestAnimationFrame(() => cb());
+}
 export const insertBlockPlugin = ({
   config: options = {},
   api
@@ -155,6 +169,18 @@ export const insertBlockPlugin = ({
         menuBrowserOpen: editorExperiment('insert-menu-in-right-rail', true) ? elementBrowserPluginState === null || elementBrowserPluginState === void 0 ? void 0 : elementBrowserPluginState.menuBrowserOpen : false
       };
     },
+    usePluginHook() {
+      useEffect(() => {
+        // This is to optimise the UI so that when the user first clicks on the insert
+        // menu it opens instantly. As we're delaying the loading this won't affect the
+        // initial editor rendering metrics.
+        delayUntilIdle(() => {
+          if (fg('platform_editor_preload_insert_menu')) {
+            ElementBrowser.preload();
+          }
+        });
+      }, []);
+    },
     pmPlugins: () => {
       var _options$appearance2;
       if (!['full-page', 'full-width'].includes((_options$appearance2 = options.appearance) !== null && _options$appearance2 !== void 0 ? _options$appearance2 : '')) {

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

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

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

@@ -10,6 +10,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 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 } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
@@ -21,7 +22,6 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toggleInsertMenuRightRail } from '../../pm-plugins/commands';
 import { BlockInsertMenu } from './block-insert-menu';
 import { createItems } from './create-items';
-import { messages } from './messages';
 import TableSelectorPopup from './table-selector-popup-with-listeners';
 /**
  * Checks if an element is detached (i.e. not in the current document)

package/dist/esm/insertBlockPlugin.js

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { contentAllowedInCodeBlock, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
@@ -78,6 +79,23 @@ function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
     };
   };
 }
+function delayUntilIdle(cb) {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  // eslint-disable-next-line compat/compat
+  if (window.requestIdleCallback !== undefined) {
+    // eslint-disable-next-line compat/compat
+    return window.requestIdleCallback(function () {
+      return cb();
+    }, {
+      timeout: 500
+    });
+  }
+  return window.requestAnimationFrame(function () {
+    return cb();
+  });
+}
 export var insertBlockPlugin = function insertBlockPlugin(_ref) {
   var _api$primaryToolbar, _options$appearance4;
   var _ref$config = _ref.config,
@@ -155,6 +173,18 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
         menuBrowserOpen: editorExperiment('insert-menu-in-right-rail', true) ? elementBrowserPluginState === null || elementBrowserPluginState === void 0 ? void 0 : elementBrowserPluginState.menuBrowserOpen : false
       };
     },
+    usePluginHook: function usePluginHook() {
+      useEffect(function () {
+        // This is to optimise the UI so that when the user first clicks on the insert
+        // menu it opens instantly. As we're delaying the loading this won't affect the
+        // initial editor rendering metrics.
+        delayUntilIdle(function () {
+          if (fg('platform_editor_preload_insert_menu')) {
+            ElementBrowser.preload();
+          }
+        });
+      }, []);
+    },
     pmPlugins: function pmPlugins() {
       var _options$appearance2;
       if (!['full-page', 'full-width'].includes((_options$appearance2 = options.appearance) !== null && _options$appearance2 !== void 0 ? _options$appearance2 : '')) {

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

@@ -6,10 +6,9 @@ import React from 'react';
 import memoize from 'lodash/memoize';
 import memoizeOne from 'memoize-one';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { blockTypeMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { action, blockquote, codeblock, date, decision, emoji, expand, horizontalrule, imageUpload, layout, link, media, mention, more, panel, placeholder, status, table, tableSelector } from './item';
-import { messages } from './messages';
 import { shallowEquals } from './shallow-equals';
 var buttonToItem = memoize(function (button) {
   return _objectSpread(_objectSpread({}, button), {}, {

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

@@ -25,6 +25,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 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 } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
@@ -36,7 +37,6 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toggleInsertMenuRightRail } from '../../pm-plugins/commands';
 import { BlockInsertMenu } from './block-insert-menu';
 import { createItems } from './create-items';
-import { messages } from './messages';
 import TableSelectorPopup from './table-selector-popup-with-listeners';
 /**
  * Checks if an element is detached (i.e. not in the current document)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "2.4.23",
+	"version": "2.4.25",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,15 +32,15 @@
 	},
 	"dependencies": {
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/editor-common": "^96.5.0",
+		"@atlaskit/editor-common": "^97.0.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-block-type": "^4.0.0",
 		"@atlaskit/editor-plugin-code-block": "^3.5.0",
-		"@atlaskit/editor-plugin-connectivity": "^1.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^1.1.0",
 		"@atlaskit/editor-plugin-date": "^2.4.0",
 		"@atlaskit/editor-plugin-emoji": "^2.7.0",
 		"@atlaskit/editor-plugin-expand": "^2.10.0",
-		"@atlaskit/editor-plugin-extension": "^2.0.0",
+		"@atlaskit/editor-plugin-extension": "^3.0.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
 		"@atlaskit/editor-plugin-hyperlink": "^3.2.0",
 		"@atlaskit/editor-plugin-image-upload": "^1.2.0",
@@ -48,9 +48,9 @@
 		"@atlaskit/editor-plugin-media": "^1.43.0",
 		"@atlaskit/editor-plugin-media-insert": "^4.0.0",
 		"@atlaskit/editor-plugin-mentions": "^2.10.0",
-		"@atlaskit/editor-plugin-panel": "^3.1.0",
-		"@atlaskit/editor-plugin-placeholder-text": "^1.8.0",
-		"@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
+		"@atlaskit/editor-plugin-panel": "^3.2.0",
+		"@atlaskit/editor-plugin-placeholder-text": "^1.9.0",
+		"@atlaskit/editor-plugin-primary-toolbar": "^2.1.0",
 		"@atlaskit/editor-plugin-quick-insert": "^1.8.0",
 		"@atlaskit/editor-plugin-rule": "^1.9.0",
 		"@atlaskit/editor-plugin-status": "^2.6.0",
@@ -66,8 +66,8 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.26.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tmp-editor-statsig": "^2.29.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/tooltip": "19.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -130,6 +130,9 @@
 		"platform_editor_consistent_insert_menu": {
 			"type": "boolean"
 		},
+		"platform_editor_preload_insert_menu": {
+			"type": "boolean"
+		},
 		"platform_editor_reduce_element_browser_padding": {
 			"type": "boolean"
 		}

package/dist/cjs/ui/ToolbarInsertBlock/messages.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "messages", {
-  enumerable: true,
-  get: function get() {
-    return _messages.toolbarInsertBlockMessages;
-  }
-});
-var _messages = require("@atlaskit/editor-common/messages");

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

@@ -1 +0,0 @@
-export { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/esm/ui/ToolbarInsertBlock/messages.js

@@ -1 +0,0 @@
-export { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/types/ui/ToolbarInsertBlock/messages.d.ts

@@ -1 +0,0 @@
-export { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/types-ts4.5/ui/ToolbarInsertBlock/messages.d.ts

@@ -1 +0,0 @@
-export { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';