@portabletext/editor 1.47.10 → 1.47.12

package/lib/_chunks-es/editor-provider.js

@@ -27,7 +27,8 @@ import { getTrimmedSelection, isActiveAnnotation, isActiveDecorator, getSelected
 import { DOMEditor } from "slate-dom";
 import startCase from "lodash.startcase";
 import { defineBehavior, raise, coreBehaviors } from "./behavior.core.js";
-import { getFocusTextBlock, getPreviousBlock, getNextBlock, getFocusSpan, isSelectionCollapsed, isOverlappingSelection, getSelectedBlocks, isSelectionExpanded } from "./selector.is-overlapping-selection.js";
+import { getFocusTextBlock, getPreviousBlock, getNextBlock, getFocusBlockObject, getFocusSpan, isSelectionCollapsed, isOverlappingSelection, getSelectedBlocks, isSelectionExpanded } from "./selector.is-overlapping-selection.js";
+import { getSelectionStartPoint, getSelectionEndPoint } from "./util.get-selection-start-point.js";
 import { Subject } from "rxjs";
 import { useEffectEvent } from "use-effect-event";
 const rootName = "sanity-pte:";
@@ -3429,13 +3430,35 @@ function getFocusBlock({
     return [void 0, void 0];
   }
 }
+function getSelectionStartBlock({
+  editor
+}) {
+  if (!editor.selection)
+    return [void 0, void 0];
+  const selectionStartPoint = Range.start(editor.selection);
+  return getPointBlock({
+    editor,
+    point: selectionStartPoint
+  });
+}
+function getSelectionEndBlock({
+  editor
+}) {
+  if (!editor.selection)
+    return [void 0, void 0];
+  const selectionEndPoint = Range.end(editor.selection);
+  return getPointBlock({
+    editor,
+    point: selectionEndPoint
+  });
+}
 function getPointBlock({
   editor,
   point
 }) {
   try {
     const [block] = Editor.node(editor, point.path.slice(0, 1)) ?? [void 0, void 0];
-    return block ? [block, point.path] : [void 0, void 0];
+    return block ? [block, point.path.slice(0, 1)] : [void 0, void 0];
   } catch {
     return [void 0, void 0];
   }
@@ -3849,10 +3872,12 @@ function insertBlock({
   editor,
   schema
 }) {
-  const [focusBlock, focusBlockPath] = getFocusBlock({
+  const [startBlock, startBlockPath] = getSelectionStartBlock({
+    editor
+  }), [endBlock, endBlockPath] = getSelectionEndBlock({
     editor
   });
-  if (!editor.selection || !focusBlock || !focusBlockPath) {
+  if (!editor.selection || !startBlock || !startBlockPath || !endBlock || !endBlockPath) {
     select !== "none" && DOMEditor.focus(editor);
     const [lastBlock, lastBlockPath] = getLastBlock({
       editor
@@ -3891,26 +3916,41 @@ function insertBlock({
       }), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
     }
   } else if (placement === "before") {
-    const currentSelection = editor.selection;
+    const currentSelection = editor.selection, selectionStartPoint = Range.start(currentSelection);
     Transforms.insertNodes(editor, [block], {
-      at: focusBlockPath,
+      at: [selectionStartPoint.path[0]],
       select: !1
-    });
-    const adjustedSelection = Range.transform(currentSelection, {
-      type: "move_node",
-      path: focusBlockPath,
-      newPath: [focusBlockPath[0] + 1]
-    });
-    adjustedSelection ? Transforms.select(editor, adjustedSelection) : Transforms.select(editor, currentSelection), select === "start" ? Transforms.select(editor, Editor.start(editor, focusBlockPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, focusBlockPath));
+    }), select === "start" ? Transforms.select(editor, Editor.start(editor, [selectionStartPoint.path[0]])) : select === "end" && Transforms.select(editor, Editor.end(editor, [selectionStartPoint.path[0]]));
   } else if (placement === "after") {
-    const nextPath = [focusBlockPath[0] + 1], currentSelection = editor.selection;
+    const currentSelection = editor.selection, nextPath = [Range.end(currentSelection).path[0] + 1];
     Transforms.insertNodes(editor, [block], {
       at: nextPath,
       select: !1
-    }), Transforms.select(editor, currentSelection), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
+    }), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
   } else {
-    const currentSelection = editor.selection, focusBlockStartPoint = Editor.start(editor, focusBlockPath);
-    if (editor.isTextBlock(focusBlock) && editor.isTextBlock(block)) {
+    const currentSelection = editor.selection, endBlockEndPoint = Editor.start(editor, endBlockPath);
+    if (Range.isExpanded(currentSelection) && !editor.isTextBlock(block)) {
+      Transforms.delete(editor, {
+        at: currentSelection
+      });
+      const newSelection = editor.selection, [focusBlock, focusBlockPath] = getFocusBlock({
+        editor
+      });
+      Transforms.insertNodes(editor, [block], {
+        voids: !0
+      });
+      const adjustedSelection = newSelection.anchor.offset === 0 ? Range.transform(newSelection, {
+        type: "insert_node",
+        node: block,
+        path: [newSelection.anchor.path[0]]
+      }) : newSelection;
+      select === "none" && adjustedSelection && Transforms.select(editor, adjustedSelection), focusBlock && isEqualToEmptyEditor([focusBlock], schema) && Transforms.removeNodes(editor, {
+        at: focusBlockPath
+      });
+      return;
+    }
+    if (editor.isTextBlock(endBlock) && editor.isTextBlock(block)) {
+      const selectionStartPoint = Range.start(currentSelection);
       if (select === "end") {
         Transforms.insertFragment(editor, [block], {
           voids: !0
@@ -3920,32 +3960,44 @@ function insertBlock({
       Transforms.insertFragment(editor, [block], {
         at: currentSelection,
         voids: !0
-      }), select === "start" ? Point.equals(currentSelection.anchor, focusBlockStartPoint) ? Transforms.select(editor, Editor.start(editor, focusBlockPath)) : Transforms.select(editor, currentSelection) : Point.equals(currentSelection.anchor, focusBlockStartPoint) || Transforms.select(editor, currentSelection);
-    } else if (editor.isTextBlock(focusBlock)) {
-      const focusBlockStartPoint2 = Editor.start(editor, focusBlockPath), focusBlockEndPoint = Editor.end(editor, focusBlockPath);
-      if (Point.equals(currentSelection.anchor, focusBlockStartPoint2))
+      }), select === "start" ? Transforms.select(editor, selectionStartPoint) : Point.equals(selectionStartPoint, endBlockEndPoint) || Transforms.select(editor, selectionStartPoint);
+    } else if (editor.isTextBlock(endBlock)) {
+      const endBlockStartPoint = Editor.start(editor, endBlockPath), endBlockEndPoint2 = Editor.end(editor, endBlockPath), selectionStartPoint = Range.start(currentSelection), selectionEndPoint = Range.end(currentSelection);
+      if (Range.isCollapsed(currentSelection) && Point.equals(selectionStartPoint, endBlockStartPoint))
         Transforms.insertNodes(editor, [block], {
-          at: focusBlockPath,
+          at: endBlockPath,
           select: !1
-        }), (select === "start" || select === "end") && Transforms.select(editor, Editor.start(editor, focusBlockPath)), isEqualToEmptyEditor([focusBlock], schema) && Transforms.removeNodes(editor, {
-          at: Path.next(focusBlockPath)
+        }), (select === "start" || select === "end") && Transforms.select(editor, Editor.start(editor, endBlockPath)), isEqualToEmptyEditor([endBlock], schema) && Transforms.removeNodes(editor, {
+          at: Path.next(endBlockPath)
         });
-      else if (Point.equals(currentSelection.focus, focusBlockEndPoint)) {
-        const nextPath = [focusBlockPath[0] + 1];
+      else if (Range.isCollapsed(currentSelection) && Point.equals(selectionEndPoint, endBlockEndPoint2)) {
+        const nextPath = [endBlockPath[0] + 1];
         Transforms.insertNodes(editor, [block], {
           at: nextPath,
           select: !1
         }), (select === "start" || select === "end") && Transforms.select(editor, Editor.start(editor, nextPath));
-      } else {
+      } else if (Range.isExpanded(currentSelection) && Point.equals(selectionStartPoint, endBlockStartPoint) && Point.equals(selectionEndPoint, endBlockEndPoint2))
+        Transforms.insertFragment(editor, [block], {
+          at: currentSelection
+        }), select === "start" ? Transforms.select(editor, Editor.start(editor, endBlockPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, endBlockPath));
+      else if (Range.isExpanded(currentSelection) && Point.equals(selectionStartPoint, endBlockStartPoint))
+        Transforms.insertFragment(editor, [block], {
+          at: currentSelection
+        }), select === "start" ? Transforms.select(editor, Editor.start(editor, endBlockPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, endBlockPath));
+      else if (Range.isExpanded(currentSelection) && Point.equals(selectionEndPoint, endBlockEndPoint2))
+        Transforms.insertFragment(editor, [block], {
+          at: currentSelection
+        }), select === "start" ? Transforms.select(editor, Editor.start(editor, Path.next(endBlockPath))) : select === "end" && Transforms.select(editor, Editor.end(editor, Path.next(endBlockPath)));
+      else {
         const currentSelection2 = editor.selection, [focusChild] = getFocusChild({
           editor
         });
         if (focusChild && editor.isTextSpan(focusChild))
           Transforms.insertFragment(editor, [block], {
             at: currentSelection2
-          }), select === "start" || select === "end" ? Transforms.select(editor, [focusBlockPath[0] + 1]) : Transforms.select(editor, currentSelection2);
+          }), select === "start" || select === "end" ? Transforms.select(editor, [endBlockPath[0] + 1]) : Transforms.select(editor, currentSelection2);
         else {
-          const nextPath = [focusBlockPath[0] + 1];
+          const nextPath = [endBlockPath[0] + 1];
           Transforms.insertNodes(editor, [block], {
             at: nextPath,
             select: !1
@@ -3956,7 +4008,7 @@ function insertBlock({
       Transforms.insertNodes(editor, [block], {
         select: !1
       });
-      const nextPath = [focusBlockPath[0] + 1];
+      const nextPath = [endBlockPath[0] + 1];
       select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
     }
   }
@@ -3991,69 +4043,6 @@ const moveBackwardActionImplementation = ({
 }) => {
   const newSelection = toSlateRange(action.at, action.editor);
   newSelection ? Transforms.select(action.editor, newSelection) : Transforms.deselect(action.editor);
-}, splitBlockActionImplementation = ({
-  context,
-  action
-}) => {
-  const keyGenerator = context.keyGenerator, schema = context.schema, editor = action.editor;
-  if (!editor.selection)
-    return;
-  const anchorBlockPath = editor.selection.anchor.path.slice(0, 1), focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath);
-  if (editor.isTextBlock(focusBlock) && anchorBlockPath[0] === focusBlockPath[0]) {
-    Transforms.splitNodes(editor, {
-      at: editor.selection,
-      always: !0
-    });
-    const [nextBlock, nextBlockPath] = Editor.node(editor, Path.next(focusBlockPath), {
-      depth: 1
-    }), nextChild = Node.child(nextBlock, 0);
-    if (!editor.isTextSpan(nextChild) && Transforms.insertNodes(editor, {
-      _key: context.keyGenerator(),
-      _type: "span",
-      text: "",
-      marks: []
-    }, {
-      at: [nextBlockPath[0], 0]
-    }), Transforms.setSelection(editor, {
-      anchor: {
-        path: [...nextBlockPath, 0],
-        offset: 0
-      },
-      focus: {
-        path: [...nextBlockPath, 0],
-        offset: 0
-      }
-    }), editor.isTextBlock(nextBlock) && nextBlock.markDefs && nextBlock.markDefs.length > 0) {
-      const newMarkDefKeys = /* @__PURE__ */ new Map(), prevNodeSpans = Array.from(Node.children(editor, focusBlockPath)).map((entry) => entry[0]).filter((node) => editor.isTextSpan(node)), children = Node.children(editor, nextBlockPath);
-      for (const [child, childPath] of children) {
-        if (!editor.isTextSpan(child))
-          continue;
-        const marks = child.marks ?? [];
-        for (const mark of marks)
-          schema.decorators.some((decorator) => decorator.name === mark) || prevNodeSpans.some((prevNodeSpan) => prevNodeSpan.marks?.includes(mark)) && !newMarkDefKeys.has(mark) && newMarkDefKeys.set(mark, keyGenerator());
-        const newMarks = marks.map((mark) => newMarkDefKeys.get(mark) ?? mark);
-        isEqual(marks, newMarks) || Transforms.setNodes(editor, {
-          marks: newMarks
-        }, {
-          at: childPath
-        });
-      }
-      const newMarkDefs = nextBlock.markDefs.map((markDef) => ({
-        ...markDef,
-        _key: newMarkDefKeys.get(markDef._key) ?? markDef._key
-      }));
-      isEqual(nextBlock.markDefs, newMarkDefs) || Transforms.setNodes(editor, {
-        markDefs: newMarkDefs
-      }, {
-        at: nextBlockPath,
-        match: (node) => editor.isTextBlock(node)
-      });
-    }
-    return;
-  }
-  Transforms.splitNodes(editor, {
-    always: !0
-  });
 }, debug$a = debugWithName("behaviors:action"), behaviorActionImplementations = {
   "annotation.add": addAnnotationActionImplementation,
   "annotation.remove": removeAnnotationActionImplementation,
@@ -4076,8 +4065,7 @@ const moveBackwardActionImplementation = ({
   "move.block": moveBlockActionImplementation,
   "move.forward": moveForwardActionImplementation,
   noop: noopActionImplementation,
-  select: selectActionImplementation,
-  "split.block": splitBlockActionImplementation
+  select: selectActionImplementation
 };
 function performAction({
   context,
@@ -4226,13 +4214,6 @@ function performAction({
     }
     case "noop":
       break;
-    case "split.block": {
-      behaviorActionImplementations["split.block"]({
-        context,
-        action
-      });
-      break;
-    }
     default: {
       behaviorActionImplementations.select({
         context,
@@ -5964,7 +5945,7 @@ const EditorActorContext = createContext({}), abstractAnnotationBehaviors = [def
     placement: index === 0 ? "auto" : "after",
     select: "end"
   })) : event.blocks.flatMap((block, index) => index === 0 ? [raise({
-    type: "split.block"
+    type: "split"
   }), raise({
     type: "select.previous block",
     select: "end"
@@ -6003,7 +5984,7 @@ const EditorActorContext = createContext({}), abstractAnnotationBehaviors = [def
 }), defineBehavior({
   on: "insert.break",
   actions: [() => [raise({
-    type: "split.block"
+    type: "split"
   })]]
 }), defineBehavior({
   on: "insert.soft break",
@@ -6183,6 +6164,87 @@ const EditorActorContext = createContext({}), abstractAnnotationBehaviors = [def
     type: "select",
     at: selection
   })]]
+})], abstractSplitBehaviors = [defineBehavior({
+  on: "split",
+  guard: ({
+    snapshot
+  }) => {
+    if (!snapshot.context.selection)
+      return !1;
+    const selectionStartPoint = getSelectionStartPoint(snapshot.context.selection), selectionEndPoint = getSelectionEndPoint(snapshot.context.selection), focusTextBlock = getFocusTextBlock({
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: selectionStartPoint,
+          focus: selectionEndPoint
+        }
+      }
+    });
+    if (focusTextBlock) {
+      const blockEndPoint = getBlockEndPoint(focusTextBlock), newTextBlockSelection = {
+        anchor: selectionEndPoint,
+        focus: blockEndPoint
+      }, newTextBlock = parseBlock({
+        block: sliceBlocks({
+          blocks: [focusTextBlock.node],
+          selection: newTextBlockSelection
+        }).at(0),
+        context: snapshot.context,
+        options: {
+          refreshKeys: !0
+        }
+      });
+      return !newTextBlock || !isTextBlock(snapshot.context.schema, newTextBlock) ? !1 : {
+        newTextBlock,
+        newTextBlockSelection,
+        selection: {
+          anchor: selectionStartPoint,
+          focus: blockEndPoint
+        }
+      };
+    }
+    if (getFocusBlockObject({
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: selectionStartPoint,
+          focus: selectionEndPoint
+        }
+      }
+    })) {
+      const newTextBlock = parseBlock({
+        block: {
+          _type: snapshot.context.schema.block.name,
+          children: []
+        },
+        context: snapshot.context,
+        options: {
+          refreshKeys: !0
+        }
+      });
+      return newTextBlock ? {
+        newTextBlock,
+        newTextBlockSelection: {
+          anchor: selectionEndPoint,
+          focus: selectionEndPoint
+        },
+        selection: snapshot.context.selection
+      } : !1;
+    }
+    return !1;
+  },
+  actions: [(_, {
+    newTextBlock,
+    selection
+  }) => [raise({
+    type: "delete",
+    at: selection
+  }), raise({
+    type: "insert.block",
+    block: newTextBlock,
+    placement: "after",
+    select: "start"
+  })]]
 })], abstractStyleBehaviors = [defineBehavior({
   on: "style.add",
   guard: ({
@@ -6594,10 +6656,11 @@ const EditorActorContext = createContext({}), abstractAnnotationBehaviors = [def
   ...abstractMoveBehaviors,
   ...abstractStyleBehaviors,
   ...abstractSelectBehaviors,
+  ...abstractSplitBehaviors,
   raiseDeserializationSuccessOrFailure,
   raiseSerializationSuccessOrFailure,
   raiseInsertSoftBreak
-], abstractBehaviorEventTypes = ["annotation.toggle", "decorator.toggle", "delete.text", "deserialize", "deserialization.success", "deserialization.failure", "insert.blocks", "insert.break", "insert.soft break", "list item.add", "list item.remove", "list item.toggle", "move.block down", "move.block up", "select.previous block", "select.next block", "serialize", "serialization.success", "serialization.failure", "style.add", "style.remove", "style.toggle"];
+], abstractBehaviorEventTypes = ["annotation.toggle", "decorator.toggle", "delete.text", "deserialize", "deserialization.success", "deserialization.failure", "insert.blocks", "insert.break", "insert.soft break", "list item.add", "list item.remove", "list item.toggle", "move.block down", "move.block up", "select.previous block", "select.next block", "serialize", "serialization.success", "serialization.failure", "split", "style.add", "style.remove", "style.toggle"];
 function isAbstractBehaviorEvent(event) {
   return abstractBehaviorEventTypes.includes(event.type);
 }