@atlaskit/editor-plugin-insert-block 3.1.2 → 3.1.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 3.1.4
+
+### Patch Changes
+
+- [#132261](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132261)
+  [`a8fe96525eb2c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8fe96525eb2c) -
+  ED-24801 Clean up platform_editor_insert_menu_in_right_rail
+- Updated dependencies
+
+## 3.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.1.2
 
 ### Patch Changes

package/dist/cjs/insertBlockPlugin.js

@@ -11,14 +11,10 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _elementBrowser = require("@atlaskit/editor-common/element-browser");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _types = require("@atlaskit/editor-common/types");
 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 _elementBrowser2 = require("./pm-plugins/elementBrowser");
 var _toggleInsertBlock = require("./pm-plugins/toggleInsertBlock");
-var _ElementRail = require("./ui/ElementRail");
 var _ToolbarInsertBlock = _interopRequireDefault(require("./ui/ToolbarInsertBlock"));
 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; }
@@ -105,13 +101,10 @@ function delayUntilIdle(cb) {
   });
 }
 var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_ref) {
-  var _api$primaryToolbar, _options$appearance3;
+  var _api$primaryToolbar;
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     api = _ref.api;
-  var editorViewRef = {
-    current: null
-  };
   var primaryToolbarComponent = function primaryToolbarComponent(_ref2) {
     var editorView = _ref2.editorView,
       editorActions = _ref2.editorActions,
@@ -170,15 +163,8 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
         return;
       }
       var toggleInsertBlockPluginState = _toggleInsertBlock.toggleInsertBlockPmKey.getState(editorState);
-      var elementBrowserPluginState = _elementBrowser2.elementBrowserPmKey.getState(editorState);
       return {
-        showElementBrowser: (toggleInsertBlockPluginState === null || toggleInsertBlockPluginState === void 0 ? void 0 : toggleInsertBlockPluginState.showElementBrowser) || false,
-        /**
-         * For insert menu in right rail experiment
-         * - Clean up ticket ED-24801
-         * Experiment: `insert-menu-in-right-rail`
-         */
-        menuBrowserOpen: (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true) ? elementBrowserPluginState === null || elementBrowserPluginState === void 0 ? void 0 : elementBrowserPluginState.menuBrowserOpen : false
+        showElementBrowser: (toggleInsertBlockPluginState === null || toggleInsertBlockPluginState === void 0 ? void 0 : toggleInsertBlockPluginState.showElementBrowser) || false
       };
     },
     usePluginHook: function usePluginHook() {
@@ -197,25 +183,6 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
         [];
       }
       var plugins = [];
-      if ((0, _experiments.editorExperiment)('insert-menu-in-right-rail', true)) {
-        plugins.push({
-          name: 'elementBrowserPmPlugin',
-          plugin: function plugin() {
-            return (0, _elementBrowser2.elementBrowserPmPlugin)();
-          }
-        }, {
-          name: 'elementBrowserEditorViewRef',
-          plugin: function plugin() {
-            return new _safePlugin.SafePlugin({
-              view: function view(editorView) {
-                // Workaround - need reference to editorView for contextPanel component
-                editorViewRef.current = editorView;
-                return {};
-              }
-            });
-          }
-        });
-      }
       plugins.push({
         name: 'toggleInsertBlockPmPlugin',
         plugin: function plugin() {
@@ -227,25 +194,6 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
     pluginsOptions: {},
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
-  if (
-  // @ts-ignore
-  ['full-page', 'full-width'].includes((_options$appearance3 = options.appearance) !== null && _options$appearance3 !== void 0 ? _options$appearance3 : '') && (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true)) {
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    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 = _elementBrowser2.elementBrowserPmKey.getState(state);
-      if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen && editorViewRef.current) {
-        return /*#__PURE__*/_react.default.createElement(_ElementRail.InsertMenuRail, {
-          editorView: editorViewRef.current,
-          options: options,
-          api: api
-        });
-      }
-      return;
-    };
-  }
   return plugin;
 };
 function ToolbarInsertBlockWithInjectionApi(_ref4) {

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

@@ -20,7 +20,6 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
 var _theme = require("@atlaskit/theme");
 var _colors = require("@atlaskit/theme/colors");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _excluded = ["children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
@@ -31,7 +30,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 var DEFAULT_HEIGHT = exports.DEFAULT_HEIGHT = 560;
 var InsertMenu = function InsertMenu(_ref) {
-  var _pluginInjectionApi$q7, _pluginInjectionApi$q8;
+  var _pluginInjectionApi$q6, _pluginInjectionApi$q7;
   var editorView = _ref.editorView,
     dropdownItems = _ref.dropdownItems,
     showElementBrowserLink = _ref.showElementBrowserLink,
@@ -95,20 +94,13 @@ var InsertMenu = function InsertMenu(_ref) {
   var quickInsertDropdownItems = dropdownItems.map(transform);
   var viewMoreItem = showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
   var onInsertItem = (0, _react.useCallback)(function (item) {
+    var _pluginInjectionApi$q;
     toggleVisiblity();
     if (!editorView.hasFocus()) {
       editorView.focus();
     }
-    if (isFullPageAppearance && (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true)) {
-      var _pluginInjectionApi$q;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 || _pluginInjectionApi$q.actions.insertItem(item,
-      // @ts-expect-error
-      _analytics.INPUT_METHOD.INSERT_MENU_RIGHT_RAIL)(editorView.state, editorView.dispatch);
-    } else {
-      var _pluginInjectionApi$q2;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q2 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q2 === void 0 || _pluginInjectionApi$q2.actions.insertItem(item, _analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
-    }
-  }, [editorView, toggleVisiblity, pluginInjectionApi, isFullPageAppearance]);
+    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 || _pluginInjectionApi$q.actions.insertItem(item, _analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+  }, [editorView, toggleVisiblity, pluginInjectionApi]);
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['connectivity']),
     connectivityState = _useSharedPluginState.connectivityState;
   var getItems = (0, _react.useCallback)(function (query, category) {
@@ -120,60 +112,31 @@ var InsertMenu = function InsertMenu(_ref) {
      * @see above transform function for more details.
      */
     if (query) {
-      var _pluginInjectionApi$q3, _pluginInjectionApi$q4;
-      result = (_pluginInjectionApi$q3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q4 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q4 === void 0 || (_pluginInjectionApi$q4 = _pluginInjectionApi$q4.actions.getSuggestions({
+      var _pluginInjectionApi$q2, _pluginInjectionApi$q3;
+      result = (_pluginInjectionApi$q2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q3 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q3 === void 0 || (_pluginInjectionApi$q3 = _pluginInjectionApi$q3.actions.getSuggestions({
         query: query,
         category: category
-      })) === null || _pluginInjectionApi$q4 === void 0 ? void 0 : _pluginInjectionApi$q4.map(function (item) {
+      })) === null || _pluginInjectionApi$q3 === void 0 ? void 0 : _pluginInjectionApi$q3.map(function (item) {
         return (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline' && item.isDisabledOffline ? _objectSpread(_objectSpread({}, item), {}, {
           isDisabled: true
         }) : item;
-      })) !== null && _pluginInjectionApi$q3 !== void 0 ? _pluginInjectionApi$q3 : [];
+      })) !== null && _pluginInjectionApi$q2 !== void 0 ? _pluginInjectionApi$q2 : [];
     } else {
-      var _pluginInjectionApi$q5, _pluginInjectionApi$q6;
-      var featuredQuickInsertSuggestions = (_pluginInjectionApi$q5 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 || (_pluginInjectionApi$q6 = _pluginInjectionApi$q6.actions.getSuggestions({
+      var _pluginInjectionApi$q4, _pluginInjectionApi$q5;
+      var featuredQuickInsertSuggestions = (_pluginInjectionApi$q4 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q5 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q5 === void 0 || (_pluginInjectionApi$q5 = _pluginInjectionApi$q5.actions.getSuggestions({
         category: category,
         featuredItems: true
-      })) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.map(function (item) {
+      })) === null || _pluginInjectionApi$q5 === void 0 ? void 0 : _pluginInjectionApi$q5.map(function (item) {
         return (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline' && item.isDisabledOffline ? _objectSpread(_objectSpread({}, item), {}, {
           isDisabled: true
         }) : item;
-      })) !== null && _pluginInjectionApi$q5 !== void 0 ? _pluginInjectionApi$q5 : [];
+      })) !== null && _pluginInjectionApi$q4 !== void 0 ? _pluginInjectionApi$q4 : [];
       result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
     }
     setItemCount(result.length);
     return result;
-  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : _pluginInjectionApi$q7.actions, quickInsertDropdownItems, connectivityState]);
-  var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q8 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q8 === void 0 || (_pluginInjectionApi$q8 = _pluginInjectionApi$q8.sharedState.currentState()) === null || _pluginInjectionApi$q8 === void 0 ? void 0 : _pluginInjectionApi$q8.emptyStateHandler;
-
-  /**
-   * For insert menu in right rail experiment
-   * - Clean up ticket ED-24801
-   *
-   * The insert menu is not rendered in a popup so need to avoid wrapping it in outer click
-   * listeners because it will cause the editor to focus certain extensions (e.g. Jira legacy)
-   */
-
-  if (isFullPageAppearance && (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true)) {
-    return (
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-      (0, _react2.jsx)("div", {
-        css: insertMenuWrapper(height, isFullPageAppearance)
-      }, (0, _react2.jsx)(FlexWrapper, null, (0, _react2.jsx)(_elementBrowser.ElementBrowser, {
-        mode: "inline",
-        getItems: getItems,
-        emptyStateHandler: emptyStateHandler,
-        onInsertItem: onInsertItem,
-        showSearch: true,
-        showCategories: false
-        // On page resize we want the InlineElementBrowser to show updated tools/overflow items
-        ,
-        key: quickInsertDropdownItems.length,
-        viewMoreItem: viewMoreItem,
-        cache: cache
-      })))
-    );
-  }
+  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.actions, quickInsertDropdownItems, connectivityState]);
+  var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 || (_pluginInjectionApi$q7 = _pluginInjectionApi$q7.sharedState.currentState()) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : _pluginInjectionApi$q7.emptyStateHandler;
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     (0, _react2.jsx)("div", {
@@ -214,19 +177,6 @@ var getSvgIconForItem = function getSvgIconForItem(_ref2) {
   }) : undefined;
 };
 var insertMenuWrapper = function insertMenuWrapper(height, isFullPageAppearance) {
-  if (isFullPageAppearance && (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true)) {
-    return (0, _react2.css)({
-      display: 'flex',
-      flexDirection: 'column',
-      width: '314px',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      height: 'calc(100% - 32px)',
-      margin: "0 -12px",
-      backgroundColor: "".concat("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      borderRadius: "".concat((0, _theme.borderRadius)(), "px")
-    });
-  }
   return (0, _react2.css)({
     display: 'flex',
     flexDirection: 'column',

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

@@ -39,7 +39,7 @@ var BlockInsertElementBrowser = exports.BlockInsertElementBrowser = function Blo
     "aria-expanded": props.open,
     "aria-haspopup": true,
     handleRef: props.onRef,
-    selected: props.open || props.isActive,
+    selected: props.open,
     disabled: props.disabled,
     onClick: props.onClick,
     onKeyDown: props.onKeyDown,

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

@@ -6,13 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockInsertMenu = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
 var _blockInsertElementBrowser = require("./block-insert-element-browser");
 var _dropdownButton = require("./dropdown-button");
 var BlockInsertMenu = exports.BlockInsertMenu = function BlockInsertMenu(props) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(props.pluginInjectionApi, ['insertBlock']),
-    insertBlockState = _useSharedPluginState.insertBlockState;
-  var isActive = (insertBlockState === null || insertBlockState === void 0 ? void 0 : insertBlockState.menuBrowserOpen) || false;
   if (props.items.length === 0) {
     return null;
   }
@@ -48,7 +44,6 @@ var BlockInsertMenu = exports.BlockInsertMenu = function BlockInsertMenu(props)
     togglePlusMenuVisibility: props.togglePlusMenuVisibility,
     showElementBrowserLink: props.showElementBrowserLink,
     pluginInjectionApi: props.pluginInjectionApi,
-    isFullPageAppearance: props.isFullPageAppearance,
-    isActive: isActive
+    isFullPageAppearance: props.isFullPageAppearance
   });
 };

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

@@ -27,8 +27,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _picker = require("@atlaskit/emoji/picker");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
-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 _tableSelectorPopupWithListeners = _interopRequireDefault(require("./table-selector-popup-with-listeners"));
@@ -248,57 +246,10 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       }
     });
     (0, _defineProperty2.default)(_this, "handleClick", function () {
-      var _this$props$editorApp;
-      /**
-       * For insert menu in right rail experiment
-       * - Clean up ticket ED-24801
-       */
-      if (['full-page', 'full-width'].includes((_this$props$editorApp = _this.props.editorAppearance) !== null && _this$props$editorApp !== void 0 ? _this$props$editorApp : '') && (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true, {
-        exposure: true
-      })) {
-        var pluginInjectionApi = _this.props.pluginInjectionApi;
-        if (!pluginInjectionApi) {
-          return;
-        }
-        pluginInjectionApi.core.actions.execute(function (_ref4) {
-          var _pluginInjectionApi$c, _pluginInjectionApi$a;
-          var tr = _ref4.tr;
-          (0, _commands.toggleInsertMenuRightRail)(tr);
-          (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 || _pluginInjectionApi$c.actions.applyChange(tr);
-          (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.actions.attachAnalyticsEvent({
-            action: _analytics.ACTION.CLICKED,
-            // @ts-expect-error
-            actionSubject: _analytics.ACTION_SUBJECT.TOOLBAR_BUTTON,
-            // @ts-expect-error
-            actionSubjectId: _analytics.INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-            eventType: _analytics.EVENT_TYPE.UI
-          })(tr);
-          return tr;
-        });
-        return;
-      }
       _this.togglePlusMenuVisibility();
     });
     (0, _defineProperty2.default)(_this, "handleOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {
-        var _this$props$editorApp2;
-        /**
-         * For insert menu in right rail experiment
-         * - Clean up ticket ED-24801
-         */
-        if (['full-page', 'full-width'].includes((_this$props$editorApp2 = _this.props.editorAppearance) !== null && _this$props$editorApp2 !== void 0 ? _this$props$editorApp2 : '') && (0, _experiments.editorExperiment)('insert-menu-in-right-rail', true, {
-          exposure: true
-        })) {
-          var _this$props$pluginInj;
-          (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || _this$props$pluginInj.core.actions.execute(function (_ref5) {
-            var _this$props$pluginInj2;
-            var tr = _ref5.tr;
-            (0, _commands.toggleInsertMenuRightRail)(tr);
-            (_this$props$pluginInj2 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.contextPanel) === null || _this$props$pluginInj2 === void 0 || _this$props$pluginInj2.actions.applyChange(tr);
-            return tr;
-          });
-          return;
-        }
         _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
           isOpenedByKeyboard: true
         }));
@@ -314,9 +265,9 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       }
     });
     (0, _defineProperty2.default)(_this, "toggleLinkPanel", function (inputMethod) {
-      var _pluginInjectionApi$c2, _pluginInjectionApi$c3, _pluginInjectionApi$h;
+      var _pluginInjectionApi$c, _pluginInjectionApi$c2, _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;
+      return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.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$c !== void 0 ? _pluginInjectionApi$c : false;
     });
     (0, _defineProperty2.default)(_this, "insertMention", function (inputMethod) {
       var _pluginInjectionApi$m3, _pluginInjectionApi$m4;
@@ -359,15 +310,15 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
 
         // workaround to solve race condition where cursor is not placed correctly inside table
         queueMicrotask(function () {
-          var _pluginInjectionApi$c4, _pluginInjectionApi$t4;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 || _pluginInjectionApi$c4.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t4 = pluginInjectionApi.table) === null || _pluginInjectionApi$t4 === void 0 ? void 0 : _pluginInjectionApi$t4.commands.insertTableWithSize(rowsCount, colsCount, _analytics.INPUT_METHOD.PICKER));
+          var _pluginInjectionApi$c3, _pluginInjectionApi$t4;
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 || _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t4 = pluginInjectionApi.table) === null || _pluginInjectionApi$t4 === void 0 ? void 0 : _pluginInjectionApi$t4.commands.insertTableWithSize(rowsCount, colsCount, _analytics.INPUT_METHOD.PICKER));
         });
       };
     });
     (0, _defineProperty2.default)(_this, "createDate", function (inputMethod) {
-      var _pluginInjectionApi$c5, _pluginInjectionApi$d;
+      var _pluginInjectionApi$c4, _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({
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 || _pluginInjectionApi$c4.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({
         inputMethod: inputMethod
       }));
       return true;
@@ -389,9 +340,9 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       return true;
     });
     (0, _defineProperty2.default)(_this, "createStatus", function (inputMethod) {
-      var _pluginInjectionApi$c6, _pluginInjectionApi$s;
+      var _pluginInjectionApi$c5, _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)));
+      return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c5 = pluginInjectionApi.core) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : _pluginInjectionApi$c5.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)(_this, "openMediaPicker", function (inputMethod) {
       var _this$props5 = _this.props,
@@ -464,21 +415,21 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       };
     });
     (0, _defineProperty2.default)(_this, "handleSelectedEmoji", function (emojiId) {
-      var _pluginInjectionApi$c7, _pluginInjectionApi$e3;
+      var _pluginInjectionApi$c6, _pluginInjectionApi$e3;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
       _this.props.editorView.focus();
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 || _pluginInjectionApi$c7.actions.execute((_pluginInjectionApi$e3 = pluginInjectionApi.emoji) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.commands.insertEmoji(emojiId, _analytics.INPUT_METHOD.PICKER));
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c6 = pluginInjectionApi.core) === null || _pluginInjectionApi$c6 === void 0 || _pluginInjectionApi$c6.actions.execute((_pluginInjectionApi$e3 = pluginInjectionApi.emoji) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.commands.insertEmoji(emojiId, _analytics.INPUT_METHOD.PICKER));
       _this.toggleEmojiPicker();
       return true;
     });
     (0, _defineProperty2.default)(_this, "openElementBrowser", function () {
-      var _pluginInjectionApi$c8, _pluginInjectionApi$q;
+      var _pluginInjectionApi$c7, _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);
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 || _pluginInjectionApi$c7.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)(_this, "onItemActivated", function (_ref6) {
-      var item = _ref6.item,
-        inputMethod = _ref6.inputMethod;
+    (0, _defineProperty2.default)(_this, "onItemActivated", function (_ref4) {
+      var item = _ref4.item,
+        inputMethod = _ref4.inputMethod;
       var _this$props10 = _this.props,
         editorView = _this$props10.editorView,
         handleImageUpload = _this$props10.handleImageUpload,
@@ -567,8 +518,8 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         inputMethod: _analytics.INPUT_METHOD.TOOLBAR
       });
     });
-    (0, _defineProperty2.default)(_this, "insertInsertMenuItem", function (_ref7) {
-      var item = _ref7.item;
+    (0, _defineProperty2.default)(_this, "insertInsertMenuItem", function (_ref5) {
+      var item = _ref5.item;
       return _this.onItemActivated({
         item: item,
         inputMethod: _analytics.INPUT_METHOD.INSERT_MENU
@@ -620,8 +571,8 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         popupsBoundariesElement = _this$props11.popupsBoundariesElement,
         popupsScrollableElement = _this$props11.popupsScrollableElement,
         emojiProvider = _this$props11.emojiProvider;
-      var dropdownEmoji = this.state.dropdownItems.some(function (_ref8) {
-        var name = _ref8.value.name;
+      var dropdownEmoji = this.state.dropdownItems.some(function (_ref6) {
+        var name = _ref6.value.name;
         return name === 'emoji';
       });
       var dropDownButtonRef = this.plusButtonRef;
@@ -676,8 +627,8 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       // Popup will be unmounted to ensure that the new table has a selection with a blinking cursor.
       // So we can start typing right away.
       var onUnmount = function onUnmount() {
-        var _pluginInjectionApi$c9;
-        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c9 = pluginInjectionApi.core) === null || _pluginInjectionApi$c9 === void 0 || (_pluginInjectionApi$c9 = _pluginInjectionApi$c9.actions) === null || _pluginInjectionApi$c9 === void 0 ? void 0 : _pluginInjectionApi$c9.focus();
+        var _pluginInjectionApi$c8;
+        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 || (_pluginInjectionApi$c8 = _pluginInjectionApi$c8.actions) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : _pluginInjectionApi$c8.focus();
       };
       return (0, _react2.jsx)(_tableSelectorPopupWithListeners.default, {
         target: ref,
@@ -710,7 +661,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         _tableSelectorButton6,
         _this$props$isDisable,
         _this$plusButtonRef,
-        _this$props$pluginInj3;
+        _this$props$pluginInj;
       var _this$state2 = this.state,
         buttons = _this$state2.buttons,
         dropdownItems = _this$state2.dropdownItems,
@@ -720,12 +671,12 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         isDisabled = _this$props13.isDisabled,
         isReducedSpacing = _this$props13.isReducedSpacing,
         editorAppearance = _this$props13.editorAppearance;
-      var isTableButtonVisible = buttons.some(function (_ref9) {
-        var value = _ref9.value;
+      var isTableButtonVisible = buttons.some(function (_ref7) {
+        var value = _ref7.value;
         return value.name === 'table';
       });
-      var isTableSizeVisible = buttons.some(function (_ref10) {
-        var value = _ref10.value;
+      var isTableSizeVisible = buttons.some(function (_ref8) {
+        var value = _ref8.value;
         return value.name === 'table selector';
       });
       if (buttons.length === 0 && dropdownItems.length === 0) {
@@ -830,7 +781,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         editorView: this.props.editorView,
         spacing: this.props.isReducedSpacing ? 'none' : 'default',
         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,
+        open: this.state.isPlusMenuOpen,
         plusButtonRef: (_this$plusButtonRef = this.plusButtonRef) === null || _this$plusButtonRef === void 0 ? void 0 : _this$plusButtonRef.deref(),
         items: this.state.dropdownItems,
         onRef: this.handleDropDownButtonRef,
@@ -844,7 +795,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         showElementBrowserLink: this.props.showElementBrowserLink || false,
         pluginInjectionApi: this.props.pluginInjectionApi,
         isFullPageAppearance: isFullPageAppearance
-      })), !((_this$props$pluginInj3 = this.props.pluginInjectionApi) !== null && _this$props$pluginInj3 !== void 0 && _this$props$pluginInj3.primaryToolbar) && this.props.showSeparator && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+      })), !((_this$props$pluginInj = this.props.pluginInjectionApi) !== null && _this$props$pluginInj !== void 0 && _this$props$pluginInj.primaryToolbar) && this.props.showSeparator && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       (0, _react2.jsx)("span", {
         css: _styles.separatorStyles

package/dist/es2019/insertBlockPlugin.js

@@ -3,14 +3,10 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { elementBrowserPmKey, elementBrowserPmPlugin } from './pm-plugins/elementBrowser';
 import { toggleInsertBlockPmKey, toggleInsertBlockPmPlugin } from './pm-plugins/toggleInsertBlock';
-import { InsertMenuRail } from './ui/ElementRail';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
@@ -91,10 +87,7 @@ export const insertBlockPlugin = ({
   config: options = {},
   api
 }) => {
-  var _api$primaryToolbar, _options$appearance3;
-  const editorViewRef = {
-    current: null
-  };
+  var _api$primaryToolbar;
   const primaryToolbarComponent = ({
     editorView,
     editorActions,
@@ -155,15 +148,8 @@ export const insertBlockPlugin = ({
         return;
       }
       const toggleInsertBlockPluginState = toggleInsertBlockPmKey.getState(editorState);
-      const elementBrowserPluginState = elementBrowserPmKey.getState(editorState);
       return {
-        showElementBrowser: (toggleInsertBlockPluginState === null || toggleInsertBlockPluginState === void 0 ? void 0 : toggleInsertBlockPluginState.showElementBrowser) || false,
-        /**
-         * For insert menu in right rail experiment
-         * - Clean up ticket ED-24801
-         * Experiment: `insert-menu-in-right-rail`
-         */
-        menuBrowserOpen: editorExperiment('insert-menu-in-right-rail', true) ? elementBrowserPluginState === null || elementBrowserPluginState === void 0 ? void 0 : elementBrowserPluginState.menuBrowserOpen : false
+        showElementBrowser: (toggleInsertBlockPluginState === null || toggleInsertBlockPluginState === void 0 ? void 0 : toggleInsertBlockPluginState.showElementBrowser) || false
       };
     },
     usePluginHook() {
@@ -182,23 +168,6 @@ export const insertBlockPlugin = ({
         [];
       }
       const plugins = [];
-      if (editorExperiment('insert-menu-in-right-rail', true)) {
-        plugins.push({
-          name: 'elementBrowserPmPlugin',
-          plugin: () => elementBrowserPmPlugin()
-        }, {
-          name: 'elementBrowserEditorViewRef',
-          plugin: () => {
-            return new SafePlugin({
-              view: editorView => {
-                // Workaround - need reference to editorView for contextPanel component
-                editorViewRef.current = editorView;
-                return {};
-              }
-            });
-          }
-        });
-      }
       plugins.push({
         name: 'toggleInsertBlockPmPlugin',
         plugin: () => toggleInsertBlockPmPlugin()
@@ -208,25 +177,6 @@ export const insertBlockPlugin = ({
     pluginsOptions: {},
     primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
   };
-  if (
-  // @ts-ignore
-  ['full-page', 'full-width'].includes((_options$appearance3 = options.appearance) !== null && _options$appearance3 !== void 0 ? _options$appearance3 : '') && editorExperiment('insert-menu-in-right-rail', true)) {
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    plugin.pluginsOptions.contextPanel = 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
-      const pluginState = elementBrowserPmKey.getState(state);
-      if (pluginState !== null && pluginState !== void 0 && pluginState.menuBrowserOpen && editorViewRef.current) {
-        return /*#__PURE__*/React.createElement(InsertMenuRail, {
-          editorView: editorViewRef.current,
-          options: options,
-          api: api
-        });
-      }
-      return;
-    };
-  }
   return plugin;
 };
 function ToolbarInsertBlockWithInjectionApi({