@atlaskit/editor-plugin-tasks-and-decisions 21.0.10 → 22.0.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/editor-plugin-tasks-and-decisions
 
+## 22.0.0
+
+### Patch Changes
+
+- [`3b3e57040d2d0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b3e57040d2d0) -
+  Remove retired flexible-list feature controls and schema styles while preserving shipped list
+  normalization, hidden-marker rendering for wrapper list items, task paste and task-list tab
+  behavior, and toolbar indentation behavior.
+
+  Remove unused legacy list utilities after the flexible-list rollout: `flattenList`,
+  `normalizeListItemsSelection`, `hasValidListIndentationLevel`,
+  `processNestedTaskListsInSameLevel`, and `wrapTaskListIntoListAbove`. The
+  `@atlaskit/editor-common/lists/indentation` entrypoint is also removed.
+
+  Consumers of the removed runtime helpers should use the editor list plugin's indent/outdent
+  commands. The shared `FlattenedItem`, `FlattenListOptions`, and `FlattenListResult` types remain
+  available for the active list implementations.
+
+- Updated dependencies
+
+## 21.0.11
+
+### Patch Changes
+
+- [`88fb7a8d4013a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/88fb7a8d4013a) -
+  [ux] Add optional light and dark preview URLs to slash-command menu items and pass theme-aware
+  previews to supported commands when the `platform_editor_slash_command` experiment is enabled.
+- Updated dependencies
+
 ## 21.0.10
 
 ### Patch Changes

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

@@ -3,86 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapSelectionInTaskList = exports.liftSelection = exports.joinAtCut = void 0;
+exports.joinAtCut = void 0;
 var _commands = require("@atlaskit/editor-common/commands");
 var _lists = require("@atlaskit/editor-common/lists");
 var _transforms = require("@atlaskit/editor-common/transforms");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _helpers = require("./helpers");
-var _utils = require("./utils");
 var _paste = require("./utils/paste");
-var liftSelection = exports.liftSelection = function liftSelection(state, dispatch) {
-  var normalizedSelection = (0, _utils.normalizeTaskItemsSelection)(state.selection);
-  var $from = normalizedSelection.$from,
-    $to = normalizedSelection.$to;
-  var tr = (0, _helpers.liftBlock)(state.tr, $from, $to);
-  if (dispatch && tr) {
-    dispatch(tr);
-  }
-  return !!tr;
-};
-
-/**
- * Wraps the current selection in a task list, respecting a maximum indentation depth of 6 levels.
- *
- * - Normalizes the selection to ensure it covers complete task items.
- * - Determines the maximum depth of task list nesting within the selection.
- * - If the selection is already nested at or beyond the maximum depth, the command does nothing.
- * - Calculates the block range to wrap, handling both regular and block task items.
- * - Wraps the block in a task list to increase indentation or create a new task list if necessary.
- *
- * @param state - The current editor state.
- * @param dispatch - The dispatch function to apply the transaction.
- * @returns `true` if the command was handled (even if no changes were made), otherwise `false`.
- * @example
- * ```typescript
- * autoJoin(wrapSelectionInTaskList, ['taskList']))(state, dispatch);
- * ```
- */
-var wrapSelectionInTaskList = exports.wrapSelectionInTaskList = function wrapSelectionInTaskList(state, dispatch) {
-  var _normalizeTaskItemsSe = (0, _utils.normalizeTaskItemsSelection)(state.selection),
-    $from = _normalizeTaskItemsSe.$from,
-    $to = _normalizeTaskItemsSe.$to;
-
-  // limit ui indentation to 6 levels
-  var _state$schema$nodes = state.schema.nodes,
-    taskList = _state$schema$nodes.taskList,
-    taskItem = _state$schema$nodes.taskItem,
-    blockTaskItem = _state$schema$nodes.blockTaskItem;
-  var maxDepth = (0, _helpers.subtreeHeight)($from, $to, [taskList, taskItem]);
-  if (blockTaskItem) {
-    var resultOfFindBlockTaskItem = (0, _utils.findBlockTaskItem)($from);
-    if (resultOfFindBlockTaskItem) {
-      var hasParagraph = resultOfFindBlockTaskItem.hasParagraph;
-      // If the selection is inside a nested node inside the blockTaskItem
-      // Remove the difference in depth between the selection and the blockTaskItemNode
-      if (hasParagraph) {
-        maxDepth = (0, _helpers.subtreeHeight)($from, $to, [taskList, blockTaskItem]) - 1;
-      } else {
-        maxDepth = (0, _helpers.subtreeHeight)($from, $to, [taskList, blockTaskItem]);
-      }
-    }
-  }
-  if (maxDepth >= 6) {
-    return true;
-  }
-  var blockRange = (0, _helpers.getBlockRange)({
-    $from: $from,
-    $to: $to
-  });
-  if (!blockRange) {
-    return true;
-  }
-  var wrapping = (0, _transform.findWrapping)(blockRange, state.schema.nodes.taskList);
-  if (!wrapping) {
-    return true;
-  }
-  if (dispatch) {
-    dispatch(state.tr.wrap(blockRange, wrapping).scrollIntoView());
-  }
-  return true;
-};
-
 /**
  * Tries to move the paragraph content near the given position into the taskItem or decisionItem
  * before it.

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

@@ -15,7 +15,7 @@ exports.getTaskItemDataToFocus = getTaskItemDataToFocus;
 exports.liftBlock = exports.isTable = exports.isInsideTaskOrDecisionItem = exports.isInsideTask = exports.isInsideDecision = exports.isInLastTextblockOfBlockTaskItem = exports.isInFirstTextblockOfBlockTaskItem = exports.isEmptyTaskDecision = exports.isActionOrDecisionList = exports.isActionOrDecisionItem = exports.getTaskItemIndex = void 0;
 exports.openRequestEditPopupAt = openRequestEditPopupAt;
 exports.removeCheckboxFocus = removeCheckboxFocus;
-exports.walkOut = exports.subtreeHeight = void 0;
+exports.walkOut = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
@@ -213,56 +213,6 @@ var walkOut = exports.walkOut = function walkOut($startPos) {
   return $pos;
 };
 
-/**
- * Finds the height of a tree-like structure, given any position inside it.
- *
- * Traverses from the top of the tree to all leaf nodes, and returns the length
- * of the longest path.
- *
- * This means you can use it with things like taskList, which
- * do not nest themselves inside taskItems but rather as adjacent children.
- *
- * @param $pos Any position inside the tree.
- * @param types The node types to consider traversable
- */
-var subtreeHeight = exports.subtreeHeight = function subtreeHeight($from, $to, types) {
-  var root = (0, _utils.findFarthestParentNode)(function (node) {
-    return types.indexOf(node.type) > -1;
-  })($from);
-  if (!root) {
-    return -1;
-  }
-
-  // get the height between the root and the current position
-  var distToParent = $from.depth - root.depth;
-
-  // include any following taskList since nested lists appear
-  // as siblings
-  //
-  // this is unlike regular bullet lists where the orderedList
-  // appears as descendent of listItem
-  var blockRange = getBlockRange({
-    $from: $from,
-    $to: $to
-  });
-  if (!blockRange) {
-    return -1;
-  }
-
-  // and get the max height from the current position to the
-  // deepest leaf node
-  var maxChildDepth = $from.depth;
-  $from.doc.nodesBetween(blockRange.start, blockRange.end, function (descendent, relPos, _parent) {
-    maxChildDepth = Math.max($from.doc.resolve(relPos).depth, maxChildDepth);
-
-    // keep descending down the tree if we can
-    if (types.indexOf(descendent.type) > -1) {
-      return true;
-    }
-  });
-  return distToParent + (maxChildDepth - $from.depth);
-};
-
 /**
  * Determines if the current selection is inside an empty taskItem, decisionItem, or blockTaskItem.
  *

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

@@ -20,7 +20,6 @@ var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _moveSelectedTaskListItems = require("./actions/move-selected-task-list-items");
 var _commands2 = require("./commands");
 var _helpers = require("./helpers");
@@ -108,24 +107,18 @@ var getUnindentCommand = exports.getUnindentCommand = function getUnindentComman
     return (0, _utils.filterCommand)(_helpers.isInsideTask, function (state, dispatch) {
       var normalizedSelection = (0, _utils3.normalizeTaskItemsSelection)(state.selection);
       var curIndentLevel = (0, _helpers.getCurrentIndentLevel)(normalizedSelection);
-      if ((0, _expValEquals.expValEquals)('platform_editor_flexible_list_indentation', 'isEnabled', true)) {
-        if (!curIndentLevel) {
-          return true;
-        }
-        var outdentTr = (0, _moveSelectedTaskListItems.moveSelectedTaskListItems)(state.tr, -1);
-        if (outdentTr) {
-          (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, indentationAnalytics(curIndentLevel, _analytics.INDENT_DIRECTION.OUTDENT, inputMethod))(function (_state, d) {
-            d === null || d === void 0 || d(outdentTr);
-            return true;
-          })(state, dispatch);
-          return true;
-        }
-        return false;
+      if (!curIndentLevel) {
+        return true;
       }
-      if (!curIndentLevel || curIndentLevel === 1) {
-        return false;
+      var outdentTr = (0, _moveSelectedTaskListItems.moveSelectedTaskListItems)(state.tr, -1);
+      if (outdentTr) {
+        (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, indentationAnalytics(curIndentLevel, _analytics.INDENT_DIRECTION.OUTDENT, inputMethod))(function (_state, d) {
+          d === null || d === void 0 || d(outdentTr);
+          return true;
+        })(state, dispatch);
+        return true;
       }
-      return (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, indentationAnalytics(curIndentLevel, _analytics.INDENT_DIRECTION.OUTDENT, inputMethod))((0, _commands.autoJoin)(_commands2.liftSelection, ['taskList']))(state, dispatch);
+      return false;
     });
   };
 };
@@ -152,24 +145,18 @@ var getIndentCommand = exports.getIndentCommand = function getIndentCommand(edit
     return (0, _utils.filterCommand)(_helpers.isInsideTask, function (state, dispatch) {
       var normalizedSelection = (0, _utils3.normalizeTaskItemsSelection)(state.selection);
       var curIndentLevel = (0, _helpers.getCurrentIndentLevel)(normalizedSelection);
-      if ((0, _expValEquals.expValEquals)('platform_editor_flexible_list_indentation', 'isEnabled', true)) {
-        if (!curIndentLevel) {
-          return true;
-        }
-        var indentTr = (0, _moveSelectedTaskListItems.moveSelectedTaskListItems)(state.tr, 1);
-        if (indentTr) {
-          (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, indentationAnalytics(curIndentLevel, _analytics.INDENT_DIRECTION.INDENT, inputMethod))(function (_state, d) {
-            d === null || d === void 0 || d(indentTr);
-            return true;
-          })(state, dispatch);
-          return true;
-        }
-        return false;
+      if (!curIndentLevel) {
+        return true;
       }
-      if (!curIndentLevel || curIndentLevel >= 6) {
+      var indentTr = (0, _moveSelectedTaskListItems.moveSelectedTaskListItems)(state.tr, 1);
+      if (indentTr) {
+        (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, indentationAnalytics(curIndentLevel, _analytics.INDENT_DIRECTION.INDENT, inputMethod))(function (_state, d) {
+          d === null || d === void 0 || d(indentTr);
+          return true;
+        })(state, dispatch);
         return true;
       }
-      return (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, indentationAnalytics(curIndentLevel, _analytics.INDENT_DIRECTION.INDENT, inputMethod))((0, _commands.autoJoin)(_commands2.wrapSelectionInTaskList, ['taskList']))(state, dispatch);
+      return false;
     });
   };
 };
@@ -607,13 +594,12 @@ var enter = function enter(editorAnalyticsAPI, getContextIdentifier) {
           tr.insert(insertPos, newTask);
           // Place cursor on the newly inserted empty task item above
           // when nested inside another taskList.
-          if ((0, _expValEquals.expValEquals)('platform_editor_flexible_list_indentation', 'isEnabled', true)) {
-            var taskListType = schema.nodes.taskList;
-            var parentTaskList = $from.node($from.depth - 1);
-            var grandparent = $from.depth >= 3 ? $from.node($from.depth - 2) : null;
-            if ((parentTaskList === null || parentTaskList === void 0 ? void 0 : parentTaskList.type) === taskListType && (grandparent === null || grandparent === void 0 ? void 0 : grandparent.type) === taskListType) {
-              tr.setSelection(_state2.TextSelection.create(tr.doc, insertPos + 1));
-            }
+
+          var taskListType = schema.nodes.taskList;
+          var parentTaskList = $from.node($from.depth - 1);
+          var grandparent = $from.depth >= 3 ? $from.node($from.depth - 2) : null;
+          if ((parentTaskList === null || parentTaskList === void 0 ? void 0 : parentTaskList.type) === taskListType && (grandparent === null || grandparent === void 0 ? void 0 : grandparent.type) === taskListType) {
+            tr.setSelection(_state2.TextSelection.create(tr.doc, insertPos + 1));
           }
           return tr;
         }

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

@@ -15,14 +15,12 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _DecisionItemNodeView = require("../nodeviews/DecisionItemNodeView");
 var _taskNodeView = require("../nodeviews/task-node-view");
 var _actions = require("./actions");
 var _helpers = require("./helpers");
 var _pluginKey = require("./plugin-key");
 var _taskItemOnChange = require("./taskItemOnChange");
-var _transforms = require("./transforms");
 var _types = require("./types");
 var _paste = require("./utils/paste");
 var _excluded = ["localId"];
@@ -270,24 +268,6 @@ function createPlugin(portalProviderAPI, eventDispatcher, dispatch, api, getIntl
      * Note: we currently do not handle the edge case where two nodes may have the same localId
      */
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
-      // Normalise taskList structure first — runs on its own transaction (without addToHistory: false)
-      // so it is included in history and correctly undone with the triggering operation.
-      if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && transactions.some(function (t) {
-        return t.docChanged;
-      })) {
-        var normTr = (0, _transforms.applyTaskListNormalisationFixes)({
-          tr: newState.tr,
-          transactions: transactions,
-          doc: newState.doc,
-          schema: newState.schema
-        });
-        if (normTr.docChanged) {
-          // Return the normalisation transaction — the next appendTransaction call will
-          // assign any missing localIds to newly inserted nodes via the localId path below.
-          return normTr;
-        }
-      }
-
       // Assign unique localIds to any new nodes that don't have one.
       // Runs with addToHistory: false so localId assignment is not part of the undo history.
       var tr = newState.tr;

package/dist/cjs/pm-plugins/task-list-indentation.js

@@ -6,16 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.flattenTaskList = flattenTaskList;
 exports.rebuildTaskList = rebuildTaskList;
 var _uuid = require("@atlaskit/adf-schema/uuid");
-var _lists = require("@atlaskit/editor-common/lists");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
- * Flattens a taskList into one item per task item, recording which items the
- * selection touches.
+ * Flattens a taskList tree into an array of task items with computed depths.
+ * Only selected items have their depth adjusted by indentDelta.
  */
-function flattenTaskListImpl(options) {
+function flattenTaskList(options) {
   var doc = options.doc,
     rootListStart = options.rootListStart,
     rootListEnd = options.rootListEnd,
@@ -72,35 +70,6 @@ function flattenTaskListImpl(options) {
   };
 }
 
-/**
- * Flattens a taskList tree into an array of task items with computed depths.
- * Only selected items have their depth adjusted by indentDelta.
- */
-function flattenTaskList(options) {
-  if ((0, _fg.fg)('platform_editor_flexible_list_normalization_fix')) {
-    return flattenTaskListImpl(options);
-  }
-  var _options$doc$type$sch = options.doc.type.schema.nodes,
-    taskList = _options$doc$type$sch.taskList,
-    taskItem = _options$doc$type$sch.taskItem,
-    blockTaskItem = _options$doc$type$sch.blockTaskItem;
-  return (0, _lists.flattenList)(options, {
-    isContentNode: function isContentNode(node, parent) {
-      var isTaskItemType = node.type === taskItem || blockTaskItem != null && node.type === blockTaskItem;
-      return isTaskItemType && parent != null && parent.type === taskList;
-    },
-    getSelectionBounds: function getSelectionBounds(node, pos) {
-      return {
-        start: pos,
-        end: pos + node.nodeSize
-      };
-    },
-    getDepth: function getDepth(resolvedDepth, rootDepth) {
-      return resolvedDepth - rootDepth - 1;
-    }
-  });
-}
-
 // Each stack entry collects children for a taskList at a given depth.
 // The root entry (depth -1) is special: its children become the content
 // of the outermost taskList directly (not wrapped in another taskList).

package/dist/cjs/tasksAndDecisionsPlugin.js

@@ -27,7 +27,6 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _helpers = require("./pm-plugins/helpers");
 var _inputRules = _interopRequireDefault(require("./pm-plugins/input-rules"));
@@ -208,13 +207,11 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
       }
       var pluginState = _pluginKey.stateKey.getState(editorState);
       var indentLevel = (0, _helpers.getCurrentIndentLevel)(editorState.selection) || 0;
-      var itemIndex = (0, _helpers.getTaskItemIndex)(editorState);
-      var isFlexibleListIndentationEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_indentation', 'isEnabled', true);
       return {
         focusedTaskItemLocalId: (pluginState === null || pluginState === void 0 ? void 0 : pluginState.focusedTaskItemLocalId) || null,
         isInsideTask: (0, _helpers.isInsideTask)(editorState),
-        indentDisabled: !isFlexibleListIndentationEnabled && itemIndex === 0 || indentLevel >= _indentation.MAX_INDENTATION_LEVEL,
-        outdentDisabled: isFlexibleListIndentationEnabled ? indentLevel <= 0 : indentLevel <= 1,
+        indentDisabled: indentLevel >= _indentation.MAX_INDENTATION_LEVEL,
+        outdentDisabled: indentLevel <= 0,
         // hasEditPermission is assumed to be true if pluginState.hasEditPermission is undefined
         // this allows the default plugin state to initialise as true if the extra configuration is not provided
         hasEditPermission: (pluginState === null || pluginState === void 0 ? void 0 : pluginState.hasEditPermission) !== undefined ? pluginState === null || pluginState === void 0 ? void 0 : pluginState.hasEditPermission : true,

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

@@ -18,7 +18,8 @@ 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;
+    item = _ref.item,
+    previewImageUrls = _ref.previewImageUrls;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['contextIdentifier'], function (states) {
@@ -58,6 +59,7 @@ var TasksAndDecisionsQuickInsertMenuItem = exports.TasksAndDecisionsQuickInsertM
       label: ""
     }),
     onSelect: onSelect,
+    previewImageUrls: previewImageUrls,
     shortcut: isAction ? '[]' : '<>',
     title: formatMessage(isAction ? _messages.toolbarInsertBlockMessages.action : _messages.toolbarInsertBlockMessages.decision)
   });

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

@@ -11,6 +11,14 @@ var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/cr
 var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _rank = require("@atlaskit/editor-common/quick-insert/rank");
 var _TasksAndDecisionsQuickInsertMenuItem = require("./TasksAndDecisionsQuickInsertMenuItem");
+var taskPreviewImageUrls = {
+  light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/y5ly4nr488m2m4k4esk1bu415k1gn4gn.png',
+  dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/t7loyl783j0qo1h45i828310rv4au3h8.png'
+};
+var decisionPreviewImageUrls = {
+  light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/h5duy8s83312r7263jauu10mapc53383.png',
+  dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/70q22b8a03dep35ynbv8xigg82osw0rk.png'
+};
 var getTasksAndDecisionsQuickInsertComponents = exports.getTasksAndDecisionsQuickInsertComponents = function getTasksAndDecisionsQuickInsertComponents(_ref) {
   var api = _ref.api,
     quickInsertActionDescription = _ref.quickInsertActionDescription;
@@ -34,7 +42,8 @@ var getTasksAndDecisionsQuickInsertComponents = exports.getTasksAndDecisionsQuic
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_TasksAndDecisionsQuickInsertMenuItem.TasksAndDecisionsQuickInsertMenuItem, {
         api: api,
-        item: "taskList"
+        item: "taskList",
+        previewImageUrls: taskPreviewImageUrls
       });
     }
   }, {
@@ -57,7 +66,8 @@ var getTasksAndDecisionsQuickInsertComponents = exports.getTasksAndDecisionsQuic
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_TasksAndDecisionsQuickInsertMenuItem.TasksAndDecisionsQuickInsertMenuItem, {
         api: api,
-        item: "decisionList"
+        item: "decisionList",
+        previewImageUrls: decisionPreviewImageUrls
       });
     }
   }];

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

@@ -1,87 +1,9 @@
 import { findCutBefore } from '@atlaskit/editor-common/commands';
 import { getFirstParagraphBlockMarkAttrs } from '@atlaskit/editor-common/lists';
 import { isTaskList } from '@atlaskit/editor-common/transforms';
-import { findWrapping, ReplaceAroundStep } from '@atlaskit/editor-prosemirror/transform';
-import { getBlockRange, isActionOrDecisionItem, isActionOrDecisionList, liftBlock, subtreeHeight } from './helpers';
-import { findBlockTaskItem, normalizeTaskItemsSelection } from './utils';
+import { ReplaceAroundStep } from '@atlaskit/editor-prosemirror/transform';
+import { isActionOrDecisionItem, isActionOrDecisionList } from './helpers';
 import { normalizeNodeForTaskTextSize } from './utils/paste';
-export const liftSelection = (state, dispatch) => {
-  const normalizedSelection = normalizeTaskItemsSelection(state.selection);
-  const {
-    $from,
-    $to
-  } = normalizedSelection;
-  const tr = liftBlock(state.tr, $from, $to);
-  if (dispatch && tr) {
-    dispatch(tr);
-  }
-  return !!tr;
-};
-
-/**
- * Wraps the current selection in a task list, respecting a maximum indentation depth of 6 levels.
- *
- * - Normalizes the selection to ensure it covers complete task items.
- * - Determines the maximum depth of task list nesting within the selection.
- * - If the selection is already nested at or beyond the maximum depth, the command does nothing.
- * - Calculates the block range to wrap, handling both regular and block task items.
- * - Wraps the block in a task list to increase indentation or create a new task list if necessary.
- *
- * @param state - The current editor state.
- * @param dispatch - The dispatch function to apply the transaction.
- * @returns `true` if the command was handled (even if no changes were made), otherwise `false`.
- * @example
- * ```typescript
- * autoJoin(wrapSelectionInTaskList, ['taskList']))(state, dispatch);
- * ```
- */
-export const wrapSelectionInTaskList = (state, dispatch) => {
-  const {
-    $from,
-    $to
-  } = normalizeTaskItemsSelection(state.selection);
-
-  // limit ui indentation to 6 levels
-  const {
-    taskList,
-    taskItem,
-    blockTaskItem
-  } = state.schema.nodes;
-  let maxDepth = subtreeHeight($from, $to, [taskList, taskItem]);
-  if (blockTaskItem) {
-    const resultOfFindBlockTaskItem = findBlockTaskItem($from);
-    if (resultOfFindBlockTaskItem) {
-      const {
-        hasParagraph
-      } = resultOfFindBlockTaskItem;
-      // If the selection is inside a nested node inside the blockTaskItem
-      // Remove the difference in depth between the selection and the blockTaskItemNode
-      if (hasParagraph) {
-        maxDepth = subtreeHeight($from, $to, [taskList, blockTaskItem]) - 1;
-      } else {
-        maxDepth = subtreeHeight($from, $to, [taskList, blockTaskItem]);
-      }
-    }
-  }
-  if (maxDepth >= 6) {
-    return true;
-  }
-  const blockRange = getBlockRange({
-    $from,
-    $to
-  });
-  if (!blockRange) {
-    return true;
-  }
-  const wrapping = findWrapping(blockRange, state.schema.nodes.taskList);
-  if (!wrapping) {
-    return true;
-  }
-  if (dispatch) {
-    dispatch(state.tr.wrap(blockRange, wrapping).scrollIntoView());
-  }
-  return true;
-};
 
 /**
  * Tries to move the paragraph content near the given position into the taskItem or decisionItem

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

@@ -203,54 +203,6 @@ export const walkOut = $startPos => {
   return $pos;
 };
 
-/**
- * Finds the height of a tree-like structure, given any position inside it.
- *
- * Traverses from the top of the tree to all leaf nodes, and returns the length
- * of the longest path.
- *
- * This means you can use it with things like taskList, which
- * do not nest themselves inside taskItems but rather as adjacent children.
- *
- * @param $pos Any position inside the tree.
- * @param types The node types to consider traversable
- */
-export const subtreeHeight = ($from, $to, types) => {
-  const root = findFarthestParentNode(node => types.indexOf(node.type) > -1)($from);
-  if (!root) {
-    return -1;
-  }
-
-  // get the height between the root and the current position
-  const distToParent = $from.depth - root.depth;
-
-  // include any following taskList since nested lists appear
-  // as siblings
-  //
-  // this is unlike regular bullet lists where the orderedList
-  // appears as descendent of listItem
-  const blockRange = getBlockRange({
-    $from,
-    $to
-  });
-  if (!blockRange) {
-    return -1;
-  }
-
-  // and get the max height from the current position to the
-  // deepest leaf node
-  let maxChildDepth = $from.depth;
-  $from.doc.nodesBetween(blockRange.start, blockRange.end, (descendent, relPos, _parent) => {
-    maxChildDepth = Math.max($from.doc.resolve(relPos).depth, maxChildDepth);
-
-    // keep descending down the tree if we can
-    if (types.indexOf(descendent.type) > -1) {
-      return true;
-    }
-  });
-  return distToParent + (maxChildDepth - $from.depth);
-};
-
 /**
  * Determines if the current selection is inside an empty taskItem, decisionItem, or blockTaskItem.
  *