@atlaskit/editor-plugin-block-menu/dist/esm/ui/block-menu-renderer/fallbacks.js

BlockMenu plugin for @atlaskit/editor-core

import React from 'react';
import { useIntl } from 'react-intl';
import { blockMenuMessages } from '@atlaskit/editor-common/messages';
import { ToolbarDropdownItem, ToolbarDropdownItemSection, ToolbarNestedDropdownMenu } from '@atlaskit/editor-toolbar';
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
var FallbackNestedMenu = function FallbackNestedMenu(_ref) {
  var children = _ref.children;
  var _useIntl = useIntl(),
    formatMessage = _useIntl.formatMessage;
  return /*#__PURE__*/React.createElement(ToolbarNestedDropdownMenu, {
    elemBefore: undefined,
    elemAfter: /*#__PURE__*/React.createElement(ChevronRightIcon, {
      label: "",
      size: "small"
    }),
    text: formatMessage(blockMenuMessages.fallbackNestedMenu),
    enableMaxHeight: true,
    shouldFitContainer: true
  }, children);
};
var FallbackMenuItem = function FallbackMenuItem() {
  var _useIntl2 = useIntl(),
    formatMessage = _useIntl2.formatMessage;
  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, null, formatMessage(blockMenuMessages.fallbackMenuItem));
};
export var BLOCK_MENU_FALLBACKS = {
  'block-menu-nested': FallbackNestedMenu,
  'block-menu-section': function blockMenuSection(_ref2) {
    var children = _ref2.children;
    return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
  },
  'block-menu-item': FallbackMenuItem
};