@portabletext/editor 1.44.15 → 1.44.16

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

@@ -5,7 +5,7 @@ import { ReactEditor, withReact, Slate } from "slate-react";
 import { useSelector, useActorRef } from "@xstate/react";
 import debug$g from "debug";
 import isEqual from "lodash/isEqual.js";
-import { Element, Text, Editor, Path, Operation, Transforms, insertText, Node, Range, Point, createEditor } from "slate";
+import { Element, Text, Editor, Path, Operation, Transforms, Node, Range, Point, createEditor } from "slate";
 import { setup, stateIn, fromCallback, assign, enqueueActions, emit, assertEvent, and, not, createActor } from "xstate";
 import { unset, set, setIfMissing, insert, diffMatchPatch as diffMatchPatch$1, applyAll } from "@portabletext/patches";
 import { isPortableTextTextBlock, isKeySegment, isPortableTextSpan as isPortableTextSpan$1, isPortableTextListBlock, defineType, defineField } from "@sanity/types";
@@ -917,8 +917,8 @@ function deisolateChar(diffs, i, dir) {
     }
   }
   if (insertIdx !== null && deleteIdx !== null && hasSharedChar(diffs, insertIdx, deleteIdx, dir)) {
-    const [insertText2, insertChar] = splitChar(diffs[insertIdx][1], inv), [deleteText] = splitChar(diffs[deleteIdx][1], inv);
-    diffs[insertIdx][1] = insertText2, diffs[deleteIdx][1] = deleteText, diffs[i][1] = combineChar(diffs[i][1], insertChar, dir);
+    const [insertText, insertChar] = splitChar(diffs[insertIdx][1], inv), [deleteText] = splitChar(diffs[deleteIdx][1], inv);
+    diffs[insertIdx][1] = insertText, diffs[deleteIdx][1] = deleteText, diffs[i][1] = combineChar(diffs[i][1], insertChar, dir);
     return;
   }
   const [text, char] = splitChar(diffs[i][1], dir);
@@ -2696,74 +2696,10 @@ function createOperationToPatches(types) {
     splitNodePatch
   };
 }
-const insertBreakActionImplementation = ({
-  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.value === 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
-  });
-}, insertSoftBreakActionImplementation = ({
+const insertTextActionImplementation = ({
   action
 }) => {
-  insertText(action.editor, `
-`);
+  action.editor.insertText(action.text);
 };
 function isPortableTextSpan(node) {
   return node._type === "span" && "text" in node && typeof node.text == "string" && (typeof node.marks > "u" || Array.isArray(node.marks) && node.marks.every((mark) => typeof mark == "string"));
@@ -4089,11 +4025,7 @@ function insertBlock({
     }
   }
 }
-const insertTextActionImplementation = ({
-  action
-}) => {
-  action.editor.insertText(action.text);
-}, moveBlockActionImplementation = ({
+const moveBlockActionImplementation = ({
   action
 }) => {
   const at = [toSlatePath(action.at, action.editor)[0]], to = [toSlatePath(action.to, action.editor)[0]];
@@ -4108,6 +4040,69 @@ const insertTextActionImplementation = ({
 }) => {
   const newSelection = toSlateRange(action.selection, 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.value === 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,
@@ -4125,15 +4120,14 @@ const insertTextActionImplementation = ({
   "history.redo": historyRedoActionImplementation,
   "history.undo": historyUndoActionImplementation,
   "insert.block": insertBlockActionImplementation,
-  "insert.break": insertBreakActionImplementation,
   "insert.inline object": insertInlineObjectActionImplementation,
-  "insert.soft break": insertSoftBreakActionImplementation,
   "insert.span": insertSpanActionImplementation,
   "insert.text": insertTextActionImplementation,
   effect: effectActionImplementation,
   "move.block": moveBlockActionImplementation,
   noop: noopActionImplementation,
-  select: selectActionImplementation
+  select: selectActionImplementation,
+  "split.block": splitBlockActionImplementation
 };
 function performAction({
   context,
@@ -4266,20 +4260,6 @@ function performAction({
       });
       break;
     }
-    case "insert.break": {
-      behaviorActionImplementations["insert.break"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "insert.soft break": {
-      behaviorActionImplementations["insert.soft break"]({
-        context,
-        action
-      });
-      break;
-    }
     case "insert.span": {
       behaviorActionImplementations["insert.span"]({
         context,
@@ -4303,6 +4283,13 @@ function performAction({
     }
     case "noop":
       break;
+    case "split.block": {
+      behaviorActionImplementations["split.block"]({
+        context,
+        action
+      });
+      break;
+    }
     default: {
       behaviorActionImplementations.select({
         context,
@@ -4320,7 +4307,7 @@ function createWithEventListeners(editorActor) {
       deleteBackward,
       deleteForward,
       insertBreak,
-      insertText: insertText2,
+      insertText,
       select
     } = editor;
     return editor.deleteBackward = (unit) => {
@@ -4376,12 +4363,14 @@ function createWithEventListeners(editorActor) {
       });
     }, editor.insertSoftBreak = () => {
       if (isApplyingBehaviorActions(editor)) {
-        insertSoftBreakActionImplementation({
+        insertTextActionImplementation({
           context: {
             keyGenerator: editorActor.getSnapshot().context.keyGenerator,
             schema: editorActor.getSnapshot().context.schema
           },
           action: {
+            text: `
+`,
             editor
           }
         });
@@ -4396,7 +4385,7 @@ function createWithEventListeners(editorActor) {
       });
     }, editor.insertText = (text, options) => {
       if (isApplyingBehaviorActions(editor)) {
-        insertText2(text, options);
+        insertText(text, options);
         return;
       }
       editorActor.send({
@@ -4407,7 +4396,7 @@ function createWithEventListeners(editorActor) {
         },
         editor,
         defaultActionCallback: () => {
-          insertText2(text, options);
+          insertText(text, options);
         }
       });
     }, editor.redo = () => {
@@ -5335,7 +5324,7 @@ const abstractAnnotationBehaviors = [defineBehavior({
     placement: "auto",
     select: "end"
   })] : event.blocks.flatMap((block, index) => index === 0 ? [raise({
-    type: "insert.break"
+    type: "split.block"
   }), raise({
     type: "select.previous block",
     select: "end"
@@ -5371,6 +5360,18 @@ const abstractAnnotationBehaviors = [defineBehavior({
     placement: index === 0 ? "auto" : "after",
     select: "end"
   }))]
+}), defineBehavior({
+  on: "insert.break",
+  actions: [() => [raise({
+    type: "split.block"
+  })]]
+}), defineBehavior({
+  on: "insert.soft break",
+  actions: [() => [raise({
+    type: "insert.text",
+    text: `
+`
+  })]]
 })], abstractListItemBehaviors = [defineBehavior({
   on: "list item.add",
   guard: ({
@@ -5955,7 +5956,7 @@ const abstractAnnotationBehaviors = [defineBehavior({
   raiseDeserializationSuccessOrFailure,
   raiseSerializationSuccessOrFailure,
   raiseInsertSoftBreak
-], abstractBehaviorEventTypes = ["annotation.toggle", "decorator.toggle", "deserialize", "deserialization.success", "deserialization.failure", "insert.blocks", "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", "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"];
 function isAbstractBehaviorEvent(event) {
   return abstractBehaviorEventTypes.includes(event.type);
 }