@portabletext/editor 1.57.3 → 1.57.5

package/lib/index.js

@@ -5,15 +5,15 @@ import { useEditor, EditorContext } from "./_chunks-es/use-editor.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useSelector, useActorRef } from "@xstate/react";
 import noop from "lodash/noop.js";
-import { Element as Element$1, Text, Range, Editor, Node, Point, Transforms, Path, Operation, createEditor } from "slate";
+import { Element as Element$1, Text, Range, Editor, Node, Transforms, Path, Operation, Point, createEditor } from "slate";
 import { useSelected, useSlateSelector, useSlateStatic, withReact, ReactEditor, Slate, useSlate, Editable } from "slate-react";
 import debug$f from "debug";
 import { DOMEditor, isDOMNode } from "slate-dom";
-import { getBlockStartPoint, getBlockKeyFromSelectionPoint, isTextBlock, getChildKeyFromSelectionPoint, isSpan, parseBlock, parseAnnotation, blockOffsetToSpanSelectionPoint, parseInlineObject, isKeyedSegment, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint, getTextBlockText, parseBlocks } from "./_chunks-es/util.slice-blocks.js";
-import { getBlockEndPoint, isSelectionCollapsed, isEmptyTextBlock, isEqualSelectionPoints } from "./_chunks-es/util.is-selection-collapsed.js";
+import { getBlockStartPoint, getBlockKeyFromSelectionPoint, isTextBlock, getChildKeyFromSelectionPoint, blockOffsetToSpanSelectionPoint, isSpan, parseBlock, parseAnnotation, parseInlineObject, isKeyedSegment, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint, getTextBlockText, parseBlocks } from "./_chunks-es/util.slice-blocks.js";
+import { getBlockEndPoint, isSelectionCollapsed, isEqualSelectionPoints, isEmptyTextBlock } from "./_chunks-es/util.is-selection-collapsed.js";
 import isEqual from "lodash/isEqual.js";
+import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getSelectedValue, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.is-selection-expanded.js";
 import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getMarkState, getActiveDecorators, getActiveAnnotationsMarks, getTrimmedSelection, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, isActiveAnnotation, isActiveDecorator, getSelectedTextBlocks, isActiveListItem, isActiveStyle, getActiveAnnotations } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
-import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getSelectedValue, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.get-focus-span.js";
 import getRandomValues from "get-random-values-esm";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import uniq from "lodash/uniq.js";
@@ -549,86 +549,6 @@ function getSlateRangeFromEvent(editor, event) {
   }
   return range;
 }
-function toSlatePath(snapshot, path) {
-  const blockKey = getBlockKeyFromSelectionPoint({
-    path
-  });
-  if (!blockKey)
-    return {
-      block: void 0,
-      child: void 0,
-      path: []
-    };
-  const blockIndex = snapshot.blockIndexMap.get(blockKey);
-  if (blockIndex === void 0)
-    return {
-      block: void 0,
-      child: void 0,
-      path: []
-    };
-  const block = snapshot.context.value.at(blockIndex);
-  if (!block)
-    return {
-      block: void 0,
-      child: void 0,
-      path: []
-    };
-  if (!isTextBlock(snapshot.context, block))
-    return {
-      block,
-      child: void 0,
-      path: [blockIndex, 0]
-    };
-  const childKey = getChildKeyFromSelectionPoint({
-    path
-  });
-  if (!childKey)
-    return {
-      block,
-      child: void 0,
-      path: [blockIndex, 0]
-    };
-  let childPath = [], childIndex = -1, pathChild;
-  for (const child of block.children)
-    if (childIndex++, child._key === childKey) {
-      pathChild = child, isSpan(snapshot.context, child) ? childPath = [childIndex] : childPath = [childIndex, 0];
-      break;
-    }
-  return childPath.length === 0 ? {
-    block,
-    child: void 0,
-    path: [blockIndex, 0]
-  } : {
-    block,
-    child: pathChild,
-    path: [blockIndex].concat(childPath)
-  };
-}
-function toSlateRange(snapshot) {
-  if (!snapshot.context.selection)
-    return null;
-  const anchorPath = toSlatePath(snapshot, snapshot.context.selection.anchor.path), focusPath = toSlatePath(snapshot, snapshot.context.selection.focus.path);
-  if (anchorPath.path.length === 0 || focusPath.path.length === 0)
-    return null;
-  const anchorOffset = anchorPath.child && isSpan(snapshot.context, anchorPath.child) ? Math.min(anchorPath.child.text.length, snapshot.context.selection.anchor.offset) : 0, focusOffset = focusPath.child && isSpan(snapshot.context, focusPath.child) ? Math.min(focusPath.child.text.length, snapshot.context.selection.focus.offset) : 0;
-  return {
-    anchor: {
-      path: anchorPath.path,
-      offset: anchorOffset
-    },
-    focus: {
-      path: focusPath.path,
-      offset: focusOffset
-    }
-  };
-}
-function moveRangeByOperation(range, operation) {
-  const anchor = Point.transform(range.anchor, operation), focus = Point.transform(range.focus, operation);
-  return anchor === null || focus === null ? null : Point.equals(anchor, range.anchor) && Point.equals(focus, range.focus) ? range : {
-    anchor,
-    focus
-  };
-}
 function normalizePoint(point, value) {
   if (!point || !value)
     return null;
@@ -675,6 +595,72 @@ function normalizeSelection(selection, value) {
     backward: selection.backward
   } : null;
 }
+function toSlateRange(snapshot) {
+  if (!snapshot.context.selection)
+    return null;
+  if (isEqualSelectionPoints(snapshot.context.selection.anchor, snapshot.context.selection.focus)) {
+    const anchorPoint2 = toSlateSelectionPoint(snapshot, snapshot.context.selection.anchor, snapshot.context.selection.backward ? "forward" : "backward");
+    return anchorPoint2 ? {
+      anchor: anchorPoint2,
+      focus: anchorPoint2
+    } : null;
+  }
+  const anchorPoint = toSlateSelectionPoint(snapshot, snapshot.context.selection.anchor, snapshot.context.selection.backward ? "forward" : "backward"), focusPoint = toSlateSelectionPoint(snapshot, snapshot.context.selection.focus, snapshot.context.selection.backward ? "backward" : "forward");
+  return !anchorPoint || !focusPoint ? null : {
+    anchor: anchorPoint,
+    focus: focusPoint
+  };
+}
+function toSlateSelectionPoint(snapshot, selectionPoint, direction) {
+  const blockKey = getBlockKeyFromSelectionPoint(selectionPoint);
+  if (!blockKey)
+    return;
+  const blockIndex = snapshot.blockIndexMap.get(blockKey);
+  if (blockIndex === void 0)
+    return;
+  const block = snapshot.context.value.at(blockIndex);
+  if (!block)
+    return;
+  if (!isTextBlock(snapshot.context, block))
+    return {
+      path: [blockIndex, 0],
+      offset: 0
+    };
+  let childKey = getChildKeyFromSelectionPoint({
+    path: selectionPoint.path
+  });
+  const spanSelectionPoint = childKey ? void 0 : blockOffsetToSpanSelectionPoint({
+    context: {
+      schema: snapshot.context.schema,
+      value: [block]
+    },
+    blockOffset: {
+      path: [{
+        _key: blockKey
+      }],
+      offset: selectionPoint.offset
+    },
+    direction
+  });
+  if (childKey = spanSelectionPoint ? getChildKeyFromSelectionPoint(spanSelectionPoint) : childKey, !childKey)
+    return {
+      path: [blockIndex, 0],
+      offset: 0
+    };
+  let offset = spanSelectionPoint?.offset ?? selectionPoint.offset, childPath = [], childIndex = -1, pathChild;
+  for (const child of block.children)
+    if (childIndex++, child._key === childKey) {
+      pathChild = child, isSpan(snapshot.context, child) ? childPath = [childIndex] : (childPath = [childIndex, 0], offset = 0);
+      break;
+    }
+  return childPath.length === 0 ? {
+    path: [blockIndex, 0],
+    offset: 0
+  } : {
+    path: [blockIndex].concat(childPath),
+    offset: isSpan(snapshot.context, pathChild) ? Math.min(pathChild.text.length, offset) : offset
+  };
+}
 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 = createContext({});
 function DropIndicator() {
   const $ = c(1);
@@ -3334,7 +3320,16 @@ const addAnnotationOperationImplementation = ({
   context,
   operation
 }) => {
-  const anchorBlockKey = getBlockKeyFromSelectionPoint(operation.at.anchor), focusBlockKey = getBlockKeyFromSelectionPoint(operation.at.focus), anchorBlockPath = anchorBlockKey !== void 0 ? getBlockPath({
+  const anchorBlockKey = getBlockKeyFromSelectionPoint(operation.at.anchor), focusBlockKey = getBlockKeyFromSelectionPoint(operation.at.focus), endBlockKey = operation.at.backward ? anchorBlockKey : focusBlockKey, endOffset = operation.at.backward ? operation.at.focus.offset : operation.at.anchor.offset;
+  if (!endBlockKey)
+    throw new Error("Failed to get end block key");
+  const endBlockIndex = operation.editor.blockIndexMap.get(endBlockKey);
+  if (endBlockIndex === void 0)
+    throw new Error("Failed to get end block index");
+  const endBlock = operation.editor.value.at(endBlockIndex);
+  if (!endBlock)
+    throw new Error("Failed to get end block");
+  const anchorBlockPath = anchorBlockKey !== void 0 ? getBlockPath({
     editor: operation.editor,
     _key: anchorBlockKey
   }) : void 0, focusBlockPath = focusBlockKey !== void 0 ? getBlockPath({
@@ -3357,10 +3352,12 @@ const addAnnotationOperationImplementation = ({
   });
   if (!range)
     throw new Error(`Failed to get Slate Range for selection ${JSON.stringify(operation.at)}`);
+  const hanging = isTextBlock(context, endBlock) && endOffset === 0;
   operation.editor.delete({
     at: range,
     reverse: operation.direction === "backward",
-    unit: operation.unit
+    unit: operation.unit,
+    hanging
   });
 }, insertInlineObjectOperationImplementation = ({
   context,
@@ -3633,25 +3630,27 @@ const moveBackwardOperationImplementation = ({
     reverse: !0
   });
 }, moveBlockOperationImplementation = ({
-  context,
   operation
 }) => {
-  const at = [toSlatePath({
-    context: {
-      schema: context.schema,
-      value: operation.editor.value
-    },
-    blockIndexMap: operation.editor.blockIndexMap
-  }, operation.at).path[0]], to = [toSlatePath({
-    context: {
-      schema: context.schema,
-      value: operation.editor.value
-    },
-    blockIndexMap: operation.editor.blockIndexMap
-  }, operation.to).path[0]];
+  const originKey = getBlockKeyFromSelectionPoint({
+    path: operation.at
+  });
+  if (!originKey)
+    throw new Error("Failed to get block key from selection point");
+  const originBlockIndex = operation.editor.blockIndexMap.get(originKey);
+  if (originBlockIndex === void 0)
+    throw new Error("Failed to get block index from block key");
+  const destinationKey = getBlockKeyFromSelectionPoint({
+    path: operation.to
+  });
+  if (!destinationKey)
+    throw new Error("Failed to get block key from selection point");
+  const destinationBlockIndex = operation.editor.blockIndexMap.get(destinationKey);
+  if (destinationBlockIndex === void 0)
+    throw new Error("Failed to get block index from block key");
   Transforms.moveNodes(operation.editor, {
-    at,
-    to,
+    at: [originBlockIndex],
+    to: [destinationBlockIndex],
     mode: "highest"
   });
 }, moveForwardOperationImplementation = ({
@@ -10897,6 +10896,13 @@ function createWithHotkeys(editorActor, portableTextEditor, hotkeysFromOptions)
     }, editor;
   };
 }
+function moveRangeByOperation(range, operation) {
+  const anchor = Point.transform(range.anchor, operation), focus = Point.transform(range.focus, operation);
+  return anchor === null || focus === null ? null : Point.equals(anchor, range.anchor) && Point.equals(focus, range.focus) ? range : {
+    anchor,
+    focus
+  };
+}
 const slateOperationCallback = ({
   input,
   sendBack