@atlaskit/editor-common 77.3.0 → 77.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 77.3.1
+
+### Patch Changes
+
+- [#71503](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71503) [`2e81432d605a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2e81432d605a) - [ux] ED-21943 Fixed outdent behaviour when multiple lists at same level including TaskList, and add relevant testcases.
+
 ## 77.3.0
 
 ### Minor Changes

package/dist/cjs/lists/index.js

@@ -87,6 +87,12 @@ Object.defineProperty(exports, "normalizeListItemsSelection", {
     return _selection.normalizeListItemsSelection;
   }
 });
+Object.defineProperty(exports, "processNestedTaskListsInSameLevel", {
+  enumerable: true,
+  get: function get() {
+    return _node.processNestedTaskListsInSameLevel;
+  }
+});
 var _selection = require("./selection");
 var _replaceContent = require("./replace-content");
 var _node = require("./node");

package/dist/cjs/lists/node.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.JoinDirection = void 0;
 exports.isListNodeValidContent = isListNodeValidContent;
-exports.joinSiblingLists = void 0;
+exports.processNestedTaskListsInSameLevel = exports.joinSiblingLists = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../utils");
+var _replaceContent = require("./replace-content");
 function isListNodeValidContent(node) {
   var bulletList = node.type.schema.nodes.bulletList;
   if (!bulletList) {
@@ -104,4 +105,79 @@ var joinSiblingLists = exports.joinSiblingLists = function joinSiblingLists(_ref
     tr.join(joins[i]);
   }
   return result;
+};
+
+/**
+ * Returns the prosemirror position for the child at give index inside the parent node.
+ * Example: Considering doc structure as below using the function
+ *          passing parent resolved position for li and index 2
+ *          would return starting position of taskList
+ * DOC STRUCTURE:
+ * ol()
+ *  ( li(
+ *      p('text'),
+ *      ul(content),
+ *      taskList(),
+ *    )
+ *  )
+ * @param $from Starting resolved position for the parent node of the child we are looking for.
+ * @param index Index of the child node we want the position for.
+ * @returns
+ */
+var findStartPositionOfChildWithIndex = function findStartPositionOfChildWithIndex($from, index) {
+  var parent = $from.node();
+  var currentPos = $from.pos + 1;
+  for (var i = 0; i < index; i++) {
+    currentPos += parent.child(i).nodeSize;
+  }
+  return currentPos;
+};
+var findGrandParentResolvedPos = function findGrandParentResolvedPos(tr, $from) {
+  return $from.depth > 2 ? tr.doc.resolve($from.start($from.depth - 2)) : null;
+};
+var findNestedTaskListsIndexAtSameLevel = function findNestedTaskListsIndexAtSameLevel(tr, $from) {
+  /*
+    Currently our cursor would be inside a pargraph of a list of type numbered/bullet list,
+    we need to find the grandparent of the cursor which is the list at same level of taskList.
+    We can get the root list item(inside which various lists are being resolved before outdenting) by going one depth above that list.
+  */
+  var nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
+  var rootListItem = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.node(nestedListResolvedPos.depth - 1);
+  var nestedTaskListsIndexes = [];
+  var rootListItemChildCount = (rootListItem === null || rootListItem === void 0 ? void 0 : rootListItem.childCount) || 0;
+  // first child of list item is always paragraph (i = 0) so we start from 1
+  for (var i = 1; i < rootListItemChildCount; i++) {
+    if ((rootListItem === null || rootListItem === void 0 ? void 0 : rootListItem.child(i).type.name) === 'taskList') {
+      nestedTaskListsIndexes.push(i);
+    }
+  }
+  return nestedTaskListsIndexes;
+};
+var processNestedTaskListsInSameLevel = exports.processNestedTaskListsInSameLevel = function processNestedTaskListsInSameLevel(tr) {
+  var $from = tr.selection.$from;
+  var nestedTaskListIndexes = findNestedTaskListsIndexAtSameLevel(tr, $from);
+  if (nestedTaskListIndexes.length === 0) {
+    return;
+  }
+  var nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
+  var rootListItemStart = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.start(nestedListResolvedPos.depth - 1);
+
+  /* We need not wrap the taskList present above other lists since it doesn't affect the flow. */
+  var nestedTaskListIndexesToWrap = nestedTaskListIndexes.filter(function (index) {
+    return index > 1;
+  });
+
+  /*
+    Wraps the taskLists present at each index mentioned in the nestedTaskListIndexesToWrap to the list above it.
+    After each wrap the indexes changes since two lists are being merged into one,
+    so we keep track of it and use it to access actual calculated taskList indexes.
+  */
+  if (rootListItemStart) {
+    var taskListsFixedNested = 0;
+    nestedTaskListIndexesToWrap.forEach(function (index) {
+      (0, _replaceContent.wrapTaskListIntoListAbove)(tr, findStartPositionOfChildWithIndex(tr.doc.resolve(rootListItemStart), index - taskListsFixedNested), findStartPositionOfChildWithIndex(tr.doc.resolve(rootListItemStart), index - 1 - taskListsFixedNested));
+      taskListsFixedNested++;
+    });
+  }
+  return;
 };

package/dist/cjs/lists/replace-content.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.moveTargetIntoList = void 0;
+exports.wrapTaskListIntoListAbove = exports.moveTargetIntoList = void 0;
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var moveTargetIntoList = exports.moveTargetIntoList = function moveTargetIntoList(_ref) {
   var _$target$nodeAfter;
@@ -20,4 +21,27 @@ var moveTargetIntoList = exports.moveTargetIntoList = function moveTargetIntoLis
   }
   var step = new _transform.ReplaceAroundStep(from, to, gapFrom, gapTo, $target.doc.slice(insertPosition, $target.pos), 0, true);
   return step;
+};
+var wrapTaskListIntoListAbove = exports.wrapTaskListIntoListAbove = function wrapTaskListIntoListAbove(tr, taskListStart, previousListStart) {
+  var $taskListStart = tr.doc.resolve(taskListStart);
+
+  /* Safecheck: if not passed a taskList node, return */
+  if ($taskListStart.node().type.name !== 'taskList') {
+    return;
+  }
+  var $previousListStart = tr.doc.resolve(previousListStart);
+  var taskList = tr.doc.slice($taskListStart.pos, $taskListStart.after());
+  var frag = _model.Fragment.from(taskList.content);
+
+  /*
+    Delete the existing taskList at the same level and insert inside above list provided
+    1. To delete the tasklist, we need wrapping positions before and after it to completely delete it.
+      $taskListStart.after() would give us closing position enclosed by node itself using it would remove only the contents of taskList
+      so we add 1 to it to get the position after the taskList node and completly remove it.
+    2. Inserting the taskList at the end() position safe inserts the taskList to next available position which would lead to deleting and inserting taskList at same place.
+      Reason: $previousListStart.end() gives us end position of listItem but we can add content only inside listItem not at same level
+      so we subtract 1 to get the position inside the list item and insert the TaskList same level as paragraph/content inside listItem.
+  */
+  tr.delete($taskListStart.before(), $taskListStart.after() + 1);
+  tr.insert($previousListStart.end() - 1, frag);
 };

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "77.3.0";
+var packageVersion = "77.3.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/ui/DropList/index.js

@@ -22,7 +22,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "77.3.0";
+var packageVersion = "77.3.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/lists/index.js

@@ -1,6 +1,6 @@
 export { getListItemAttributes, normalizeListItemsSelection } from './selection';
 export { moveTargetIntoList } from './replace-content';
-export { JoinDirection, isListNodeValidContent, joinSiblingLists } from './node';
+export { JoinDirection, isListNodeValidContent, joinSiblingLists, processNestedTaskListsInSameLevel } from './node';
 export { getCommonListAnalyticsAttributes, countListItemsInSelection } from './analytics';
 export { hasValidListIndentationLevel } from './indentation';
 export { isListNode, isListItemNode, isBulletList, isParagraphNode } from '../utils';

package/dist/es2019/lists/node.js

@@ -1,6 +1,7 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { isListItemNode, isListNode, isOrderedList, isOrderedListContinuous } from '../utils';
+import { wrapTaskListIntoListAbove } from './replace-content';
 export function isListNodeValidContent(node) {
   const {
     bulletList
@@ -106,4 +107,79 @@ export const joinSiblingLists = ({
     tr.join(joins[i]);
   }
   return result;
+};
+
+/**
+ * Returns the prosemirror position for the child at give index inside the parent node.
+ * Example: Considering doc structure as below using the function
+ *          passing parent resolved position for li and index 2
+ *          would return starting position of taskList
+ * DOC STRUCTURE:
+ * ol()
+ *  ( li(
+ *      p('text'),
+ *      ul(content),
+ *      taskList(),
+ *    )
+ *  )
+ * @param $from Starting resolved position for the parent node of the child we are looking for.
+ * @param index Index of the child node we want the position for.
+ * @returns
+ */
+const findStartPositionOfChildWithIndex = ($from, index) => {
+  const parent = $from.node();
+  let currentPos = $from.pos + 1;
+  for (let i = 0; i < index; i++) {
+    currentPos += parent.child(i).nodeSize;
+  }
+  return currentPos;
+};
+const findGrandParentResolvedPos = (tr, $from) => {
+  return $from.depth > 2 ? tr.doc.resolve($from.start($from.depth - 2)) : null;
+};
+const findNestedTaskListsIndexAtSameLevel = (tr, $from) => {
+  /*
+    Currently our cursor would be inside a pargraph of a list of type numbered/bullet list,
+    we need to find the grandparent of the cursor which is the list at same level of taskList.
+    We can get the root list item(inside which various lists are being resolved before outdenting) by going one depth above that list.
+  */
+  const nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
+  const rootListItem = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.node(nestedListResolvedPos.depth - 1);
+  const nestedTaskListsIndexes = [];
+  const rootListItemChildCount = (rootListItem === null || rootListItem === void 0 ? void 0 : rootListItem.childCount) || 0;
+  // first child of list item is always paragraph (i = 0) so we start from 1
+  for (let i = 1; i < rootListItemChildCount; i++) {
+    if ((rootListItem === null || rootListItem === void 0 ? void 0 : rootListItem.child(i).type.name) === 'taskList') {
+      nestedTaskListsIndexes.push(i);
+    }
+  }
+  return nestedTaskListsIndexes;
+};
+export const processNestedTaskListsInSameLevel = tr => {
+  const {
+    $from
+  } = tr.selection;
+  const nestedTaskListIndexes = findNestedTaskListsIndexAtSameLevel(tr, $from);
+  if (nestedTaskListIndexes.length === 0) {
+    return;
+  }
+  const nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
+  const rootListItemStart = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.start(nestedListResolvedPos.depth - 1);
+
+  /* We need not wrap the taskList present above other lists since it doesn't affect the flow. */
+  const nestedTaskListIndexesToWrap = nestedTaskListIndexes.filter(index => index > 1);
+
+  /*
+    Wraps the taskLists present at each index mentioned in the nestedTaskListIndexesToWrap to the list above it.
+    After each wrap the indexes changes since two lists are being merged into one,
+    so we keep track of it and use it to access actual calculated taskList indexes.
+  */
+  if (rootListItemStart) {
+    let taskListsFixedNested = 0;
+    nestedTaskListIndexesToWrap.forEach(index => {
+      wrapTaskListIntoListAbove(tr, findStartPositionOfChildWithIndex(tr.doc.resolve(rootListItemStart), index - taskListsFixedNested), findStartPositionOfChildWithIndex(tr.doc.resolve(rootListItemStart), index - 1 - taskListsFixedNested));
+      taskListsFixedNested++;
+    });
+  }
+  return;
 };

package/dist/es2019/lists/replace-content.js

@@ -1,3 +1,4 @@
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export const moveTargetIntoList = ({
   insertPosition,
@@ -15,4 +16,27 @@ export const moveTargetIntoList = ({
   }
   const step = new ReplaceAroundStep(from, to, gapFrom, gapTo, $target.doc.slice(insertPosition, $target.pos), 0, true);
   return step;
+};
+export const wrapTaskListIntoListAbove = (tr, taskListStart, previousListStart) => {
+  const $taskListStart = tr.doc.resolve(taskListStart);
+
+  /* Safecheck: if not passed a taskList node, return */
+  if ($taskListStart.node().type.name !== 'taskList') {
+    return;
+  }
+  const $previousListStart = tr.doc.resolve(previousListStart);
+  const taskList = tr.doc.slice($taskListStart.pos, $taskListStart.after());
+  const frag = Fragment.from(taskList.content);
+
+  /*
+    Delete the existing taskList at the same level and insert inside above list provided
+    1. To delete the tasklist, we need wrapping positions before and after it to completely delete it.
+      $taskListStart.after() would give us closing position enclosed by node itself using it would remove only the contents of taskList
+      so we add 1 to it to get the position after the taskList node and completly remove it.
+    2. Inserting the taskList at the end() position safe inserts the taskList to next available position which would lead to deleting and inserting taskList at same place.
+      Reason: $previousListStart.end() gives us end position of listItem but we can add content only inside listItem not at same level
+      so we subtract 1 to get the position inside the list item and insert the TaskList same level as paragraph/content inside listItem.
+  */
+  tr.delete($taskListStart.before(), $taskListStart.after() + 1);
+  tr.insert($previousListStart.end() - 1, frag);
 };

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "77.3.0";
+const packageVersion = "77.3.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/ui/DropList/index.js

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "77.3.0";
+const packageVersion = "77.3.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/lists/index.js

@@ -1,6 +1,6 @@
 export { getListItemAttributes, normalizeListItemsSelection } from './selection';
 export { moveTargetIntoList } from './replace-content';
-export { JoinDirection, isListNodeValidContent, joinSiblingLists } from './node';
+export { JoinDirection, isListNodeValidContent, joinSiblingLists, processNestedTaskListsInSameLevel } from './node';
 export { getCommonListAnalyticsAttributes, countListItemsInSelection } from './analytics';
 export { hasValidListIndentationLevel } from './indentation';
 export { isListNode, isListItemNode, isBulletList, isParagraphNode } from '../utils';

package/dist/esm/lists/node.js

@@ -1,6 +1,7 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { isListItemNode, isListNode, isOrderedList, isOrderedListContinuous } from '../utils';
+import { wrapTaskListIntoListAbove } from './replace-content';
 export function isListNodeValidContent(node) {
   var bulletList = node.type.schema.nodes.bulletList;
   if (!bulletList) {
@@ -96,4 +97,79 @@ export var joinSiblingLists = function joinSiblingLists(_ref) {
     tr.join(joins[i]);
   }
   return result;
+};
+
+/**
+ * Returns the prosemirror position for the child at give index inside the parent node.
+ * Example: Considering doc structure as below using the function
+ *          passing parent resolved position for li and index 2
+ *          would return starting position of taskList
+ * DOC STRUCTURE:
+ * ol()
+ *  ( li(
+ *      p('text'),
+ *      ul(content),
+ *      taskList(),
+ *    )
+ *  )
+ * @param $from Starting resolved position for the parent node of the child we are looking for.
+ * @param index Index of the child node we want the position for.
+ * @returns
+ */
+var findStartPositionOfChildWithIndex = function findStartPositionOfChildWithIndex($from, index) {
+  var parent = $from.node();
+  var currentPos = $from.pos + 1;
+  for (var i = 0; i < index; i++) {
+    currentPos += parent.child(i).nodeSize;
+  }
+  return currentPos;
+};
+var findGrandParentResolvedPos = function findGrandParentResolvedPos(tr, $from) {
+  return $from.depth > 2 ? tr.doc.resolve($from.start($from.depth - 2)) : null;
+};
+var findNestedTaskListsIndexAtSameLevel = function findNestedTaskListsIndexAtSameLevel(tr, $from) {
+  /*
+    Currently our cursor would be inside a pargraph of a list of type numbered/bullet list,
+    we need to find the grandparent of the cursor which is the list at same level of taskList.
+    We can get the root list item(inside which various lists are being resolved before outdenting) by going one depth above that list.
+  */
+  var nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
+  var rootListItem = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.node(nestedListResolvedPos.depth - 1);
+  var nestedTaskListsIndexes = [];
+  var rootListItemChildCount = (rootListItem === null || rootListItem === void 0 ? void 0 : rootListItem.childCount) || 0;
+  // first child of list item is always paragraph (i = 0) so we start from 1
+  for (var i = 1; i < rootListItemChildCount; i++) {
+    if ((rootListItem === null || rootListItem === void 0 ? void 0 : rootListItem.child(i).type.name) === 'taskList') {
+      nestedTaskListsIndexes.push(i);
+    }
+  }
+  return nestedTaskListsIndexes;
+};
+export var processNestedTaskListsInSameLevel = function processNestedTaskListsInSameLevel(tr) {
+  var $from = tr.selection.$from;
+  var nestedTaskListIndexes = findNestedTaskListsIndexAtSameLevel(tr, $from);
+  if (nestedTaskListIndexes.length === 0) {
+    return;
+  }
+  var nestedListResolvedPos = findGrandParentResolvedPos(tr, $from);
+  var rootListItemStart = nestedListResolvedPos === null || nestedListResolvedPos === void 0 ? void 0 : nestedListResolvedPos.start(nestedListResolvedPos.depth - 1);
+
+  /* We need not wrap the taskList present above other lists since it doesn't affect the flow. */
+  var nestedTaskListIndexesToWrap = nestedTaskListIndexes.filter(function (index) {
+    return index > 1;
+  });
+
+  /*
+    Wraps the taskLists present at each index mentioned in the nestedTaskListIndexesToWrap to the list above it.
+    After each wrap the indexes changes since two lists are being merged into one,
+    so we keep track of it and use it to access actual calculated taskList indexes.
+  */
+  if (rootListItemStart) {
+    var taskListsFixedNested = 0;
+    nestedTaskListIndexesToWrap.forEach(function (index) {
+      wrapTaskListIntoListAbove(tr, findStartPositionOfChildWithIndex(tr.doc.resolve(rootListItemStart), index - taskListsFixedNested), findStartPositionOfChildWithIndex(tr.doc.resolve(rootListItemStart), index - 1 - taskListsFixedNested));
+      taskListsFixedNested++;
+    });
+  }
+  return;
 };

package/dist/esm/lists/replace-content.js

@@ -1,3 +1,4 @@
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export var moveTargetIntoList = function moveTargetIntoList(_ref) {
   var _$target$nodeAfter;
@@ -14,4 +15,27 @@ export var moveTargetIntoList = function moveTargetIntoList(_ref) {
   }
   var step = new ReplaceAroundStep(from, to, gapFrom, gapTo, $target.doc.slice(insertPosition, $target.pos), 0, true);
   return step;
+};
+export var wrapTaskListIntoListAbove = function wrapTaskListIntoListAbove(tr, taskListStart, previousListStart) {
+  var $taskListStart = tr.doc.resolve(taskListStart);
+
+  /* Safecheck: if not passed a taskList node, return */
+  if ($taskListStart.node().type.name !== 'taskList') {
+    return;
+  }
+  var $previousListStart = tr.doc.resolve(previousListStart);
+  var taskList = tr.doc.slice($taskListStart.pos, $taskListStart.after());
+  var frag = Fragment.from(taskList.content);
+
+  /*
+    Delete the existing taskList at the same level and insert inside above list provided
+    1. To delete the tasklist, we need wrapping positions before and after it to completely delete it.
+      $taskListStart.after() would give us closing position enclosed by node itself using it would remove only the contents of taskList
+      so we add 1 to it to get the position after the taskList node and completly remove it.
+    2. Inserting the taskList at the end() position safe inserts the taskList to next available position which would lead to deleting and inserting taskList at same place.
+      Reason: $previousListStart.end() gives us end position of listItem but we can add content only inside listItem not at same level
+      so we subtract 1 to get the position inside the list item and insert the TaskList same level as paragraph/content inside listItem.
+  */
+  tr.delete($taskListStart.before(), $taskListStart.after() + 1);
+  tr.insert($previousListStart.end() - 1, frag);
 };

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "77.3.0";
+var packageVersion = "77.3.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/DropList/index.js

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "77.3.0";
+var packageVersion = "77.3.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/lists/index.d.ts

@@ -1,6 +1,6 @@
 export { getListItemAttributes, normalizeListItemsSelection, } from './selection';
 export { moveTargetIntoList } from './replace-content';
-export { JoinDirection, isListNodeValidContent, joinSiblingLists, } from './node';
+export { JoinDirection, isListNodeValidContent, joinSiblingLists, processNestedTaskListsInSameLevel, } from './node';
 export { getCommonListAnalyticsAttributes, countListItemsInSelection, } from './analytics';
 export { hasValidListIndentationLevel } from './indentation';
 export { isListNode, isListItemNode, isBulletList, isParagraphNode, } from '../utils';

package/dist/types/lists/node.d.ts

@@ -15,4 +15,5 @@ type ListsJoined = {
     bulletList: number;
 };
 export declare const joinSiblingLists: ({ tr, direction, forceListType, }: JoinSiblingListsProps) => ListsJoined;
+export declare const processNestedTaskListsInSameLevel: (tr: Transaction) => void;
 export {};

package/dist/types/lists/replace-content.d.ts

@@ -1,8 +1,10 @@
 import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
-import { Step } from '@atlaskit/editor-prosemirror/transform';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Step } from '@atlaskit/editor-prosemirror/transform';
 type Params = {
     insertPosition: number;
     $target: ResolvedPos;
 };
 export declare const moveTargetIntoList: ({ insertPosition, $target, }: Params) => Step;
+export declare const wrapTaskListIntoListAbove: (tr: Transaction, taskListStart: number, previousListStart: number) => void;
 export {};

package/dist/types-ts4.5/lists/index.d.ts

@@ -1,6 +1,6 @@
 export { getListItemAttributes, normalizeListItemsSelection, } from './selection';
 export { moveTargetIntoList } from './replace-content';
-export { JoinDirection, isListNodeValidContent, joinSiblingLists, } from './node';
+export { JoinDirection, isListNodeValidContent, joinSiblingLists, processNestedTaskListsInSameLevel, } from './node';
 export { getCommonListAnalyticsAttributes, countListItemsInSelection, } from './analytics';
 export { hasValidListIndentationLevel } from './indentation';
 export { isListNode, isListItemNode, isBulletList, isParagraphNode, } from '../utils';

package/dist/types-ts4.5/lists/node.d.ts

@@ -15,4 +15,5 @@ type ListsJoined = {
     bulletList: number;
 };
 export declare const joinSiblingLists: ({ tr, direction, forceListType, }: JoinSiblingListsProps) => ListsJoined;
+export declare const processNestedTaskListsInSameLevel: (tr: Transaction) => void;
 export {};

package/dist/types-ts4.5/lists/replace-content.d.ts

@@ -1,8 +1,10 @@
 import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
-import { Step } from '@atlaskit/editor-prosemirror/transform';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Step } from '@atlaskit/editor-prosemirror/transform';
 type Params = {
     insertPosition: number;
     $target: ResolvedPos;
 };
 export declare const moveTargetIntoList: ({ insertPosition, $target, }: Params) => Step;
+export declare const wrapTaskListIntoListAbove: (tr: Transaction, taskListStart: number, previousListStart: number) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "77.3.0",
+  "version": "77.3.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"