@portabletext/editor 1.44.5 → 1.44.7

package/lib/index.cjs

@@ -817,7 +817,14 @@ const slateOperationCallback = ({
           }
           newRange !== null && rangeDecorationState.push({
             ...newRange || slateRange,
-            rangeDecoration: decoratedRange.rangeDecoration
+            rangeDecoration: {
+              ...decoratedRange.rangeDecoration,
+              selection: editorProvider.slateRangeToSelection({
+                schema: context.schema,
+                editor: context.slateEditor,
+                range: newRange
+              })
+            }
           });
         }
         return rangeDecorationState;
@@ -827,6 +834,11 @@ const slateOperationCallback = ({
       readOnly: ({
         event
       }) => (xstate.assertEvent(event, "update read only"), event.readOnly)
+    }),
+    "increment update count": xstate.assign({
+      updateCount: ({
+        context
+      }) => context.updateCount + 1
     })
   },
   actors: {
@@ -839,7 +851,17 @@ const slateOperationCallback = ({
     "has different decorations": ({
       context,
       event
-    }) => (xstate.assertEvent(event, "range decorations updated"), !isEqual__default.default(context.pendingRangeDecorations, event.rangeDecorations)),
+    }) => {
+      xstate.assertEvent(event, "range decorations updated");
+      const existingRangeDecorations = context.decoratedRanges.map((decoratedRange) => ({
+        anchor: decoratedRange.rangeDecoration.selection?.anchor,
+        focus: decoratedRange.rangeDecoration.selection?.focus
+      })), newRangeDecorations = event.rangeDecorations.map((rangeDecoration) => ({
+        anchor: rangeDecoration.selection?.anchor,
+        focus: rangeDecoration.selection?.focus
+      }));
+      return !isEqual__default.default(existingRangeDecorations, newRangeDecorations);
+    },
     "not read only": ({
       context
     }) => !context.readOnly
@@ -853,7 +875,8 @@ const slateOperationCallback = ({
     pendingRangeDecorations: input.rangeDecorations,
     decoratedRanges: [],
     schema: input.schema,
-    slateEditor: input.slateEditor
+    slateEditor: input.slateEditor,
+    updateCount: 0
   }),
   invoke: {
     src: "slate operation listener",
@@ -887,7 +910,7 @@ const slateOperationCallback = ({
         "range decorations updated": {
           target: ".idle",
           guard: "has different decorations",
-          actions: ["update range decorations", "update pending range decorations"]
+          actions: ["update range decorations", "increment update count"]
         }
       },
       states: {
@@ -984,7 +1007,9 @@ const debug = editorProvider.debugWithName("component:Editable"), PLACEHOLDER_ST
       schema: schemaTypes,
       rangeDecorations: rangeDecorations ?? []
     }
-  }), decorate = React.useMemo(() => createDecorate(rangeDecorationsActor), [rangeDecorationsActor]);
+  });
+  react.useSelector(rangeDecorationsActor, (s_1) => s_1.context.updateCount);
+  const decorate = React.useMemo(() => createDecorate(rangeDecorationsActor), [rangeDecorationsActor]);
   React.useEffect(() => {
     rangeDecorationsActor.send({
       type: "update read only",