UNPKG

@atlaskit/editor-plugin-toolbar-lists-indentation

Version:

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

41 lines (40 loc) 2 kB
"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 _messages = require("@atlaskit/editor-common/messages"); var _toolbar = require("@atlaskit/editor-common/toolbar"); var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector"); var _editorToolbar = require("@atlaskit/editor-toolbar"); var _task = _interopRequireDefault(require("@atlaskit/icon/core/task")); var TaskListMenuItem = exports.TaskListMenuItem = function TaskListMenuItem(_ref) { var api = _ref.api; var _useIntl = (0, _reactIntl.useIntl)(), formatMessage = _useIntl.formatMessage; var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(), editorView = _useEditorToolbar.editorView; var taskListActive = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'taskDecision.isInsideTask'); if (!(editorView !== null && editorView !== void 0 && editorView.state.schema.nodes.taskItem)) { return null; } var handleClick = function handleClick() { var _api$taskDecision; 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(_task.default, { size: "small", label: "" }), elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, { shortcut: "[]" }), isSelected: taskListActive, isDisabled: false, onClick: handleClick }, formatMessage(_messages.tasksAndDecisionsMessages.taskList)); };