@atlaskit/editor-plugin-block-menu
Version:
BlockMenu plugin for @atlaskit/editor-core
40 lines (39 loc) • 1.74 kB
JavaScript
;
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 _messages = require("@atlaskit/editor-common/messages");
var _editorToolbar = require("@atlaskit/editor-toolbar");
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
var FallbackNestedMenu = function FallbackNestedMenu(_ref) {
var children = _ref.children;
var _useIntl = (0, _reactIntl.useIntl)(),
formatMessage = _useIntl.formatMessage;
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarNestedDropdownMenu, {
elemBefore: undefined,
elemAfter: /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
label: "",
size: "small"
}),
text: formatMessage(_messages.blockMenuMessages.fallbackNestedMenu),
enableMaxHeight: true,
shouldFitContainer: true
}, children);
};
var FallbackMenuItem = function FallbackMenuItem() {
var _useIntl2 = (0, _reactIntl.useIntl)(),
formatMessage = _useIntl2.formatMessage;
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, null, formatMessage(_messages.blockMenuMessages.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(_editorToolbar.ToolbarDropdownItemSection, null, children);
},
'block-menu-item': FallbackMenuItem
};