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

package/dist/cjs/ui/transformOptions.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transformationOptions = void 0;
-var _messages = require("@atlaskit/editor-common/messages");
-var _angleBracketsEditorCode = _interopRequireDefault(require("@atlaskit/icon/core/migration/angle-brackets--editor-code"));
-var _informationEditorInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/information--editor-info"));
-var _quotationMarkQuote = _interopRequireDefault(require("@atlaskit/icon/core/migration/quotation-mark--quote"));
-var _expand = _interopRequireDefault(require("./assets/expand"));
-var transformationOptions = exports.transformationOptions = function transformationOptions(api, schema) {
-  var _api$panel, _api$expand, _api$codeBlock, _api$blockType;
-  return [{
-    type: schema.nodes.panel,
-    title: _messages.blockTypeMessages.panel,
-    icon: _informationEditorInfo.default,
-    command: api === null || api === void 0 || (_api$panel = api.panel) === null || _api$panel === void 0 ? void 0 : _api$panel.actions.insertPanel
-  }, {
-    type: schema.nodes.expand,
-    title: _messages.toolbarInsertBlockMessages.expand,
-    icon: _expand.default,
-    command: api === null || api === void 0 || (_api$expand = api.expand) === null || _api$expand === void 0 ? void 0 : _api$expand.actions.insertExpandWithInputMethod
-  }, {
-    type: schema.nodes.codeBlock,
-    title: _messages.blockTypeMessages.codeblock,
-    icon: _angleBracketsEditorCode.default,
-    command: api === null || api === void 0 || (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 ? void 0 : _api$codeBlock.actions.insertCodeBlock
-  }, {
-    type: schema.nodes.blockquote,
-    title: _messages.blockTypeMessages.blockquote,
-    icon: _quotationMarkQuote.default,
-    command: api === null || api === void 0 || (_api$blockType = api.blockType) === null || _api$blockType === void 0 ? void 0 : _api$blockType.actions.insertBlockQuote
-  }];
-};

package/dist/es2019/pm-plugins/commands.js

@@ -1,11 +0,0 @@
-import { elementBrowserPmKey } from './elementBrowser';
-
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-export const toggleInsertMenuRightRail = tr => {
-  return tr.setMeta(elementBrowserPmKey, {
-    update: true
-  });
-};

package/dist/es2019/pm-plugins/elementBrowser.js

@@ -1,31 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-export const elementBrowserPmKey = new PluginKey('elementBrowserPmPlugin');
-
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-export const elementBrowserPmPlugin = () => new SafePlugin({
-  key: elementBrowserPmKey,
-  state: {
-    init() {
-      return {
-        menuBrowserOpen: false
-      };
-    },
-    apply(tr, pluginState) {
-      const meta = tr.getMeta(elementBrowserPmKey);
-      if (!meta) {
-        return pluginState;
-      }
-      return {
-        menuBrowserOpen: !pluginState.menuBrowserOpen
-      };
-    }
-  }
-});

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

@@ -1,233 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import React, { useEffect } from 'react';
-import { useIntl } from 'react-intl-next';
-import { IconButton } from '@atlaskit/button/new';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
-import Heading from '@atlaskit/heading';
-import CloseIcon from '@atlaskit/icon/core/migration/close--cross';
-import { Box, xcss } from '@atlaskit/primitives';
-import { toggleInsertMenuRightRail } from '../../pm-plugins/commands';
-import InsertMenu from '../ElementBrowser/InsertMenu';
-import { useInsertMenuRailItems } from './useInsertMenuRailItems';
-const panelWrapper = xcss({
-  height: '100%'
-});
-const panelContentHeader = xcss({
-  height: '32px',
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center'
-});
-
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-export const InsertMenuRail = ({
-  editorView,
-  options,
-  api
-}) => {
-  const dropdownItems = useInsertMenuRailItems(editorView, options, api);
-  const {
-    formatMessage
-  } = useIntl();
-  const onInsert = ({
-    item
-  }) => {
-    var _api$core, _api$hyperlink, _api$imageUpload, _api$media, _api$mention, _api$emoji, _api$codeBlock, _api$blockType, _api$panel, _api$taskDecision, _api$taskDecision2, _api$rule, _api$core2, _api$quickInsert, _api$core3, _api$date, _api$date$commands, _api$placeholderText, _api$layout, _api$core4, _api$status, _api$status$commands;
-    const {
-      state,
-      dispatch
-    } = editorView;
-    const inputMethod = INPUT_METHOD.INSERT_MENU_RIGHT_RAIL;
-    if (!api) {
-      return;
-    }
-    if (!editorView.hasFocus()) {
-      editorView.focus();
-    }
-
-    // Below is duplicated from ToolbarInsertBlock/index.tsx - this function is only called
-    // for BlockMenuItem items, which are rendered in the insert menu when no search has been performed.
-    // When a search is performed, the list will be filled by QuickInsertItems, which handle their own insertion.
-    switch (item.value.name) {
-      case 'link':
-        // @ts-expect-error
-        (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(api === null || api === void 0 ? void 0 : (_api$hyperlink = api.hyperlink) === null || _api$hyperlink === void 0 ? void 0 : _api$hyperlink.commands.showLinkToolbar(inputMethod));
-        break;
-      case 'table':
-        // workaround to solve race condition where cursor is not placed correctly inside table
-        queueMicrotask(() => {
-          var _api$table, _api$table$actions$in, _api$table$actions;
-          // @ts-expect-error
-          (_api$table = api.table) === null || _api$table === void 0 ? void 0 : (_api$table$actions$in = (_api$table$actions = _api$table.actions).insertTable) === null || _api$table$actions$in === void 0 ? void 0 : _api$table$actions$in.call(_api$table$actions, {
-            action: ACTION.INSERTED,
-            actionSubject: ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: ACTION_SUBJECT_ID.TABLE,
-            attributes: {
-              inputMethod
-            },
-            eventType: EVENT_TYPE.TRACK
-          })(state, dispatch);
-        });
-        break;
-      case 'image upload':
-        (_api$imageUpload = api.imageUpload) === null || _api$imageUpload === void 0 ? void 0 : _api$imageUpload.actions.startUpload()(state, dispatch);
-        break;
-      case 'media':
-        const mediaState = (_api$media = api.media) === null || _api$media === void 0 ? void 0 : _api$media.sharedState.currentState();
-        if (mediaState) {
-          var _api$analytics;
-          mediaState.showMediaPicker();
-          // @ts-expect-error
-          (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
-            action: ACTION.OPENED,
-            actionSubject: ACTION_SUBJECT.PICKER,
-            actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
-            attributes: {
-              inputMethod
-            },
-            eventType: EVENT_TYPE.UI
-          });
-        }
-        break;
-      case 'mention':
-        const pluginState = (_api$mention = api.mention) === null || _api$mention === void 0 ? void 0 : _api$mention.sharedState.currentState();
-        if (pluginState && pluginState.canInsertMention) {
-          var _api$mention2, _api$mention2$actions;
-          // @ts-expect-error
-          (_api$mention2 = api.mention) === null || _api$mention2 === void 0 ? void 0 : (_api$mention2$actions = _api$mention2.actions) === null || _api$mention2$actions === void 0 ? void 0 : _api$mention2$actions.openTypeAhead(inputMethod);
-        }
-        break;
-      case 'emoji':
-        // @ts-expect-error
-        (_api$emoji = api.emoji) === null || _api$emoji === void 0 ? void 0 : _api$emoji.actions.openTypeAhead(inputMethod);
-        break;
-      case 'codeblock':
-        (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 ? void 0 : _api$codeBlock.actions.insertCodeBlock(inputMethod)(state, dispatch);
-        break;
-      case 'blockquote':
-        // @ts-expect-error
-        (_api$blockType = api.blockType) === null || _api$blockType === void 0 ? void 0 : _api$blockType.actions.insertBlockQuote(inputMethod)(state, dispatch);
-        break;
-      case 'panel':
-        (_api$panel = api.panel) === null || _api$panel === void 0 ? void 0 : _api$panel.actions.insertPanel(inputMethod)(state, dispatch);
-        break;
-      case 'action':
-        // @ts-expect-error
-        (_api$taskDecision = api.taskDecision) === null || _api$taskDecision === void 0 ? void 0 : _api$taskDecision.actions.insertTaskDecision('taskList', inputMethod)(state, dispatch);
-        break;
-      case 'decision':
-        // @ts-expect-error
-        (_api$taskDecision2 = api.taskDecision) === null || _api$taskDecision2 === void 0 ? void 0 : _api$taskDecision2.actions.insertTaskDecision('decisionList', inputMethod)(state, dispatch);
-        break;
-      case 'horizontalrule':
-        // @ts-expect-error
-        (_api$rule = api.rule) === null || _api$rule === void 0 ? void 0 : _api$rule.actions.insertHorizontalRule(inputMethod)(state, dispatch);
-        break;
-      case 'macro':
-        (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.execute((_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowserModal);
-        break;
-      case 'date':
-        (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute((_api$date = api.date) === null || _api$date === void 0 ? void 0 : (_api$date$commands = _api$date.commands) === null || _api$date$commands === void 0 ? void 0 : _api$date$commands.insertDate({
-          // @ts-expect-error
-          inputMethod
-        }));
-        break;
-      case 'placeholder text':
-        (_api$placeholderText = api.placeholderText) === null || _api$placeholderText === void 0 ? void 0 : _api$placeholderText.actions.showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
-        break;
-      case 'layout':
-        // @ts-expect-error
-        (_api$layout = api.layout) === null || _api$layout === void 0 ? void 0 : _api$layout.actions.insertLayoutColumns(inputMethod)(editorView.state, editorView.dispatch);
-        break;
-      case 'status':
-        // @ts-expect-error
-        (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions.execute((_api$status = api.status) === null || _api$status === void 0 ? void 0 : (_api$status$commands = _api$status.commands) === null || _api$status$commands === void 0 ? void 0 : _api$status$commands.insertStatus(inputMethod));
-        break;
-
-      // https://product-fabric.atlassian.net/browse/ED-8053
-      // @ts-ignore: OK to fallthrough to default
-      case 'expand':
-        if (options.allowExpand) {
-          var _api$expand;
-          (_api$expand = api.expand) === null || _api$expand === void 0 ? void 0 : _api$expand.actions.insertExpand(state, dispatch);
-          break;
-        }
-
-      // eslint-disable-next-line no-fallthrough
-      default:
-      // leaving this blank for now
-    }
-  };
-  useEffect(() => {
-    if (!api) {
-      return;
-    }
-    api.core.actions.execute(({
-      tr
-    }) => {
-      var _api$analytics2;
-      (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
-        action: ACTION.OPENED,
-        // @ts-expect-error
-        actionSubject: INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-        eventType: EVENT_TYPE.UI
-      })(tr);
-      return tr;
-    });
-    return () => {
-      if (!api) {
-        return;
-      }
-      api.core.actions.execute(({
-        tr
-      }) => {
-        var _api$analytics3;
-        (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({
-          action: ACTION.CLOSED,
-          // @ts-expect-error
-          actionSubject: INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-          eventType: EVENT_TYPE.UI
-        })(tr);
-        return tr;
-      });
-    };
-  }, [api]);
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: panelWrapper
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: panelContentHeader
-  }, /*#__PURE__*/React.createElement(Heading, {
-    size: "small",
-    as: "h2"
-  }, formatMessage(toolbarInsertBlockMessages.insertRightRailTitle)), /*#__PURE__*/React.createElement(IconButton, {
-    appearance: "subtle",
-    testId: "right-rail-insert-menu-close-button",
-    label: formatMessage(toolbarInsertBlockMessages.closeInsertRightRail),
-    icon: CloseIcon,
-    onClick: () => {
-      if (!api) {
-        return;
-      }
-      api.core.actions.execute(({
-        tr
-      }) => {
-        var _api$contextPanel;
-        toggleInsertMenuRightRail(tr);
-        (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 ? void 0 : _api$contextPanel.actions.applyChange(tr);
-        return tr;
-      });
-    }
-  })), /*#__PURE__*/React.createElement(InsertMenu, {
-    editorView: editorView,
-    dropdownItems: dropdownItems,
-    onInsert: onInsert,
-    toggleVisiblity: () => {},
-    showElementBrowserLink: true,
-    pluginInjectionApi: api,
-    isFullPageAppearance: true
-  }));
-};

package/dist/es2019/ui/assets/expand.js

@@ -1,34 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css, jsx } from '@emotion/react';
-const iconContainer = css({
-  display: 'inline-flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  width: '24px',
-  height: '24px'
-});
-export default function ExpandIcon({
-  disabled
-}) {
-  return jsx("span", {
-    css: iconContainer
-  }, jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "16",
-    viewBox: "0 0 18 16",
-    fill: "none"
-  }, jsx("path", {
-    d: "M2 2V14H16V2H2ZM2 0H16C16.5304 0 17.0391 0.210714 17.4142 0.585786C17.7893 0.960859 18 1.46957 18 2V14C18 14.5304 17.7893 15.0391 17.4142 15.4142C17.0391 15.7893 16.5304 16 16 16H2C1.46957 16 0.960859 15.7893 0.585786 15.4142C0.210714 15.0391 0 14.5304 0 14V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0Z",
-    fill: disabled ? "var(--ds-icon-disabled, #B3B9C4)" : "var(--ds-icon, #44546F)"
-  }), jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5.29158 6.29294C5.10477 6.48183 5 6.73678 5 7.00244C5 7.2681 5.10477 7.52305 5.29158 7.71194L8.23058 10.6769C8.44858 10.8919 8.73058 10.9989 9.00958 10.9989C9.28858 10.9989 9.56558 10.8919 9.77858 10.6769L12.7086 7.72194C12.8951 7.53292 12.9998 7.27803 12.9998 7.01244C12.9998 6.74686 12.8951 6.49196 12.7086 6.30294C12.6167 6.20976 12.5073 6.13576 12.3866 6.08525C12.2659 6.03474 12.1364 6.00873 12.0056 6.00873C11.8748 6.00873 11.7452 6.03474 11.6245 6.08525C11.5039 6.13576 11.3944 6.20976 11.3026 6.30294L9.00458 8.61994L6.69758 6.29294C6.60554 6.20012 6.49604 6.12644 6.37538 6.07617C6.25472 6.02589 6.1253 6 5.99458 6C5.86386 6 5.73444 6.02589 5.61378 6.07617C5.49312 6.12644 5.38362 6.20012 5.29158 6.29294Z",
-    fill: disabled ? "var(--ds-icon-disabled, #B3B9C4)" : "var(--ds-icon, #44546F)"
-  })));
-}

package/dist/es2019/ui/assets/switch.js

@@ -1,18 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css, jsx } from '@emotion/react';
-import RefreshIcon from '@atlaskit/icon/core/migration/refresh';
-const iconStyle = css({
-  transform: 'rotate(-90deg)'
-});
-export default function SwitchIcon() {
-  return jsx("span", {
-    css: iconStyle
-  }, jsx(RefreshIcon, {
-    label: ""
-  }));
-}

package/dist/es2019/ui/transformOptions.js

@@ -1,29 +0,0 @@
-import { blockTypeMessages as messages, toolbarInsertBlockMessages as toolbarMessages } from '@atlaskit/editor-common/messages';
-import EditorCodeIcon from '@atlaskit/icon/core/migration/angle-brackets--editor-code';
-import EditorInfoIcon from '@atlaskit/icon/core/migration/information--editor-info';
-import QuotationMarkIcon from '@atlaskit/icon/core/migration/quotation-mark--quote';
-import ExpandIcon from './assets/expand';
-export const transformationOptions = (api, schema) => {
-  var _api$panel, _api$expand, _api$codeBlock, _api$blockType;
-  return [{
-    type: schema.nodes.panel,
-    title: messages.panel,
-    icon: EditorInfoIcon,
-    command: api === null || api === void 0 ? void 0 : (_api$panel = api.panel) === null || _api$panel === void 0 ? void 0 : _api$panel.actions.insertPanel
-  }, {
-    type: schema.nodes.expand,
-    title: toolbarMessages.expand,
-    icon: ExpandIcon,
-    command: api === null || api === void 0 ? void 0 : (_api$expand = api.expand) === null || _api$expand === void 0 ? void 0 : _api$expand.actions.insertExpandWithInputMethod
-  }, {
-    type: schema.nodes.codeBlock,
-    title: messages.codeblock,
-    icon: EditorCodeIcon,
-    command: api === null || api === void 0 ? void 0 : (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 ? void 0 : _api$codeBlock.actions.insertCodeBlock
-  }, {
-    type: schema.nodes.blockquote,
-    title: messages.blockquote,
-    icon: QuotationMarkIcon,
-    command: api === null || api === void 0 ? void 0 : (_api$blockType = api.blockType) === null || _api$blockType === void 0 ? void 0 : _api$blockType.actions.insertBlockQuote
-  }];
-};

package/dist/esm/pm-plugins/commands.js

@@ -1,11 +0,0 @@
-import { elementBrowserPmKey } from './elementBrowser';
-
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-export var toggleInsertMenuRightRail = function toggleInsertMenuRightRail(tr) {
-  return tr.setMeta(elementBrowserPmKey, {
-    update: true
-  });
-};

package/dist/esm/pm-plugins/elementBrowser.js

@@ -1,33 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-export var elementBrowserPmKey = new PluginKey('elementBrowserPmPlugin');
-
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-export var elementBrowserPmPlugin = function elementBrowserPmPlugin() {
-  return new SafePlugin({
-    key: elementBrowserPmKey,
-    state: {
-      init: function init() {
-        return {
-          menuBrowserOpen: false
-        };
-      },
-      apply: function apply(tr, pluginState) {
-        var meta = tr.getMeta(elementBrowserPmKey);
-        if (!meta) {
-          return pluginState;
-        }
-        return {
-          menuBrowserOpen: !pluginState.menuBrowserOpen
-        };
-      }
-    }
-  });
-};

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

@@ -1,225 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import React, { useEffect } from 'react';
-import { useIntl } from 'react-intl-next';
-import { IconButton } from '@atlaskit/button/new';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
-import Heading from '@atlaskit/heading';
-import CloseIcon from '@atlaskit/icon/core/migration/close--cross';
-import { Box, xcss } from '@atlaskit/primitives';
-import { toggleInsertMenuRightRail } from '../../pm-plugins/commands';
-import InsertMenu from '../ElementBrowser/InsertMenu';
-import { useInsertMenuRailItems } from './useInsertMenuRailItems';
-var panelWrapper = xcss({
-  height: '100%'
-});
-var panelContentHeader = xcss({
-  height: '32px',
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center'
-});
-
-/**
- * For insert menu in right rail experiment
- * - Clean up ticket ED-24801
- */
-export var InsertMenuRail = function InsertMenuRail(_ref) {
-  var editorView = _ref.editorView,
-    options = _ref.options,
-    api = _ref.api;
-  var dropdownItems = useInsertMenuRailItems(editorView, options, api);
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var onInsert = function onInsert(_ref2) {
-    var _api$core, _api$hyperlink, _api$imageUpload, _api$media, _api$mention, _api$emoji, _api$codeBlock, _api$blockType, _api$panel, _api$taskDecision, _api$taskDecision2, _api$rule, _api$core2, _api$quickInsert, _api$core3, _api$date, _api$placeholderText, _api$layout, _api$core4, _api$status;
-    var item = _ref2.item;
-    var state = editorView.state,
-      dispatch = editorView.dispatch;
-    var inputMethod = INPUT_METHOD.INSERT_MENU_RIGHT_RAIL;
-    if (!api) {
-      return;
-    }
-    if (!editorView.hasFocus()) {
-      editorView.focus();
-    }
-
-    // Below is duplicated from ToolbarInsertBlock/index.tsx - this function is only called
-    // for BlockMenuItem items, which are rendered in the insert menu when no search has been performed.
-    // When a search is performed, the list will be filled by QuickInsertItems, which handle their own insertion.
-    switch (item.value.name) {
-      case 'link':
-        // @ts-expect-error
-        (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$hyperlink = api.hyperlink) === null || _api$hyperlink === void 0 ? void 0 : _api$hyperlink.commands.showLinkToolbar(inputMethod));
-        break;
-      case 'table':
-        // workaround to solve race condition where cursor is not placed correctly inside table
-        queueMicrotask(function () {
-          var _api$table, _api$table$actions$in, _api$table$actions;
-          // @ts-expect-error
-          (_api$table = api.table) === null || _api$table === void 0 || (_api$table$actions$in = (_api$table$actions = _api$table.actions).insertTable) === null || _api$table$actions$in === void 0 || _api$table$actions$in.call(_api$table$actions, {
-            action: ACTION.INSERTED,
-            actionSubject: ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: ACTION_SUBJECT_ID.TABLE,
-            attributes: {
-              inputMethod: inputMethod
-            },
-            eventType: EVENT_TYPE.TRACK
-          })(state, dispatch);
-        });
-        break;
-      case 'image upload':
-        (_api$imageUpload = api.imageUpload) === null || _api$imageUpload === void 0 || _api$imageUpload.actions.startUpload()(state, dispatch);
-        break;
-      case 'media':
-        var mediaState = (_api$media = api.media) === null || _api$media === void 0 ? void 0 : _api$media.sharedState.currentState();
-        if (mediaState) {
-          var _api$analytics;
-          mediaState.showMediaPicker();
-          // @ts-expect-error
-          (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
-            action: ACTION.OPENED,
-            actionSubject: ACTION_SUBJECT.PICKER,
-            actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
-            attributes: {
-              inputMethod: inputMethod
-            },
-            eventType: EVENT_TYPE.UI
-          });
-        }
-        break;
-      case 'mention':
-        var pluginState = (_api$mention = api.mention) === null || _api$mention === void 0 ? void 0 : _api$mention.sharedState.currentState();
-        if (pluginState && pluginState.canInsertMention) {
-          var _api$mention2;
-          // @ts-expect-error
-          (_api$mention2 = api.mention) === null || _api$mention2 === void 0 || (_api$mention2 = _api$mention2.actions) === null || _api$mention2 === void 0 || _api$mention2.openTypeAhead(inputMethod);
-        }
-        break;
-      case 'emoji':
-        // @ts-expect-error
-        (_api$emoji = api.emoji) === null || _api$emoji === void 0 || _api$emoji.actions.openTypeAhead(inputMethod);
-        break;
-      case 'codeblock':
-        (_api$codeBlock = api.codeBlock) === null || _api$codeBlock === void 0 || _api$codeBlock.actions.insertCodeBlock(inputMethod)(state, dispatch);
-        break;
-      case 'blockquote':
-        // @ts-expect-error
-        (_api$blockType = api.blockType) === null || _api$blockType === void 0 || _api$blockType.actions.insertBlockQuote(inputMethod)(state, dispatch);
-        break;
-      case 'panel':
-        (_api$panel = api.panel) === null || _api$panel === void 0 || _api$panel.actions.insertPanel(inputMethod)(state, dispatch);
-        break;
-      case 'action':
-        // @ts-expect-error
-        (_api$taskDecision = api.taskDecision) === null || _api$taskDecision === void 0 || _api$taskDecision.actions.insertTaskDecision('taskList', inputMethod)(state, dispatch);
-        break;
-      case 'decision':
-        // @ts-expect-error
-        (_api$taskDecision2 = api.taskDecision) === null || _api$taskDecision2 === void 0 || _api$taskDecision2.actions.insertTaskDecision('decisionList', inputMethod)(state, dispatch);
-        break;
-      case 'horizontalrule':
-        // @ts-expect-error
-        (_api$rule = api.rule) === null || _api$rule === void 0 || _api$rule.actions.insertHorizontalRule(inputMethod)(state, dispatch);
-        break;
-      case 'macro':
-        (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute((_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowserModal);
-        break;
-      case 'date':
-        (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute((_api$date = api.date) === null || _api$date === void 0 || (_api$date = _api$date.commands) === null || _api$date === void 0 ? void 0 : _api$date.insertDate({
-          // @ts-expect-error
-          inputMethod: inputMethod
-        }));
-        break;
-      case 'placeholder text':
-        (_api$placeholderText = api.placeholderText) === null || _api$placeholderText === void 0 || _api$placeholderText.actions.showPlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
-        break;
-      case 'layout':
-        // @ts-expect-error
-        (_api$layout = api.layout) === null || _api$layout === void 0 || _api$layout.actions.insertLayoutColumns(inputMethod)(editorView.state, editorView.dispatch);
-        break;
-      case 'status':
-        // @ts-expect-error
-        (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute((_api$status = api.status) === null || _api$status === void 0 || (_api$status = _api$status.commands) === null || _api$status === void 0 ? void 0 : _api$status.insertStatus(inputMethod));
-        break;
-
-      // https://product-fabric.atlassian.net/browse/ED-8053
-      // @ts-ignore: OK to fallthrough to default
-      case 'expand':
-        if (options.allowExpand) {
-          var _api$expand;
-          (_api$expand = api.expand) === null || _api$expand === void 0 || _api$expand.actions.insertExpand(state, dispatch);
-          break;
-        }
-
-      // eslint-disable-next-line no-fallthrough
-      default:
-      // leaving this blank for now
-    }
-  };
-  useEffect(function () {
-    if (!api) {
-      return;
-    }
-    api.core.actions.execute(function (_ref3) {
-      var _api$analytics2;
-      var tr = _ref3.tr;
-      (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
-        action: ACTION.OPENED,
-        // @ts-expect-error
-        actionSubject: INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-        eventType: EVENT_TYPE.UI
-      })(tr);
-      return tr;
-    });
-    return function () {
-      if (!api) {
-        return;
-      }
-      api.core.actions.execute(function (_ref4) {
-        var _api$analytics3;
-        var tr = _ref4.tr;
-        (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
-          action: ACTION.CLOSED,
-          // @ts-expect-error
-          actionSubject: INPUT_METHOD.INSERT_MENU_RIGHT_RAIL,
-          eventType: EVENT_TYPE.UI
-        })(tr);
-        return tr;
-      });
-    };
-  }, [api]);
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: panelWrapper
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: panelContentHeader
-  }, /*#__PURE__*/React.createElement(Heading, {
-    size: "small",
-    as: "h2"
-  }, formatMessage(toolbarInsertBlockMessages.insertRightRailTitle)), /*#__PURE__*/React.createElement(IconButton, {
-    appearance: "subtle",
-    testId: "right-rail-insert-menu-close-button",
-    label: formatMessage(toolbarInsertBlockMessages.closeInsertRightRail),
-    icon: CloseIcon,
-    onClick: function onClick() {
-      if (!api) {
-        return;
-      }
-      api.core.actions.execute(function (_ref5) {
-        var _api$contextPanel;
-        var tr = _ref5.tr;
-        toggleInsertMenuRightRail(tr);
-        (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 || _api$contextPanel.actions.applyChange(tr);
-        return tr;
-      });
-    }
-  })), /*#__PURE__*/React.createElement(InsertMenu, {
-    editorView: editorView,
-    dropdownItems: dropdownItems,
-    onInsert: onInsert,
-    toggleVisiblity: function toggleVisiblity() {},
-    showElementBrowserLink: true,
-    pluginInjectionApi: api,
-    isFullPageAppearance: true
-  }));
-};