@atlaskit/editor-plugin-block-type
Version:
BlockType plugin for @atlaskit/editor-core
51 lines • 2.1 kB
JavaScript
/* QuoteBlockMenuItem.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./QuoteBlockMenuItem.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { useIntl } from 'react-intl';
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
import { blockTypeMessages } from '@atlaskit/editor-common/messages';
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
var styles = {
svgOverflow: "_1wrmewfl _172sewfl"
};
var NODE_NAME = 'blockquote';
var QuoteBlockMenuItem = function QuoteBlockMenuItem(_ref) {
var api = _ref.api;
var _useIntl = useIntl(),
formatMessage = _useIntl.formatMessage;
var handleClick = function handleClick(event) {
var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? INPUT_METHOD.KEYBOARD : INPUT_METHOD.MOUSE;
var inputMethod = 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.blockquote, {
inputMethod: inputMethod,
triggeredFrom: triggeredFrom,
targetTypeName: NODE_NAME
});
return command ? command({
tr: tr
}) : null;
});
};
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
onClick: handleClick,
elemBefore: /*#__PURE__*/React.createElement("span", {
className: ax([styles.svgOverflow])
}, /*#__PURE__*/React.createElement(QuotationMarkIcon, {
label: "",
size: "small"
}))
}, formatMessage(blockTypeMessages.blockquote));
};
export var createQuoteBlockMenuItem = function createQuoteBlockMenuItem(_ref3) {
var api = _ref3.api;
return function () {
return /*#__PURE__*/React.createElement(QuoteBlockMenuItem, {
api: api
});
};
};