@atlaskit/editor-plugin-toolbar/dist/cjs/ui/TextCollapsedMenu.js

Toolbar plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TextCollapsedMenu = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _toolbar = require("@atlaskit/editor-common/messages/toolbar");
var _textIcon = require("@atlaskit/editor-toolbar/text-icon");
var _toolbarDropdownMenu = require("@atlaskit/editor-toolbar/toolbar-dropdown-menu");
var _toolbarTooltip = require("@atlaskit/editor-toolbar/toolbar-tooltip");
/**
 * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
 * and is also placeholder to render all other menus in the collapsed state.
 */
var TextCollapsedMenu = exports.TextCollapsedMenu = function TextCollapsedMenu(_ref) {
  var children = _ref.children;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownMenu.ToolbarDropdownMenu, {
    iconBefore: /*#__PURE__*/_react.default.createElement(_textIcon.TextIcon, {
      label: formatMessage(_toolbar.toolbarMessages.textStylesTooltip),
      size: "small"
    }),
    enableMaxHeight: true,
    tooltipComponent: /*#__PURE__*/_react.default.createElement(_toolbarTooltip.ToolbarTooltip, {
      content: formatMessage(_toolbar.toolbarMessages.textStylesTooltip)
    })
  }, children);
};