@atlaskit/editor-plugin-selection-extension/dist/cjs/ui/toolbar-components/ToolbarMenu.js

editor-plugin-selection-extension plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ToolbarMenu = void 0;
var _react = _interopRequireDefault(require("react"));
var _context = require("@atlaskit/editor-common/toolbar/context");
var _toolbarDropdownMenu = require("@atlaskit/editor-toolbar/toolbar-dropdown-menu");
var _toolbarTooltip = require("@atlaskit/editor-toolbar/toolbar-tooltip");
var usePluginState = function usePluginState(_api) {
  var _useEditorToolbar = (0, _context.useEditorToolbar)(),
    editorToolbarDockingPreference = _useEditorToolbar.editorToolbarDockingPreference;
  return {
    editorToolbarDockingPreference: editorToolbarDockingPreference
  };
};
var ToolbarMenu = exports.ToolbarMenu = function ToolbarMenu(_ref) {
  var api = _ref.api,
    config = _ref.config,
    children = _ref.children;
  var _usePluginState = usePluginState(api),
    editorToolbarDockingPreference = _usePluginState.editorToolbarDockingPreference;
  var isDockedAtTop = editorToolbarDockingPreference === 'top';
  if (isDockedAtTop) {
    return null;
  }
  var Icon = config.icon;
  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownMenu.ToolbarDropdownMenu, {
    iconBefore: /*#__PURE__*/_react.default.createElement(Icon, {
      label: ""
    }),
    isDisabled: config.isDisabled,
    onClick: config.onClick,
    tooltipComponent: /*#__PURE__*/_react.default.createElement(_toolbarTooltip.ToolbarTooltip, {
      content: config.tooltip
    })
  }, children);
};