@atlaskit/editor-plugin-text-formatting/dist/cjs/ui/Toolbar/components/utils.js

Text-formatting plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useComponentInfo = exports.formatOptions = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _reactIntl = require("react-intl");
var _hooks = require("@atlaskit/editor-common/hooks");
var _keymaps = require("@atlaskit/editor-common/keymaps");
var _messages = require("@atlaskit/editor-common/messages");
var _toolbar = require("@atlaskit/editor-common/toolbar");
var _editorToolbar = require("@atlaskit/editor-toolbar");
var _toggleMark = require("../../../editor-commands/toggle-mark");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var FormatMarkSchema = {
  strong: 'strong',
  em: 'em',
  underline: 'underline',
  strike: 'strike',
  code: 'code',
  subscript: 'subsup',
  superscript: 'subsup'
};
var useComponentInfo = exports.useComponentInfo = function useComponentInfo(_ref) {
  var _api$core;
  var api = _ref.api,
    optionType = _ref.optionType,
    title = _ref.title,
    shortcut = _ref.shortcut,
    toggleMarkWithAnalyticsCallback = _ref.toggleMarkWithAnalyticsCallback,
    parents = _ref.parents;
  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['textFormatting'], function (states) {
      var _states$textFormattin, _states$textFormattin2, _states$textFormattin3, _states$textFormattin4;
      return {
        isActive: (_states$textFormattin = states.textFormattingState) === null || _states$textFormattin === void 0 ? void 0 : _states$textFormattin["".concat(optionType, "Active")],
        isDisabled: (_states$textFormattin2 = states.textFormattingState) === null || _states$textFormattin2 === void 0 ? void 0 : _states$textFormattin2["".concat(optionType, "Disabled")],
        isHidden: (_states$textFormattin3 = states.textFormattingState) === null || _states$textFormattin3 === void 0 ? void 0 : _states$textFormattin3["".concat(optionType, "Hidden")],
        isPluginInitialised: (_states$textFormattin4 = states.textFormattingState) === null || _states$textFormattin4 === void 0 ? void 0 : _states$textFormattin4.isInitialised
      };
    }),
    isActive = _useSharedPluginState.isActive,
    isDisabled = _useSharedPluginState.isDisabled,
    isHidden = _useSharedPluginState.isHidden,
    isPluginInitialised = _useSharedPluginState.isPluginInitialised;
  var hasMarkSchema = api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || (_api$core = _api$core.sharedState.currentState()) === null || _api$core === void 0 || (_api$core = _api$core.schema) === null || _api$core === void 0 ? void 0 : _api$core.marks[FormatMarkSchema[optionType]];
  var formatOptionState;
  if (!isPluginInitialised) {
    formatOptionState = {
      isActive: false,
      isDisabled: true,
      isHidden: false
    };
  } else {
    formatOptionState = {
      isActive: Boolean(isActive),
      isDisabled: Boolean(isDisabled),
      isHidden: Boolean(!hasMarkSchema || isHidden)
    };
  }
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  var formatTitle = formatMessage(title);
  var shortcutContent = (0, _keymaps.tooltip)(shortcut);
  var ariaLabel = (0, _keymaps.tooltip)(shortcut, formatTitle);
  var onClick = function onClick() {
    var _api$analytics;
    api === null || api === void 0 || api.core.actions.execute(toggleMarkWithAnalyticsCallback(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)((0, _toolbar.getInputMethodFromParentKeys)(parents)));
  };
  return _objectSpread(_objectSpread({}, formatOptionState), {}, {
    formatTitle: formatTitle,
    shortcutContent: shortcutContent,
    ariaLabel: ariaLabel || formatTitle,
    onClick: onClick
  });
};
var formatOptions = exports.formatOptions = function formatOptions() {
  return {
    strong: {
      rank: _toolbar.TEXT_FORMATTING_MENU_SECTION_RANK[_toolbar.BOLD_MENU_ITEM.key],
      key: _toolbar.BOLD_MENU_ITEM.key,
      icon: _editorToolbar.BoldIcon,
      title: _messages.toolbarMessages.bold,
      command: _toggleMark.toggleStrongWithAnalytics,
      shortcut: _keymaps.toggleBold
    },
    em: {
      rank: _toolbar.TEXT_FORMATTING_MENU_SECTION_RANK[_toolbar.ITALIC_MENU_ITEM.key],
      key: _toolbar.ITALIC_MENU_ITEM.key,
      icon: _editorToolbar.ItalicIcon,
      title: _messages.toolbarMessages.italic,
      command: _toggleMark.toggleEmWithAnalytics,
      shortcut: _keymaps.toggleItalic
    },
    underline: {
      rank: _toolbar.TEXT_FORMATTING_MENU_SECTION_RANK[_toolbar.UNDERLINE_MENU_ITEM.key],
      key: _toolbar.UNDERLINE_MENU_ITEM.key,
      icon: _editorToolbar.UnderlineIcon,
      title: _messages.toolbarMessages.underline,
      command: _toggleMark.toggleUnderlineWithAnalytics,
      shortcut: _keymaps.toggleUnderline
    },
    strike: {
      rank: _toolbar.TEXT_FORMATTING_MENU_SECTION_RANK[_toolbar.STRIKE_MENU_ITEM.key],
      key: _toolbar.STRIKE_MENU_ITEM.key,
      icon: _editorToolbar.StrikeThroughIcon,
      title: _messages.toolbarMessages.strike,
      command: _toggleMark.toggleStrikeWithAnalytics,
      shortcut: _keymaps.toggleStrikethrough
    },
    code: {
      rank: _toolbar.TEXT_FORMATTING_MENU_SECTION_RANK[_toolbar.CODE_MENU_ITEM.key],
      key: _toolbar.CODE_MENU_ITEM.key,
      icon: _editorToolbar.CodeIcon,
      title: _messages.toolbarMessages.code,
      command: _toggleMark.toggleCodeWithAnalytics,
      shortcut: _keymaps.toggleCode
    },
    subscript: {
      rank: _toolbar.TEXT_FORMATTING_MENU_SECTION_RANK[_toolbar.SUBSCRIPT_MENU_ITEM.key],
      key: _toolbar.SUBSCRIPT_MENU_ITEM.key,
      icon: _editorToolbar.SubscriptIcon,
      title: _messages.toolbarMessages.subscript,
      command: _toggleMark.toggleSubscriptWithAnalytics,
      shortcut: _keymaps.toggleSubscript
    },
    superscript: {
      rank: _toolbar.TEXT_FORMATTING_MENU_SECTION_RANK[_toolbar.SUPERSCRIPT_MENU_ITEM.key],
      key: _toolbar.SUPERSCRIPT_MENU_ITEM.key,
      icon: _editorToolbar.SuperscriptIcon,
      title: _messages.toolbarMessages.superscript,
      command: _toggleMark.toggleSuperscriptWithAnalytics,
      shortcut: _keymaps.toggleSuperscript
    }
  };
};