@atlaskit/editor-plugin-tasks-and-decisions 9.1.17 → 9.1.19

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-tasks-and-decisions
 
+## 9.1.19
+
+### Patch Changes
+
+- [`e3779b75fdeca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3779b75fdeca) -
+  EDITOR-1643 Promote syncBlock and bodiedSyncBlock to full schema
+- Updated dependencies
+
+## 9.1.18
+
+### Patch Changes
+
+- [`55920a92e882a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55920a92e882a) -
+  tsignores added for help-center local consumpton removed
+- Updated dependencies
+
 ## 9.1.17
 
 ### Patch Changes

package/dist/cjs/pm-plugins/main.js

@@ -31,9 +31,6 @@ function nodesBetweenChanged(tr, f, startPos) {
   if (!stepRange) {
     return;
   }
-
-  // @ts-ignore - Workaround for help-center local consumption
-
   tr.doc.nodesBetween(stepRange.from, stepRange.to, f, startPos);
 }
 
@@ -46,8 +43,6 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
   var taskPlaceholder = arguments.length > 9 ? arguments[9] : undefined;
   return new _safePlugin.SafePlugin({
     props: {
-      // @ts-ignore - Workaround for help-center local consumption
-
       nodeViews: _objectSpread({
         taskItem: (0, _taskNodeView.taskView)(api, getIntl(), taskPlaceholder),
         decisionItem: function (node) {
@@ -56,7 +51,6 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
       }, (0, _expValEquals.expValEquals)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? {
         blockTaskItem: (0, _taskNodeView.taskView)(api, getIntl(), taskPlaceholder)
       } : {}),
-      // @ts-ignore - Workaround for help-center local consumption
       decorations: function decorations(state) {
         var pluginState = _pluginKey.stateKey.getState(state);
         if (pluginState !== null && pluginState !== void 0 && pluginState.decorations) {
@@ -64,7 +58,6 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
         }
         return _view.DecorationSet.empty;
       },
-      // @ts-ignore - Workaround for help-center local consumption
       handleTextInput: function handleTextInput(view, from, to, text) {
         // When a decision item is selected and the user starts typing, the entire node
         // should be replaced with what was just typed. This custom text input handler
@@ -88,15 +81,11 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
       }, {
         useLongPressSelection: useLongPressSelection
       }),
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleDOMEvents: {
         // When the page is lazy loaded and task item is not yet available this allows
         // our toDOM implementation to toggle the node state
         change: _taskItemOnChange.taskItemOnChange
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleKeyDown: function handleKeyDown(view, event) {
         var state = view.state;
         var selection = state.selection,
@@ -189,8 +178,6 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
           }
         }
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       transformPasted: function transformPasted(slice, view) {
         var _view$state;
         if (Boolean(view === null || view === void 0 || (_view$state = view.state) === null || _view$state === void 0 || (_view$state = _view$state.schema) === null || _view$state === void 0 || (_view$state = _view$state.nodes) === null || _view$state === void 0 ? void 0 : _view$state.blockTaskItem)) {
@@ -200,7 +187,6 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
       }
     },
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
       init: function init() {
         return {
           insideTaskDecisionItem: false,
@@ -212,7 +198,6 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
           decorations: _view.DecorationSet.empty
         };
       },
-      // @ts-ignore - Workaround for help-center local consumption
       apply: function apply(tr, pluginState) {
         var metaData = tr.getMeta(_pluginKey.stateKey);
         var _ref = metaData !== null && metaData !== void 0 ? metaData : {
@@ -264,8 +249,6 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
           })]);
         } else {
           var _newPluginState$decor;
-          // @ts-ignore - Workaround for help-center local consumption
-
           decorations = (_newPluginState$decor = newPluginState.decorations) === null || _newPluginState$decor === void 0 ? void 0 : _newPluginState$decor.map(tr.mapping, tr.doc);
         }
         var newState = _objectSpread(_objectSpread({}, newPluginState), {}, {
@@ -284,13 +267,9 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
      *
      * Note: we currently do not handle the edge case where two nodes may have the same localId
      */
-    // @ts-ignore - Workaround for help-center local consumption
-
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var tr = newState.tr;
       var modified = false;
-      // @ts-ignore - Workaround for help-center local consumption
-
       transactions.forEach(function (transaction) {
         if (!transaction.docChanged) {
           return;

package/dist/cjs/tasksAndDecisionsPlugin.js

@@ -32,6 +32,7 @@ var _keymaps = _interopRequireWildcard(require("./pm-plugins/keymaps"));
 var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _toggleTasklistCommands = require("./pm-plugins/toggle-tasklist-commands");
+var _DecisionListBlockMenuItem = require("./ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem");
 var _RequestToEditPopup = require("./ui/Task/RequestToEditPopup");
 var _TaskListBlockMenuItem = require("./ui/TaskListBlockMenuItem/TaskListBlockMenuItem");
 var _toolbarComponents = require("./ui/toolbar-components");
@@ -139,6 +140,19 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
           api: api
         });
       }
+    }, {
+      type: 'block-menu-item',
+      key: _blockMenu.TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key,
+      parent: {
+        type: 'block-menu-section',
+        key: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key,
+        rank: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION_RANK[_blockMenu.TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key]
+      },
+      component: function component() {
+        return /*#__PURE__*/React.createElement(_DecisionListBlockMenuItem.DecisionListBlockMenuItem, {
+          api: api
+        });
+      }
     }]);
   }
   return {

package/dist/cjs/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DecisionListBlockMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _messages = require("@atlaskit/editor-common/messages");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _decision = _interopRequireDefault(require("@atlaskit/icon/core/decision"));
+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 DecisionListBlockMenuItem = exports.DecisionListBlockMenuItem = function DecisionListBlockMenuItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var selection = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
+  var isSelected = (0, _react.useMemo)(function () {
+    return selection && selection.$from.parent.type.name === 'decisionItem';
+  }, [selection]);
+  var onClick = function onClick(event) {
+    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _analytics.INPUT_METHOD.KEYBOARD : _analytics.INPUT_METHOD.MOUSE;
+    var inputMethod = _analytics.INPUT_METHOD.BLOCK_MENU;
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var _api$blockMenu;
+      var tr = _ref2.tr;
+      var command = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(tr.doc.type.schema.nodes.decisionList, {
+        inputMethod: inputMethod,
+        triggeredFrom: triggeredFrom,
+        targetTypeName: 'decisionList'
+      });
+      return command ? command({
+        tr: tr
+      }) : null;
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    isSelected: isSelected,
+    onClick: onClick,
+    elemBefore: /*#__PURE__*/_react.default.createElement(_decision.default, {
+      label: ""
+    })
+  }, formatMessage(_messages.blockMenuMessages.decisionList));
+};

package/dist/cjs/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js

@@ -9,8 +9,8 @@ exports.TaskListBlockMenuItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
-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"));
 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); }
@@ -18,7 +18,10 @@ var TaskListBlockMenuItem = exports.TaskListBlockMenuItem = function TaskListBlo
   var api = _ref.api;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var selection = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'selection.selection');
+  var selection = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
   var isSelected = (0, _react.useMemo)(function () {
     return selection && selection.$from.parent.type.name === 'taskItem';
   }, [selection]);

package/dist/es2019/pm-plugins/main.js

@@ -19,9 +19,6 @@ function nodesBetweenChanged(tr, f, startPos) {
   if (!stepRange) {
     return;
   }
-
-  // @ts-ignore - Workaround for help-center local consumption
-
   tr.doc.nodesBetween(stepRange.from, stepRange.to, f, startPos);
 }
 
@@ -29,8 +26,6 @@ function nodesBetweenChanged(tr, f, startPos) {
 export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl, useLongPressSelection = false, hasEditPermission, hasRequestedEditPermission, requestToEditContent, taskPlaceholder) {
   return new SafePlugin({
     props: {
-      // @ts-ignore - Workaround for help-center local consumption
-
       nodeViews: {
         taskItem: taskView(api, getIntl(), taskPlaceholder),
         decisionItem: node => {
@@ -40,8 +35,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
           blockTaskItem: taskView(api, getIntl(), taskPlaceholder)
         } : {})
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       decorations(state) {
         const pluginState = stateKey.getState(state);
         if (pluginState !== null && pluginState !== void 0 && pluginState.decorations) {
@@ -49,8 +42,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
         }
         return DecorationSet.empty;
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleTextInput(view, from, to, text) {
         // When a decision item is selected and the user starts typing, the entire node
         // should be replaced with what was just typed. This custom text input handler
@@ -76,15 +67,11 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
       handleClickOn: createSelectionClickHandler(['decisionItem', 'taskItem'], target => target.hasAttribute('data-decision-wrapper') || target.getAttribute('aria-label') === 'Decision', {
         useLongPressSelection
       }),
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleDOMEvents: {
         // When the page is lazy loaded and task item is not yet available this allows
         // our toDOM implementation to toggle the node state
         change: taskItemOnChange
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleKeyDown: (view, event) => {
         const {
           state
@@ -183,8 +170,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
           }
         }
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       transformPasted: (slice, view) => {
         var _view$state, _view$state$schema, _view$state$schema$no;
         if (Boolean(view === null || view === void 0 ? void 0 : (_view$state = view.state) === null || _view$state === void 0 ? void 0 : (_view$state$schema = _view$state.schema) === null || _view$state$schema === void 0 ? void 0 : (_view$state$schema$no = _view$state$schema.nodes) === null || _view$state$schema$no === void 0 ? void 0 : _view$state$schema$no.blockTaskItem)) {
@@ -194,8 +179,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
       }
     },
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
-
       init() {
         return {
           insideTaskDecisionItem: false,
@@ -207,8 +190,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
           decorations: DecorationSet.empty
         };
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       apply(tr, pluginState) {
         const metaData = tr.getMeta(stateKey);
         const {
@@ -263,8 +244,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
           })]);
         } else {
           var _newPluginState$decor;
-          // @ts-ignore - Workaround for help-center local consumption
-
           decorations = (_newPluginState$decor = newPluginState.decorations) === null || _newPluginState$decor === void 0 ? void 0 : _newPluginState$decor.map(tr.mapping, tr.doc);
         }
         const newState = {
@@ -284,13 +263,9 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
      *
      * Note: we currently do not handle the edge case where two nodes may have the same localId
      */
-    // @ts-ignore - Workaround for help-center local consumption
-
     appendTransaction: (transactions, _oldState, newState) => {
       const tr = newState.tr;
       let modified = false;
-      // @ts-ignore - Workaround for help-center local consumption
-
       transactions.forEach(transaction => {
         if (!transaction.docChanged) {
           return;

package/dist/es2019/tasksAndDecisionsPlugin.js

@@ -4,7 +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 { TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
+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';
 import { IconAction, IconDecision } from '@atlaskit/editor-common/quick-insert';
@@ -23,6 +23,7 @@ import keymap, { getIndentCommand, getUnindentCommand } from './pm-plugins/keyma
 import { createPlugin } from './pm-plugins/main';
 import { stateKey as taskPluginKey } from './pm-plugins/plugin-key';
 import { toggleTaskList } from './pm-plugins/toggle-tasklist-commands';
+import { DecisionListBlockMenuItem } from './ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem';
 import { RequestToEditPopup } from './ui/Task/RequestToEditPopup';
 import { TaskListBlockMenuItem } from './ui/TaskListBlockMenuItem/TaskListBlockMenuItem';
 import { getTasksAndDecisionsToolbarComponents } from './ui/toolbar-components';
@@ -125,6 +126,17 @@ export const tasksAndDecisionsPlugin = ({
       component: () => /*#__PURE__*/React.createElement(TaskListBlockMenuItem, {
         api: api
       })
+    }, {
+      type: 'block-menu-item',
+      key: TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key,
+      parent: {
+        type: 'block-menu-section',
+        key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
+        rank: TRANSFORM_STRUCTURE_MENU_SECTION_RANK[TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key]
+      },
+      component: () => /*#__PURE__*/React.createElement(DecisionListBlockMenuItem, {
+        api: api
+      })
     }]);
   }
   return {

package/dist/es2019/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js

@@ -0,0 +1,45 @@
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { blockMenuMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import DecisionIcon from '@atlaskit/icon/core/decision';
+export const DecisionListBlockMenuItem = ({
+  api
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const selection = useSharedPluginStateWithSelector(api, ['selection'], states => {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
+  const isSelected = useMemo(() => {
+    return selection && selection.$from.parent.type.name === 'decisionItem';
+  }, [selection]);
+  const onClick = event => {
+    const triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? INPUT_METHOD.KEYBOARD : INPUT_METHOD.MOUSE;
+    const inputMethod = INPUT_METHOD.BLOCK_MENU;
+    api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+      tr
+    }) => {
+      var _api$blockMenu;
+      const command = api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(tr.doc.type.schema.nodes.decisionList, {
+        inputMethod,
+        triggeredFrom,
+        targetTypeName: 'decisionList'
+      });
+      return command ? command({
+        tr
+      }) : null;
+    });
+  };
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    isSelected: isSelected,
+    onClick: onClick,
+    elemBefore: /*#__PURE__*/React.createElement(DecisionIcon, {
+      label: ""
+    })
+  }, formatMessage(blockMenuMessages.decisionList));
+};

package/dist/es2019/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js

@@ -1,8 +1,8 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tasksAndDecisionsMessages } from '@atlaskit/editor-common/messages';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import TaskIcon from '@atlaskit/icon/core/task';
 export const TaskListBlockMenuItem = ({
@@ -11,7 +11,10 @@ export const TaskListBlockMenuItem = ({
   const {
     formatMessage
   } = useIntl();
-  const selection = useSharedPluginStateSelector(api, 'selection.selection');
+  const selection = useSharedPluginStateWithSelector(api, ['selection'], states => {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
   const isSelected = useMemo(() => {
     return selection && selection.$from.parent.type.name === 'taskItem';
   }, [selection]);

package/dist/esm/pm-plugins/main.js

@@ -24,9 +24,6 @@ function nodesBetweenChanged(tr, f, startPos) {
   if (!stepRange) {
     return;
   }
-
-  // @ts-ignore - Workaround for help-center local consumption
-
   tr.doc.nodesBetween(stepRange.from, stepRange.to, f, startPos);
 }
 
@@ -39,8 +36,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
   var taskPlaceholder = arguments.length > 9 ? arguments[9] : undefined;
   return new SafePlugin({
     props: {
-      // @ts-ignore - Workaround for help-center local consumption
-
       nodeViews: _objectSpread({
         taskItem: taskView(api, getIntl(), taskPlaceholder),
         decisionItem: function (node) {
@@ -49,7 +44,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
       }, expValEquals('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? {
         blockTaskItem: taskView(api, getIntl(), taskPlaceholder)
       } : {}),
-      // @ts-ignore - Workaround for help-center local consumption
       decorations: function decorations(state) {
         var pluginState = stateKey.getState(state);
         if (pluginState !== null && pluginState !== void 0 && pluginState.decorations) {
@@ -57,7 +51,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
         }
         return DecorationSet.empty;
       },
-      // @ts-ignore - Workaround for help-center local consumption
       handleTextInput: function handleTextInput(view, from, to, text) {
         // When a decision item is selected and the user starts typing, the entire node
         // should be replaced with what was just typed. This custom text input handler
@@ -81,15 +74,11 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
       }, {
         useLongPressSelection: useLongPressSelection
       }),
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleDOMEvents: {
         // When the page is lazy loaded and task item is not yet available this allows
         // our toDOM implementation to toggle the node state
         change: taskItemOnChange
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       handleKeyDown: function handleKeyDown(view, event) {
         var state = view.state;
         var selection = state.selection,
@@ -182,8 +171,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
           }
         }
       },
-      // @ts-ignore - Workaround for help-center local consumption
-
       transformPasted: function transformPasted(slice, view) {
         var _view$state;
         if (Boolean(view === null || view === void 0 || (_view$state = view.state) === null || _view$state === void 0 || (_view$state = _view$state.schema) === null || _view$state === void 0 || (_view$state = _view$state.nodes) === null || _view$state === void 0 ? void 0 : _view$state.blockTaskItem)) {
@@ -193,7 +180,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
       }
     },
     state: {
-      // @ts-ignore - Workaround for help-center local consumption
       init: function init() {
         return {
           insideTaskDecisionItem: false,
@@ -205,7 +191,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
           decorations: DecorationSet.empty
         };
       },
-      // @ts-ignore - Workaround for help-center local consumption
       apply: function apply(tr, pluginState) {
         var metaData = tr.getMeta(stateKey);
         var _ref = metaData !== null && metaData !== void 0 ? metaData : {
@@ -257,8 +242,6 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
           })]);
         } else {
           var _newPluginState$decor;
-          // @ts-ignore - Workaround for help-center local consumption
-
           decorations = (_newPluginState$decor = newPluginState.decorations) === null || _newPluginState$decor === void 0 ? void 0 : _newPluginState$decor.map(tr.mapping, tr.doc);
         }
         var newState = _objectSpread(_objectSpread({}, newPluginState), {}, {
@@ -277,13 +260,9 @@ export function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api,
      *
      * Note: we currently do not handle the edge case where two nodes may have the same localId
      */
-    // @ts-ignore - Workaround for help-center local consumption
-
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var tr = newState.tr;
       var modified = false;
-      // @ts-ignore - Workaround for help-center local consumption
-
       transactions.forEach(function (transaction) {
         if (!transaction.docChanged) {
           return;

package/dist/esm/tasksAndDecisionsPlugin.js

@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { decisionList, taskList } from '@atlaskit/adf-schema';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
+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';
 import { IconAction, IconDecision } from '@atlaskit/editor-common/quick-insert';
@@ -26,6 +26,7 @@ import keymap, { getIndentCommand, getUnindentCommand } from './pm-plugins/keyma
 import { createPlugin } from './pm-plugins/main';
 import { stateKey as taskPluginKey } from './pm-plugins/plugin-key';
 import { toggleTaskList } from './pm-plugins/toggle-tasklist-commands';
+import { DecisionListBlockMenuItem } from './ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem';
 import { RequestToEditPopup } from './ui/Task/RequestToEditPopup';
 import { TaskListBlockMenuItem } from './ui/TaskListBlockMenuItem/TaskListBlockMenuItem';
 import { getTasksAndDecisionsToolbarComponents } from './ui/toolbar-components';
@@ -130,6 +131,19 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref3) {
           api: api
         });
       }
+    }, {
+      type: 'block-menu-item',
+      key: TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key,
+      parent: {
+        type: 'block-menu-section',
+        key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
+        rank: TRANSFORM_STRUCTURE_MENU_SECTION_RANK[TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key]
+      },
+      component: function component() {
+        return /*#__PURE__*/React.createElement(DecisionListBlockMenuItem, {
+          api: api
+        });
+      }
     }]);
   }
   return {

package/dist/esm/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js

@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { blockMenuMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import DecisionIcon from '@atlaskit/icon/core/decision';
+export var DecisionListBlockMenuItem = function DecisionListBlockMenuItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var selection = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
+  var isSelected = useMemo(function () {
+    return selection && selection.$from.parent.type.name === 'decisionItem';
+  }, [selection]);
+  var onClick = function onClick(event) {
+    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? INPUT_METHOD.KEYBOARD : INPUT_METHOD.MOUSE;
+    var inputMethod = INPUT_METHOD.BLOCK_MENU;
+    api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
+      var _api$blockMenu;
+      var tr = _ref2.tr;
+      var command = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(tr.doc.type.schema.nodes.decisionList, {
+        inputMethod: inputMethod,
+        triggeredFrom: triggeredFrom,
+        targetTypeName: 'decisionList'
+      });
+      return command ? command({
+        tr: tr
+      }) : null;
+    });
+  };
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    isSelected: isSelected,
+    onClick: onClick,
+    elemBefore: /*#__PURE__*/React.createElement(DecisionIcon, {
+      label: ""
+    })
+  }, formatMessage(blockMenuMessages.decisionList));
+};

package/dist/esm/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js

@@ -1,15 +1,18 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tasksAndDecisionsMessages } from '@atlaskit/editor-common/messages';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import TaskIcon from '@atlaskit/icon/core/task';
 export var TaskListBlockMenuItem = function TaskListBlockMenuItem(_ref) {
   var api = _ref.api;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var selection = useSharedPluginStateSelector(api, 'selection.selection');
+  var selection = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
+    var _states$selectionStat;
+    return (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection;
+  });
   var isSelected = useMemo(function () {
     return selection && selection.$from.parent.type.name === 'taskItem';
   }, [selection]);

package/dist/types/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.d.ts

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

package/dist/types-ts4.5/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-tasks-and-decisions",
-	"version": "9.1.17",
+	"version": "9.1.19",
 	"description": "Tasks and decisions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.4.0",
+		"@atlaskit/adf-schema": "^51.5.1",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/css": "^0.17.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
@@ -49,14 +49,14 @@
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/prosemirror-input-rules": "^3.6.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^14.2.0",
+		"@atlaskit/tmp-editor-statsig": "^14.5.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.36.0",
+		"@atlaskit/editor-common": "^110.38.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"