@portabletext/editor 1.32.0 → 1.33.0

package/lib/_chunks-cjs/plugin.event-listener.cjs

@@ -1,5 +1,5 @@
 "use strict";
-var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEffectEvent = require("use-effect-event"), jsxRuntime = require("react/jsx-runtime"), slateReact = require("slate-react"), react = require("@xstate/react"), debug$e = require("debug"), slate = require("slate"), xstate = require("xstate"), isEqual = require("lodash/isEqual.js"), 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"), selector_isAtTheStartOfBlock = require("./selector.is-at-the-start-of-block.cjs"), util_reverseSelection = require("./util.reverse-selection.cjs"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), rxjs = require("rxjs");
+var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEffectEvent = require("use-effect-event"), jsxRuntime = require("react/jsx-runtime"), slateReact = require("slate-react"), react = require("@xstate/react"), debug$e = require("debug"), slate = require("slate"), xstate = require("xstate"), isEqual = require("lodash/isEqual.js"), 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"), util_blockOffsetsToSelection = require("./util.block-offsets-to-selection.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"), selector_isAtTheStartOfBlock = require("./selector.is-at-the-start-of-block.cjs"), util_reverseSelection = require("./util.reverse-selection.cjs"), selector_getTrimmedSelection = require("./selector.get-trimmed-selection.cjs"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), rxjs = require("rxjs");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -2326,7 +2326,7 @@ const converterJson = {
         reason: "Data is not an array"
       };
     const parsedBlocks = blocks.flatMap((block) => {
-      const parsedBlock = parseBlocks.parseBlock({
+      const parsedBlock = util_blockOffsetsToSelection.parseBlock({
         context,
         block,
         options: {
@@ -2872,6 +2872,95 @@ function isPortableTextBlock(node) {
     node.children.every((child) => typeof child == "object" && "_type" in child)
   );
 }
+const decoratorAddActionImplementation = ({
+  context,
+  action
+}) => {
+  const editor = action.editor, mark = action.decorator, selection = action.selection ? toSlateRange(action.selection, action.editor) ?? editor.selection : editor.selection;
+  if (!selection)
+    return;
+  const value = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), editorSelection = toPortableTextRange(value, selection, context.schema), anchorOffset = editorSelection ? util_reverseSelection.spanSelectionPointToBlockOffset({
+    value,
+    selectionPoint: editorSelection.anchor
+  }) : void 0, focusOffset = editorSelection ? util_reverseSelection.spanSelectionPointToBlockOffset({
+    value,
+    selectionPoint: editorSelection.focus
+  }) : void 0;
+  if (!anchorOffset || !focusOffset)
+    throw new Error("Unable to find anchor or focus offset");
+  if (slate.Range.isExpanded(selection)) {
+    slate.Transforms.setNodes(editor, {}, {
+      at: selection,
+      match: slate.Text.isText,
+      split: !0,
+      hanging: !0
+    });
+    const newValue = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), newSelection = util_blockOffsetsToSelection.blockOffsetsToSelection({
+      value: newValue,
+      offsets: {
+        anchor: anchorOffset,
+        focus: focusOffset
+      },
+      backward: editorSelection?.backward
+    }), trimmedSelection = selector_getTrimmedSelection.getTrimmedSelection({
+      context: {
+        activeDecorators: [],
+        converters: [],
+        keyGenerator: context.keyGenerator,
+        schema: context.schema,
+        selection: newSelection,
+        value: newValue
+      }
+    });
+    if (!trimmedSelection)
+      throw new Error("Unable to find trimmed selection");
+    const newRange = toSlateRange(trimmedSelection, editor);
+    if (!newRange)
+      throw new Error("Unable to find new selection");
+    const splitTextNodes = slate.Range.isRange(newRange) ? [...slate.Editor.nodes(editor, {
+      at: newRange,
+      match: (node) => slate.Text.isText(node)
+    })] : [];
+    for (const [node, path] of splitTextNodes) {
+      const marks = [...(Array.isArray(node.marks) ? node.marks : []).filter((eMark) => eMark !== mark), mark];
+      slate.Transforms.setNodes(editor, {
+        marks
+      }, {
+        at: path,
+        match: slate.Text.isText,
+        split: !0,
+        hanging: !0
+      });
+    }
+  } else {
+    const [block, blockPath] = slate.Editor.node(editor, selection, {
+      depth: 1
+    }), lonelyEmptySpan = editor.isTextBlock(block) && block.children.length === 1 && editor.isTextSpan(block.children[0]) && block.children[0].text === "" ? block.children[0] : void 0;
+    if (lonelyEmptySpan) {
+      const existingMarks = lonelyEmptySpan.marks ?? [], existingMarksWithoutDecorator = existingMarks.filter((existingMark) => existingMark !== mark);
+      slate.Transforms.setNodes(editor, {
+        marks: existingMarks.length === existingMarksWithoutDecorator.length ? [...existingMarks, mark] : existingMarksWithoutDecorator
+      }, {
+        at: blockPath,
+        match: (node) => editor.isTextSpan(node)
+      });
+    } else {
+      const existingMarks = {
+        ...slate.Editor.marks(editor) || {}
+      }.marks || [], marks = {
+        ...slate.Editor.marks(editor) || {},
+        marks: [...existingMarks, mark]
+      };
+      editor.marks = marks;
+    }
+  }
+  if (editor.selection) {
+    const selection2 = editor.selection;
+    editor.selection = {
+      ...selection2
+    };
+  }
+};
 function getPreviousSpan({
   editor,
   blockPath,
@@ -3255,62 +3344,7 @@ function createWithPortableTextMarkModel(editorActor, types2) {
     }, editor;
   };
 }
-const addDecoratorActionImplementation = ({
-  action
-}) => {
-  const editor = action.editor, mark = action.decorator;
-  if (editor.selection) {
-    if (slate.Range.isExpanded(editor.selection)) {
-      slate.Transforms.setNodes(editor, {}, {
-        match: slate.Text.isText,
-        split: !0,
-        hanging: !0
-      });
-      const splitTextNodes = slate.Range.isRange(editor.selection) ? [...slate.Editor.nodes(editor, {
-        at: editor.selection,
-        match: slate.Text.isText
-      })] : [];
-      splitTextNodes.length > 1 && splitTextNodes.every((node) => node[0].marks?.includes(mark)) ? editor.removeMark(mark) : splitTextNodes.forEach(([node, path]) => {
-        const marks = [...(Array.isArray(node.marks) ? node.marks : []).filter((eMark) => eMark !== mark), mark];
-        slate.Transforms.setNodes(editor, {
-          marks
-        }, {
-          at: path,
-          match: slate.Text.isText,
-          split: !0,
-          hanging: !0
-        });
-      });
-    } else {
-      const [block, blockPath] = slate.Editor.node(editor, editor.selection, {
-        depth: 1
-      }), lonelyEmptySpan = editor.isTextBlock(block) && block.children.length === 1 && editor.isTextSpan(block.children[0]) && block.children[0].text === "" ? block.children[0] : void 0;
-      if (lonelyEmptySpan) {
-        const existingMarks = lonelyEmptySpan.marks ?? [], existingMarksWithoutDecorator = existingMarks.filter((existingMark) => existingMark !== mark);
-        slate.Transforms.setNodes(editor, {
-          marks: existingMarks.length === existingMarksWithoutDecorator.length ? [...existingMarks, mark] : existingMarksWithoutDecorator
-        }, {
-          at: blockPath,
-          match: (node) => editor.isTextSpan(node)
-        });
-      } else {
-        const existingMarks = {
-          ...slate.Editor.marks(editor) || {}
-        }.marks || [], marks = {
-          ...slate.Editor.marks(editor) || {},
-          marks: [...existingMarks, mark]
-        };
-        editor.marks = marks;
-      }
-    }
-    if (editor.selection) {
-      const selection = editor.selection;
-      editor.selection = {
-        ...selection
-      };
-    }
-  }
-}, removeDecoratorActionImplementation = ({
+const removeDecoratorActionImplementation = ({
   action
 }) => {
   const editor = action.editor, mark = action.decorator, {
@@ -3398,7 +3432,7 @@ const toggleDecoratorActionImplementation = ({
       editor: action.editor,
       decorator: action.decorator
     }
-  }) : addDecoratorActionImplementation({
+  }) : decoratorAddActionImplementation({
     context,
     action: {
       type: "decorator.add",
@@ -3998,6 +4032,37 @@ const blockSetBehaviorActionImplementation = ({
   if (!range)
     throw new Error(`Failed to get Slate Range for selection ${JSON.stringify(action.selection)}`);
   slate.select(action.editor, range), slate.deleteFragment(action.editor);
+}, deleteTextActionImplementation = ({
+  context,
+  action
+}) => {
+  const value = fromSlateValue(action.editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(action.editor)), selection = util_blockOffsetsToSelection.blockOffsetsToSelection({
+    value,
+    offsets: {
+      anchor: action.anchor,
+      focus: action.focus
+    }
+  });
+  if (!selection)
+    throw new Error("Unable to find selection from block offsets");
+  const trimmedSelection = selector_getTrimmedSelection.getTrimmedSelection({
+    context: {
+      converters: [],
+      schema: context.schema,
+      keyGenerator: context.keyGenerator,
+      activeDecorators: [],
+      value,
+      selection
+    }
+  });
+  if (!trimmedSelection)
+    throw new Error("Unable to find trimmed selection");
+  const range = toSlateRange(trimmedSelection, action.editor);
+  if (!range)
+    throw new Error("Unable to find Slate range from trimmed selection");
+  slate.Transforms.delete(action.editor, {
+    at: range
+  });
 }, insertBlockObjectActionImplementation = ({
   context,
   action
@@ -4113,7 +4178,7 @@ const blockSetBehaviorActionImplementation = ({
   context,
   action
 }) => {
-  const parsedBlock = parseBlocks.parseBlock({
+  const parsedBlock = util_blockOffsetsToSelection.parseBlock({
     block: action.block,
     context,
     options: {
@@ -4187,7 +4252,7 @@ const blockSetBehaviorActionImplementation = ({
     slateReact.ReactEditor.blur(action.editor);
   },
   "data transfer.set": dataTransferSetActionImplementation,
-  "decorator.add": addDecoratorActionImplementation,
+  "decorator.add": decoratorAddActionImplementation,
   "decorator.remove": removeDecoratorActionImplementation,
   "decorator.toggle": toggleDecoratorActionImplementation,
   focus: ({
@@ -4227,33 +4292,7 @@ const blockSetBehaviorActionImplementation = ({
       at: range
     });
   },
-  "delete.text": ({
-    context,
-    action
-  }) => {
-    const value = fromSlateValue(action.editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(action.editor)), anchor = util_reverseSelection.blockOffsetToSpanSelectionPoint({
-      value,
-      blockOffset: action.anchor
-    }), focus = util_reverseSelection.blockOffsetToSpanSelectionPoint({
-      value,
-      blockOffset: action.focus
-    });
-    if (!anchor || !focus) {
-      console.error("Unable to find anchor or focus selection point");
-      return;
-    }
-    const range = toSlateRange({
-      anchor,
-      focus
-    }, action.editor);
-    if (!range) {
-      console.error("Unable to find Slate range from selection points");
-      return;
-    }
-    slate.Transforms.delete(action.editor, {
-      at: range
-    });
-  },
+  "delete.text": deleteTextActionImplementation,
   "deserialization.failure": ({
     action
   }) => {