@portabletext/editor 1.44.9 → 1.44.11

package/lib/index.js

@@ -881,7 +881,10 @@ const slateOperationCallback = ({
     },
     "not read only": ({
       context
-    }) => !context.readOnly
+    }) => !context.readOnly,
+    "should skip setup": ({
+      context
+    }) => context.skipSetup
   }
 }).createMachine({
   id: "range decorations",
@@ -891,6 +894,7 @@ const slateOperationCallback = ({
     readOnly: input.readOnly,
     pendingRangeDecorations: input.rangeDecorations,
     decoratedRanges: [],
+    skipSetup: input.skipSetup,
     schema: input.schema,
     slateEditor: input.slateEditor,
     updateCount: 0
@@ -908,9 +912,17 @@ const slateOperationCallback = ({
       actions: ["assign readOnly"]
     }
   },
-  initial: "idle",
+  initial: "setting up",
   states: {
-    idle: {
+    "setting up": {
+      always: [{
+        guard: and(["should skip setup", "has pending range decorations"]),
+        target: "ready",
+        actions: ["set up initial range decorations", "increment update count"]
+      }, {
+        guard: "should skip setup",
+        target: "ready"
+      }],
       on: {
         "range decorations updated": {
           actions: ["update pending range decorations"]
@@ -1024,10 +1036,13 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
     "edit mode": "read only"
   })), schemaTypes = useSelector(editorActor, (s_0) => s_0.context.schema), slateEditor = useSlate(), rangeDecorationsActor = useActorRef(rangeDecorationsMachine, {
     input: {
+      rangeDecorations: rangeDecorations ?? [],
       readOnly,
-      slateEditor,
       schema: schemaTypes,
-      rangeDecorations: rangeDecorations ?? []
+      slateEditor,
+      skipSetup: !editorActor.getSnapshot().matches({
+        setup: "setting up"
+      })
     }
   });
   useSelector(rangeDecorationsActor, (s_1) => s_1.context.updateCount);