@atlaskit/editor-plugin-text-formatting
Version:
Text-formatting plugin for @atlaskit/editor-core
66 lines (65 loc) • 2.54 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.boldButtonGroup = void 0;
var _react = _interopRequireDefault(require("react"));
var _context = require("@atlaskit/editor-common/toolbar/context");
var _keys = require("@atlaskit/editor-common/toolbar/keys");
var _rank = require("@atlaskit/editor-common/toolbar/rank");
var _show = require("@atlaskit/editor-toolbar/show");
var _toolbarButtonGroup = require("@atlaskit/editor-toolbar/toolbar-button-group");
var _types = require("../types");
var _Component = require("./Component");
var _utils = require("./utils");
var BoldButtonGroup = function BoldButtonGroup(_ref) {
var children = _ref.children;
var _useEditorToolbar = (0, _context.useEditorToolbar)(),
editorAppearance = _useEditorToolbar.editorAppearance;
if (editorAppearance === 'full-page') {
return /*#__PURE__*/_react.default.createElement(_show.Show, {
above: "xl"
}, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
}
};
var boldButtonGroup = exports.boldButtonGroup = function boldButtonGroup(api) {
return [{
type: _keys.BOLD_BUTTON_GROUP.type,
key: _keys.BOLD_BUTTON_GROUP.key,
parents: [{
type: _keys.TEXT_SECTION_PRIMARY_TOOLBAR.type,
key: _keys.TEXT_SECTION_PRIMARY_TOOLBAR.key,
rank: _rank.TEXT_SECTION_PRIMARY_TOOLBAR_RANK[_keys.BOLD_BUTTON_GROUP.key]
}],
component: function component(_ref2) {
var children = _ref2.children;
return /*#__PURE__*/_react.default.createElement(BoldButtonGroup, null, children);
}
}, {
type: _keys.BOLD_BUTTON.type,
key: _keys.BOLD_BUTTON.key,
parents: [{
type: _keys.BOLD_BUTTON_GROUP.type,
key: _keys.BOLD_BUTTON_GROUP.key,
rank: 100
}],
component: function component(_ref3) {
var parents = _ref3.parents;
var _formatOptions$strong = (0, _utils.formatOptions)().strong,
icon = _formatOptions$strong.icon,
command = _formatOptions$strong.command,
shortcut = _formatOptions$strong.shortcut,
title = _formatOptions$strong.title;
return /*#__PURE__*/_react.default.createElement(_Component.FormatButton, {
api: api,
parents: parents,
icon: icon,
title: title,
shortcut: shortcut,
optionType: _types.FormatOptions.strong,
toggleMarkWithAnalyticsCallback: command
});
}
}];
};