@atlaskit/editor-plugin-block-type
Version:
BlockType plugin for @atlaskit/editor-core
65 lines (64 loc) • 3.29 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.createHeadingBlockMenuItem = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _analytics = require("@atlaskit/editor-common/analytics");
var _messages = require("@atlaskit/editor-common/messages");
var _editorToolbar = require("@atlaskit/editor-toolbar");
var _textHeadingFive = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-five"));
var _textHeadingFour = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-four"));
var _textHeadingOne = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-one"));
var _textHeadingSix = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-six"));
var _textHeadingThree = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-three"));
var _textHeadingTwo = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-two"));
var headingIcons = [_textHeadingOne.default, _textHeadingTwo.default, _textHeadingThree.default, _textHeadingFour.default, _textHeadingFive.default, _textHeadingSix.default];
var headingMessages = [_messages.blockTypeMessages.heading1, _messages.blockTypeMessages.heading2, _messages.blockTypeMessages.heading3, _messages.blockTypeMessages.heading4, _messages.blockTypeMessages.heading5, _messages.blockTypeMessages.heading6];
var NODE_NAME = 'heading';
var HeadingBlockMenuItem = function HeadingBlockMenuItem(_ref) {
var level = _ref.level,
api = _ref.api;
var _useIntl = (0, _reactIntl.useIntl)(),
formatMessage = _useIntl.formatMessage;
var Icon = headingIcons[level - 1];
var message = headingMessages[level - 1];
var handleClick = function handleClick(event) {
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _analytics.INPUT_METHOD.KEYBOARD : _analytics.INPUT_METHOD.MOUSE;
var inputMethod = _analytics.INPUT_METHOD.BLOCK_MENU;
api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
var _api$blockMenu;
var tr = _ref2.tr;
var command = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(tr.doc.type.schema.nodes.heading, {
inputMethod: inputMethod,
triggeredFrom: triggeredFrom,
targetTypeName: "".concat(NODE_NAME).concat(level),
targetAttrs: {
level: level
}
});
return command ? command({
tr: tr
}) : null;
});
};
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
onClick: handleClick,
elemBefore: /*#__PURE__*/_react.default.createElement(Icon, {
label: "",
size: "small"
})
}, formatMessage(message));
};
var createHeadingBlockMenuItem = exports.createHeadingBlockMenuItem = function createHeadingBlockMenuItem(_ref3) {
var level = _ref3.level,
api = _ref3.api;
return function () {
return /*#__PURE__*/_react.default.createElement(HeadingBlockMenuItem, {
level: level,
api: api
});
};
};