@titaui/pc 1.11.52-beta.1 → 1.11.52-beta.2

package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-list-item-with-parent-nested-list.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.joinListItemWithParentNestedList = void 0;
+
+var _commond = require("../../commond");
+
+var _node = require("../../utils/node");
+
+//Case for two adjacent list items with the first being of greater indentation
+var joinListItemWithParentNestedList = function joinListItemWithParentNestedList(_ref) {
+  var tr = _ref.tr,
+      $next = _ref.$next,
+      $head = _ref.$head;
+
+  /* CASE 4
+   * Initial Structure:
+   *
+   * List A {
+   *   ListItem B {
+   *     Paragraph C { text1 }
+   *     ...Children D
+   *     List E {
+   *       ...
+   *         List F {       //May be multiple levels of lists
+   *           ...Children G
+   *           ListItem H {        //Last node of the block
+   *             ...Children I
+   *             Paragraph J { text2 |$head||textInsertPos| } |childrenMInsertPos|        //Cant have children since this ListItem is the last of the block
+   *           }
+   *         }
+   *       ...
+   *     |childrenOInsertPos| }
+   *   }
+   *   ListItem K { |$next|
+   *      Paragraph L { text3 }
+   *      ...Children M
+   *      List? N {
+   *       ...Children O
+   *      }
+   *   }
+   * }
+   *
+   * Converts to:
+   *
+   * List A {
+   *   ListItem B {
+   *     Paragraph C { text1 }
+   *     ...Children D
+   *     List E {
+   *       ...
+   *         List F {
+   *           ...Children G
+   *           ListItem H {
+   *             ...Children I
+   *             Paragraph J { text2text3 }
+   *             ...Children M
+   *           }
+   *         }
+   *       ...
+   *       ...Children O
+   *     }
+   *   }
+   * }
+   *
+   */
+  var listItemK = $next.parent; //List must have at least one child
+
+  if (!listItemK.firstChild || !listItemK.lastChild) {
+    return false;
+  }
+
+  var beforeListItemK = $next.before();
+  var afterListItemB = $next.before();
+  var afterListItemK = $next.after();
+  var containsChildrenO = (0, _node.isListNode)(listItemK.lastChild);
+  var textInsertPos = $head.pos;
+  var childrenMInsertPos = $head.pos + 1;
+  var childrenOInsertPos = afterListItemB - 2;
+  var textContent = listItemK.firstChild.content;
+  var childrenMContent = containsChildrenO ? listItemK.content.cut(listItemK.firstChild.nodeSize, listItemK.nodeSize - listItemK.lastChild.nodeSize - 2 //Get the position before
+  ) : listItemK.content.cut(listItemK.firstChild.nodeSize);
+  var childrenOContent = listItemK.lastChild.content;
+  (0, _commond.insertContentDeleteRange)(tr, function (tr) {
+    return tr.doc.resolve(textInsertPos);
+  }, containsChildrenO ? [[textContent, textInsertPos], [childrenMContent, childrenMInsertPos], [childrenOContent, childrenOInsertPos]] : [[textContent, textInsertPos], [childrenMContent, childrenMInsertPos]], [[beforeListItemK, afterListItemK]]);
+  return true;
+};
+
+exports.joinListItemWithParentNestedList = joinListItemWithParentNestedList;

package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-nested-list-with-parent-list-item.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.joinNestedListWithParentListItem = void 0;
+
+var _commond = require("../../commond");
+
+var _node = require("../../utils/node");
+
+//Case for two adjacent list items with the first being of lower indentation
+var joinNestedListWithParentListItem = function joinNestedListWithParentListItem(_ref) {
+  var tr = _ref.tr,
+      $next = _ref.$next,
+      $head = _ref.$head;
+
+  /* CASE 3
+   * Initial Structure:
+   *
+   * List A {
+   *   ListItem B {
+   *     ...Children C
+   *     Paragraph D { text1 |$head||textInsertPos| } |childrenHInsertPos|
+   *     List E { |$next||childrenJInsertPos|
+   *       ListItem F {
+   *         Paragraph G { text2 }
+   *         ...Children H
+   *         List? I {
+   *           ...Children J
+   *         }
+   *       }
+   *       ...Children K
+   *     }
+   *   }
+   * }
+   *
+   * Converts to:
+   *
+   * List A {
+   *   ListItem B {
+   *     ...Children C
+   *     Paragraph D { text1text2 }
+   *     ...Children H
+   *     List E {
+   *       ...Children J
+   *       ...Children K
+   *     }
+   *   }
+   * }
+   *
+   */
+  var listE = $next.parent;
+  var listItemF = $next.nodeAfter; //We know next is before a ListItem. ListItem must have at least one child
+
+  if (!listItemF || !listItemF.lastChild) {
+    return false;
+  }
+
+  var paragraphG = listItemF.firstChild; //ListItem must have at least one child
+
+  if (!paragraphG) {
+    return false;
+  }
+
+  var beforeListE = $next.before();
+  var beforeListItemF = $next.pos;
+  var afterParagraphD = $head.after();
+  var afterListE = $next.after();
+  var afterListItemF = tr.doc.resolve($next.pos + 1).after(); //List must always have at least one listItem
+
+  var containsChildrenJ = (0, _node.isListNode)(listItemF.lastChild);
+  var shouldRemoveListE = listE.childCount === 1 && !containsChildrenJ; //Assures no Children J and K
+
+  var textInsertPos = $head.pos;
+  var childrenHInsertPos = afterParagraphD;
+  var childrenJInsertPos = $next.pos;
+  var textContent = paragraphG.content;
+  var childrenHContent = containsChildrenJ ? listItemF.content.cut(paragraphG.nodeSize, listItemF.nodeSize - listItemF.lastChild.nodeSize - 2) : listItemF.content.cut(paragraphG.nodeSize); //If Children J doesn't exist then Children H will include the last node
+
+  var childrenJContent = listItemF.lastChild.content; //Will be invalid if there are no Children J but it will be unused
+
+  (0, _commond.insertContentDeleteRange)(tr, function (tr) {
+    return tr.doc.resolve(textInsertPos);
+  }, containsChildrenJ ? [[textContent, textInsertPos], [childrenHContent, childrenHInsertPos], [childrenJContent, childrenJInsertPos]] : [[textContent, textInsertPos], [childrenHContent, childrenHInsertPos]], [shouldRemoveListE ? [beforeListE, afterListE] : [beforeListItemF, afterListItemF]]);
+  return true;
+};
+
+exports.joinNestedListWithParentListItem = joinNestedListWithParentListItem;

package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-paragraph-with-list.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.joinParagrapWithList = void 0;
+
+var _commond = require("../../commond");
+
+//Case for two adjacent nodes with the first being a list item and the last being a paragraph
+var joinParagrapWithList = function joinParagrapWithList(_ref) {
+  var tr = _ref.tr,
+      $next = _ref.$next,
+      $head = _ref.$head;
+
+  /* CASE 1
+   * Initial Structure:
+   *
+   * List A {
+   *   ListItem B {
+   *     ...Children C
+   *     Paragraph D { text1 |$head||textInsertPos| }
+   *   }
+   * }
+   * Paragraph E { |$next| text 2 }
+   *
+   * Converts to:
+   *
+   * List A {
+   *   ListItem B {
+   *     ...Children C
+   *     Paragraph D { text1text2 }
+   *   }
+   * }
+   *
+   */
+  var paragraphE = $next.parent;
+  var beforeParagraphE = $next.before();
+  var afterParagraphE = $next.after();
+  var textInsertPos = $head.pos;
+  var textContent = paragraphE.content;
+  (0, _commond.insertContentDeleteRange)(tr, function (tr) {
+    return tr.doc.resolve(textInsertPos);
+  }, [[textContent, textInsertPos]], [[beforeParagraphE, afterParagraphE]]);
+  return true;
+};
+
+exports.joinParagrapWithList = joinParagrapWithList;

package/lib/components/rich-editor/plugins/block/lists/actions/join-list-items-scenarios/join-sibling-list-items.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.joinSiblingListItems = void 0;
+
+var _commond = require("../../commond");
+
+//Case for two adjacent list items of the same indentation
+var joinSiblingListItems = function joinSiblingListItems(_ref) {
+  var tr = _ref.tr,
+      $next = _ref.$next,
+      $head = _ref.$head;
+
+  /* CASE 2
+   * Initial Structure:
+   *
+   * List A {
+   *   ListItem B {
+   *     ...Children C
+   *     Paragraph D { text1 |$head||textInsertPos| }       //Cant have children since that would be Case 4
+   *   |childrenGInsertPos| }
+   *   ListItem E { |$next|
+   *     Paragraph F { text2 }
+   *     ...Children G
+   *   }
+   * }
+   *
+   * Converts to:
+   *
+   * List A {
+   *   ListItem B {
+   *     ...Children C
+   *     Paragraph C { text1text2 }
+   *     ...Children G
+   *   }
+   * }
+   *
+   */
+  var listItemE = $next.parent;
+  var paragraphF = $next.nodeAfter; //ListItem must have at least one child
+
+  if (!paragraphF) {
+    return false;
+  }
+
+  var beforeListItemE = $next.before();
+  var afterListItemE = $next.after();
+  var endListItemB = $head.end(-1);
+  var textInsertPos = $head.pos;
+  var childrenGInsertPos = endListItemB;
+  var textContent = paragraphF.content;
+  var childrenGContent = listItemE.content.cut(paragraphF.nodeSize);
+  (0, _commond.insertContentDeleteRange)(tr, function (tr) {
+    return tr.doc.resolve(textInsertPos);
+  }, [[textContent, textInsertPos], [childrenGContent, childrenGInsertPos]], [[beforeListItemE, afterListItemE]]);
+  return true;
+};
+
+exports.joinSiblingListItems = joinSiblingListItems;

package/lib/components/rich-editor/plugins/block/lists/actions/merge-lists.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeNextListAtPosition = mergeNextListAtPosition;
+
+var _node = require("../utils/node");
+
+function mergeNextListAtPosition(_ref) {
+  var tr = _ref.tr,
+      listPosition = _ref.listPosition;
+  var listNodeAtPosition = tr.doc.nodeAt(listPosition);
+
+  if (!(0, _node.isListNode)(listNodeAtPosition)) {
+    return;
+  }
+
+  var listPositionResolved = tr.doc.resolve(listPosition + listNodeAtPosition.nodeSize);
+  var pos = listPositionResolved.pos,
+      nodeAfter = listPositionResolved.nodeAfter,
+      nodeBefore = listPositionResolved.nodeBefore;
+
+  if (!(0, _node.isListNode)(nodeBefore) || !(0, _node.isListNode)(nodeAfter)) {
+    return;
+  }
+
+  if ((nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.type.name) !== (nodeBefore === null || nodeBefore === void 0 ? void 0 : nodeBefore.type.name)) {
+    var previousListPosition = pos - nodeBefore.nodeSize;
+    tr.setNodeMarkup(previousListPosition, nodeAfter.type);
+  }
+
+  tr.join(pos);
+}

package/lib/components/rich-editor/plugins/block/lists/actions/outdent-list-items-selected.js

@@ -0,0 +1,289 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.outdentListItemsSelected = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _prosemirrorModel = require("prosemirror-model");
+
+var _prosemirrorTransform = require("prosemirror-transform");
+
+var _node = require("../utils/node");
+
+var _find = require("../utils/find");
+
+var _selection = require("../utils/selection");
+
+// import { GapCursorSelection } from '../../selection/gap-cursor-selection';
+var outdentListItemsSelected = function outdentListItemsSelected(tr) {
+  var originalSelection = tr.selection;
+  var normalizedSelection = (0, _selection.normalizeListItemsSelection)({
+    selection: tr.selection,
+    doc: tr.doc
+  });
+  var rootList = (0, _find.findRootParentListNode)(normalizedSelection.$from);
+
+  if (!rootList) {
+    return;
+  }
+
+  var commonList = normalizedSelection.$from.blockRange(rootList, _node.isListNode);
+
+  if (!commonList) {
+    return;
+  }
+
+  var hasNormalizedToPositionLiftedOut = false;
+  var hasNormalizedFromPositionLiftedOut = false;
+  var oldFrom = normalizedSelection.from,
+      oldTo = normalizedSelection.to;
+  var nodeRanges = splitRangeSelection(normalizedSelection);
+  nodeRanges.forEach(function (range) {
+    var $from = tr.doc.resolve(tr.mapping.map(range.from));
+    var $to = tr.doc.resolve(tr.mapping.map(range.to));
+    var mappedRange = $from.blockRange($to, _node.isListNode);
+
+    if (!mappedRange) {
+      return;
+    }
+
+    if ((0, _node.isListItemNode)($from.node(mappedRange.depth - 1))) {
+      outdentRangeToParentList({
+        tr: tr,
+        range: mappedRange
+      });
+    } else {
+      extractListItemsRangeFromList({
+        tr: tr,
+        range: mappedRange
+      });
+      hasNormalizedToPositionLiftedOut = hasNormalizedToPositionLiftedOut || oldTo >= range.from && oldTo < range.to;
+      hasNormalizedFromPositionLiftedOut = hasNormalizedFromPositionLiftedOut || oldFrom >= range.from && oldFrom < range.to;
+    }
+  });
+  var hasCommonListMoved = commonList.start !== tr.mapping.map(commonList.start);
+  var nextSelection = calculateNewSelection({
+    originalSelection: originalSelection,
+    normalizedSelection: normalizedSelection,
+    tr: tr,
+    hasCommonListMoved: hasCommonListMoved,
+    hasNormalizedToPositionLiftedOut: hasNormalizedToPositionLiftedOut,
+    hasNormalizedFromPositionLiftedOut: hasNormalizedFromPositionLiftedOut
+  });
+  tr.setSelection(nextSelection);
+  (0, _node.joinSiblingLists)({
+    tr: tr,
+    direction: _node.JoinDirection.RIGHT
+  });
+};
+
+exports.outdentListItemsSelected = outdentListItemsSelected;
+
+var calculateNewSelection = function calculateNewSelection(_ref) {
+  var tr = _ref.tr,
+      originalSelection = _ref.originalSelection,
+      normalizedSelection = _ref.normalizedSelection,
+      hasCommonListMoved = _ref.hasCommonListMoved,
+      hasNormalizedToPositionLiftedOut = _ref.hasNormalizedToPositionLiftedOut,
+      hasNormalizedFromPositionLiftedOut = _ref.hasNormalizedFromPositionLiftedOut;
+  var $from = normalizedSelection.$from,
+      $to = normalizedSelection.$to;
+  var isCursorSelection = normalizedSelection.empty;
+  var from = tr.mapping.map($from.pos);
+  var to = tr.mapping.map($to.pos);
+  var LIST_STRUCTURE_CHANGED_OFFSET = 2;
+  var isToFromSameListItem = $from.sameParent($to);
+
+  if (hasNormalizedFromPositionLiftedOut) {
+    var fromMapped = isToFromSameListItem ? $from.pos : from;
+    from = hasNormalizedFromPositionLiftedOut ? $from.pos : fromMapped;
+    from = hasCommonListMoved ? from - LIST_STRUCTURE_CHANGED_OFFSET : from;
+    from = Math.max(from, 0);
+  }
+
+  if (hasNormalizedToPositionLiftedOut) {
+    var toMapped = isToFromSameListItem ? $to.pos : to;
+    to = hasNormalizedToPositionLiftedOut ? $to.pos : toMapped;
+    to = hasCommonListMoved ? to - LIST_STRUCTURE_CHANGED_OFFSET : to;
+    to = Math.min(to, tr.doc.nodeSize - 2);
+  } // if (normalizedSelection instanceof GapCursorSelection) {
+  //   const nextSelectionFrom = tr.doc.resolve(from);
+  //   return new GapCursorSelection(nextSelectionFrom, normalizedSelection.side);
+  // }
+
+
+  if (originalSelection instanceof _prosemirrorState.NodeSelection) {
+    return _prosemirrorState.NodeSelection.create(tr.doc, from);
+  }
+
+  if (isCursorSelection) {
+    return _prosemirrorState.TextSelection.between(tr.doc.resolve(to), tr.doc.resolve(to), -1);
+  }
+
+  return _prosemirrorState.TextSelection.between(tr.doc.resolve(from), tr.doc.resolve(to), -1);
+};
+
+var splitRangeSelection = function splitRangeSelection(selection) {
+  var commonListRange = (0, _selection.createListNodeRange)({
+    selection: selection
+  });
+
+  if (!commonListRange) {
+    return [];
+  }
+
+  var $from = selection.$from,
+      $to = selection.$to;
+
+  if ($from.pos === $to.pos && $from.sameParent($to)) {
+    return [{
+      from: commonListRange.start,
+      to: commonListRange.end,
+      depth: commonListRange.depth
+    }];
+  }
+
+  var lastListItem = findPreviousListItemSibling($from);
+
+  if (!lastListItem) {
+    return [];
+  }
+
+  var nodeRanges = [];
+  var doc = $from.doc;
+  var previousListItem = findPreviousListItemSibling($to);
+
+  while (previousListItem && previousListItem.pos >= lastListItem.pos && previousListItem.pos >= commonListRange.start) {
+    var node = doc.nodeAt(previousListItem.pos);
+
+    if (!node || !(0, _node.isListItemNode)(node)) {
+      return [];
+    }
+
+    var offset = 0;
+
+    if (node && node.lastChild && (0, _node.isListNode)(node.lastChild)) {
+      offset = node.lastChild.nodeSize;
+    }
+
+    var start = previousListItem.pos + 1;
+    nodeRanges.push({
+      from: start,
+      to: doc.resolve(start).end() - offset,
+      depth: previousListItem.depth
+    });
+    previousListItem = findPreviousListItemSibling(previousListItem);
+  }
+
+  return nodeRanges;
+};
+
+var outdentRangeToParentList = function outdentRangeToParentList(_ref2) {
+  var tr = _ref2.tr,
+      range = _ref2.range;
+  var end = range.end;
+  var endOfList = range.$to.end(range.depth);
+  var listItem = tr.doc.type.schema.nodes.listItem;
+
+  if (end < endOfList) {
+    var slice = new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.from(listItem.create(null, range.parent.copy())), 1, 0);
+    var step = new _prosemirrorTransform.ReplaceAroundStep(end - 1, endOfList, end, endOfList, slice, 1, true);
+    tr.step(step);
+    range = new _prosemirrorModel.NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
+  }
+
+  var target = (0, _prosemirrorTransform.liftTarget)(range);
+
+  if (target) {
+    tr.lift(range, target);
+  }
+};
+
+var extractListItemsRangeFromList = function extractListItemsRangeFromList(_ref3) {
+  var tr = _ref3.tr,
+      range = _ref3.range;
+  var list = range.parent;
+  var $start = tr.doc.resolve(range.start);
+  var listStart = $start.start(range.depth);
+  var listEnd = $start.end(range.depth);
+  var isAtTop = listStart === range.start;
+  var isAtBottom = listEnd === range.end;
+  var isTheEntireList = isAtTop && isAtBottom;
+  var listItemContent = isAtTop ? _prosemirrorModel.Fragment.empty : _prosemirrorModel.Fragment.from(list.copy(_prosemirrorModel.Fragment.empty));
+
+  for (var i = range.startIndex; i < range.endIndex; i++) {
+    listItemContent = listItemContent.append(list.child(i).content);
+  }
+
+  if (isAtTop) {
+    for (var _i = 0; _i < listItemContent.childCount; _i++) {
+      var child = listItemContent.child(_i);
+
+      if (child && (0, _node.isListNode)(child) && child.type !== list.type) {
+        var newNestedList = list.type.create(null, child.content);
+        listItemContent = listItemContent.replaceChild(_i, newNestedList);
+      }
+    }
+  }
+
+  var nextListFragment = listItemContent.append(_prosemirrorModel.Fragment.from(list.copy(_prosemirrorModel.Fragment.empty)));
+
+  if (isTheEntireList) {
+    var slice = new _prosemirrorModel.Slice(listItemContent, 0, 0);
+    var step = new _prosemirrorTransform.ReplaceStep($start.pos - 1, range.end + 1, slice, false);
+    tr.step(step);
+  } else if (isAtTop) {
+    var _slice = new _prosemirrorModel.Slice(nextListFragment, 0, 1);
+
+    var _step = new _prosemirrorTransform.ReplaceStep($start.pos - 1, range.end, _slice, false);
+
+    tr.step(_step);
+  } else if (isAtBottom) {
+    var _slice2 = new _prosemirrorModel.Slice(listItemContent, 1, 0);
+
+    var _step2 = new _prosemirrorTransform.ReplaceStep($start.pos, listEnd + 1, _slice2, false);
+
+    tr.step(_step2);
+  } else {
+    var _slice3 = new _prosemirrorModel.Slice(nextListFragment, 1, 1);
+
+    var _step3 = new _prosemirrorTransform.ReplaceAroundStep($start.pos, listEnd, range.end, listEnd, _slice3, _slice3.size, false);
+
+    tr.step(_step3);
+  }
+};
+
+var findPreviousListItemSibling = function findPreviousListItemSibling($pos) {
+  var doc = $pos.doc;
+  var isPositionListItem = (0, _node.isListNode)($pos.node());
+  var listItemPosition = $pos;
+
+  if (!isPositionListItem) {
+    var listItem = (0, _find.findFirstParentListItemNode)($pos);
+
+    if (!listItem) {
+      return null;
+    }
+
+    return doc.resolve(listItem.pos);
+  }
+
+  var resolved = doc.resolve(listItemPosition.pos);
+
+  var foundPosition = _prosemirrorState.Selection.findFrom(resolved, -1);
+
+  if (!foundPosition) {
+    return null;
+  }
+
+  var parentListItemNode = (0, _find.findFirstParentListItemNode)(foundPosition.$from);
+
+  if (!parentListItemNode) {
+    return null;
+  }
+
+  return doc.resolve(parentListItemNode.pos);
+};