@atlaskit/editor-plugin-tasks-and-decisions/dist/esm/ui/quick-insert/TasksAndDecisionsQuickInsertMenuItem.js

Tasks and decisions plugin for @atlaskit/editor-core

import React, { useCallback } from 'react';
import { useIntl } from 'react-intl';
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
import DecisionIcon from '@atlaskit/icon/core/decision';
import FieldCheckboxGroupIcon from '@atlaskit/icon/core/field-checkbox-group';
import { getListTypes, insertTaskDecisionAction } from '../../pm-plugins/insert-commands';
export var TasksAndDecisionsQuickInsertMenuItem = function TasksAndDecisionsQuickInsertMenuItem(_ref) {
  var api = _ref.api,
    item = _ref.item,
    previewImageUrls = _ref.previewImageUrls;
  var _useIntl = useIntl(),
    formatMessage = _useIntl.formatMessage;
  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['contextIdentifier'], function (states) {
      var _states$contextIdenti;
      return {
        contextIdentifierProvider: (_states$contextIdenti = states.contextIdentifierState) === null || _states$contextIdenti === void 0 ? void 0 : _states$contextIdenti.contextIdentifierProvider
      };
    }),
    contextIdentifierProvider = _useSharedPluginState.contextIdentifierProvider;
  var isAction = item === 'taskList';
  var onSelect = useCallback(function (_ref2) {
    var _api$analytics;
    var editorView = _ref2.editorView,
      insert = _ref2.insert,
      source = _ref2.source;
    var schema = editorView.state.schema;
    var addAndCreateList = function addAndCreateList(_ref3) {
      var listLocalId = _ref3.listLocalId,
        itemLocalId = _ref3.itemLocalId;
      var _getListTypes = getListTypes(item, schema),
        list = _getListTypes.list,
        listItem = _getListTypes.item;
      return insert(list.createChecked({
        localId: listLocalId
      }, listItem.createChecked({
        localId: itemLocalId
      })));
    };
    return insertTaskDecisionAction(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, function () {
      return contextIdentifierProvider;
    })(editorView.state, item, source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT, addAndCreateList);
  }, [api, contextIdentifierProvider, item]);
  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
    iconBefore: isAction ? /*#__PURE__*/React.createElement(FieldCheckboxGroupIcon, {
      label: ""
    }) : /*#__PURE__*/React.createElement(DecisionIcon, {
      label: ""
    }),
    onSelect: onSelect,
    previewImageUrls: previewImageUrls,
    shortcut: isAction ? '[]' : '<>',
    title: formatMessage(isAction ? messages.action : messages.decision)
  });
};