@atlaskit/editor-plugin-block-type/dist/cjs/ui/ParagraphBlockMenuItem.js

BlockType plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.createParagraphBlockMenuItem = 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 _textParagraph = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-paragraph"));
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
var NODE_NAME = 'paragraph';
var ParagraphBlockMenuItem = function ParagraphBlockMenuItem(_ref) {
  var api = _ref.api,
    isSuggested = _ref.isSuggested;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  var isNormalTextLabelEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_small_text');
  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.paragraph, {
        inputMethod: inputMethod,
        isSuggested: isSuggested,
        marksToRemove: isNormalTextLabelEnabled ? ['fontSize'] : undefined,
        triggeredFrom: triggeredFrom,
        targetTypeName: NODE_NAME
      });
      return command ? command({
        tr: tr
      }) : null;
    });
  };
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
    onClick: handleClick,
    elemBefore: /*#__PURE__*/_react.default.createElement(_textParagraph.default, {
      label: "",
      size: "small"
    })
  }, formatMessage(isNormalTextLabelEnabled ? _messages.blockMenuMessages.normalText : _messages.blockMenuMessages.paragraph));
};
var createParagraphBlockMenuItem = exports.createParagraphBlockMenuItem = function createParagraphBlockMenuItem(_ref3) {
  var api = _ref3.api;
  return function () {
    var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
      isSuggested = _ref4.isSuggested;
    return /*#__PURE__*/_react.default.createElement(ParagraphBlockMenuItem, {
      api: api,
      isSuggested: isSuggested
    });
  };
};