@portabletext/editor 1.47.10 → 1.47.12

package/lib/_chunks-cjs/editor-provider.cjs

@@ -1,5 +1,5 @@
 "use strict";
-var jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), React = require("react"), slateReact = require("slate-react"), reactCompilerRuntime = require("react-compiler-runtime"), debug$g = require("debug"), isEqual = require("lodash/isEqual.js"), slate = require("slate"), xstate = require("xstate"), patches = require("@portabletext/patches"), types = require("@sanity/types"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), getRandomValues = require("get-random-values-esm"), parseBlocks = require("./parse-blocks.cjs"), util_sliceBlocks = require("./util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), omit = require("lodash/omit.js"), util_selectionPointToBlockOffset = require("./util.selection-point-to-block-offset.cjs"), selector_isSelectingEntireBlocks = require("./selector.is-selecting-entire-blocks.cjs"), slateDom = require("slate-dom"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), selector_isOverlappingSelection = require("./selector.is-overlapping-selection.cjs"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event");
+var jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), React = require("react"), slateReact = require("slate-react"), reactCompilerRuntime = require("react-compiler-runtime"), debug$g = require("debug"), isEqual = require("lodash/isEqual.js"), slate = require("slate"), xstate = require("xstate"), patches = require("@portabletext/patches"), types = require("@sanity/types"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), getRandomValues = require("get-random-values-esm"), parseBlocks = require("./parse-blocks.cjs"), util_sliceBlocks = require("./util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), omit = require("lodash/omit.js"), util_selectionPointToBlockOffset = require("./util.selection-point-to-block-offset.cjs"), selector_isSelectingEntireBlocks = require("./selector.is-selecting-entire-blocks.cjs"), slateDom = require("slate-dom"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), selector_isOverlappingSelection = require("./selector.is-overlapping-selection.cjs"), util_getSelectionStartPoint = require("./util.get-selection-start-point.cjs"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -3403,13 +3403,35 @@ function getFocusBlock({
     return [void 0, void 0];
   }
 }
+function getSelectionStartBlock({
+  editor
+}) {
+  if (!editor.selection)
+    return [void 0, void 0];
+  const selectionStartPoint = slate.Range.start(editor.selection);
+  return getPointBlock({
+    editor,
+    point: selectionStartPoint
+  });
+}
+function getSelectionEndBlock({
+  editor
+}) {
+  if (!editor.selection)
+    return [void 0, void 0];
+  const selectionEndPoint = slate.Range.end(editor.selection);
+  return getPointBlock({
+    editor,
+    point: selectionEndPoint
+  });
+}
 function getPointBlock({
   editor,
   point
 }) {
   try {
     const [block] = slate.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];
   }
@@ -3823,10 +3845,12 @@ function insertBlock({
   editor,
   schema: schema2
 }) {
-  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" && slateDom.DOMEditor.focus(editor);
     const [lastBlock, lastBlockPath] = getLastBlock({
       editor
@@ -3865,26 +3889,41 @@ function insertBlock({
       }), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, nextPath)) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, nextPath));
     }
   } else if (placement === "before") {
-    const currentSelection = editor.selection;
+    const currentSelection = editor.selection, selectionStartPoint = slate.Range.start(currentSelection);
     slate.Transforms.insertNodes(editor, [block], {
-      at: focusBlockPath,
+      at: [selectionStartPoint.path[0]],
       select: !1
-    });
-    const adjustedSelection = slate.Range.transform(currentSelection, {
-      type: "move_node",
-      path: focusBlockPath,
-      newPath: [focusBlockPath[0] + 1]
-    });
-    adjustedSelection ? slate.Transforms.select(editor, adjustedSelection) : slate.Transforms.select(editor, currentSelection), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, focusBlockPath)) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, focusBlockPath));
+    }), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, [selectionStartPoint.path[0]])) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, [selectionStartPoint.path[0]]));
   } else if (placement === "after") {
-    const nextPath = [focusBlockPath[0] + 1], currentSelection = editor.selection;
+    const currentSelection = editor.selection, nextPath = [slate.Range.end(currentSelection).path[0] + 1];
     slate.Transforms.insertNodes(editor, [block], {
       at: nextPath,
       select: !1
-    }), slate.Transforms.select(editor, currentSelection), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, nextPath)) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, nextPath));
+    }), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, nextPath)) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, nextPath));
   } else {
-    const currentSelection = editor.selection, focusBlockStartPoint = slate.Editor.start(editor, focusBlockPath);
-    if (editor.isTextBlock(focusBlock) && editor.isTextBlock(block)) {
+    const currentSelection = editor.selection, endBlockEndPoint = slate.Editor.start(editor, endBlockPath);
+    if (slate.Range.isExpanded(currentSelection) && !editor.isTextBlock(block)) {
+      slate.Transforms.delete(editor, {
+        at: currentSelection
+      });
+      const newSelection = editor.selection, [focusBlock, focusBlockPath] = getFocusBlock({
+        editor
+      });
+      slate.Transforms.insertNodes(editor, [block], {
+        voids: !0
+      });
+      const adjustedSelection = newSelection.anchor.offset === 0 ? slate.Range.transform(newSelection, {
+        type: "insert_node",
+        node: block,
+        path: [newSelection.anchor.path[0]]
+      }) : newSelection;
+      select === "none" && adjustedSelection && slate.Transforms.select(editor, adjustedSelection), focusBlock && isEqualToEmptyEditor([focusBlock], schema2) && slate.Transforms.removeNodes(editor, {
+        at: focusBlockPath
+      });
+      return;
+    }
+    if (editor.isTextBlock(endBlock) && editor.isTextBlock(block)) {
+      const selectionStartPoint = slate.Range.start(currentSelection);
       if (select === "end") {
         slate.Transforms.insertFragment(editor, [block], {
           voids: !0
@@ -3894,32 +3933,44 @@ function insertBlock({
       slate.Transforms.insertFragment(editor, [block], {
         at: currentSelection,
         voids: !0
-      }), select === "start" ? slate.Point.equals(currentSelection.anchor, focusBlockStartPoint) ? slate.Transforms.select(editor, slate.Editor.start(editor, focusBlockPath)) : slate.Transforms.select(editor, currentSelection) : slate.Point.equals(currentSelection.anchor, focusBlockStartPoint) || slate.Transforms.select(editor, currentSelection);
-    } else if (editor.isTextBlock(focusBlock)) {
-      const focusBlockStartPoint2 = slate.Editor.start(editor, focusBlockPath), focusBlockEndPoint = slate.Editor.end(editor, focusBlockPath);
-      if (slate.Point.equals(currentSelection.anchor, focusBlockStartPoint2))
+      }), select === "start" ? slate.Transforms.select(editor, selectionStartPoint) : slate.Point.equals(selectionStartPoint, endBlockEndPoint) || slate.Transforms.select(editor, selectionStartPoint);
+    } else if (editor.isTextBlock(endBlock)) {
+      const endBlockStartPoint = slate.Editor.start(editor, endBlockPath), endBlockEndPoint2 = slate.Editor.end(editor, endBlockPath), selectionStartPoint = slate.Range.start(currentSelection), selectionEndPoint = slate.Range.end(currentSelection);
+      if (slate.Range.isCollapsed(currentSelection) && slate.Point.equals(selectionStartPoint, endBlockStartPoint))
         slate.Transforms.insertNodes(editor, [block], {
-          at: focusBlockPath,
+          at: endBlockPath,
           select: !1
-        }), (select === "start" || select === "end") && slate.Transforms.select(editor, slate.Editor.start(editor, focusBlockPath)), isEqualToEmptyEditor([focusBlock], schema2) && slate.Transforms.removeNodes(editor, {
-          at: slate.Path.next(focusBlockPath)
+        }), (select === "start" || select === "end") && slate.Transforms.select(editor, slate.Editor.start(editor, endBlockPath)), isEqualToEmptyEditor([endBlock], schema2) && slate.Transforms.removeNodes(editor, {
+          at: slate.Path.next(endBlockPath)
         });
-      else if (slate.Point.equals(currentSelection.focus, focusBlockEndPoint)) {
-        const nextPath = [focusBlockPath[0] + 1];
+      else if (slate.Range.isCollapsed(currentSelection) && slate.Point.equals(selectionEndPoint, endBlockEndPoint2)) {
+        const nextPath = [endBlockPath[0] + 1];
         slate.Transforms.insertNodes(editor, [block], {
           at: nextPath,
           select: !1
         }), (select === "start" || select === "end") && slate.Transforms.select(editor, slate.Editor.start(editor, nextPath));
-      } else {
+      } else if (slate.Range.isExpanded(currentSelection) && slate.Point.equals(selectionStartPoint, endBlockStartPoint) && slate.Point.equals(selectionEndPoint, endBlockEndPoint2))
+        slate.Transforms.insertFragment(editor, [block], {
+          at: currentSelection
+        }), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, endBlockPath)) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, endBlockPath));
+      else if (slate.Range.isExpanded(currentSelection) && slate.Point.equals(selectionStartPoint, endBlockStartPoint))
+        slate.Transforms.insertFragment(editor, [block], {
+          at: currentSelection
+        }), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, endBlockPath)) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, endBlockPath));
+      else if (slate.Range.isExpanded(currentSelection) && slate.Point.equals(selectionEndPoint, endBlockEndPoint2))
+        slate.Transforms.insertFragment(editor, [block], {
+          at: currentSelection
+        }), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, slate.Path.next(endBlockPath))) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, slate.Path.next(endBlockPath)));
+      else {
         const currentSelection2 = editor.selection, [focusChild] = getFocusChild({
           editor
         });
         if (focusChild && editor.isTextSpan(focusChild))
           slate.Transforms.insertFragment(editor, [block], {
             at: currentSelection2
-          }), select === "start" || select === "end" ? slate.Transforms.select(editor, [focusBlockPath[0] + 1]) : slate.Transforms.select(editor, currentSelection2);
+          }), select === "start" || select === "end" ? slate.Transforms.select(editor, [endBlockPath[0] + 1]) : slate.Transforms.select(editor, currentSelection2);
         else {
-          const nextPath = [focusBlockPath[0] + 1];
+          const nextPath = [endBlockPath[0] + 1];
           slate.Transforms.insertNodes(editor, [block], {
             at: nextPath,
             select: !1
@@ -3930,7 +3981,7 @@ function insertBlock({
       slate.Transforms.insertNodes(editor, [block], {
         select: !1
       });
-      const nextPath = [focusBlockPath[0] + 1];
+      const nextPath = [endBlockPath[0] + 1];
       select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, nextPath)) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, nextPath));
     }
   }
@@ -3965,69 +4016,6 @@ const moveBackwardActionImplementation = ({
 }) => {
   const newSelection = toSlateRange(action.at, action.editor);
   newSelection ? slate.Transforms.select(action.editor, newSelection) : slate.Transforms.deselect(action.editor);
-}, splitBlockActionImplementation = ({
-  context,
-  action
-}) => {
-  const keyGenerator = context.keyGenerator, schema2 = 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 = slate.Node.descendant(editor, focusBlockPath);
-  if (editor.isTextBlock(focusBlock) && anchorBlockPath[0] === focusBlockPath[0]) {
-    slate.Transforms.splitNodes(editor, {
-      at: editor.selection,
-      always: !0
-    });
-    const [nextBlock, nextBlockPath] = slate.Editor.node(editor, slate.Path.next(focusBlockPath), {
-      depth: 1
-    }), nextChild = slate.Node.child(nextBlock, 0);
-    if (!editor.isTextSpan(nextChild) && slate.Transforms.insertNodes(editor, {
-      _key: context.keyGenerator(),
-      _type: "span",
-      text: "",
-      marks: []
-    }, {
-      at: [nextBlockPath[0], 0]
-    }), slate.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(slate.Node.children(editor, focusBlockPath)).map((entry) => entry[0]).filter((node) => editor.isTextSpan(node)), children = slate.Node.children(editor, nextBlockPath);
-      for (const [child, childPath] of children) {
-        if (!editor.isTextSpan(child))
-          continue;
-        const marks = child.marks ?? [];
-        for (const mark of marks)
-          schema2.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__default.default(marks, newMarks) || slate.Transforms.setNodes(editor, {
-          marks: newMarks
-        }, {
-          at: childPath
-        });
-      }
-      const newMarkDefs = nextBlock.markDefs.map((markDef) => ({
-        ...markDef,
-        _key: newMarkDefKeys.get(markDef._key) ?? markDef._key
-      }));
-      isEqual__default.default(nextBlock.markDefs, newMarkDefs) || slate.Transforms.setNodes(editor, {
-        markDefs: newMarkDefs
-      }, {
-        at: nextBlockPath,
-        match: (node) => editor.isTextBlock(node)
-      });
-    }
-    return;
-  }
-  slate.Transforms.splitNodes(editor, {
-    always: !0
-  });
 }, debug$a = debugWithName("behaviors:action"), behaviorActionImplementations = {
   "annotation.add": addAnnotationActionImplementation,
   "annotation.remove": removeAnnotationActionImplementation,
@@ -4050,8 +4038,7 @@ const moveBackwardActionImplementation = ({
   "move.block": moveBlockActionImplementation,
   "move.forward": moveForwardActionImplementation,
   noop: noopActionImplementation,
-  select: selectActionImplementation,
-  "split.block": splitBlockActionImplementation
+  select: selectActionImplementation
 };
 function performAction({
   context,
@@ -4200,13 +4187,6 @@ function performAction({
     }
     case "noop":
       break;
-    case "split.block": {
-      behaviorActionImplementations["split.block"]({
-        context,
-        action
-      });
-      break;
-    }
     default: {
       behaviorActionImplementations.select({
         context,
@@ -5938,7 +5918,7 @@ const EditorActorContext = React.createContext({}), abstractAnnotationBehaviors
     placement: index === 0 ? "auto" : "after",
     select: "end"
   })) : event.blocks.flatMap((block, index) => index === 0 ? [behavior_core.raise({
-    type: "split.block"
+    type: "split"
   }), behavior_core.raise({
     type: "select.previous block",
     select: "end"
@@ -5977,7 +5957,7 @@ const EditorActorContext = React.createContext({}), abstractAnnotationBehaviors
 }), behavior_core.defineBehavior({
   on: "insert.break",
   actions: [() => [behavior_core.raise({
-    type: "split.block"
+    type: "split"
   })]]
 }), behavior_core.defineBehavior({
   on: "insert.soft break",
@@ -6157,6 +6137,87 @@ const EditorActorContext = React.createContext({}), abstractAnnotationBehaviors
     type: "select",
     at: selection
   })]]
+})], abstractSplitBehaviors = [behavior_core.defineBehavior({
+  on: "split",
+  guard: ({
+    snapshot
+  }) => {
+    if (!snapshot.context.selection)
+      return !1;
+    const selectionStartPoint = util_getSelectionStartPoint.getSelectionStartPoint(snapshot.context.selection), selectionEndPoint = util_getSelectionStartPoint.getSelectionEndPoint(snapshot.context.selection), focusTextBlock = selector_isOverlappingSelection.getFocusTextBlock({
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: selectionStartPoint,
+          focus: selectionEndPoint
+        }
+      }
+    });
+    if (focusTextBlock) {
+      const blockEndPoint = util_sliceBlocks.getBlockEndPoint(focusTextBlock), newTextBlockSelection = {
+        anchor: selectionEndPoint,
+        focus: blockEndPoint
+      }, newTextBlock = parseBlocks.parseBlock({
+        block: util_sliceBlocks.sliceBlocks({
+          blocks: [focusTextBlock.node],
+          selection: newTextBlockSelection
+        }).at(0),
+        context: snapshot.context,
+        options: {
+          refreshKeys: !0
+        }
+      });
+      return !newTextBlock || !parseBlocks.isTextBlock(snapshot.context.schema, newTextBlock) ? !1 : {
+        newTextBlock,
+        newTextBlockSelection,
+        selection: {
+          anchor: selectionStartPoint,
+          focus: blockEndPoint
+        }
+      };
+    }
+    if (selector_isOverlappingSelection.getFocusBlockObject({
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: selectionStartPoint,
+          focus: selectionEndPoint
+        }
+      }
+    })) {
+      const newTextBlock = parseBlocks.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
+  }) => [behavior_core.raise({
+    type: "delete",
+    at: selection
+  }), behavior_core.raise({
+    type: "insert.block",
+    block: newTextBlock,
+    placement: "after",
+    select: "start"
+  })]]
 })], abstractStyleBehaviors = [behavior_core.defineBehavior({
   on: "style.add",
   guard: ({
@@ -6568,10 +6629,11 @@ const EditorActorContext = React.createContext({}), abstractAnnotationBehaviors
   ...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);
 }