@portabletext/editor 1.49.12 → 1.50.0

package/lib/behaviors/index.d.cts

@@ -1241,6 +1241,142 @@ declare const editorMachine: StateMachine<
             never,
             never
           >,
+          ActionFunction<
+            {
+              behaviors: Set<BehaviorConfig>
+              converters: Set<Converter>
+              getLegacySchema: () => PortableTextMemberSchemaTypes
+              keyGenerator: () => string
+              pendingEvents: Array<InternalPatchEvent | MutationEvent>
+              pendingIncomingPatchesEvents: Array<PatchesEvent>
+              schema: EditorSchema
+              initialReadOnly: boolean
+              maxBlocks: number | undefined
+              selection: EditorSelection
+              initialValue: Array<PortableTextBlock> | undefined
+              internalDrag?: {
+                ghost?: HTMLElement
+                origin: Pick<EventPosition, 'selection'>
+              }
+              slateEditor?: PortableTextSlateEditor
+            },
+            {
+              type: 'update selection'
+              selection: EditorSelection
+            },
+            | InternalPatchEvent
+            | MutationEvent
+            | PatchesEvent
+            | {
+                type: 'update readOnly'
+                readOnly: boolean
+              }
+            | {
+                type: 'update maxBlocks'
+                maxBlocks: number | undefined
+              }
+            | {
+                type: 'add behavior'
+                behaviorConfig: BehaviorConfig
+              }
+            | {
+                type: 'remove behavior'
+                behaviorConfig: BehaviorConfig
+              }
+            | {
+                type: 'blur'
+                editor: PortableTextSlateEditor
+              }
+            | {
+                type: 'focus'
+                editor: PortableTextSlateEditor
+              }
+            | {
+                type: 'normalizing'
+              }
+            | {
+                type: 'update selection'
+                selection: EditorSelection
+              }
+            | {
+                type: 'done normalizing'
+              }
+            | {
+                type: 'done syncing value'
+              }
+            | {
+                type: 'syncing value'
+              }
+            | {
+                type: 'behavior event'
+                behaviorEvent: BehaviorEvent
+                editor: PortableTextSlateEditor
+                nativeEvent?: {
+                  preventDefault: () => void
+                }
+              }
+            | {
+                type: 'dragstart'
+                origin: Pick<EventPosition, 'selection'>
+                ghost?: HTMLElement
+              }
+            | {
+                type: 'dragend'
+              }
+            | {
+                type: 'drop'
+              },
+            undefined,
+            never,
+            never,
+            never,
+            never,
+            | InternalPatchEvent
+            | MutationEvent
+            | PatchesEvent
+            | {
+                type: 'blurred'
+                event: FocusEvent_2<HTMLDivElement, Element>
+              }
+            | {
+                type: 'done loading'
+              }
+            | {
+                type: 'editable'
+              }
+            | {
+                type: 'error'
+                name: string
+                description: string
+                data: unknown
+              }
+            | {
+                type: 'focused'
+                event: FocusEvent_2<HTMLDivElement, Element>
+              }
+            | {
+                type: 'invalid value'
+                resolution: InvalidValueResolution | null
+                value: Array<PortableTextBlock> | undefined
+              }
+            | {
+                type: 'loading'
+              }
+            | {
+                type: 'read only'
+              }
+            | {
+                type: 'ready'
+              }
+            | {
+                type: 'selection'
+                selection: EditorSelection
+              }
+            | {
+                type: 'value changed'
+                value: Array<PortableTextBlock> | undefined
+              }
+          >,
         ]
       }
     }

package/lib/behaviors/index.d.ts

@@ -1241,6 +1241,142 @@ declare const editorMachine: StateMachine<
             never,
             never
           >,
+          ActionFunction<
+            {
+              behaviors: Set<BehaviorConfig>
+              converters: Set<Converter>
+              getLegacySchema: () => PortableTextMemberSchemaTypes
+              keyGenerator: () => string
+              pendingEvents: Array<InternalPatchEvent | MutationEvent>
+              pendingIncomingPatchesEvents: Array<PatchesEvent>
+              schema: EditorSchema
+              initialReadOnly: boolean
+              maxBlocks: number | undefined
+              selection: EditorSelection
+              initialValue: Array<PortableTextBlock> | undefined
+              internalDrag?: {
+                ghost?: HTMLElement
+                origin: Pick<EventPosition, 'selection'>
+              }
+              slateEditor?: PortableTextSlateEditor
+            },
+            {
+              type: 'update selection'
+              selection: EditorSelection
+            },
+            | InternalPatchEvent
+            | MutationEvent
+            | PatchesEvent
+            | {
+                type: 'update readOnly'
+                readOnly: boolean
+              }
+            | {
+                type: 'update maxBlocks'
+                maxBlocks: number | undefined
+              }
+            | {
+                type: 'add behavior'
+                behaviorConfig: BehaviorConfig
+              }
+            | {
+                type: 'remove behavior'
+                behaviorConfig: BehaviorConfig
+              }
+            | {
+                type: 'blur'
+                editor: PortableTextSlateEditor
+              }
+            | {
+                type: 'focus'
+                editor: PortableTextSlateEditor
+              }
+            | {
+                type: 'normalizing'
+              }
+            | {
+                type: 'update selection'
+                selection: EditorSelection
+              }
+            | {
+                type: 'done normalizing'
+              }
+            | {
+                type: 'done syncing value'
+              }
+            | {
+                type: 'syncing value'
+              }
+            | {
+                type: 'behavior event'
+                behaviorEvent: BehaviorEvent
+                editor: PortableTextSlateEditor
+                nativeEvent?: {
+                  preventDefault: () => void
+                }
+              }
+            | {
+                type: 'dragstart'
+                origin: Pick<EventPosition, 'selection'>
+                ghost?: HTMLElement
+              }
+            | {
+                type: 'dragend'
+              }
+            | {
+                type: 'drop'
+              },
+            undefined,
+            never,
+            never,
+            never,
+            never,
+            | InternalPatchEvent
+            | MutationEvent
+            | PatchesEvent
+            | {
+                type: 'blurred'
+                event: FocusEvent_2<HTMLDivElement, Element>
+              }
+            | {
+                type: 'done loading'
+              }
+            | {
+                type: 'editable'
+              }
+            | {
+                type: 'error'
+                name: string
+                description: string
+                data: unknown
+              }
+            | {
+                type: 'focused'
+                event: FocusEvent_2<HTMLDivElement, Element>
+              }
+            | {
+                type: 'invalid value'
+                resolution: InvalidValueResolution | null
+                value: Array<PortableTextBlock> | undefined
+              }
+            | {
+                type: 'loading'
+              }
+            | {
+                type: 'read only'
+              }
+            | {
+                type: 'ready'
+              }
+            | {
+                type: 'selection'
+                selection: EditorSelection
+              }
+            | {
+                type: 'value changed'
+                value: Array<PortableTextBlock> | undefined
+              }
+          >,
         ]
       }
     }

package/lib/index.cjs

@@ -950,7 +950,13 @@ function RenderTextBlock(props) {
       schemaType: legacyListItemSchemaType
     }) : console.error(`Unable to find Schema type for text block list item ${props.textBlock.listItem}`);
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props.attributes, className: ["pt-block", "pt-text-block", ...props.textBlock.style ? [`pt-text-block-style-${props.textBlock.style}`] : [], ...props.textBlock.listItem ? ["pt-list-item", `pt-list-item-${props.textBlock.listItem}`, `pt-list-item-level-${props.textBlock.level ?? 1}`] : []].join(" "), spellCheck: props.spellCheck, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props.attributes, className: ["pt-block", "pt-text-block", ...props.textBlock.style ? [`pt-text-block-style-${props.textBlock.style}`] : [], ...props.textBlock.listItem ? ["pt-list-item", `pt-list-item-${props.textBlock.listItem}`, `pt-list-item-level-${props.textBlock.level ?? 1}`] : []].join(" "), spellCheck: props.spellCheck, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", ...props.textBlock.listItem !== void 0 ? {
+    "data-list-item": props.textBlock.listItem
+  } : {}, ...props.textBlock.level !== void 0 ? {
+    "data-level": props.textBlock.level
+  } : {}, ...props.textBlock.style !== void 0 ? {
+    "data-style": props.textBlock.style
+  } : {}, children: [
     dragPositionBlock === "start" ? /* @__PURE__ */ jsxRuntime.jsx(DropIndicator, {}) : null,
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref: blockRef, children: props.renderBlock ? props.renderBlock({
       children,
@@ -4569,7 +4575,7 @@ function createWithPortableTextBlockStyle(editorActor) {
   };
 }
 debugWithName("plugin:withPortableTextSelections");
-function createWithPortableTextSelections(editorActor, relayActor) {
+function createWithPortableTextSelections(editorActor) {
   let prevSelection = null;
   return function(editor) {
     const emitPortableTextSelection = () => {
@@ -4583,11 +4589,11 @@ function createWithPortableTextSelections(editorActor, relayActor) {
             range: editor.selection
           }), SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, ptRange));
         }
-        ptRange ? relayActor.send({
-          type: "selection",
+        ptRange ? editorActor.send({
+          type: "update selection",
           selection: ptRange
-        }) : relayActor.send({
-          type: "selection",
+        }) : editorActor.send({
+          type: "update selection",
           selection: null
         });
       }
@@ -4691,7 +4697,7 @@ const withPlugins = (editor, options) => {
     subscriptions: options.subscriptions
   }), withPortableTextMarkModel = createWithPortableTextMarkModel(editorActor), withPortableTextBlockStyle = createWithPortableTextBlockStyle(editorActor), withPlaceholderBlock = createWithPlaceholderBlock(editorActor), withUtils = createWithUtils({
     editorActor
-  }), withPortableTextSelections = createWithPortableTextSelections(editorActor, relayActor);
+  }), withPortableTextSelections = createWithPortableTextSelections(editorActor);
   return createWithEventListeners(editorActor)(withSchemaTypes(withObjectKeys(withPortableTextMarkModel(withPortableTextBlockStyle(withPlaceholderBlock(withUtils(withMaxBlocks(withUndoRedo(withPatches(withPortableTextSelections(e)))))))))));
 }, debug$a = debugWithName("setup");
 function createSlateEditor(config) {
@@ -6736,7 +6742,12 @@ const debug$8 = debugWithName("editor machine"), editorMachine = xstate.setup({
         selection: ({
           event
         }) => event.selection
-      })]
+      }), xstate.emit(({
+        event
+      }) => ({
+        ...event,
+        type: "selection"
+      }))]
     }
   },
   type: "parallel",
@@ -8908,16 +8919,6 @@ function createActors(config) {
     return () => {
       subscription.unsubscribe();
     };
-  }), config.subscriptions.push(() => {
-    const subscription = config.relayActor.on("*", (event) => {
-      event.type === "selection" && config.editorActor.send({
-        type: "update selection",
-        selection: event.selection
-      });
-    });
-    return () => {
-      subscription.unsubscribe();
-    };
   }), config.subscriptions.push(() => {
     const subscription = syncActor.on("*", (event) => {
       switch (event.type) {
@@ -8969,6 +8970,7 @@ function createActors(config) {
         case "mutation":
         case "ready":
         case "read only":
+        case "selection":
           config.relayActor.send(event);
           break;
         case "internal.patch":
@@ -10033,13 +10035,13 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = React.
       if (normalizedSelection !== null) {
         debug(`Normalized selection from props ${JSON.stringify(normalizedSelection)}`);
         const slateRange = toSlateRange(normalizedSelection, slateEditor);
-        slateRange && (slate.Transforms.select(slateEditor, slateRange), slateEditor.operations.some((o) => o.type === "set_selection") || relayActor.send({
-          type: "selection",
+        slateRange && (slate.Transforms.select(slateEditor, slateRange), slateEditor.operations.some((o) => o.type === "set_selection") || editorActor.send({
+          type: "update selection",
           selection: normalizedSelection
         }), slateEditor.onChange());
       }
     }
-  }, [editorActor, propsSelection, relayActor, slateEditor]);
+  }, [editorActor, propsSelection, slateEditor]);
   React.useEffect(() => {
     const onReady = editorActor.on("ready", () => {
       rangeDecorationsActor.send({
@@ -10201,12 +10203,12 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = React.
         event: event_2
       });
       const newSelection = PortableTextEditor.getSelection(portableTextEditor);
-      selection_3 === newSelection && relayActor.send({
-        type: "selection",
+      selection_3 === newSelection && editorActor.send({
+        type: "update selection",
         selection: selection_3
       });
     }
-  }, [onFocus, slateEditor, portableTextEditor, relayActor]), handleClick = React.useCallback((event_3) => {
+  }, [editorActor, onFocus, slateEditor, portableTextEditor, relayActor]), handleClick = React.useCallback((event_3) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
     const position_3 = getEventPosition({