@portabletext/editor 1.44.1 → 1.44.3

package/lib/index.js

@@ -1,4 +1,4 @@
-import { getNodeBlock, getFirstBlock, getLastBlock, toPortableTextRange, fromSlateValue, toSlateRange, debugWithName, EditorActorContext, KEY_TO_VALUE_ELEMENT, usePortableTextEditor, PortableTextEditor, moveRangeByOperation, isEqualToEmptyEditor, getEditorSnapshot, useEditor } from "./_chunks-es/editor-provider.js";
+import { getNodeBlock, getFirstBlock, getLastBlock, slateRangeToSelection, toSlateRange, debugWithName, EditorActorContext, fromSlateValue, KEY_TO_VALUE_ELEMENT, usePortableTextEditor, PortableTextEditor, moveRangeByOperation, isEqualToEmptyEditor, getEditorSnapshot, useEditor } from "./_chunks-es/editor-provider.js";
 import { EditorProvider, defineSchema, defaultKeyGenerator, useEditorSelector, usePortableTextEditorSelection } from "./_chunks-es/editor-provider.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useSelector } from "@xstate/react";
@@ -191,7 +191,11 @@ function getEventSelection({
   event
 }) {
   const range = getSlateRangeFromEvent(slateEditor, event);
-  return range ? toPortableTextRange(fromSlateValue(slateEditor.children, schema.block.name), range, schema) : null;
+  return range ? slateRangeToSelection({
+    schema,
+    editor: slateEditor,
+    range
+  }) : null;
 }
 function getSlateRangeFromEvent(editor, event) {
   if (!event.target || !isDOMNode(event.target))
@@ -596,9 +600,9 @@ const debug$2 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
   useEffect(() => {
     if (!shouldTrackSelectionAndFocus)
       return;
-    const onBlur = editorActor.on("blur", () => {
+    const onBlur = editorActor.on("blurred", () => {
       setFocused(!1), setSelected(!1);
-    }), onFocus = editorActor.on("focus", () => {
+    }), onFocus = editorActor.on("focused", () => {
       const sel_0 = PortableTextEditor.getSelection(portableTextEditor);
       sel_0 && isEqual(sel_0.focus.path, path) && PortableTextEditor.isCollapsedSelection(portableTextEditor) && setFocused(!0), setSelectedFromRange();
     }), onSelection = editorActor.on("selection", (event) => {
@@ -821,7 +825,11 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
         }
         let newRange;
         if (operation && (newRange = moveRangeByOperation(slateRange_0, operation), newRange && newRange !== slateRange_0 || newRange === null && slateRange_0)) {
-          const value = PortableTextEditor.getValue(portableTextEditor), newRangeSelection = toPortableTextRange(value, newRange, schemaTypes);
+          const newRangeSelection = newRange ? slateRangeToSelection({
+            schema: schemaTypes,
+            editor: slateEditor,
+            range: newRange
+          }) : null;
           rangeDecorationItem.onMoved && rangeDecorationItem.onMoved({
             newSelection: newRangeSelection,
             rangeDecoration: rangeDecorationItem,
@@ -838,7 +846,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
       }
     }
     setRangeDecorationsState((rangeDecorationState_0) => rangeDecorationState_0.length > 0 ? [] : rangeDecorationState_0);
-  }, [portableTextEditor, rangeDecorations, schemaTypes, slateEditor]);
+  }, [rangeDecorations, schemaTypes, slateEditor]);
   useEffect(() => {
     const onReady = editorActor.on("ready", () => {
       syncRangeDecorations(), restoreSelectionFromProps();
@@ -917,9 +925,13 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
       });
     }
   }, [onCut, editorActor, slateEditor]), handlePaste = useCallback((event_1) => {
-    const value_0 = PortableTextEditor.getValue(portableTextEditor), path = toPortableTextRange(value_0, slateEditor.selection, schemaTypes)?.focus.path || [], onPasteResult = onPaste?.({
+    const value = PortableTextEditor.getValue(portableTextEditor), path = (slateEditor.selection ? slateRangeToSelection({
+      schema: schemaTypes,
+      editor: slateEditor,
+      range: slateEditor.selection
+    }) : null)?.focus.path || [], onPasteResult = onPaste?.({
       event: event_1,
-      value: value_0,
+      value,
       path,
       schemaTypes
     });