@portabletext/editor 1.44.8 → 1.44.10

package/lib/plugins/index.d.cts

@@ -4826,19 +4826,7 @@ declare type ExternalBehaviorEvent =
         }
       }
     }
-  | PickFromUnion<
-      AbstractBehaviorEvent,
-      'type',
-      | 'annotation.toggle'
-      | 'decorator.toggle'
-      | 'insert.blocks'
-      | 'list item.add'
-      | 'list item.remove'
-      | 'list item.toggle'
-      | 'style.add'
-      | 'style.remove'
-      | 'style.toggle'
-    >
+  | AbstractBehaviorEvent
   | SyntheticBehaviorEvent
   | CustomBehaviorEvent
 

package/lib/plugins/index.d.ts

@@ -4826,19 +4826,7 @@ declare type ExternalBehaviorEvent =
         }
       }
     }
-  | PickFromUnion<
-      AbstractBehaviorEvent,
-      'type',
-      | 'annotation.toggle'
-      | 'decorator.toggle'
-      | 'insert.blocks'
-      | 'list item.add'
-      | 'list item.remove'
-      | 'list item.toggle'
-      | 'style.add'
-      | 'style.remove'
-      | 'style.toggle'
-    >
+  | AbstractBehaviorEvent
   | SyntheticBehaviorEvent
   | CustomBehaviorEvent
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.44.8",
+  "version": "1.44.10",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",

package/src/behaviors/behavior.types.event.ts

@@ -48,19 +48,7 @@ export type ExternalBehaviorEvent =
         value?: {[prop: string]: unknown}
       }
     }
-  | PickFromUnion<
-      AbstractBehaviorEvent,
-      'type',
-      | 'annotation.toggle'
-      | 'decorator.toggle'
-      | 'insert.blocks'
-      | 'list item.add'
-      | 'list item.remove'
-      | 'list item.toggle'
-      | 'style.add'
-      | 'style.remove'
-      | 'style.toggle'
-    >
+  | AbstractBehaviorEvent
   | SyntheticBehaviorEvent
   | CustomBehaviorEvent
 

package/src/editor/Editable.tsx

@@ -175,10 +175,11 @@ export const PortableTextEditable = forwardRef<
 
   const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, {
     input: {
+      rangeDecorations: rangeDecorations ?? [],
       readOnly,
-      slateEditor,
       schema: schemaTypes,
-      rangeDecorations: rangeDecorations ?? [],
+      slateEditor,
+      skipSetup: !editorActor.getSnapshot().matches({setup: 'setting up'}),
     },
   })
   useSelector(rangeDecorationsActor, (s) => s.context.updateCount)

package/src/editor/range-decorations-machine.ts

@@ -50,6 +50,7 @@ export const rangeDecorationsMachine = setup({
     context: {} as {
       decoratedRanges: Array<DecoratedRange>
       pendingRangeDecorations: Array<RangeDecoration>
+      skipSetup: boolean
       readOnly: boolean
       schema: EditorSchema
       slateEditor: PortableTextSlateEditor
@@ -59,6 +60,7 @@ export const rangeDecorationsMachine = setup({
       rangeDecorations: Array<RangeDecoration>
       readOnly: boolean
       schema: EditorSchema
+      skipSetup: boolean
       slateEditor: PortableTextSlateEditor
     },
     events: {} as
@@ -250,6 +252,7 @@ export const rangeDecorationsMachine = setup({
       return different
     },
     'not read only': ({context}) => !context.readOnly,
+    'should skip setup': ({context}) => context.skipSetup,
   },
 }).createMachine({
   id: 'range decorations',
@@ -257,6 +260,7 @@ export const rangeDecorationsMachine = setup({
     readOnly: input.readOnly,
     pendingRangeDecorations: input.rangeDecorations,
     decoratedRanges: [],
+    skipSetup: input.skipSetup,
     schema: input.schema,
     slateEditor: input.slateEditor,
     updateCount: 0,
@@ -270,9 +274,23 @@ export const rangeDecorationsMachine = setup({
       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'],
@@ -292,7 +310,7 @@ export const rangeDecorationsMachine = setup({
         ],
       },
     },
-    ready: {
+    'ready': {
       initial: 'idle',
       on: {
         'range decorations updated': {