@portabletext/editor 1.44.6 → 1.44.7

package/lib/index.js

@@ -831,7 +831,14 @@ const slateOperationCallback = ({
           }
           newRange !== null && rangeDecorationState.push({
             ...newRange || slateRange,
-            rangeDecoration: decoratedRange.rangeDecoration
+            rangeDecoration: {
+              ...decoratedRange.rangeDecoration,
+              selection: slateRangeToSelection({
+                schema: context.schema,
+                editor: context.slateEditor,
+                range: newRange
+              })
+            }
           });
         }
         return rangeDecorationState;
@@ -841,6 +848,11 @@ const slateOperationCallback = ({
       readOnly: ({
         event
       }) => (assertEvent(event, "update read only"), event.readOnly)
+    }),
+    "increment update count": assign({
+      updateCount: ({
+        context
+      }) => context.updateCount + 1
     })
   },
   actors: {
@@ -853,7 +865,17 @@ const slateOperationCallback = ({
     "has different decorations": ({
       context,
       event
-    }) => (assertEvent(event, "range decorations updated"), !isEqual(context.pendingRangeDecorations, event.rangeDecorations)),
+    }) => {
+      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(existingRangeDecorations, newRangeDecorations);
+    },
     "not read only": ({
       context
     }) => !context.readOnly
@@ -867,7 +889,8 @@ const slateOperationCallback = ({
     pendingRangeDecorations: input.rangeDecorations,
     decoratedRanges: [],
     schema: input.schema,
-    slateEditor: input.slateEditor
+    slateEditor: input.slateEditor,
+    updateCount: 0
   }),
   invoke: {
     src: "slate operation listener",
@@ -901,7 +924,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: {
@@ -998,7 +1021,9 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
       schema: schemaTypes,
       rangeDecorations: rangeDecorations ?? []
     }
-  }), decorate = useMemo(() => createDecorate(rangeDecorationsActor), [rangeDecorationsActor]);
+  });
+  useSelector(rangeDecorationsActor, (s_1) => s_1.context.updateCount);
+  const decorate = useMemo(() => createDecorate(rangeDecorationsActor), [rangeDecorationsActor]);
   useEffect(() => {
     rangeDecorationsActor.send({
       type: "update read only",