@atlaskit/editor-plugin-tasks-and-decisions/dist/cjs/ui/TaskListMenuItem/TaskListMenuItem.js

Tasks and decisions plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TaskListMenuItem = void 0;
var _react = _interopRequireDefault(require("react"));
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 _editorToolbar = require("@atlaskit/editor-toolbar");
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
var TaskListMenuItem = exports.TaskListMenuItem = function TaskListMenuItem(_ref) {
  var api = _ref.api;
  var _useIntl = (0, _reactIntl.useIntl)(),
    formatMessage = _useIntl.formatMessage;
  var isMarkdownToolbarEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_markdown_compatible_toolbar');
  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['taskDecision', 'markdownMode'], function (states) {
      var _states$taskDecisionS, _states$markdownModeS, _states$markdownModeS2, _states$markdownModeS3;
      return {
        isInsideTask: (_states$taskDecisionS = states.taskDecisionState) === null || _states$taskDecisionS === void 0 ? void 0 : _states$taskDecisionS.isInsideTask,
        markdownView: isMarkdownToolbarEnabled ? (_states$markdownModeS = states.markdownModeState) === null || _states$markdownModeS === void 0 ? void 0 : _states$markdownModeS.view : undefined,
        sourceBlockFormatState: isMarkdownToolbarEnabled ? (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.sourceBlockFormatState : null,
        sourceListFormatState: isMarkdownToolbarEnabled ? (_states$markdownModeS3 = states.markdownModeState) === null || _states$markdownModeS3 === void 0 ? void 0 : _states$markdownModeS3.sourceListFormatState : null
      };
    }),
    isInsideTask = _useSharedPluginState.isInsideTask,
    markdownView = _useSharedPluginState.markdownView,
    sourceBlockFormatState = _useSharedPluginState.sourceBlockFormatState,
    sourceListFormatState = _useSharedPluginState.sourceListFormatState;
  var isInSourceView = isMarkdownToolbarEnabled && markdownView === 'syntax';
  var isSelected = isInSourceView ? sourceListFormatState === null || sourceListFormatState === void 0 ? void 0 : sourceListFormatState.inTaskList : isInsideTask;
  var isDisabled = Boolean(isInSourceView && (sourceBlockFormatState === null || sourceBlockFormatState === void 0 ? void 0 : sourceBlockFormatState.inCodeBlock));
  var handleClick = function handleClick() {
    var _api$taskDecision;
    if (isDisabled) {
      return;
    }
    if (isInSourceView) {
      var _api$markdownMode;
      api === null || api === void 0 || (_api$markdownMode = api.markdownMode) === null || _api$markdownMode === void 0 || _api$markdownMode.actions.toggleSourceTaskList();
      return;
    }
    api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$taskDecision = api.taskDecision) === null || _api$taskDecision === void 0 ? void 0 : _api$taskDecision.commands.toggleTaskList());
  };
  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TaskIcon, {
      size: "small",
      label: ""
    }),
    elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
      shortcut: (0, _keymaps.formatShortcut)(_keymaps.toggleTaskList)
    }),
    isSelected: isSelected,
    isDisabled: isDisabled,
    onClick: handleClick,
    ariaKeyshortcuts: (0, _keymaps.formatShortcut)(_keymaps.toggleTaskList)
  }, formatMessage(_messages.tasksAndDecisionsMessages.taskList));
};