@atlaskit/editor-core 189.4.0 → 189.4.2

package/dist/cjs/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.js

@@ -1,168 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToolbarDropdown = ToolbarDropdown;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-var _bulletList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/bullet-list"));
-var _keymaps = require("../../../keymaps");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _ToolbarButton = _interopRequireDefault(require("../../../ui/ToolbarButton"));
-var _styles = require("../../../ui/styles");
-var _styles2 = require("@atlaskit/editor-common/styles");
-var _messages = require("@atlaskit/editor-common/messages");
-/** @jsx jsx */
-
-function ToolbarDropdown(props) {
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var disabled = props.disabled,
-    isReducedSpacing = props.isReducedSpacing,
-    bulletListActive = props.bulletListActive,
-    orderedListActive = props.orderedListActive,
-    popupsMountPoint = props.popupsMountPoint,
-    popupsBoundariesElement = props.popupsBoundariesElement,
-    popupsScrollableElement = props.popupsScrollableElement,
-    onItemActivated = props.onItemActivated;
-  var _React$useState = _react2.default.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    isDropdownOpen = _React$useState2[0],
-    setIsDropdownOpen = _React$useState2[1];
-  var _React$useState3 = _react2.default.useState(false),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    isOpenedByKeyboard = _React$useState4[0],
-    setOpenedByKeyboard = _React$useState4[1];
-  var labelLists = formatMessage(_messages.listMessages.lists);
-  var onOpenChange = function onOpenChange(attrs) {
-    setIsDropdownOpen(attrs.isDropdownOpen);
-  };
-  var handleTriggerClick = function handleTriggerClick() {
-    onOpenChange({
-      isDropdownOpen: !isDropdownOpen
-    });
-  };
-  var handleOnKeyDown = function handleOnKeyDown(event) {
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      setIsDropdownOpen(!isDropdownOpen);
-      setOpenedByKeyboard(true);
-    }
-  };
-  var items = useItems(props);
-  var handleOnItemActivated = function handleOnItemActivated(_ref) {
-    var item = _ref.item,
-      _ref$shouldCloseMenu = _ref.shouldCloseMenu,
-      shouldCloseMenu = _ref$shouldCloseMenu === void 0 ? true : _ref$shouldCloseMenu;
-    setIsDropdownOpen(!shouldCloseMenu);
-    return onItemActivated({
-      editorView: props.editorView,
-      buttonName: item.value.name
-    });
-  };
-  return (0, _react.jsx)("span", {
-    css: _styles2.wrapperStyle
-  }, (0, _react.jsx)(_uiMenu.DropdownMenuWithKeyboardNavigation, {
-    items: items,
-    onItemActivated: handleOnItemActivated,
-    mountTo: popupsMountPoint,
-    boundariesElement: popupsBoundariesElement,
-    scrollableElement: popupsScrollableElement,
-    isOpen: isDropdownOpen,
-    onOpenChange: onOpenChange,
-    fitHeight: 188,
-    fitWidth: 175,
-    shouldUseDefaultRole: true,
-    shouldFocusFirstItem: function shouldFocusFirstItem() {
-      if (isOpenedByKeyboard) {
-        setOpenedByKeyboard(false);
-      }
-      return isOpenedByKeyboard;
-    }
-  }, (0, _react.jsx)(_ToolbarButton.default, {
-    spacing: isReducedSpacing ? 'none' : 'default',
-    selected: bulletListActive || orderedListActive,
-    "aria-expanded": isDropdownOpen,
-    "aria-haspopup": true,
-    "aria-label": labelLists,
-    disabled: disabled,
-    onClick: handleTriggerClick,
-    onKeyDown: handleOnKeyDown,
-    title: labelLists,
-    iconBefore: (0, _react.jsx)("span", {
-      css: _styles2.wrapperStyle
-    }, (0, _react.jsx)(_bulletList.default, {
-      label: labelLists
-    }), (0, _react.jsx)("span", {
-      css: _styles2.expandIconWrapperStyle
-    }, (0, _react.jsx)(_chevronDown.default, {
-      label: ""
-    })))
-  })), (0, _react.jsx)("span", {
-    css: _styles2.separatorStyles
-  }));
-}
-function useItems(props) {
-  var _useIntl2 = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl2.formatMessage;
-  var labelUnorderedList = formatMessage(_messages.listMessages.unorderedList);
-  var labelOrderedList = formatMessage(_messages.listMessages.orderedList);
-  var items = [{
-    key: 'unorderedList',
-    content: labelUnorderedList,
-    value: {
-      name: 'bullet_list'
-    },
-    isDisabled: props.bulletListDisabled,
-    isActive: Boolean(props.bulletListActive),
-    elemAfter: (0, _react.jsx)("div", {
-      css: _styles.shortcutStyle
-    }, (0, _keymaps.tooltip)(_keymaps.toggleBulletList))
-  }, {
-    key: 'orderedList',
-    content: labelOrderedList,
-    value: {
-      name: 'ordered_list'
-    },
-    isDisabled: props.orderedListDisabled,
-    isActive: Boolean(props.orderedListActive),
-    elemAfter: (0, _react.jsx)("div", {
-      css: _styles.shortcutStyle
-    }, (0, _keymaps.tooltip)(_keymaps.toggleOrderedList))
-  }];
-  if (props.showIndentationButtons) {
-    var labelIndent = formatMessage(_messages.indentationMessages.indent);
-    var labelOutdent = formatMessage(_messages.indentationMessages.outdent);
-    items.push({
-      key: 'outdent',
-      content: labelOutdent,
-      value: {
-        name: 'outdent'
-      },
-      isDisabled: props.outdentDisabled,
-      isActive: false,
-      elemAfter: (0, _react.jsx)("div", {
-        css: _styles.shortcutStyle
-      }, (0, _keymaps.tooltip)(_keymaps.outdent))
-    }, {
-      key: 'indent',
-      content: labelIndent,
-      value: {
-        name: 'indent'
-      },
-      isDisabled: props.indentDisabled,
-      isActive: false,
-      elemAfter: (0, _react.jsx)("div", {
-        css: _styles.shortcutStyle
-      }, (0, _keymaps.tooltip)(_keymaps.indent))
-    });
-  }
-  return [{
-    items: items
-  }];
-}

package/dist/cjs/plugins/toolbar-lists-indentation/ui/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ToolbarListsIndentation;
-var _react = require("@emotion/react");
-var _onItemActivated = require("./onItemActivated");
-var _ToolbarDropdown = require("./ToolbarDropdown");
-var _Toolbar = require("./Toolbar");
-/** @jsx jsx */
-
-function ToolbarListsIndentation(props) {
-  var disabled = props.disabled,
-    isSmall = props.isSmall,
-    isReducedSpacing = props.isReducedSpacing,
-    bulletListActive = props.bulletListActive,
-    bulletListDisabled = props.bulletListDisabled,
-    orderedListActive = props.orderedListActive,
-    orderedListDisabled = props.orderedListDisabled,
-    showIndentationButtons = props.showIndentationButtons,
-    popupsMountPoint = props.popupsMountPoint,
-    popupsBoundariesElement = props.popupsBoundariesElement,
-    popupsScrollableElement = props.popupsScrollableElement,
-    indentDisabled = props.indentDisabled,
-    outdentDisabled = props.outdentDisabled,
-    indentationStateNode = props.indentationStateNode,
-    featureFlags = props.featureFlags,
-    pluginInjectionApi = props.pluginInjectionApi;
-  if (isSmall) {
-    return (0, _react.jsx)(_ToolbarDropdown.ToolbarDropdown, {
-      editorView: props.editorView,
-      isReducedSpacing: isReducedSpacing,
-      popupsMountPoint: popupsMountPoint,
-      popupsBoundariesElement: popupsBoundariesElement,
-      popupsScrollableElement: popupsScrollableElement,
-      bulletListActive: bulletListActive,
-      bulletListDisabled: bulletListDisabled,
-      showIndentationButtons: showIndentationButtons,
-      orderedListActive: orderedListActive,
-      orderedListDisabled: orderedListDisabled,
-      indentDisabled: indentDisabled,
-      outdentDisabled: outdentDisabled,
-      disabled: disabled,
-      onItemActivated: (0, _onItemActivated.onItemActivated)(pluginInjectionApi, indentationStateNode),
-      featureFlags: featureFlags
-    });
-  }
-  return (0, _react.jsx)(_Toolbar.Toolbar, {
-    editorView: props.editorView,
-    isReducedSpacing: isReducedSpacing,
-    bulletListActive: bulletListActive,
-    bulletListDisabled: bulletListDisabled,
-    showIndentationButtons: showIndentationButtons,
-    orderedListActive: orderedListActive,
-    orderedListDisabled: orderedListDisabled,
-    indentDisabled: indentDisabled,
-    outdentDisabled: outdentDisabled,
-    disabled: disabled,
-    onItemActivated: (0, _onItemActivated.onItemActivated)(pluginInjectionApi, indentationStateNode),
-    featureFlags: featureFlags
-  });
-}

package/dist/cjs/plugins/toolbar-lists-indentation/ui/onItemActivated.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.onItemActivated = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
-var onItemActivated = exports.onItemActivated = function onItemActivated(pluginInjectionApi, indentationStateNode) {
-  return function (_ref) {
-    var buttonName = _ref.buttonName,
-      editorView = _ref.editorView;
-    switch (buttonName) {
-      case 'bullet_list':
-        pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.toggleBulletList(_analytics.INPUT_METHOD.TOOLBAR));
-        break;
-      case 'ordered_list':
-        pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.toggleOrderedList(_analytics.INPUT_METHOD.TOOLBAR));
-        break;
-      case 'indent':
-        {
-          var node = indentationStateNode;
-          if (node === 'paragraph_heading') {
-            var _pluginInjectionApi$i;
-            pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.indentation) === null || _pluginInjectionApi$i === void 0 || _pluginInjectionApi$i.actions.indentParagraphOrHeading(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
-          }
-          if (node === 'list') {
-            pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.indentList(_analytics.INPUT_METHOD.TOOLBAR));
-          }
-          if (node === 'taskList') {
-            var _pluginInjectionApi$t;
-            pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t === void 0 || _pluginInjectionApi$t.actions.indentTaskList(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
-          }
-          break;
-        }
-      case 'outdent':
-        {
-          var _node = indentationStateNode;
-          if (_node === 'paragraph_heading') {
-            var _pluginInjectionApi$i2;
-            pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i2 = pluginInjectionApi.indentation) === null || _pluginInjectionApi$i2 === void 0 || _pluginInjectionApi$i2.actions.outdentParagraphOrHeading(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
-          }
-          if (_node === 'list') {
-            pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.outdentList(_analytics.INPUT_METHOD.TOOLBAR));
-          }
-          if (_node === 'taskList') {
-            var _pluginInjectionApi$t2;
-            pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t2 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t2 === void 0 || _pluginInjectionApi$t2.actions.outdentTaskList(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
-          }
-          break;
-        }
-    }
-  };
-};

package/dist/es2019/plugins/insert-block/index.js

@@ -1,159 +0,0 @@
-import React from 'react';
-import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import ToolbarInsertBlock from './ui/ToolbarInsertBlock';
-import { BLOCK_QUOTE, CODE_BLOCK, PANEL } from '@atlaskit/editor-plugin-block-type/consts';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { ToolbarSize } from '@atlaskit/editor-common/types';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-const toolbarSizeToButtons = toolbarSize => {
-  switch (toolbarSize) {
-    case ToolbarSize.XXL:
-    case ToolbarSize.XL:
-    case ToolbarSize.L:
-    case ToolbarSize.M:
-      return 7;
-    case ToolbarSize.S:
-      return 2;
-    default:
-      return 0;
-  }
-};
-/**
- * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
- * @param name Block name
- */
-function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
-  return name => {
-    if (name === CODE_BLOCK.name && insertCodeBlock) {
-      return insertCodeBlock(INPUT_METHOD.TOOLBAR);
-    }
-    if (name === PANEL.name && insertPanel) {
-      return insertPanel(INPUT_METHOD.TOOLBAR);
-    }
-    if (name === BLOCK_QUOTE.name && insertBlockQuote) {
-      return insertBlockQuote(INPUT_METHOD.TOOLBAR);
-    }
-    return () => false;
-  };
-}
-const insertBlockPlugin = ({
-  config: options = {},
-  api
-}) => {
-  var _api$featureFlags;
-  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  return {
-    name: 'insertBlock',
-    primaryToolbarComponent({
-      editorView,
-      editorActions,
-      dispatchAnalyticsEvent,
-      providerFactory,
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement,
-      toolbarSize,
-      disabled,
-      isToolbarReducedSpacing,
-      isLastItem
-    }) {
-      const renderNode = providers => {
-        return /*#__PURE__*/React.createElement(ToolbarInsertBlockWithInjectionApi, {
-          pluginInjectionApi: api,
-          editorView: editorView,
-          editorActions: editorActions,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          providerFactory: providerFactory,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          toolbarSize: toolbarSize,
-          disabled: disabled,
-          isToolbarReducedSpacing: isToolbarReducedSpacing,
-          isLastItem: isLastItem,
-          featureFlags: featureFlags,
-          providers: providers,
-          options: options
-        });
-      };
-      return /*#__PURE__*/React.createElement(WithProviders, {
-        providerFactory: providerFactory,
-        providers: ['emojiProvider'],
-        renderNode: renderNode
-      });
-    }
-  };
-};
-function ToolbarInsertBlockWithInjectionApi({
-  editorView,
-  editorActions,
-  dispatchAnalyticsEvent,
-  popupsMountPoint,
-  popupsBoundariesElement,
-  popupsScrollableElement,
-  toolbarSize,
-  disabled,
-  isToolbarReducedSpacing,
-  isLastItem,
-  providers,
-  pluginInjectionApi,
-  options,
-  featureFlags
-}) {
-  var _ref, _ref2, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b, _pluginInjectionApi$e;
-  const buttons = toolbarSizeToButtons(toolbarSize);
-  const {
-    dateState,
-    hyperlinkState,
-    imageUploadState,
-    mentionState,
-    emojiState,
-    blockTypeState,
-    mediaState,
-    typeAheadState,
-    placeholderTextState
-  } = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']);
-  return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
-    pluginInjectionApi: pluginInjectionApi,
-    buttons: buttons,
-    isReducedSpacing: isToolbarReducedSpacing,
-    isDisabled: disabled,
-    isTypeAheadAllowed: Boolean(typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.isAllowed),
-    editorView: editorView,
-    tableSupported: !!editorView.state.schema.nodes.table,
-    actionSupported: !!editorView.state.schema.nodes.taskItem,
-    mentionsSupported: !!(mentionState && mentionState.mentionProvider),
-    mentionsDisabled: !!(mentionState && !mentionState.canInsertMention),
-    decisionSupported: !!editorView.state.schema.nodes.decisionItem,
-    dateEnabled: !!dateState,
-    placeholderTextEnabled: placeholderTextState && placeholderTextState.allowInserting,
-    layoutSectionEnabled: Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.layout),
-    expandEnabled: !!options.allowExpand,
-    mediaUploadsEnabled: (_ref = mediaState && mediaState.allowsUploads) !== null && _ref !== void 0 ? _ref : undefined,
-    onShowMediaPicker: (_ref2 = mediaState && mediaState.showMediaPicker) !== null && _ref2 !== void 0 ? _ref2 : undefined,
-    mediaSupported: !!mediaState,
-    imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.imageUpload),
-    imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
-    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$i = pluginInjectionApi.imageUpload) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.actions.startUpload,
-    availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
-    linkSupported: !!hyperlinkState,
-    linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,
-    emojiDisabled: !emojiState || !emojiState.emojiProvider,
-    emojiProvider: providers.emojiProvider,
-    nativeStatusSupported: options.nativeStatusSupported,
-    horizontalRuleEnabled: options.horizontalRuleEnabled,
-    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.codeBlock) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.insertCodeBlock, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$p = pluginInjectionApi.panel) === null || _pluginInjectionApi$p === void 0 ? void 0 : _pluginInjectionApi$p.actions.insertPanel, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$b = pluginInjectionApi.blockType) === null || _pluginInjectionApi$b === void 0 ? void 0 : _pluginInjectionApi$b.actions.insertBlockQuote),
-    onInsertMacroFromMacroBrowser: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e = pluginInjectionApi.extension) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.actions.insertMacroFromMacroBrowser,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    insertMenuItems: options.insertMenuItems,
-    editorActions: editorActions,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
-    showElementBrowserLink: options.showElementBrowserLink,
-    showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S,
-    featureFlags: featureFlags
-  });
-}
-export default insertBlockPlugin;

package/dist/es2019/plugins/insert-block/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/plugins/insert-block/ui/ElementBrowser/InsertMenu.js

@@ -1,150 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-
-import { useCallback, useState } from 'react';
-import { css, jsx } from '@emotion/react';
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { borderRadius } from '@atlaskit/theme';
-import { N0, N30A, N60A } from '@atlaskit/theme/colors';
-import { IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/quick-insert';
-import { withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
-import { ElementBrowser, ELEMENT_ITEM_HEIGHT } from '@atlaskit/editor-common/element-browser';
-const InsertMenu = ({
-  editorView,
-  dropdownItems,
-  showElementBrowserLink,
-  onInsert,
-  toggleVisiblity,
-  pluginInjectionApi
-}) => {
-  var _pluginInjectionApi$q6, _pluginInjectionApi$q7, _pluginInjectionApi$q8;
-  const [itemCount, setItemCount] = useState(0);
-  const transform = useCallback(item => ({
-    title: item.content,
-    description: item.tooltipDescription,
-    keyshortcut: item.shortcut,
-    icon: () => getSvgIconForItem({
-      name: item.value.name
-    }) || item.elemBefore,
-    /**
-     * @note This transformed items action is only used when a quick insert item has been
-     * called from the quick insert menu and a search has not been performed.
-     */
-    action: () => onInsert({
-      item
-    }),
-    // "insertInsertMenuItem" expects these 2 properties.
-    onClick: item.onClick,
-    value: item.value
-  }), [onInsert]);
-  const quickInsertDropdownItems = dropdownItems.map(transform);
-  const viewMoreItem = showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
-  const onInsertItem = useCallback(item => {
-    var _pluginInjectionApi$q;
-    toggleVisiblity();
-    pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.actions.insertItem(item)(editorView.state, editorView.dispatch);
-  }, [editorView, toggleVisiblity, pluginInjectionApi]);
-  const getItems = useCallback((query, category) => {
-    let result;
-    /**
-     * @warning The results if there is a query are not the same as the results if there is no query.
-     * For example: If you have a typed panel and then select the panel item then it will call a different action
-     * than is specified on the editor plugins quick insert
-     * @see above transform function for more details.
-     */
-    if (query) {
-      var _pluginInjectionApi$q2, _pluginInjectionApi$q3;
-      result = (_pluginInjectionApi$q2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q3 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q3 === void 0 ? void 0 : _pluginInjectionApi$q3.actions.getSuggestions({
-        query,
-        category
-      })) !== null && _pluginInjectionApi$q2 !== void 0 ? _pluginInjectionApi$q2 : [];
-    } else {
-      var _pluginInjectionApi$q4, _pluginInjectionApi$q5;
-      const featuredQuickInsertSuggestions = (_pluginInjectionApi$q4 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q5 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q5 === void 0 ? void 0 : _pluginInjectionApi$q5.actions.getSuggestions({
-        category,
-        featuredItems: true
-      })) !== null && _pluginInjectionApi$q4 !== void 0 ? _pluginInjectionApi$q4 : [];
-      result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
-    }
-    setItemCount(result.length);
-    return result;
-  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.actions, quickInsertDropdownItems]);
-  const emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : (_pluginInjectionApi$q8 = _pluginInjectionApi$q7.sharedState.currentState()) === null || _pluginInjectionApi$q8 === void 0 ? void 0 : _pluginInjectionApi$q8.emptyStateHandler;
-  return jsx("div", {
-    css: insertMenuWrapper(itemCount)
-  }, jsx(ElementBrowserWrapper, {
-    handleClickOutside: toggleVisiblity,
-    handleEscapeKeydown: toggleVisiblity,
-    closeOnTab: true
-  }, 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
-  })));
-};
-const getSvgIconForItem = ({
-  name
-}) => {
-  const Icon = {
-    codeblock: IconCode,
-    panel: IconPanel,
-    blockquote: IconQuote,
-    decision: IconDecision,
-    horizontalrule: IconDivider,
-    expand: IconExpand,
-    date: IconDate,
-    status: IconStatus
-  }[name];
-  return Icon ? jsx(Icon, {
-    label: ""
-  }) : undefined;
-};
-const getInsertMenuHeight = ({
-  itemCount
-}) => {
-  // Figure based on visuals to exclude the searchbar, padding/margin, and the ViewMore item.
-  const EXTRA_SPACE_EXCLUDING_ELEMENTLIST = 112;
-  if (itemCount > 0 && itemCount < 6) {
-    return itemCount * ELEMENT_ITEM_HEIGHT + EXTRA_SPACE_EXCLUDING_ELEMENTLIST;
-  }
-  return 560; // For showing 6 Elements.
-};
-
-const insertMenuWrapper = itemCount => css`
-  display: flex;
-  flex-direction: column;
-  width: 320px;
-  height: ${getInsertMenuHeight({
-  itemCount
-})}px;
-  background-color: ${`var(--ds-surface-overlay, ${N0})`};
-  border-radius: ${borderRadius()}px;
-  box-shadow: ${`var(--ds-shadow-overlay, ${`0 0 0 1px ${N30A},
-    0 2px 1px ${N30A},
-    0 0 20px -6px ${N60A}`})`};
-`;
-const flexWrapperStyles = css`
-  display: flex;
-  flex: 1;
-  box-sizing: border-box;
-  overflow: hidden;
-`;
-const FlexWrapper = props => {
-  const {
-    children,
-    ...divProps
-  } = props;
-  return jsx("div", _extends({
-    css: flexWrapperStyles
-  }, divProps), children);
-};
-const ElementBrowserWrapper = withOuterListeners(FlexWrapper);
-export default InsertMenu;

package/dist/es2019/plugins/insert-block/ui/ElementBrowser/types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Popup } from '@atlaskit/editor-common/ui';
-import InsertMenu from '../ElementBrowser/InsertMenu';
-import { DropDownButton } from './dropdown-button';
-export const BlockInsertElementBrowser = props => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, props.open && /*#__PURE__*/React.createElement(Popup, {
-    target: props.plusButtonRef,
-    fitHeight: 500,
-    fitWidth: 350,
-    offset: [0, 3],
-    mountTo: props.popupsMountPoint,
-    boundariesElement: props.popupsBoundariesElement,
-    scrollableElement: props.popupsScrollableElement,
-    preventOverflow: true,
-    alignX: "right"
-  }, /*#__PURE__*/React.createElement(InsertMenu, {
-    editorView: props.editorView,
-    dropdownItems: props.items,
-    onInsert: props.onInsert,
-    toggleVisiblity: props.togglePlusMenuVisibility,
-    showElementBrowserLink: props.showElementBrowserLink,
-    pluginInjectionApi: props.pluginInjectionApi
-  })), /*#__PURE__*/React.createElement(DropDownButton, {
-    "aria-expanded": props.open,
-    "aria-haspopup": true,
-    handleRef: props.onRef,
-    selected: props.open,
-    disabled: props.disabled,
-    onClick: props.onClick,
-    onKeyDown: props.onKeyDown,
-    spacing: props.spacing,
-    label: props.label,
-    "aria-keyshortcuts": "/"
-  }));
-};

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu-legacy.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
-import { DropdownMenuWithKeyboardNavigation as DropdownMenu } from '@atlaskit/editor-common/ui-menu';
-import { DropDownButton } from './dropdown-button';
-export const BlockInsertMenuLegacy = props => {
-  const {
-    items
-  } = props;
-  const dropdownItems = React.useMemo(() => [{
-    items
-  }], [items]);
-  return /*#__PURE__*/React.createElement(DropdownMenu, {
-    items: dropdownItems,
-    onItemActivated: props.onItemActivated,
-    onOpenChange: props.onOpenChange,
-    mountTo: props.popupsMountPoint,
-    boundariesElement: props.popupsBoundariesElement,
-    scrollableElement: props.popupsScrollableElement,
-    isOpen: props.open,
-    fitHeight: 188,
-    fitWidth: 175,
-    zIndex: akEditorMenuZIndex
-  }, /*#__PURE__*/React.createElement(DropDownButton, {
-    "aria-expanded": props.open,
-    "aria-haspopup": true,
-    handleRef: props.onRef,
-    selected: props.open,
-    disabled: props.disabled,
-    onClick: props.onClick,
-    onKeyDown: props.onKeyDown,
-    spacing: props.spacing,
-    label: props.label,
-    "aria-keyshortcuts": "/"
-  }));
-};