@atlaskit/editor-plugin-block-type
Version:
BlockType plugin for @atlaskit/editor-core
45 lines • 1.61 kB
JavaScript
import React from 'react';
import { useIntl } from 'react-intl';
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
import { blockMenuMessages } from '@atlaskit/editor-common/messages';
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
import TextParagraphIcon from '@atlaskit/icon-lab/core/text-paragraph';
const NODE_NAME = 'paragraph';
const ParagraphBlockMenuItem = ({
api
}) => {
const {
formatMessage
} = useIntl();
const handleClick = event => {
const triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? INPUT_METHOD.KEYBOARD : INPUT_METHOD.MOUSE;
const inputMethod = INPUT_METHOD.BLOCK_MENU;
api === null || api === void 0 ? void 0 : api.core.actions.execute(({
tr
}) => {
var _api$blockMenu;
const command = api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(tr.doc.type.schema.nodes.paragraph, {
inputMethod,
triggeredFrom,
targetTypeName: NODE_NAME
});
return command ? command({
tr
}) : null;
});
};
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
onClick: handleClick,
elemBefore: /*#__PURE__*/React.createElement(TextParagraphIcon, {
label: "",
size: "small"
})
}, formatMessage(blockMenuMessages.paragraph));
};
export const createParagraphBlockMenuItem = ({
api
}) => {
return () => /*#__PURE__*/React.createElement(ParagraphBlockMenuItem, {
api: api
});
};