@portabletext/editor 1.44.2 → 1.44.3

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

@@ -124,87 +124,6 @@ function debugWithName(name) {
   const namespace = `${rootName}${name}`;
   return debug__default.default && debug__default.default.enabled(namespace) ? debug__default.default(namespace) : debug__default.default(rootName);
 }
-function createKeyedPath(point, value, types2) {
-  const blockPath = [point.path[0]];
-  if (!value)
-    return null;
-  const block = value[blockPath[0]];
-  if (!block)
-    return null;
-  const keyedBlockPath = [{
-    _key: block._key
-  }];
-  if (block._type !== types2.block.name)
-    return keyedBlockPath;
-  let keyedChildPath;
-  const childPath = point.path.slice(0, 2), child = Array.isArray(block.children) && block.children[childPath[1]];
-  return child && (keyedChildPath = ["children", {
-    _key: child._key
-  }]), keyedChildPath ? [...keyedBlockPath, ...keyedChildPath] : keyedBlockPath;
-}
-function toSlatePath(path, editor) {
-  if (!editor)
-    return [];
-  const [block, blockPath] = Array.from(slate.Editor.nodes(editor, {
-    at: [],
-    match: (n) => types.isKeySegment(path[0]) && n._key === path[0]._key
-  }))[0] || [void 0, void 0];
-  if (!block || !slate.Element.isElement(block))
-    return [];
-  if (editor.isVoid(block))
-    return [blockPath[0], 0];
-  const childPath = [path[2]], childIndex = block.children.findIndex((child) => isEqual__default.default([{
-    _key: child._key
-  }], childPath));
-  if (childIndex >= 0 && block.children[childIndex]) {
-    const child = block.children[childIndex];
-    return slate.Element.isElement(child) && editor.isVoid(child) ? blockPath.concat(childIndex).concat(0) : blockPath.concat(childIndex);
-  }
-  return [blockPath[0], 0];
-}
-function toPortableTextRange(value, range, types2) {
-  if (!range)
-    return null;
-  let anchor = null, focus = null;
-  const anchorPath = range.anchor && createKeyedPath(range.anchor, value, types2);
-  anchorPath && range.anchor && (anchor = {
-    path: anchorPath,
-    offset: range.anchor.offset
-  });
-  const focusPath = range.focus && createKeyedPath(range.focus, value, types2);
-  focusPath && range.focus && (focus = {
-    path: focusPath,
-    offset: range.focus.offset
-  });
-  const backward = !!(slate.Range.isRange(range) && slate.Range.isBackward(range));
-  return anchor && focus ? {
-    anchor,
-    focus,
-    backward
-  } : null;
-}
-function toSlateRange(selection, editor) {
-  if (!selection || !editor)
-    return null;
-  const anchor = {
-    path: toSlatePath(selection.anchor.path, editor),
-    offset: selection.anchor.offset
-  }, focus = {
-    path: toSlatePath(selection.focus.path, editor),
-    offset: selection.focus.offset
-  };
-  return focus.path.length === 0 || anchor.path.length === 0 ? null : anchor && focus ? {
-    anchor,
-    focus
-  } : null;
-}
-function moveRangeByOperation(range, operation) {
-  const anchor = slate.Point.transform(range.anchor, operation), focus = slate.Point.transform(range.focus, operation);
-  return anchor === null || focus === null ? null : slate.Point.equals(anchor, range.anchor) && slate.Point.equals(focus, range.focus) ? range : {
-    anchor,
-    focus
-  };
-}
 const VOID_CHILD_KEY = "void-child";
 function keepObjectEquality(object, keyMap) {
   const value = keyMap[object._key];
@@ -317,6 +236,13 @@ function getFocusBlock({
 }) {
   return editor.selection ? slate.Editor.node(editor, editor.selection.focus.path.slice(0, 1)) ?? [void 0, void 0] : [void 0, void 0];
 }
+function getPointBlock({
+  editor,
+  point
+}) {
+  const [block] = slate.Editor.node(editor, point.path.slice(0, 1)) ?? [void 0, void 0];
+  return block ? [block, point.path] : [void 0, void 0];
+}
 function getFocusChild({
   editor
 }) {
@@ -328,6 +254,23 @@ function getFocusChild({
   const focusChild = slate.Node.child(focusBlock, childIndex);
   return focusChild ? [focusChild, [...focusBlockPath, childIndex]] : [void 0, void 0];
 }
+function getPointChild({
+  editor,
+  point
+}) {
+  const [block, blockPath] = getPointBlock({
+    editor,
+    point
+  }), childIndex = point.path.at(1);
+  if (!block || !blockPath || childIndex === void 0)
+    return [void 0, void 0];
+  try {
+    const pointChild = slate.Node.child(block, childIndex);
+    return pointChild ? [pointChild, [...blockPath, childIndex]] : [void 0, void 0];
+  } catch {
+    return [void 0, void 0];
+  }
+}
 function getFirstBlock({
   editor
 }) {
@@ -404,6 +347,89 @@ function isStyleActive({
   })];
   return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => node.style === style) : !1;
 }
+function slateRangeToSelection({
+  schema: schema2,
+  editor,
+  range
+}) {
+  const [anchorBlock] = getPointBlock({
+    editor,
+    point: range.anchor
+  }), [focusBlock] = getPointBlock({
+    editor,
+    point: range.focus
+  });
+  if (!anchorBlock || !focusBlock)
+    return null;
+  const [anchorChild] = anchorBlock._type === schema2.block.name ? getPointChild({
+    editor,
+    point: range.anchor
+  }) : [void 0, void 0], [focusChild] = focusBlock._type === schema2.block.name ? getPointChild({
+    editor,
+    point: range.focus
+  }) : [void 0, void 0], selection = {
+    anchor: {
+      path: [{
+        _key: anchorBlock._key
+      }],
+      offset: range.anchor.offset
+    },
+    focus: {
+      path: [{
+        _key: focusBlock._key
+      }],
+      offset: range.focus.offset
+    },
+    backward: slate.Range.isBackward(range)
+  };
+  return anchorChild && (selection.anchor.path.push("children"), selection.anchor.path.push({
+    _key: anchorChild._key
+  })), focusChild && (selection.focus.path.push("children"), selection.focus.path.push({
+    _key: focusChild._key
+  })), selection;
+}
+function toSlatePath(path, editor) {
+  if (!editor)
+    return [];
+  const [block, blockPath] = Array.from(slate.Editor.nodes(editor, {
+    at: [],
+    match: (n) => types.isKeySegment(path[0]) && n._key === path[0]._key
+  }))[0] || [void 0, void 0];
+  if (!block || !slate.Element.isElement(block))
+    return [];
+  if (editor.isVoid(block))
+    return [blockPath[0], 0];
+  const childPath = [path[2]], childIndex = block.children.findIndex((child) => isEqual__default.default([{
+    _key: child._key
+  }], childPath));
+  if (childIndex >= 0 && block.children[childIndex]) {
+    const child = block.children[childIndex];
+    return slate.Element.isElement(child) && editor.isVoid(child) ? blockPath.concat(childIndex).concat(0) : blockPath.concat(childIndex);
+  }
+  return [blockPath[0], 0];
+}
+function toSlateRange(selection, editor) {
+  if (!selection || !editor)
+    return null;
+  const anchor = {
+    path: toSlatePath(selection.anchor.path, editor),
+    offset: selection.anchor.offset
+  }, focus = {
+    path: toSlatePath(selection.focus.path, editor),
+    offset: selection.focus.offset
+  };
+  return focus.path.length === 0 || anchor.path.length === 0 ? null : anchor && focus ? {
+    anchor,
+    focus
+  } : null;
+}
+function moveRangeByOperation(range, operation) {
+  const anchor = slate.Point.transform(range.anchor, operation), focus = slate.Point.transform(range.focus, operation);
+  return anchor === null || focus === null ? null : slate.Point.equals(anchor, range.anchor) && slate.Point.equals(focus, range.focus) ? range : {
+    anchor,
+    focus
+  };
+}
 const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE_ELEMENT = /* @__PURE__ */ new WeakMap(), KEY_TO_VALUE_ELEMENT = /* @__PURE__ */ new WeakMap(), SLATE_TO_PORTABLE_TEXT_RANGE = /* @__PURE__ */ new WeakMap(), EditorActorContext = React.createContext({}), PortableTextEditorContext = React.createContext(null), usePortableTextEditor = () => {
   const editor = React.useContext(PortableTextEditorContext);
   if (!editor)
@@ -3546,7 +3572,11 @@ function createEditableAPI(editor, editorActor) {
             }
           },
           editor
-        }), toPortableTextRange(fromSlateValue(editor.children, types2.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), editor.selection, types2)?.focus.path ?? [];
+        }), editor.selection ? slateRangeToSelection({
+          schema: editorActor.getSnapshot().context.schema,
+          editor,
+          range: editor.selection
+        })?.focus.path ?? [] : [];
       if (!editor.selection)
         throw new Error("The editor has no selection");
       const [focusBlock] = Array.from(slate.Editor.nodes(editor, {
@@ -3574,7 +3604,11 @@ function createEditableAPI(editor, editorActor) {
       })), slate.Transforms.insertNodes(editor, child, {
         select: !0,
         at: editor.selection
-      }), editor.onChange(), toPortableTextRange(fromSlateValue(editor.children, types2.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), editor.selection, types2)?.focus.path || [];
+      }), editor.onChange(), editor.selection ? slateRangeToSelection({
+        schema: editorActor.getSnapshot().context.schema,
+        editor,
+        range: editor.selection
+      })?.focus.path ?? [] : [];
     },
     insertBlock: (type, value) => (editorActor.send({
       type: "behavior event",
@@ -3587,7 +3621,11 @@ function createEditableAPI(editor, editorActor) {
         placement: "auto"
       },
       editor
-    }), toPortableTextRange(fromSlateValue(editor.children, types2.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), editor.selection, types2)?.focus.path ?? []),
+    }), editor.selection ? slateRangeToSelection({
+      schema: editorActor.getSnapshot().context.schema,
+      editor,
+      range: editor.selection
+    })?.focus.path ?? [] : []),
     hasBlockStyle: (style) => {
       try {
         return isStyleActive({
@@ -3745,7 +3783,11 @@ function createEditableAPI(editor, editorActor) {
         const existing = SLATE_TO_PORTABLE_TEXT_RANGE.get(editor.selection);
         if (existing)
           return existing;
-        ptRange = toPortableTextRange(fromSlateValue(editor.children, types2.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), editor.selection, types2), SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, ptRange);
+        ptRange = slateRangeToSelection({
+          schema: editorActor.getSnapshot().context.schema,
+          editor,
+          range: editor.selection
+        }), SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, ptRange);
       }
       return ptRange;
     },
@@ -4036,7 +4078,11 @@ const addAnnotationActionImplementation = ({
   } : void 0, selection = manualSelection ? toSlateRange(manualSelection, action.editor) ?? editor.selection : editor.selection;
   if (!selection)
     return;
-  const editorSelection = toPortableTextRange(value, selection, context.schema), anchorOffset = editorSelection ? util_selectionPointToBlockOffset.selectionPointToBlockOffset({
+  const editorSelection = slateRangeToSelection({
+    schema: context.schema,
+    editor,
+    range: selection
+  }), anchorOffset = editorSelection ? util_selectionPointToBlockOffset.selectionPointToBlockOffset({
     value,
     selectionPoint: editorSelection.anchor
   }) : void 0, focusOffset = editorSelection ? util_selectionPointToBlockOffset.selectionPointToBlockOffset({
@@ -4762,7 +4808,11 @@ function createWithEventListeners(editorActor) {
         type: "behavior event",
         behaviorEvent: {
           type: "select",
-          selection: toPortableTextRange(fromSlateValue(editor.children, editorActor.getSnapshot().context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), range, editorActor.getSnapshot().context.schema)
+          selection: slateRangeToSelection({
+            schema: editorActor.getSnapshot().context.schema,
+            editor,
+            range
+          })
         },
         editor,
         defaultActionCallback: () => {
@@ -5319,7 +5369,7 @@ function createWithPortableTextBlockStyle(editorActor, types2) {
   };
 }
 debugWithName("plugin:withPortableTextSelections");
-function createWithPortableTextSelections(editorActor, types2) {
+function createWithPortableTextSelections(editorActor) {
   let prevSelection = null;
   return function(editor) {
     const emitPortableTextSelection = () => {
@@ -5327,12 +5377,11 @@ function createWithPortableTextSelections(editorActor, types2) {
         let ptRange = null;
         if (editor.selection) {
           const existing = SLATE_TO_PORTABLE_TEXT_RANGE.get(editor.selection);
-          if (existing)
-            ptRange = existing;
-          else {
-            const value = editor.children;
-            ptRange = toPortableTextRange(value, editor.selection, types2), SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, ptRange);
-          }
+          existing ? ptRange = existing : (ptRange = slateRangeToSelection({
+            schema: editorActor.getSnapshot().context.schema,
+            editor,
+            range: editor.selection
+          }), SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, ptRange));
         }
         ptRange ? editorActor.send({
           type: "notify.selection",
@@ -5446,7 +5495,7 @@ const withPlugins = (editor, options) => {
   }), withPortableTextMarkModel = createWithPortableTextMarkModel(editorActor, schemaTypes), withPortableTextBlockStyle = createWithPortableTextBlockStyle(editorActor, schemaTypes), withPlaceholderBlock = createWithPlaceholderBlock(editorActor), withUtils = createWithUtils({
     editorActor,
     schemaTypes
-  }), withPortableTextSelections = createWithPortableTextSelections(editorActor, schemaTypes);
+  }), withPortableTextSelections = createWithPortableTextSelections(editorActor);
   return createWithEventListeners(editorActor)(withSchemaTypes(withObjectKeys(withPortableTextMarkModel(withPortableTextBlockStyle(withPlaceholderBlock(withUtils(withMaxBlocks(withUndoRedo(withPatches(withPortableTextSelections(e)))))))))));
 }, debug$3 = debugWithName("component:PortableTextEditor:SlateContainer"), slateEditors = /* @__PURE__ */ new WeakMap();
 function createSlateEditor(config) {
@@ -6371,7 +6420,11 @@ function createEditorSnapshot({
   hasTag,
   internalDrag
 }) {
-  const value = slateChildrenToBlocks(schema2, editor.children), selection = toPortableTextRange(value, editor.selection, schema2);
+  const value = slateChildrenToBlocks(schema2, editor.children), selection = editor.selection ? slateRangeToSelection({
+    schema: schema2,
+    editor,
+    range: editor.selection
+  }) : null;
   return {
     context: {
       activeDecorators: getActiveDecorators({
@@ -7505,7 +7558,7 @@ exports.getLastBlock = getLastBlock;
 exports.getNodeBlock = getNodeBlock;
 exports.isEqualToEmptyEditor = isEqualToEmptyEditor;
 exports.moveRangeByOperation = moveRangeByOperation;
-exports.toPortableTextRange = toPortableTextRange;
+exports.slateRangeToSelection = slateRangeToSelection;
 exports.toSlateRange = toSlateRange;
 exports.useEditor = useEditor;
 exports.useEditorSelector = useEditorSelector;