@atlaskit/editor-plugin-toolbar-lists-indentation/dist/cjs/ui/toolbar-components/ListsIndentationMenu.js

Toolbar lists and indentation plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ListsIndentationMenu = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _messages = require("@atlaskit/editor-common/lists/messages");
var _context = require("@atlaskit/editor-common/toolbar/context");
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
var _moreItemsIcon = require("@atlaskit/editor-toolbar/more-items-icon");
var _toolbarDropdownMenu = require("@atlaskit/editor-toolbar/toolbar-dropdown-menu");
var _toolbarTooltip = require("@atlaskit/editor-toolbar/toolbar-tooltip");
var _hooks = require("../utils/hooks");
var ListsIndentationMenu = exports.ListsIndentationMenu = function ListsIndentationMenu(_ref) {
  var children = _ref.children,
    api = _ref.api,
    allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  var _useEditorToolbar = (0, _context.useEditorToolbar)(),
    editorView = _useEditorToolbar.editorView;
  var indentationState = (0, _hooks.useIndentationState)({
    api: api,
    allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation,
    state: editorView === null || editorView === void 0 ? void 0 : editorView.state
  });
  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['list', 'taskDecision'], function (states) {
      var _states$listState, _states$listState2, _states$taskDecisionS;
      return {
        bulletListDisabled: (_states$listState = states.listState) === null || _states$listState === void 0 ? void 0 : _states$listState.bulletListDisabled,
        orderedListDisabled: (_states$listState2 = states.listState) === null || _states$listState2 === void 0 ? void 0 : _states$listState2.orderedListDisabled,
        taskListActive: (_states$taskDecisionS = states.taskDecisionState) === null || _states$taskDecisionS === void 0 ? void 0 : _states$taskDecisionS.isInsideTask
      };
    }),
    bulletListDisabled = _useSharedPluginState.bulletListDisabled,
    orderedListDisabled = _useSharedPluginState.orderedListDisabled,
    taskListActive = _useSharedPluginState.taskListActive;
  var allItemsDisabled = bulletListDisabled && orderedListDisabled && (indentationState === null || indentationState === void 0 ? void 0 : indentationState.indentDisabled) && (indentationState === null || indentationState === void 0 ? void 0 : indentationState.outdentDisabled) && !taskListActive;
  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownMenu.ToolbarDropdownMenu, {
    iconBefore: /*#__PURE__*/_react.default.createElement(_moreItemsIcon.MoreItemsIcon, {
      label: formatMessage(_messages.messages.lists)
    }),
    isDisabled: allItemsDisabled,
    testId: "editor-toolbar__lists-and-indentation-menu",
    label: formatMessage(_messages.messages.lists),
    tooltipComponent: /*#__PURE__*/_react.default.createElement(_toolbarTooltip.ToolbarTooltip, {
      content: formatMessage(_messages.messages.lists)
    })
  }, children);
};