@atlaskit/editor-plugin-insert-block 2.4.22 → 2.4.24

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 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
+
+- [#177216](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177216)
+  [`92df986420bc1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/92df986420bc1) -
+  updated insert block plugin to EES 003
+- Updated dependencies
+
 ## 2.4.22
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "insertBlockPlugin", {
   enumerable: true,
   get: function get() {
-    return _plugin.insertBlockPlugin;
+    return _insertBlockPlugin.insertBlockPlugin;
   }
 });
-var _plugin = require("./plugin");
+var _insertBlockPlugin = require("./insertBlockPlugin");

package/dist/cjs/{plugin.js → 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/index.js

@@ -9,10 +9,9 @@ exports.tableButtonWrapper = exports.default = exports.ToolbarInsertBlock = void
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -46,7 +45,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * Checks if an element is detached (i.e. not in the current document)
@@ -77,18 +76,16 @@ var tableButtonWrapper = exports.tableButtonWrapper = function tableButtonWrappe
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(ToolbarInsertBlock, _React$PureComponent);
-  var _super = _createSuper(ToolbarInsertBlock);
   function ToolbarInsertBlock() {
     var _this;
     (0, _classCallCheck2.default)(this, ToolbarInsertBlock);
     for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
       _args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(_args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tableButtonRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tableSelectorButtonRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, ToolbarInsertBlock, [].concat(_args));
+    (0, _defineProperty2.default)(_this, "tableButtonRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "tableSelectorButtonRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(_this, "state", {
       isPlusMenuOpen: false,
       emojiPickerOpen: false,
       isOpenedByKeyboard: false,
@@ -97,7 +94,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       isTableSelectorOpen: false,
       isTableSelectorOpenedByKeyboard: false
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOpenChange", function (attrs) {
+    (0, _defineProperty2.default)(_this, "onOpenChange", function (attrs) {
       var state = {
         isPlusMenuOpen: attrs.isPlusMenuOpen,
         emojiPickerOpen: _this.state.emojiPickerOpen
@@ -125,7 +122,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         });
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "togglePlusMenuVisibility", function (event) {
+    (0, _defineProperty2.default)(_this, "togglePlusMenuVisibility", function (event) {
       var isPlusMenuOpen = _this.state.isPlusMenuOpen;
       _this.onOpenChange({
         isPlusMenuOpen: !isPlusMenuOpen
@@ -135,7 +132,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         (_ref2 = _this.plusButtonRef || _this.dropdownButtonRef) === null || _ref2 === void 0 || (_ref2 = _ref2.deref()) === null || _ref2 === void 0 || _ref2.focus();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleEmojiPicker", function () {
+    (0, _defineProperty2.default)(_this, "toggleEmojiPicker", function () {
       var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _analytics.INPUT_METHOD.TOOLBAR;
       _this.setState(function (prevState) {
         return {
@@ -158,12 +155,12 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         }
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEmojiPressEscape", function () {
+    (0, _defineProperty2.default)(_this, "handleEmojiPressEscape", function () {
       var _this$emojiButtonRef;
       _this.toggleEmojiPicker(_analytics.INPUT_METHOD.KEYBOARD);
       (_this$emojiButtonRef = _this.emojiButtonRef) === null || _this$emojiButtonRef === void 0 || (_this$emojiButtonRef = _this$emojiButtonRef.deref()) === null || _this$emojiButtonRef === void 0 || _this$emojiButtonRef.focus();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEmojiClickOutside", function (e) {
+    (0, _defineProperty2.default)(_this, "handleEmojiClickOutside", function (e) {
       // Ignore click events for detached elements.
       // Workaround for FS-1322 - where two onClicks fire - one when the upload button is
       // still in the document, and one once it's detached. Does not always occur, and
@@ -172,7 +169,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         _this.toggleEmojiPicker(_analytics.INPUT_METHOD.TOOLBAR);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleToolbarRef", function (buttonName) {
+    (0, _defineProperty2.default)(_this, "handleToolbarRef", function (buttonName) {
       return function (ref) {
         if (!ref) {
           return;
@@ -187,17 +184,17 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         }
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handlePlusButtonRef", function (ref) {
+    (0, _defineProperty2.default)(_this, "handlePlusButtonRef", function (ref) {
       if (ref) {
         _this.plusButtonRef = new WeakRef(ref);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDropDownButtonRef", function (ref) {
+    (0, _defineProperty2.default)(_this, "handleDropDownButtonRef", function (ref) {
       if (ref) {
         _this.dropdownButtonRef = new WeakRef(ref);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleTableSelector", function () {
+    (0, _defineProperty2.default)(_this, "toggleTableSelector", function () {
       var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _analytics.INPUT_METHOD.TOOLBAR;
       _this.setState(function (prevState) {
         return {
@@ -205,22 +202,22 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         };
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelectedTableSize", function (rowsCount, colsCount) {
+    (0, _defineProperty2.default)(_this, "handleSelectedTableSize", function (rowsCount, colsCount) {
       _this.insertTableWithSize(_analytics.INPUT_METHOD.TOOLBAR, rowsCount, colsCount)();
       _this.toggleTableSelector();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTableSelectorPressEscape", function () {
+    (0, _defineProperty2.default)(_this, "handleTableSelectorPressEscape", function () {
       var _this$tableSelectorBu;
       _this.toggleTableSelector(_analytics.INPUT_METHOD.KEYBOARD);
       (_this$tableSelectorBu = _this.tableSelectorButtonRef.current) === null || _this$tableSelectorBu === void 0 || _this$tableSelectorBu.focus();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTableSelectorClickOutside", function (e) {
+    (0, _defineProperty2.default)(_this, "handleTableSelectorClickOutside", function (e) {
       // Ignore click events for detached elements.
       if (e.target && !isDetachedElement(e.target)) {
         _this.toggleTableSelector(_analytics.INPUT_METHOD.TOOLBAR);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
+    (0, _defineProperty2.default)(_this, "handleClick", function () {
       var _this$props$editorApp;
       /**
        * For insert menu in right rail experiment
@@ -252,7 +249,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       }
       _this.togglePlusMenuVisibility();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenByKeyboard", function (event) {
+    (0, _defineProperty2.default)(_this, "handleOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {
         var _this$props$editorApp2;
         /**
@@ -279,19 +276,19 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         _this.togglePlusMenuVisibility();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTableSelectorOpenByKeyboard", function (event) {
+    (0, _defineProperty2.default)(_this, "handleTableSelectorOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {
         _this.setState({
           isTableSelectorOpenedByKeyboard: true
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleLinkPanel", function (inputMethod) {
+    (0, _defineProperty2.default)(_this, "toggleLinkPanel", function (inputMethod) {
       var _pluginInjectionApi$c2, _pluginInjectionApi$c3, _pluginInjectionApi$h;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       return (_pluginInjectionApi$c2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 ? void 0 : _pluginInjectionApi$h.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$c2 !== void 0 ? _pluginInjectionApi$c2 : false;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertMention", function (inputMethod) {
+    (0, _defineProperty2.default)(_this, "insertMention", function (inputMethod) {
       var _pluginInjectionApi$m, _pluginInjectionApi$m2;
       var _this$props = _this.props,
         editorView = _this$props.editorView,
@@ -305,7 +302,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       }
       return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m2 = pluginInjectionApi.mention) === null || _pluginInjectionApi$m2 === void 0 || (_pluginInjectionApi$m2 = _pluginInjectionApi$m2.actions) === null || _pluginInjectionApi$m2 === void 0 ? void 0 : _pluginInjectionApi$m2.openTypeAhead(inputMethod));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTable", function (inputMethod) {
+    (0, _defineProperty2.default)(_this, "insertTable", function (inputMethod) {
       var _this$props2 = _this.props,
         pluginInjectionApi = _this$props2.pluginInjectionApi,
         editorView = _this$props2.editorView;
@@ -326,7 +323,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         })(state, dispatch);
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTableWithSize", function (inputMethod, rowsCount, colsCount) {
+    (0, _defineProperty2.default)(_this, "insertTableWithSize", function (inputMethod, rowsCount, colsCount) {
       return function () {
         var pluginInjectionApi = _this.props.pluginInjectionApi;
 
@@ -337,7 +334,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         });
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createDate", function (inputMethod) {
+    (0, _defineProperty2.default)(_this, "createDate", function (inputMethod) {
       var _pluginInjectionApi$c5, _pluginInjectionApi$d;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c5 = pluginInjectionApi.core) === null || _pluginInjectionApi$c5 === void 0 || _pluginInjectionApi$c5.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.date) === null || _pluginInjectionApi$d === void 0 || (_pluginInjectionApi$d = _pluginInjectionApi$d.commands) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.insertDate({
@@ -345,7 +342,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       }));
       return true;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createPlaceholderText", function () {
+    (0, _defineProperty2.default)(_this, "createPlaceholderText", function () {
       var _pluginInjectionApi$p;
       var _this$props3 = _this.props,
         editorView = _this$props3.editorView,
@@ -353,7 +350,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$p = pluginInjectionApi.placeholderText) === null || _pluginInjectionApi$p === void 0 || _pluginInjectionApi$p.actions.showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
       return true;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertLayoutColumns", function (inputMethod) {
+    (0, _defineProperty2.default)(_this, "insertLayoutColumns", function (inputMethod) {
       var _pluginInjectionApi$l;
       var _this$props4 = _this.props,
         editorView = _this$props4.editorView,
@@ -361,12 +358,12 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$l = pluginInjectionApi.layout) === null || _pluginInjectionApi$l === void 0 || _pluginInjectionApi$l.actions.insertLayoutColumns(inputMethod)(editorView.state, editorView.dispatch);
       return true;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createStatus", function (inputMethod) {
+    (0, _defineProperty2.default)(_this, "createStatus", function (inputMethod) {
       var _pluginInjectionApi$c6, _pluginInjectionApi$s;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c6 = pluginInjectionApi.core) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : _pluginInjectionApi$c6.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.status) === null || _pluginInjectionApi$s === void 0 || (_pluginInjectionApi$s = _pluginInjectionApi$s.commands) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.insertStatus(inputMethod)));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openMediaPicker", function (inputMethod) {
+    (0, _defineProperty2.default)(_this, "openMediaPicker", function (inputMethod) {
       var _this$props5 = _this.props,
         onShowMediaPicker = _this$props5.onShowMediaPicker,
         dispatchAnalyticsEvent = _this$props5.dispatchAnalyticsEvent;
@@ -392,7 +389,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       }
       return true;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTaskDecision", function (name, inputMethod) {
+    (0, _defineProperty2.default)(_this, "insertTaskDecision", function (name, inputMethod) {
       return function () {
         var _pluginInjectionApi$t5, _pluginInjectionApi$t6;
         var _this$props6 = _this.props,
@@ -404,7 +401,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         return (_pluginInjectionApi$t5 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t6 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t6 === void 0 ? void 0 : _pluginInjectionApi$t6.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t5 !== void 0 ? _pluginInjectionApi$t5 : false;
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
+    (0, _defineProperty2.default)(_this, "insertHorizontalRule", function (inputMethod) {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
       var _this$props7 = _this.props,
         _this$props7$editorVi = _this$props7.editorView,
@@ -413,7 +410,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         pluginInjectionApi = _this$props7.pluginInjectionApi;
       return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
+    (0, _defineProperty2.default)(_this, "insertExpand", function () {
       var _pluginInjectionApi$e, _pluginInjectionApi$e2;
       var _this$props8 = _this.props,
         _this$props8$editorVi = _this$props8.editorView,
@@ -422,7 +419,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         pluginInjectionApi = _this$props8.pluginInjectionApi;
       return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.expand) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.actions.insertExpand(state, dispatch)) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
+    (0, _defineProperty2.default)(_this, "insertBlockType", function (itemName) {
       return function () {
         var _this$props9 = _this.props,
           editorView = _this$props9.editorView,
@@ -433,7 +430,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         return true;
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelectedEmoji", function (emojiId) {
+    (0, _defineProperty2.default)(_this, "handleSelectedEmoji", function (emojiId) {
       var _pluginInjectionApi$c7, _pluginInjectionApi$e3;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       _this.props.editorView.focus();
@@ -441,12 +438,12 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       _this.toggleEmojiPicker();
       return true;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openElementBrowser", function () {
+    (0, _defineProperty2.default)(_this, "openElementBrowser", function () {
       var _pluginInjectionApi$c8, _pluginInjectionApi$q;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 || _pluginInjectionApi$c8.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref5) {
+    (0, _defineProperty2.default)(_this, "onItemActivated", function (_ref5) {
       var item = _ref5.item,
         inputMethod = _ref5.inputMethod;
       var _this$props10 = _this.props,
@@ -531,13 +528,13 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         isPlusMenuOpen: false
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertToolbarMenuItem", function (btn) {
+    (0, _defineProperty2.default)(_this, "insertToolbarMenuItem", function (btn) {
       return _this.onItemActivated({
         item: btn,
         inputMethod: _analytics.INPUT_METHOD.TOOLBAR
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertInsertMenuItem", function (_ref6) {
+    (0, _defineProperty2.default)(_this, "insertInsertMenuItem", function (_ref6) {
       var item = _ref6.item;
       return _this.onItemActivated({
         item: item,
@@ -546,7 +543,8 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     });
     return _this;
   }
-  (0, _createClass2.default)(ToolbarInsertBlock, [{
+  (0, _inherits2.default)(ToolbarInsertBlock, _React$PureComponent);
+  return (0, _createClass2.default)(ToolbarInsertBlock, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       // If number of visible buttons changed, close emoji picker and table selector
@@ -858,6 +856,5 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       });
     }
   }]);
-  return ToolbarInsertBlock;
 }(_react.default.PureComponent);
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(ToolbarInsertBlock);

package/dist/es2019/index.js

@@ -1 +1,4 @@
-export { insertBlockPlugin } from './plugin';
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
+export { insertBlockPlugin } from './insertBlockPlugin';

package/dist/es2019/{plugin.js → 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/esm/index.js

@@ -1 +1,4 @@
-export { insertBlockPlugin } from './plugin';
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
+export { insertBlockPlugin } from './insertBlockPlugin';

package/dist/esm/{plugin.js → 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/index.js

@@ -1,10 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _extends from "@babel/runtime/helpers/extends";
@@ -14,7 +13,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -68,18 +67,16 @@ export var tableButtonWrapper = function tableButtonWrapper(_ref) {
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(ToolbarInsertBlock, _React$PureComponent);
-  var _super = _createSuper(ToolbarInsertBlock);
   function ToolbarInsertBlock() {
     var _this;
     _classCallCheck(this, ToolbarInsertBlock);
     for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
       _args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(_args));
-    _defineProperty(_assertThisInitialized(_this), "tableButtonRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "tableSelectorButtonRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, ToolbarInsertBlock, [].concat(_args));
+    _defineProperty(_this, "tableButtonRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "tableSelectorButtonRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "state", {
       isPlusMenuOpen: false,
       emojiPickerOpen: false,
       isOpenedByKeyboard: false,
@@ -88,7 +85,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       isTableSelectorOpen: false,
       isTableSelectorOpenedByKeyboard: false
     });
-    _defineProperty(_assertThisInitialized(_this), "onOpenChange", function (attrs) {
+    _defineProperty(_this, "onOpenChange", function (attrs) {
       var state = {
         isPlusMenuOpen: attrs.isPlusMenuOpen,
         emojiPickerOpen: _this.state.emojiPickerOpen
@@ -116,7 +113,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         });
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "togglePlusMenuVisibility", function (event) {
+    _defineProperty(_this, "togglePlusMenuVisibility", function (event) {
       var isPlusMenuOpen = _this.state.isPlusMenuOpen;
       _this.onOpenChange({
         isPlusMenuOpen: !isPlusMenuOpen
@@ -126,7 +123,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         (_ref2 = _this.plusButtonRef || _this.dropdownButtonRef) === null || _ref2 === void 0 || (_ref2 = _ref2.deref()) === null || _ref2 === void 0 || _ref2.focus();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "toggleEmojiPicker", function () {
+    _defineProperty(_this, "toggleEmojiPicker", function () {
       var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INPUT_METHOD.TOOLBAR;
       _this.setState(function (prevState) {
         return {
@@ -149,12 +146,12 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleEmojiPressEscape", function () {
+    _defineProperty(_this, "handleEmojiPressEscape", function () {
       var _this$emojiButtonRef;
       _this.toggleEmojiPicker(INPUT_METHOD.KEYBOARD);
       (_this$emojiButtonRef = _this.emojiButtonRef) === null || _this$emojiButtonRef === void 0 || (_this$emojiButtonRef = _this$emojiButtonRef.deref()) === null || _this$emojiButtonRef === void 0 || _this$emojiButtonRef.focus();
     });
-    _defineProperty(_assertThisInitialized(_this), "handleEmojiClickOutside", function (e) {
+    _defineProperty(_this, "handleEmojiClickOutside", function (e) {
       // Ignore click events for detached elements.
       // Workaround for FS-1322 - where two onClicks fire - one when the upload button is
       // still in the document, and one once it's detached. Does not always occur, and
@@ -163,7 +160,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         _this.toggleEmojiPicker(INPUT_METHOD.TOOLBAR);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleToolbarRef", function (buttonName) {
+    _defineProperty(_this, "handleToolbarRef", function (buttonName) {
       return function (ref) {
         if (!ref) {
           return;
@@ -178,17 +175,17 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         }
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "handlePlusButtonRef", function (ref) {
+    _defineProperty(_this, "handlePlusButtonRef", function (ref) {
       if (ref) {
         _this.plusButtonRef = new WeakRef(ref);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleDropDownButtonRef", function (ref) {
+    _defineProperty(_this, "handleDropDownButtonRef", function (ref) {
       if (ref) {
         _this.dropdownButtonRef = new WeakRef(ref);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "toggleTableSelector", function () {
+    _defineProperty(_this, "toggleTableSelector", function () {
       var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INPUT_METHOD.TOOLBAR;
       _this.setState(function (prevState) {
         return {
@@ -196,22 +193,22 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         };
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSelectedTableSize", function (rowsCount, colsCount) {
+    _defineProperty(_this, "handleSelectedTableSize", function (rowsCount, colsCount) {
       _this.insertTableWithSize(INPUT_METHOD.TOOLBAR, rowsCount, colsCount)();
       _this.toggleTableSelector();
     });
-    _defineProperty(_assertThisInitialized(_this), "handleTableSelectorPressEscape", function () {
+    _defineProperty(_this, "handleTableSelectorPressEscape", function () {
       var _this$tableSelectorBu;
       _this.toggleTableSelector(INPUT_METHOD.KEYBOARD);
       (_this$tableSelectorBu = _this.tableSelectorButtonRef.current) === null || _this$tableSelectorBu === void 0 || _this$tableSelectorBu.focus();
     });
-    _defineProperty(_assertThisInitialized(_this), "handleTableSelectorClickOutside", function (e) {
+    _defineProperty(_this, "handleTableSelectorClickOutside", function (e) {
       // Ignore click events for detached elements.
       if (e.target && !isDetachedElement(e.target)) {
         _this.toggleTableSelector(INPUT_METHOD.TOOLBAR);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
+    _defineProperty(_this, "handleClick", function () {
       var _this$props$editorApp;
       /**
        * For insert menu in right rail experiment
@@ -243,7 +240,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
       _this.togglePlusMenuVisibility();
     });
-    _defineProperty(_assertThisInitialized(_this), "handleOpenByKeyboard", function (event) {
+    _defineProperty(_this, "handleOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {
         var _this$props$editorApp2;
         /**
@@ -270,19 +267,19 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         _this.togglePlusMenuVisibility();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleTableSelectorOpenByKeyboard", function (event) {
+    _defineProperty(_this, "handleTableSelectorOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {
         _this.setState({
           isTableSelectorOpenedByKeyboard: true
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "toggleLinkPanel", function (inputMethod) {
+    _defineProperty(_this, "toggleLinkPanel", function (inputMethod) {
       var _pluginInjectionApi$c2, _pluginInjectionApi$c3, _pluginInjectionApi$h;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       return (_pluginInjectionApi$c2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$h = pluginInjectionApi.hyperlink) === null || _pluginInjectionApi$h === void 0 ? void 0 : _pluginInjectionApi$h.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$c2 !== void 0 ? _pluginInjectionApi$c2 : false;
     });
-    _defineProperty(_assertThisInitialized(_this), "insertMention", function (inputMethod) {
+    _defineProperty(_this, "insertMention", function (inputMethod) {
       var _pluginInjectionApi$m, _pluginInjectionApi$m2;
       var _this$props = _this.props,
         editorView = _this$props.editorView,
@@ -296,7 +293,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
       return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m2 = pluginInjectionApi.mention) === null || _pluginInjectionApi$m2 === void 0 || (_pluginInjectionApi$m2 = _pluginInjectionApi$m2.actions) === null || _pluginInjectionApi$m2 === void 0 ? void 0 : _pluginInjectionApi$m2.openTypeAhead(inputMethod));
     });
-    _defineProperty(_assertThisInitialized(_this), "insertTable", function (inputMethod) {
+    _defineProperty(_this, "insertTable", function (inputMethod) {
       var _this$props2 = _this.props,
         pluginInjectionApi = _this$props2.pluginInjectionApi,
         editorView = _this$props2.editorView;
@@ -317,7 +314,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         })(state, dispatch);
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "insertTableWithSize", function (inputMethod, rowsCount, colsCount) {
+    _defineProperty(_this, "insertTableWithSize", function (inputMethod, rowsCount, colsCount) {
       return function () {
         var pluginInjectionApi = _this.props.pluginInjectionApi;
 
@@ -328,7 +325,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         });
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "createDate", function (inputMethod) {
+    _defineProperty(_this, "createDate", function (inputMethod) {
       var _pluginInjectionApi$c5, _pluginInjectionApi$d;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c5 = pluginInjectionApi.core) === null || _pluginInjectionApi$c5 === void 0 || _pluginInjectionApi$c5.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.date) === null || _pluginInjectionApi$d === void 0 || (_pluginInjectionApi$d = _pluginInjectionApi$d.commands) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.insertDate({
@@ -336,7 +333,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }));
       return true;
     });
-    _defineProperty(_assertThisInitialized(_this), "createPlaceholderText", function () {
+    _defineProperty(_this, "createPlaceholderText", function () {
       var _pluginInjectionApi$p;
       var _this$props3 = _this.props,
         editorView = _this$props3.editorView,
@@ -344,7 +341,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$p = pluginInjectionApi.placeholderText) === null || _pluginInjectionApi$p === void 0 || _pluginInjectionApi$p.actions.showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
       return true;
     });
-    _defineProperty(_assertThisInitialized(_this), "insertLayoutColumns", function (inputMethod) {
+    _defineProperty(_this, "insertLayoutColumns", function (inputMethod) {
       var _pluginInjectionApi$l;
       var _this$props4 = _this.props,
         editorView = _this$props4.editorView,
@@ -352,12 +349,12 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$l = pluginInjectionApi.layout) === null || _pluginInjectionApi$l === void 0 || _pluginInjectionApi$l.actions.insertLayoutColumns(inputMethod)(editorView.state, editorView.dispatch);
       return true;
     });
-    _defineProperty(_assertThisInitialized(_this), "createStatus", function (inputMethod) {
+    _defineProperty(_this, "createStatus", function (inputMethod) {
       var _pluginInjectionApi$c6, _pluginInjectionApi$s;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c6 = pluginInjectionApi.core) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : _pluginInjectionApi$c6.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.status) === null || _pluginInjectionApi$s === void 0 || (_pluginInjectionApi$s = _pluginInjectionApi$s.commands) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.insertStatus(inputMethod)));
     });
-    _defineProperty(_assertThisInitialized(_this), "openMediaPicker", function (inputMethod) {
+    _defineProperty(_this, "openMediaPicker", function (inputMethod) {
       var _this$props5 = _this.props,
         onShowMediaPicker = _this$props5.onShowMediaPicker,
         dispatchAnalyticsEvent = _this$props5.dispatchAnalyticsEvent;
@@ -383,7 +380,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
       return true;
     });
-    _defineProperty(_assertThisInitialized(_this), "insertTaskDecision", function (name, inputMethod) {
+    _defineProperty(_this, "insertTaskDecision", function (name, inputMethod) {
       return function () {
         var _pluginInjectionApi$t5, _pluginInjectionApi$t6;
         var _this$props6 = _this.props,
@@ -395,7 +392,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         return (_pluginInjectionApi$t5 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t6 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t6 === void 0 ? void 0 : _pluginInjectionApi$t6.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t5 !== void 0 ? _pluginInjectionApi$t5 : false;
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "insertHorizontalRule", function (inputMethod) {
+    _defineProperty(_this, "insertHorizontalRule", function (inputMethod) {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
       var _this$props7 = _this.props,
         _this$props7$editorVi = _this$props7.editorView,
@@ -404,7 +401,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         pluginInjectionApi = _this$props7.pluginInjectionApi;
       return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
     });
-    _defineProperty(_assertThisInitialized(_this), "insertExpand", function () {
+    _defineProperty(_this, "insertExpand", function () {
       var _pluginInjectionApi$e, _pluginInjectionApi$e2;
       var _this$props8 = _this.props,
         _this$props8$editorVi = _this$props8.editorView,
@@ -413,7 +410,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         pluginInjectionApi = _this$props8.pluginInjectionApi;
       return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.expand) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.actions.insertExpand(state, dispatch)) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
     });
-    _defineProperty(_assertThisInitialized(_this), "insertBlockType", function (itemName) {
+    _defineProperty(_this, "insertBlockType", function (itemName) {
       return function () {
         var _this$props9 = _this.props,
           editorView = _this$props9.editorView,
@@ -424,7 +421,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         return true;
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSelectedEmoji", function (emojiId) {
+    _defineProperty(_this, "handleSelectedEmoji", function (emojiId) {
       var _pluginInjectionApi$c7, _pluginInjectionApi$e3;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       _this.props.editorView.focus();
@@ -432,12 +429,12 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       _this.toggleEmojiPicker();
       return true;
     });
-    _defineProperty(_assertThisInitialized(_this), "openElementBrowser", function () {
+    _defineProperty(_this, "openElementBrowser", function () {
       var _pluginInjectionApi$c8, _pluginInjectionApi$q;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 || _pluginInjectionApi$c8.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
     });
-    _defineProperty(_assertThisInitialized(_this), "onItemActivated", function (_ref5) {
+    _defineProperty(_this, "onItemActivated", function (_ref5) {
       var item = _ref5.item,
         inputMethod = _ref5.inputMethod;
       var _this$props10 = _this.props,
@@ -522,13 +519,13 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         isPlusMenuOpen: false
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "insertToolbarMenuItem", function (btn) {
+    _defineProperty(_this, "insertToolbarMenuItem", function (btn) {
       return _this.onItemActivated({
         item: btn,
         inputMethod: INPUT_METHOD.TOOLBAR
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "insertInsertMenuItem", function (_ref6) {
+    _defineProperty(_this, "insertInsertMenuItem", function (_ref6) {
       var item = _ref6.item;
       return _this.onItemActivated({
         item: item,
@@ -537,7 +534,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     return _this;
   }
-  _createClass(ToolbarInsertBlock, [{
+  _inherits(ToolbarInsertBlock, _React$PureComponent);
+  return _createClass(ToolbarInsertBlock, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       // If number of visible buttons changed, close emoji picker and table selector
@@ -849,6 +847,5 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-  return ToolbarInsertBlock;
 }(React.PureComponent);
 export default injectIntl(ToolbarInsertBlock);

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { insertBlockPlugin } from './plugin';
-export type { InsertBlockPlugin, InsertBlockOptions, InsertBlockPluginState } from './plugin';
-export type { InsertBlockPluginDependencies } from './types';
+export { insertBlockPlugin } from './insertBlockPlugin';
+export type { InsertBlockPlugin, InsertBlockOptions, InsertBlockPluginState, } from './insertBlockPlugin';
+export type { InsertBlockPluginDependencies } from './insertBlockPluginType';

package/dist/types/{plugin.d.ts → insertBlockPlugin.d.ts}

@@ -1,6 +1,6 @@
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import type { EditorAppearance, NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { InsertBlockPluginDependencies } from './types';
+import type { InsertBlockPluginDependencies } from './insertBlockPluginType';
 export declare const toolbarSizeToButtons: (toolbarSize: ToolbarSize, appearance?: EditorAppearance) => 0 | 2 | 3 | 5 | 7;
 export interface InsertBlockOptions {
     allowTables?: boolean;

package/dist/types/ui/ElementRail/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type InsertBlockOptions, type InsertBlockPlugin } from '../../plugin';
+import { type InsertBlockOptions, type InsertBlockPlugin } from '../../insertBlockPlugin';
 /**
  * For insert menu in right rail experiment
  * - Clean up ticket ED-24801
@@ -15,6 +15,6 @@ export declare const InsertMenuRail: ({ editorView, options, api, }: {
         actions: {
             toggleAdditionalMenu: () => void;
         };
-        sharedState: import("../../plugin").InsertBlockPluginState | undefined;
+        sharedState: import("../../insertBlockPlugin").InsertBlockPluginState | undefined;
     }> | undefined;
 }) => JSX.Element;

package/dist/types/ui/ElementRail/useInsertMenuRailItems.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { InsertBlockOptions, insertBlockPlugin } from '../../plugin';
+import type { InsertBlockOptions, insertBlockPlugin } from '../../insertBlockPlugin';
 export declare const useInsertMenuRailItems: (editorView: EditorView, options: InsertBlockOptions, api?: ExtractInjectionAPI<typeof insertBlockPlugin>) => import("../ToolbarInsertBlock/create-items").BlockMenuItem[];

package/dist/types/ui/templateOptions.d.ts

@@ -1,4 +1,4 @@
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type InsertBlockPlugin } from '../plugin';
+import { type InsertBlockPlugin } from '../insertBlockPlugin';
 export declare const templateOptions: (api: ExtractInjectionAPI<InsertBlockPlugin> | undefined) => QuickInsertItem[];

package/dist/types/ui/transformOptions.d.ts

@@ -2,7 +2,7 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type Schema } from '@atlaskit/editor-prosemirror/model';
 import QuoteIcon from '@atlaskit/icon/glyph/quote';
 import ExpandIcon from '../assets/expand';
-import type { InsertBlockPlugin } from '../plugin';
+import type { InsertBlockPlugin } from '../insertBlockPlugin';
 export declare const transformationOptions: (api: ExtractInjectionAPI<InsertBlockPlugin> | undefined, schema: Schema) => ({
     type: import("prosemirror-model").NodeType;
     title: {

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

@@ -1,3 +1,3 @@
-export { insertBlockPlugin } from './plugin';
-export type { InsertBlockPlugin, InsertBlockOptions, InsertBlockPluginState } from './plugin';
-export type { InsertBlockPluginDependencies } from './types';
+export { insertBlockPlugin } from './insertBlockPlugin';
+export type { InsertBlockPlugin, InsertBlockOptions, InsertBlockPluginState, } from './insertBlockPlugin';
+export type { InsertBlockPluginDependencies } from './insertBlockPluginType';

package/dist/types-ts4.5/{plugin.d.ts → insertBlockPlugin.d.ts}

@@ -1,6 +1,6 @@
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import type { EditorAppearance, NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { InsertBlockPluginDependencies } from './types';
+import type { InsertBlockPluginDependencies } from './insertBlockPluginType';
 export declare const toolbarSizeToButtons: (toolbarSize: ToolbarSize, appearance?: EditorAppearance) => 0 | 2 | 3 | 5 | 7;
 export interface InsertBlockOptions {
     allowTables?: boolean;

package/dist/types-ts4.5/ui/ElementRail/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type InsertBlockOptions, type InsertBlockPlugin } from '../../plugin';
+import { type InsertBlockOptions, type InsertBlockPlugin } from '../../insertBlockPlugin';
 /**
  * For insert menu in right rail experiment
  * - Clean up ticket ED-24801
@@ -15,6 +15,6 @@ export declare const InsertMenuRail: ({ editorView, options, api, }: {
         actions: {
             toggleAdditionalMenu: () => void;
         };
-        sharedState: import("../../plugin").InsertBlockPluginState | undefined;
+        sharedState: import("../../insertBlockPlugin").InsertBlockPluginState | undefined;
     }> | undefined;
 }) => JSX.Element;

package/dist/types-ts4.5/ui/ElementRail/useInsertMenuRailItems.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { InsertBlockOptions, insertBlockPlugin } from '../../plugin';
+import type { InsertBlockOptions, insertBlockPlugin } from '../../insertBlockPlugin';
 export declare const useInsertMenuRailItems: (editorView: EditorView, options: InsertBlockOptions, api?: ExtractInjectionAPI<typeof insertBlockPlugin>) => import("../ToolbarInsertBlock/create-items").BlockMenuItem[];

package/dist/types-ts4.5/ui/templateOptions.d.ts

@@ -1,4 +1,4 @@
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type InsertBlockPlugin } from '../plugin';
+import { type InsertBlockPlugin } from '../insertBlockPlugin';
 export declare const templateOptions: (api: ExtractInjectionAPI<InsertBlockPlugin> | undefined) => QuickInsertItem[];

package/dist/types-ts4.5/ui/transformOptions.d.ts

@@ -2,7 +2,7 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type Schema } from '@atlaskit/editor-prosemirror/model';
 import QuoteIcon from '@atlaskit/icon/glyph/quote';
 import ExpandIcon from '../assets/expand';
-import type { InsertBlockPlugin } from '../plugin';
+import type { InsertBlockPlugin } from '../insertBlockPlugin';
 export declare const transformationOptions: (api: ExtractInjectionAPI<InsertBlockPlugin> | undefined, schema: Schema) => ({
     type: import("prosemirror-model").NodeType;
     title: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "2.4.22",
+	"version": "2.4.24",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,11 +32,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/editor-common": "^96.3.0",
+		"@atlaskit/editor-common": "^96.5.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",
@@ -45,7 +45,7 @@
 		"@atlaskit/editor-plugin-hyperlink": "^3.2.0",
 		"@atlaskit/editor-plugin-image-upload": "^1.2.0",
 		"@atlaskit/editor-plugin-layout": "^1.12.0",
-		"@atlaskit/editor-plugin-media": "^1.42.0",
+		"@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",
@@ -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.25.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tmp-editor-statsig": "^2.27.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"
 		}