@atlaskit/editor-plugin-tasks-and-decisions 18.0.0 → 18.0.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-tasks-and-decisions
 
+## 18.0.1
+
+### Patch Changes
+
+- [`4273da2e1a648`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4273da2e1a648) -
+  Register native Quick Insert items behind `platform_editor_slash_command`.
+- Updated dependencies
+
 ## 18.0.0
 
 ### Patch Changes

package/dist/cjs/tasksAndDecisionsPlugin.js

@@ -11,10 +11,12 @@ require("./tasksAndDecisionsPlugin.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _indentation = require("@atlaskit/editor-common/indentation");
 var _messages = require("@atlaskit/editor-common/messages");
@@ -37,10 +39,12 @@ var _DecisionListBlockMenuItem = require("./ui/DecisionListBlockMenuItem/Decisio
 var _RequestToEditPopup = require("./ui/Task/RequestToEditPopup");
 var _TaskListBlockMenuItem = require("./ui/TaskListBlockMenuItem/TaskListBlockMenuItem");
 var _toolbarComponents = require("./ui/toolbar-components");
+var _getTasksAndDecisionsQuickInsertComponents = require("./ui/quick-insert/getTasksAndDecisionsQuickInsertComponents");
 var _ToolbarDecision = _interopRequireDefault(require("./ui/ToolbarDecision"));
 var _ToolbarTask = _interopRequireDefault(require("./ui/ToolbarTask"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// Ignored via go/ees005
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 var taskDecisionToolbarGroupStyles = null;
 var TASK_LIST_NODE_NAME = 'taskList';
@@ -111,6 +115,14 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
   };
   var previousTaskAndDecisionProvider;
   var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
+  var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _getTasksAndDecisionsQuickInsertComponents.getTasksAndDecisionsQuickInsertComponents)({
+      api: api,
+      quickInsertActionDescription: quickInsertActionDescription
+    }));
+  }
   if (isToolbarAIFCEnabled) {
     var _api$toolbar;
     api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getTasksAndDecisionsToolbarComponents)({
@@ -333,7 +345,7 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
         popupsScrollableElement: popupsScrollableElement
       });
     },
-    pluginsOptions: {
+    pluginsOptions: _objectSpread({}, !isRegisteredSlashCommandEnabled && {
       quickInsert: function quickInsert(_ref13) {
         var formatMessage = _ref13.formatMessage;
         return [{
@@ -365,6 +377,6 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
           }
         }];
       }
-    }
+    })
   };
 };

package/dist/cjs/ui/quick-insert/TasksAndDecisionsQuickInsertMenuItem.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TasksAndDecisionsQuickInsertMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _messages = require("@atlaskit/editor-common/messages");
+var _assets = require("@atlaskit/editor-common/assets");
+var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
+var _insertCommands = require("../../pm-plugins/insert-commands");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var TasksAndDecisionsQuickInsertMenuItem = exports.TasksAndDecisionsQuickInsertMenuItem = function TasksAndDecisionsQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    item = _ref.item;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useSharedPluginState = (0, _hooks.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 = (0, _react.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 = (0, _insertCommands.getListTypes)(item, schema),
+        list = _getListTypes.list,
+        listItem = _getListTypes.item;
+      return insert(list.createChecked({
+        localId: listLocalId
+      }, listItem.createChecked({
+        localId: itemLocalId
+      })));
+    };
+    return (0, _insertCommands.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 : _analytics.INPUT_METHOD.QUICK_INSERT, addAndCreateList);
+  }, [api, contextIdentifierProvider, item]);
+  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    iconBefore: isAction ? /*#__PURE__*/_react.default.createElement(_assets.IconAction, null) : /*#__PURE__*/_react.default.createElement(_assets.IconDecision, null),
+    onSelect: onSelect,
+    shortcut: isAction ? '[]' : '<>',
+    title: formatMessage(isAction ? _messages.toolbarInsertBlockMessages.action : _messages.toolbarInsertBlockMessages.decision)
+  });
+};

package/dist/cjs/ui/quick-insert/getTasksAndDecisionsQuickInsertComponents.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTasksAndDecisionsQuickInsertComponents = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _messages = require("@atlaskit/editor-common/messages");
+var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
+var _keys = require("@atlaskit/editor-common/quick-insert/keys");
+var _rank = require("@atlaskit/editor-common/quick-insert/rank");
+var _TasksAndDecisionsQuickInsertMenuItem = require("./TasksAndDecisionsQuickInsertMenuItem");
+var getTasksAndDecisionsQuickInsertComponents = exports.getTasksAndDecisionsQuickInsertComponents = function getTasksAndDecisionsQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    quickInsertActionDescription = _ref.quickInsertActionDescription;
+  return [{
+    key: _keys.ACTION_MENU_ITEM.key,
+    type: _keys.ACTION_MENU_ITEM.type,
+    parents: [{
+      key: _keys.STRUCTURE_SECTION.key,
+      type: _keys.STRUCTURE_SECTION.type,
+      rank: _rank.STRUCTURE_SECTION_RANK[_keys.ACTION_MENU_ITEM.key]
+    }],
+    match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref2) {
+      var formatMessage = _ref2.formatMessage;
+      return {
+        description: quickInsertActionDescription !== null && quickInsertActionDescription !== void 0 ? quickInsertActionDescription : formatMessage(_messages.toolbarInsertBlockMessages.actionDescription),
+        keywords: ['checkbox', 'task', 'todo'],
+        shortcut: '[]',
+        title: formatMessage(_messages.toolbarInsertBlockMessages.action)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_TasksAndDecisionsQuickInsertMenuItem.TasksAndDecisionsQuickInsertMenuItem, {
+        api: api,
+        item: "taskList"
+      });
+    }
+  }, {
+    key: _keys.DECISION_MENU_ITEM.key,
+    type: _keys.DECISION_MENU_ITEM.type,
+    parents: [{
+      key: _keys.STRUCTURE_SECTION.key,
+      type: _keys.STRUCTURE_SECTION.type,
+      rank: _rank.STRUCTURE_SECTION_RANK[_keys.DECISION_MENU_ITEM.key]
+    }],
+    match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref3) {
+      var formatMessage = _ref3.formatMessage;
+      return {
+        description: formatMessage(_messages.toolbarInsertBlockMessages.decisionDescription),
+        keywords: [],
+        shortcut: '<>',
+        title: formatMessage(_messages.toolbarInsertBlockMessages.decision)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_TasksAndDecisionsQuickInsertMenuItem.TasksAndDecisionsQuickInsertMenuItem, {
+        api: api,
+        item: "decisionList"
+      });
+    }
+  }];
+};

package/dist/es2019/tasksAndDecisionsPlugin.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { decisionList, taskList } from '@atlaskit/adf-schema';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK, TRANSFORM_STRUCTURE_DECISION_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
 import { toolbarInsertBlockMessages as insertBlockMessages } from '@atlaskit/editor-common/messages';
@@ -28,6 +29,7 @@ import { DecisionListBlockMenuItem } from './ui/DecisionListBlockMenuItem/Decisi
 import { RequestToEditPopup } from './ui/Task/RequestToEditPopup';
 import { TaskListBlockMenuItem } from './ui/TaskListBlockMenuItem/TaskListBlockMenuItem';
 import { getTasksAndDecisionsToolbarComponents } from './ui/toolbar-components';
+import { getTasksAndDecisionsQuickInsertComponents } from './ui/quick-insert/getTasksAndDecisionsQuickInsertComponents';
 import ToolbarDecision from './ui/ToolbarDecision';
 import ToolbarTask from './ui/ToolbarTask';
 const taskDecisionToolbarGroupStyles = null;
@@ -100,6 +102,14 @@ export const tasksAndDecisionsPlugin = ({
   };
   let previousTaskAndDecisionProvider;
   const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
+  const isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 ? void 0 : (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 ? void 0 : _api$uiControlRegistr.actions.register(getTasksAndDecisionsQuickInsertComponents({
+      api,
+      quickInsertActionDescription
+    }));
+  }
   if (isToolbarAIFCEnabled) {
     var _api$toolbar;
     api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getTasksAndDecisionsToolbarComponents({
@@ -298,32 +308,34 @@ export const tasksAndDecisionsPlugin = ({
       });
     },
     pluginsOptions: {
-      quickInsert: ({
-        formatMessage
-      }) => [{
-        id: 'action',
-        title: formatMessage(insertBlockMessages.action),
-        description: quickInsertActionDescription !== null && quickInsertActionDescription !== void 0 ? quickInsertActionDescription : formatMessage(insertBlockMessages.actionDescription),
-        priority: 100,
-        keywords: ['checkbox', 'task', 'todo'],
-        keyshortcut: '[]',
-        icon: () => /*#__PURE__*/React.createElement(IconAction, null),
-        action(insert, state, source) {
-          var _api$analytics6;
-          return insertTaskDecisionAction(api === null || api === void 0 ? void 0 : (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : _api$analytics6.actions, getIdentifierProvider)(state, 'taskList', source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT, addItem(insert, 'taskList', state.schema));
-        }
-      }, {
-        id: 'decision',
-        title: formatMessage(insertBlockMessages.decision),
-        description: formatMessage(insertBlockMessages.decisionDescription),
-        priority: 900,
-        keyshortcut: '<>',
-        icon: () => /*#__PURE__*/React.createElement(IconDecision, null),
-        action(insert, state, source) {
-          var _api$analytics7;
-          return insertTaskDecisionAction(api === null || api === void 0 ? void 0 : (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions, getIdentifierProvider)(state, 'decisionList', source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT, addItem(insert, 'decisionList', state.schema));
-        }
-      }]
+      ...(!isRegisteredSlashCommandEnabled && {
+        quickInsert: ({
+          formatMessage
+        }) => [{
+          id: 'action',
+          title: formatMessage(insertBlockMessages.action),
+          description: quickInsertActionDescription !== null && quickInsertActionDescription !== void 0 ? quickInsertActionDescription : formatMessage(insertBlockMessages.actionDescription),
+          priority: 100,
+          keywords: ['checkbox', 'task', 'todo'],
+          keyshortcut: '[]',
+          icon: () => /*#__PURE__*/React.createElement(IconAction, null),
+          action(insert, state, source) {
+            var _api$analytics6;
+            return insertTaskDecisionAction(api === null || api === void 0 ? void 0 : (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : _api$analytics6.actions, getIdentifierProvider)(state, 'taskList', source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT, addItem(insert, 'taskList', state.schema));
+          }
+        }, {
+          id: 'decision',
+          title: formatMessage(insertBlockMessages.decision),
+          description: formatMessage(insertBlockMessages.decisionDescription),
+          priority: 900,
+          keyshortcut: '<>',
+          icon: () => /*#__PURE__*/React.createElement(IconDecision, null),
+          action(insert, state, source) {
+            var _api$analytics7;
+            return insertTaskDecisionAction(api === null || api === void 0 ? void 0 : (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions, getIdentifierProvider)(state, 'decisionList', source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT, addItem(insert, 'decisionList', state.schema));
+          }
+        }]
+      })
     }
   };
 };

package/dist/es2019/ui/quick-insert/TasksAndDecisionsQuickInsertMenuItem.js

@@ -0,0 +1,56 @@
+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 { IconAction, IconDecision } from '@atlaskit/editor-common/assets';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { getListTypes, insertTaskDecisionAction } from '../../pm-plugins/insert-commands';
+export const TasksAndDecisionsQuickInsertMenuItem = ({
+  api,
+  item
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    contextIdentifierProvider
+  } = useSharedPluginStateWithSelector(api, ['contextIdentifier'], states => {
+    var _states$contextIdenti;
+    return {
+      contextIdentifierProvider: (_states$contextIdenti = states.contextIdentifierState) === null || _states$contextIdenti === void 0 ? void 0 : _states$contextIdenti.contextIdentifierProvider
+    };
+  });
+  const isAction = item === 'taskList';
+  const onSelect = useCallback(({
+    editorView,
+    insert,
+    source
+  }) => {
+    var _api$analytics;
+    const {
+      schema
+    } = editorView.state;
+    const addAndCreateList = ({
+      listLocalId,
+      itemLocalId
+    }) => {
+      const {
+        list,
+        item: listItem
+      } = getListTypes(item, schema);
+      return insert(list.createChecked({
+        localId: listLocalId
+      }, listItem.createChecked({
+        localId: itemLocalId
+      })));
+    };
+    return insertTaskDecisionAction(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, () => 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(IconAction, null) : /*#__PURE__*/React.createElement(IconDecision, null),
+    onSelect: onSelect,
+    shortcut: isAction ? '[]' : '<>',
+    title: formatMessage(isAction ? messages.action : messages.decision)
+  });
+};

package/dist/es2019/ui/quick-insert/getTasksAndDecisionsQuickInsertComponents.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { ACTION_MENU_ITEM, DECISION_MENU_ITEM, STRUCTURE_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { TasksAndDecisionsQuickInsertMenuItem } from './TasksAndDecisionsQuickInsertMenuItem';
+export const getTasksAndDecisionsQuickInsertComponents = ({
+  api,
+  quickInsertActionDescription
+}) => [{
+  key: ACTION_MENU_ITEM.key,
+  type: ACTION_MENU_ITEM.type,
+  parents: [{
+    key: STRUCTURE_SECTION.key,
+    type: STRUCTURE_SECTION.type,
+    rank: STRUCTURE_SECTION_RANK[ACTION_MENU_ITEM.key]
+  }],
+  match: createQuickInsertMatcher(({
+    formatMessage
+  }) => ({
+    description: quickInsertActionDescription !== null && quickInsertActionDescription !== void 0 ? quickInsertActionDescription : formatMessage(messages.actionDescription),
+    keywords: ['checkbox', 'task', 'todo'],
+    shortcut: '[]',
+    title: formatMessage(messages.action)
+  })),
+  component: () => /*#__PURE__*/React.createElement(TasksAndDecisionsQuickInsertMenuItem, {
+    api: api,
+    item: "taskList"
+  })
+}, {
+  key: DECISION_MENU_ITEM.key,
+  type: DECISION_MENU_ITEM.type,
+  parents: [{
+    key: STRUCTURE_SECTION.key,
+    type: STRUCTURE_SECTION.type,
+    rank: STRUCTURE_SECTION_RANK[DECISION_MENU_ITEM.key]
+  }],
+  match: createQuickInsertMatcher(({
+    formatMessage
+  }) => ({
+    description: formatMessage(messages.decisionDescription),
+    keywords: [],
+    shortcut: '<>',
+    title: formatMessage(messages.decision)
+  })),
+  component: () => /*#__PURE__*/React.createElement(TasksAndDecisionsQuickInsertMenuItem, {
+    api: api,
+    item: "decisionList"
+  })
+}];

package/dist/esm/tasksAndDecisionsPlugin.js

@@ -1,12 +1,16 @@
 /* tasksAndDecisionsPlugin.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./tasksAndDecisionsPlugin.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { decisionList, taskList } from '@atlaskit/adf-schema';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK, TRANSFORM_STRUCTURE_DECISION_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
 import { toolbarInsertBlockMessages as insertBlockMessages } from '@atlaskit/editor-common/messages';
@@ -31,6 +35,7 @@ import { DecisionListBlockMenuItem } from './ui/DecisionListBlockMenuItem/Decisi
 import { RequestToEditPopup } from './ui/Task/RequestToEditPopup';
 import { TaskListBlockMenuItem } from './ui/TaskListBlockMenuItem/TaskListBlockMenuItem';
 import { getTasksAndDecisionsToolbarComponents } from './ui/toolbar-components';
+import { getTasksAndDecisionsQuickInsertComponents } from './ui/quick-insert/getTasksAndDecisionsQuickInsertComponents';
 import ToolbarDecision from './ui/ToolbarDecision';
 import ToolbarTask from './ui/ToolbarTask';
 var taskDecisionToolbarGroupStyles = null;
@@ -102,6 +107,14 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref3) {
   };
   var previousTaskAndDecisionProvider;
   var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
+  var isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register(getTasksAndDecisionsQuickInsertComponents({
+      api: api,
+      quickInsertActionDescription: quickInsertActionDescription
+    }));
+  }
   if (isToolbarAIFCEnabled) {
     var _api$toolbar;
     api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getTasksAndDecisionsToolbarComponents({
@@ -324,7 +337,7 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref3) {
         popupsScrollableElement: popupsScrollableElement
       });
     },
-    pluginsOptions: {
+    pluginsOptions: _objectSpread({}, !isRegisteredSlashCommandEnabled && {
       quickInsert: function quickInsert(_ref13) {
         var formatMessage = _ref13.formatMessage;
         return [{
@@ -356,6 +369,6 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref3) {
           }
         }];
       }
-    }
+    })
   };
 };

package/dist/esm/ui/quick-insert/TasksAndDecisionsQuickInsertMenuItem.js

@@ -0,0 +1,50 @@
+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 { IconAction, IconDecision } from '@atlaskit/editor-common/assets';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { getListTypes, insertTaskDecisionAction } from '../../pm-plugins/insert-commands';
+export var TasksAndDecisionsQuickInsertMenuItem = function TasksAndDecisionsQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    item = _ref.item;
+  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(IconAction, null) : /*#__PURE__*/React.createElement(IconDecision, null),
+    onSelect: onSelect,
+    shortcut: isAction ? '[]' : '<>',
+    title: formatMessage(isAction ? messages.action : messages.decision)
+  });
+};

package/dist/esm/ui/quick-insert/getTasksAndDecisionsQuickInsertComponents.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { ACTION_MENU_ITEM, DECISION_MENU_ITEM, STRUCTURE_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { TasksAndDecisionsQuickInsertMenuItem } from './TasksAndDecisionsQuickInsertMenuItem';
+export var getTasksAndDecisionsQuickInsertComponents = function getTasksAndDecisionsQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    quickInsertActionDescription = _ref.quickInsertActionDescription;
+  return [{
+    key: ACTION_MENU_ITEM.key,
+    type: ACTION_MENU_ITEM.type,
+    parents: [{
+      key: STRUCTURE_SECTION.key,
+      type: STRUCTURE_SECTION.type,
+      rank: STRUCTURE_SECTION_RANK[ACTION_MENU_ITEM.key]
+    }],
+    match: createQuickInsertMatcher(function (_ref2) {
+      var formatMessage = _ref2.formatMessage;
+      return {
+        description: quickInsertActionDescription !== null && quickInsertActionDescription !== void 0 ? quickInsertActionDescription : formatMessage(messages.actionDescription),
+        keywords: ['checkbox', 'task', 'todo'],
+        shortcut: '[]',
+        title: formatMessage(messages.action)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/React.createElement(TasksAndDecisionsQuickInsertMenuItem, {
+        api: api,
+        item: "taskList"
+      });
+    }
+  }, {
+    key: DECISION_MENU_ITEM.key,
+    type: DECISION_MENU_ITEM.type,
+    parents: [{
+      key: STRUCTURE_SECTION.key,
+      type: STRUCTURE_SECTION.type,
+      rank: STRUCTURE_SECTION_RANK[DECISION_MENU_ITEM.key]
+    }],
+    match: createQuickInsertMatcher(function (_ref3) {
+      var formatMessage = _ref3.formatMessage;
+      return {
+        description: formatMessage(messages.decisionDescription),
+        keywords: [],
+        shortcut: '<>',
+        title: formatMessage(messages.decision)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/React.createElement(TasksAndDecisionsQuickInsertMenuItem, {
+        api: api,
+        item: "decisionList"
+      });
+    }
+  }];
+};

package/dist/types/tasksAndDecisionsPluginType.d.ts

@@ -6,6 +6,7 @@ import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmo
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { TaskDecisionProvider } from '@atlaskit/task-decision/types';
 import type { insertTaskDecisionCommand } from './pm-plugins/insert-commands';
 import type { getIndentCommand, getUnindentCommand } from './pm-plugins/keymaps';
@@ -18,7 +19,8 @@ export type TasksAndDecisionsPluginDependencies = [
     OptionalPlugin<BlockMenuPlugin>,
     OptionalPlugin<SelectionPlugin>,
     OptionalPlugin<ToolbarPlugin>,
-    OptionalPlugin<_MarkdownModePluginStub>
+    OptionalPlugin<_MarkdownModePluginStub>,
+    OptionalPlugin<UiControlRegistryPlugin>
 ];
 export type TasksAndDecisionsPlugin = NextEditorPlugin<'taskDecision', {
     actions: {

package/dist/types/ui/quick-insert/TasksAndDecisionsQuickInsertMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { TasksAndDecisionsPlugin } from '../../tasksAndDecisionsPluginType';
+import type { TaskDecisionListType } from '../../types';
+type Props = {
+    api: ExtractInjectionAPI<TasksAndDecisionsPlugin> | undefined;
+    item: TaskDecisionListType;
+};
+export declare const TasksAndDecisionsQuickInsertMenuItem: ({ api, item }: Props) => React.JSX.Element;
+export {};

package/dist/types/ui/quick-insert/getTasksAndDecisionsQuickInsertComponents.d.ts

@@ -0,0 +1,7 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
+import type { TasksAndDecisionsPlugin } from '../../tasksAndDecisionsPluginType';
+export declare const getTasksAndDecisionsQuickInsertComponents: ({ api, quickInsertActionDescription, }: {
+    api: ExtractInjectionAPI<TasksAndDecisionsPlugin> | undefined;
+    quickInsertActionDescription?: string;
+}) => RegisterMenuItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-tasks-and-decisions",
-	"version": "18.0.0",
+	"version": "18.0.1",
 	"description": "Tasks and decisions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,6 +37,7 @@
 		"@atlaskit/editor-toolbar-model": "^1.2.0",
 		"@atlaskit/heading": "^7.0.0",
 		"@atlaskit/icon": "^37.3.0",
+		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/prosemirror-input-rules": "^4.0.0",
@@ -48,7 +49,7 @@
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^119.0.0",
+		"@atlaskit/editor-common": "^119.1.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"