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

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

@@ -18,7 +18,6 @@ import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as with
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { borderRadius } from '@atlaskit/theme';
 import { N0, N30A, N60A } from '@atlaskit/theme/colors';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export const DEFAULT_HEIGHT = 560;
 const InsertMenu = ({
   editorView,
@@ -29,7 +28,7 @@ const InsertMenu = ({
   pluginInjectionApi,
   isFullPageAppearance
 }) => {
-  var _pluginInjectionApi$q9, _pluginInjectionApi$q10, _pluginInjectionApi$q11;
+  var _pluginInjectionApi$q8, _pluginInjectionApi$q9, _pluginInjectionApi$q10;
   const [itemCount, setItemCount] = useState(0);
   const [height, setHeight] = useState(DEFAULT_HEIGHT);
   const cache = useMemo(() => {
@@ -72,20 +71,13 @@ const InsertMenu = ({
   const quickInsertDropdownItems = dropdownItems.map(transform);
   const viewMoreItem = showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
   const onInsertItem = useCallback(item => {
+    var _pluginInjectionApi$q;
     toggleVisiblity();
     if (!editorView.hasFocus()) {
       editorView.focus();
     }
-    if (isFullPageAppearance && editorExperiment('insert-menu-in-right-rail', true)) {
-      var _pluginInjectionApi$q;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.actions.insertItem(item,
-      // @ts-expect-error
-      INPUT_METHOD.INSERT_MENU_RIGHT_RAIL)(editorView.state, editorView.dispatch);
-    } else {
-      var _pluginInjectionApi$q2;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q2 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q2 === void 0 ? void 0 : _pluginInjectionApi$q2.actions.insertItem(item, INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
-    }
-  }, [editorView, toggleVisiblity, pluginInjectionApi, isFullPageAppearance]);
+    pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.actions.insertItem(item, INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+  }, [editorView, toggleVisiblity, pluginInjectionApi]);
   const {
     connectivityState
   } = useSharedPluginState(pluginInjectionApi, ['connectivity']);
@@ -98,58 +90,29 @@ const InsertMenu = ({
      * @see above transform function for more details.
      */
     if (query) {
-      var _pluginInjectionApi$q3, _pluginInjectionApi$q4, _pluginInjectionApi$q5;
-      result = (_pluginInjectionApi$q3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q4 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q4 === void 0 ? void 0 : (_pluginInjectionApi$q5 = _pluginInjectionApi$q4.actions.getSuggestions({
+      var _pluginInjectionApi$q2, _pluginInjectionApi$q3, _pluginInjectionApi$q4;
+      result = (_pluginInjectionApi$q2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q3 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q3 === void 0 ? void 0 : (_pluginInjectionApi$q4 = _pluginInjectionApi$q3.actions.getSuggestions({
         query,
         category
-      })) === null || _pluginInjectionApi$q5 === void 0 ? void 0 : _pluginInjectionApi$q5.map(item => (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline' && item.isDisabledOffline ? {
+      })) === null || _pluginInjectionApi$q4 === void 0 ? void 0 : _pluginInjectionApi$q4.map(item => (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline' && item.isDisabledOffline ? {
         ...item,
         isDisabled: true
-      } : item)) !== null && _pluginInjectionApi$q3 !== void 0 ? _pluginInjectionApi$q3 : [];
+      } : item)) !== null && _pluginInjectionApi$q2 !== void 0 ? _pluginInjectionApi$q2 : [];
     } else {
-      var _pluginInjectionApi$q6, _pluginInjectionApi$q7, _pluginInjectionApi$q8;
-      const featuredQuickInsertSuggestions = (_pluginInjectionApi$q6 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : (_pluginInjectionApi$q8 = _pluginInjectionApi$q7.actions.getSuggestions({
+      var _pluginInjectionApi$q5, _pluginInjectionApi$q6, _pluginInjectionApi$q7;
+      const featuredQuickInsertSuggestions = (_pluginInjectionApi$q5 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : (_pluginInjectionApi$q7 = _pluginInjectionApi$q6.actions.getSuggestions({
         category,
         featuredItems: true
-      })) === null || _pluginInjectionApi$q8 === void 0 ? void 0 : _pluginInjectionApi$q8.map(item => (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline' && item.isDisabledOffline ? {
+      })) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : _pluginInjectionApi$q7.map(item => (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline' && item.isDisabledOffline ? {
         ...item,
         isDisabled: true
-      } : item)) !== null && _pluginInjectionApi$q6 !== void 0 ? _pluginInjectionApi$q6 : [];
+      } : item)) !== null && _pluginInjectionApi$q5 !== void 0 ? _pluginInjectionApi$q5 : [];
       result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
     }
     setItemCount(result.length);
     return result;
-  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q9 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q9 === void 0 ? void 0 : _pluginInjectionApi$q9.actions, quickInsertDropdownItems, connectivityState]);
-  const emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q10 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q10 === void 0 ? void 0 : (_pluginInjectionApi$q11 = _pluginInjectionApi$q10.sharedState.currentState()) === null || _pluginInjectionApi$q11 === void 0 ? void 0 : _pluginInjectionApi$q11.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 && editorExperiment('insert-menu-in-right-rail', true)) {
-    return (
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-      jsx("div", {
-        css: insertMenuWrapper(height, isFullPageAppearance)
-      }, jsx(FlexWrapper, null, jsx(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 ? void 0 : (_pluginInjectionApi$q8 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q8 === void 0 ? void 0 : _pluginInjectionApi$q8.actions, quickInsertDropdownItems, connectivityState]);
+  const emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q9 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q9 === void 0 ? void 0 : (_pluginInjectionApi$q10 = _pluginInjectionApi$q9.sharedState.currentState()) === null || _pluginInjectionApi$q10 === void 0 ? void 0 : _pluginInjectionApi$q10.emptyStateHandler;
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     jsx("div", {
@@ -191,19 +154,6 @@ const getSvgIconForItem = ({
   }) : undefined;
 };
 const insertMenuWrapper = (height, isFullPageAppearance) => {
-  if (isFullPageAppearance && editorExperiment('insert-menu-in-right-rail', true)) {
-    return 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: `${`var(--ds-surface-overlay, ${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: `${borderRadius()}px`
-    });
-  }
   return css({
     display: 'flex',
     flexDirection: 'column',

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

@@ -29,7 +29,7 @@ export const BlockInsertElementBrowser = props => {
     "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/es2019/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -1,12 +1,7 @@
 import React from 'react';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { BlockInsertElementBrowser } from './block-insert-element-browser';
 import { DropDownButton } from './dropdown-button';
 export const BlockInsertMenu = props => {
-  const {
-    insertBlockState
-  } = useSharedPluginState(props.pluginInjectionApi, ['insertBlock']);
-  const isActive = (insertBlockState === null || insertBlockState === void 0 ? void 0 : insertBlockState.menuBrowserOpen) || false;
   if (props.items.length === 0) {
     return null;
   }
@@ -42,7 +37,6 @@ export const BlockInsertMenu = props => {
     togglePlusMenuVisibility: props.togglePlusMenuVisibility,
     showElementBrowserLink: props.showElementBrowserLink,
     pluginInjectionApi: props.pluginInjectionApi,
-    isFullPageAppearance: props.isFullPageAppearance,
-    isActive: isActive
+    isFullPageAppearance: props.isFullPageAppearance
   });
 };

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

@@ -22,8 +22,6 @@ import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 // eslint-disable-next-line import/no-namespace
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N20A, N30A } from '@atlaskit/theme/colors';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { toggleInsertMenuRightRail } from '../../pm-plugins/commands';
 import { BlockInsertMenu } from './block-insert-menu';
 import { createItems } from './create-items';
 // Ignored via go/ees005
@@ -253,61 +251,10 @@ export class ToolbarInsertBlock extends React.PureComponent {
       }
     });
     _defineProperty(this, "handleClick", () => {
-      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 : '') && editorExperiment('insert-menu-in-right-rail', true, {
-        exposure: true
-      })) {
-        const {
-          pluginInjectionApi
-        } = this.props;
-        if (!pluginInjectionApi) {
-          return;
-        }
-        pluginInjectionApi.core.actions.execute(({
-          tr
-        }) => {
-          var _pluginInjectionApi$c, _pluginInjectionApi$a;
-          toggleInsertMenuRightRail(tr);
-          (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.applyChange(tr);
-          (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.attachAnalyticsEvent({
-            action: ACTION.CLICKED,
-            // @ts-expect-error
-            actionSubject: ACTION_SUBJECT.TOOLBAR_BUTTON,
-            // @ts-expect-error
-            actionSubjectId: INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-            eventType: EVENT_TYPE.UI
-          })(tr);
-          return tr;
-        });
-        return;
-      }
       this.togglePlusMenuVisibility();
     });
     _defineProperty(this, "handleOpenByKeyboard", 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 : '') && 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 ? void 0 : _this$props$pluginInj.core.actions.execute(({
-            tr
-          }) => {
-            var _this$props$pluginInj2, _this$props$pluginInj3;
-            toggleInsertMenuRightRail(tr);
-            (_this$props$pluginInj2 = this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 ? void 0 : (_this$props$pluginInj3 = _this$props$pluginInj2.contextPanel) === null || _this$props$pluginInj3 === void 0 ? void 0 : _this$props$pluginInj3.actions.applyChange(tr);
-            return tr;
-          });
-          return;
-        }
         this.setState({
           ...this.state,
           isOpenedByKeyboard: true
@@ -324,11 +271,11 @@ export class ToolbarInsertBlock extends React.PureComponent {
       }
     });
     _defineProperty(this, "toggleLinkPanel", inputMethod => {
-      var _pluginInjectionApi$c2, _pluginInjectionApi$c3, _pluginInjectionApi$h;
+      var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$h;
       const {
         pluginInjectionApi
       } = this.props;
-      return (_pluginInjectionApi$c2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? 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 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? 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;
     });
     _defineProperty(this, "insertMention", inputMethod => {
       var _pluginInjectionApi$m3, _pluginInjectionApi$m4, _pluginInjectionApi$m5;
@@ -376,16 +323,16 @@ export class ToolbarInsertBlock extends React.PureComponent {
 
       // workaround to solve race condition where cursor is not placed correctly inside table
       queueMicrotask(() => {
-        var _pluginInjectionApi$c4, _pluginInjectionApi$t4;
-        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$t4 = pluginInjectionApi.table) === null || _pluginInjectionApi$t4 === void 0 ? void 0 : _pluginInjectionApi$t4.commands.insertTableWithSize(rowsCount, colsCount, INPUT_METHOD.PICKER));
+        var _pluginInjectionApi$c3, _pluginInjectionApi$t4;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$t4 = pluginInjectionApi.table) === null || _pluginInjectionApi$t4 === void 0 ? void 0 : _pluginInjectionApi$t4.commands.insertTableWithSize(rowsCount, colsCount, INPUT_METHOD.PICKER));
       });
     });
     _defineProperty(this, "createDate", inputMethod => {
-      var _pluginInjectionApi$c5, _pluginInjectionApi$d, _pluginInjectionApi$d2;
+      var _pluginInjectionApi$c4, _pluginInjectionApi$d, _pluginInjectionApi$d2;
       const {
         pluginInjectionApi
       } = this.props;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c5 = pluginInjectionApi.core) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : _pluginInjectionApi$c5.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.date) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.commands) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.insertDate({
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.date) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.commands) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.insertDate({
         inputMethod
       }));
       return true;
@@ -409,11 +356,11 @@ export class ToolbarInsertBlock extends React.PureComponent {
       return true;
     });
     _defineProperty(this, "createStatus", inputMethod => {
-      var _pluginInjectionApi$c6, _pluginInjectionApi$s, _pluginInjectionApi$s2;
+      var _pluginInjectionApi$c5, _pluginInjectionApi$s, _pluginInjectionApi$s2;
       const {
         pluginInjectionApi
       } = this.props;
-      return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c6 = pluginInjectionApi.core) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : _pluginInjectionApi$c6.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$s = pluginInjectionApi.status) === null || _pluginInjectionApi$s === void 0 ? void 0 : (_pluginInjectionApi$s2 = _pluginInjectionApi$s.commands) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.insertStatus(inputMethod)));
+      return Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c5 = pluginInjectionApi.core) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : _pluginInjectionApi$c5.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$s = pluginInjectionApi.status) === null || _pluginInjectionApi$s === void 0 ? void 0 : (_pluginInjectionApi$s2 = _pluginInjectionApi$s.commands) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.insertStatus(inputMethod)));
     });
     _defineProperty(this, "openMediaPicker", inputMethod => {
       const {
@@ -492,21 +439,21 @@ export class ToolbarInsertBlock extends React.PureComponent {
       return true;
     });
     _defineProperty(this, "handleSelectedEmoji", emojiId => {
-      var _pluginInjectionApi$c7, _pluginInjectionApi$e3;
+      var _pluginInjectionApi$c6, _pluginInjectionApi$e3;
       const {
         pluginInjectionApi
       } = this.props;
       this.props.editorView.focus();
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : _pluginInjectionApi$c7.actions.execute((_pluginInjectionApi$e3 = pluginInjectionApi.emoji) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.commands.insertEmoji(emojiId, INPUT_METHOD.PICKER));
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c6 = pluginInjectionApi.core) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : _pluginInjectionApi$c6.actions.execute((_pluginInjectionApi$e3 = pluginInjectionApi.emoji) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.commands.insertEmoji(emojiId, INPUT_METHOD.PICKER));
       this.toggleEmojiPicker();
       return true;
     });
     _defineProperty(this, "openElementBrowser", () => {
-      var _pluginInjectionApi$c8, _pluginInjectionApi$q;
+      var _pluginInjectionApi$c7, _pluginInjectionApi$q;
       const {
         pluginInjectionApi
       } = this.props;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : _pluginInjectionApi$c8.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : _pluginInjectionApi$c7.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
     });
     _defineProperty(this, "onItemActivated", ({
       item,
@@ -700,8 +647,8 @@ export class ToolbarInsertBlock extends React.PureComponent {
     }
     const onUnmount = () => {
       requestAnimationFrame(() => {
-        var _this$props$pluginInj4, _this$props$pluginInj5, _this$props$pluginInj6;
-        return (_this$props$pluginInj4 = this.props.pluginInjectionApi) === null || _this$props$pluginInj4 === void 0 ? void 0 : (_this$props$pluginInj5 = _this$props$pluginInj4.core) === null || _this$props$pluginInj5 === void 0 ? void 0 : (_this$props$pluginInj6 = _this$props$pluginInj5.actions) === null || _this$props$pluginInj6 === void 0 ? void 0 : _this$props$pluginInj6.focus();
+        var _this$props$pluginInj, _this$props$pluginInj2, _this$props$pluginInj3;
+        return (_this$props$pluginInj = this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 ? void 0 : (_this$props$pluginInj2 = _this$props$pluginInj.core) === null || _this$props$pluginInj2 === void 0 ? void 0 : (_this$props$pluginInj3 = _this$props$pluginInj2.actions) === null || _this$props$pluginInj3 === void 0 ? void 0 : _this$props$pluginInj3.focus();
       });
     };
     return jsx(Popup, {
@@ -745,8 +692,8 @@ export class ToolbarInsertBlock extends React.PureComponent {
     // Popup will be unmounted to ensure that the new table has a selection with a blinking cursor.
     // So we can start typing right away.
     const onUnmount = () => {
-      var _pluginInjectionApi$c9, _pluginInjectionApi$c10;
-      return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c9 = pluginInjectionApi.core) === null || _pluginInjectionApi$c9 === void 0 ? void 0 : (_pluginInjectionApi$c10 = _pluginInjectionApi$c9.actions) === null || _pluginInjectionApi$c10 === void 0 ? void 0 : _pluginInjectionApi$c10.focus();
+      var _pluginInjectionApi$c8, _pluginInjectionApi$c9;
+      return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : (_pluginInjectionApi$c9 = _pluginInjectionApi$c8.actions) === null || _pluginInjectionApi$c9 === void 0 ? void 0 : _pluginInjectionApi$c9.focus();
     };
     return jsx(TableSelectorPopup, {
       target: ref,
@@ -761,7 +708,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
     });
   }
   render() {
-    var _tableButton, _tableButton2, _tableButton3, _tableButton4, _tableButton5, _tableButton6, _tableButton7, _tableSelectorButton, _tableSelectorButton2, _tableSelectorButton3, _tableSelectorButton4, _tableSelectorButton5, _tableSelectorButton6, _this$props$isDisable, _this$plusButtonRef, _this$props$pluginInj7;
+    var _tableButton, _tableButton2, _tableButton3, _tableButton4, _tableButton5, _tableButton6, _tableButton7, _tableSelectorButton, _tableSelectorButton2, _tableSelectorButton3, _tableSelectorButton4, _tableSelectorButton5, _tableSelectorButton6, _this$props$isDisable, _this$plusButtonRef, _this$props$pluginInj4;
     const {
       buttons,
       dropdownItems,
@@ -872,7 +819,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
       editorView: this.props.editorView,
       spacing: this.props.isReducedSpacing ? 'none' : 'default',
       label: this.props.intl.formatMessage(messages.insertMenu),
-      open: 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,
@@ -886,7 +833,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
       showElementBrowserLink: this.props.showElementBrowserLink || false,
       pluginInjectionApi: this.props.pluginInjectionApi,
       isFullPageAppearance: isFullPageAppearance
-    })), !((_this$props$pluginInj7 = this.props.pluginInjectionApi) !== null && _this$props$pluginInj7 !== void 0 && _this$props$pluginInj7.primaryToolbar) && this.props.showSeparator && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
+    })), !((_this$props$pluginInj4 = this.props.pluginInjectionApi) !== null && _this$props$pluginInj4 !== void 0 && _this$props$pluginInj4.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
     jsx("span", {
       css: separatorStyles

package/dist/esm/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';
@@ -94,13 +90,10 @@ function delayUntilIdle(cb) {
   });
 }
 export var 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,
@@ -159,15 +152,8 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
         return;
       }
       var toggleInsertBlockPluginState = toggleInsertBlockPmKey.getState(editorState);
-      var 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: function usePluginHook() {
@@ -186,25 +172,6 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
         [];
       }
       var plugins = [];
-      if (editorExperiment('insert-menu-in-right-rail', true)) {
-        plugins.push({
-          name: 'elementBrowserPmPlugin',
-          plugin: function plugin() {
-            return elementBrowserPmPlugin();
-          }
-        }, {
-          name: 'elementBrowserEditorViewRef',
-          plugin: function plugin() {
-            return new SafePlugin({
-              view: function view(editorView) {
-                // Workaround - need reference to editorView for contextPanel component
-                editorViewRef.current = editorView;
-                return {};
-              }
-            });
-          }
-        });
-      }
       plugins.push({
         name: 'toggleInsertBlockPmPlugin',
         plugin: function plugin() {
@@ -216,25 +183,6 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
     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 = 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 = 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(_ref4) {

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

@@ -25,10 +25,9 @@ import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as with
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { borderRadius } from '@atlaskit/theme';
 import { N0, N30A, N60A } from '@atlaskit/theme/colors';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var 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,
@@ -92,20 +91,13 @@ var InsertMenu = function InsertMenu(_ref) {
   var quickInsertDropdownItems = dropdownItems.map(transform);
   var viewMoreItem = showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
   var onInsertItem = useCallback(function (item) {
+    var _pluginInjectionApi$q;
     toggleVisiblity();
     if (!editorView.hasFocus()) {
       editorView.focus();
     }
-    if (isFullPageAppearance && 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
-      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, 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, INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+  }, [editorView, toggleVisiblity, pluginInjectionApi]);
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['connectivity']),
     connectivityState = _useSharedPluginState.connectivityState;
   var getItems = useCallback(function (query, category) {
@@ -117,60 +109,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 && editorExperiment('insert-menu-in-right-rail', true)) {
-    return (
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-      jsx("div", {
-        css: insertMenuWrapper(height, isFullPageAppearance)
-      }, jsx(FlexWrapper, null, jsx(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
     jsx("div", {
@@ -211,19 +174,6 @@ var getSvgIconForItem = function getSvgIconForItem(_ref2) {
   }) : undefined;
 };
 var insertMenuWrapper = function insertMenuWrapper(height, isFullPageAppearance) {
-  if (isFullPageAppearance && editorExperiment('insert-menu-in-right-rail', true)) {
-    return 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(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(borderRadius(), "px")
-    });
-  }
   return css({
     display: 'flex',
     flexDirection: 'column',

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

@@ -29,7 +29,7 @@ export var BlockInsertElementBrowser = function BlockInsertElementBrowser(props)
     "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/esm/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -1,11 +1,7 @@
 import React from 'react';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { BlockInsertElementBrowser } from './block-insert-element-browser';
 import { DropDownButton } from './dropdown-button';
 export var BlockInsertMenu = function BlockInsertMenu(props) {
-  var _useSharedPluginState = 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;
   }
@@ -41,7 +37,6 @@ export var BlockInsertMenu = function BlockInsertMenu(props) {
     togglePlusMenuVisibility: props.togglePlusMenuVisibility,
     showElementBrowserLink: props.showElementBrowserLink,
     pluginInjectionApi: props.pluginInjectionApi,
-    isFullPageAppearance: props.isFullPageAppearance,
-    isActive: isActive
+    isFullPageAppearance: props.isFullPageAppearance
   });
 };