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

BlockMenu plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BLOCK_MENU_FALLBACKS = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _blockMenu = require("@atlaskit/editor-common/messages/block-menu");
var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
var _toolbarNestedDropdownMenu = require("@atlaskit/editor-toolbar/toolbar-nested-dropdown-menu");
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
var _blockMenuTargetVisibilityContext = require("../block-menu-target-visibility-context");
var FallbackNestedMenu = function FallbackNestedMenu(_ref) {
  var children = _ref.children;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  var targetVisible = (0, _blockMenuTargetVisibilityContext.useBlockMenuTargetVisibility)();
  return /*#__PURE__*/_react.default.createElement(_toolbarNestedDropdownMenu.ToolbarNestedDropdownMenu, {
    isPopupVisible: targetVisible,
    elemBefore: undefined,
    elemAfter: /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
      label: "",
      size: "small"
    }),
    text: formatMessage(_blockMenu.messages.fallbackNestedMenu),
    enableMaxHeight: true,
    shouldFitContainer: true
  }, children);
};
var FallbackMenuItem = function FallbackMenuItem() {
  var _useIntl2 = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl2.formatMessage;
  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, null, formatMessage(_blockMenu.messages.fallbackMenuItem));
};
var BLOCK_MENU_FALLBACKS = exports.BLOCK_MENU_FALLBACKS = {
  'block-menu-nested': FallbackNestedMenu,
  'block-menu-section': function blockMenuSection(_ref2) {
    var children = _ref2.children;
    return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, children);
  },
  'block-menu-item': FallbackMenuItem
};