@portabletext/editor 2.1.1 → 2.1.3

package/lib/_chunks-dts/behavior.types.action.d.cts

@@ -4,7 +4,7 @@ import { ArrayDefinition, ArraySchemaType, BlockDecoratorDefinition, BlockListDe
 import * as xstate227 from "xstate";
 import { ActorRef, ActorRefFrom, EventObject, Snapshot } from "xstate";
 import { BaseRange, Descendant, Operation } from "slate";
-import * as react20 from "react";
+import * as react22 from "react";
 import React$1, { BaseSyntheticEvent, ClipboardEvent, Component, FocusEvent, JSX, KeyboardEvent as KeyboardEvent$1, MutableRefObject, PropsWithChildren, ReactElement, RefObject, TextareaHTMLAttributes } from "react";
 import * as xstate_guards12 from "xstate/guards";
 import { Observable, Subject } from "rxjs";
@@ -352,7 +352,7 @@ declare class PortableTextEditor extends Component<PortableTextEditorProps<Inter
   componentDidUpdate(prevProps: PortableTextEditorProps): void;
   componentWillUnmount(): void;
   setEditable: (editable: EditableAPI) => void;
-  render(): react20.JSX.Element;
+  render(): react22.JSX.Element;
   /**
    * @deprecated
    * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
@@ -747,7 +747,7 @@ type PortableTextEditableProps = Omit<TextareaHTMLAttributes<HTMLDivElement>, 'o
  * ```
  * @group Components
  */
-declare const PortableTextEditable: react20.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react20.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
+declare const PortableTextEditable: react22.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react22.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
 type DecoratedRange = BaseRange & {
   rangeDecoration: RangeDecoration;
 };
@@ -1476,7 +1476,7 @@ declare const editorMachine: xstate227.StateMachine<{
   initialValue?: Array<PortableTextBlock>;
 }, xstate227.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
   type: "blurred";
-  event: react20.FocusEvent<HTMLDivElement, Element>;
+  event: react22.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "done loading";
 } | {
@@ -1488,7 +1488,7 @@ declare const editorMachine: xstate227.StateMachine<{
   data: unknown;
 } | {
   type: "focused";
-  event: react20.FocusEvent<HTMLDivElement, Element>;
+  event: react22.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "invalid value";
   resolution: InvalidValueResolution | null;
@@ -2135,7 +2135,7 @@ declare const editorMachine: xstate227.StateMachine<{
         type: "drop";
       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
         type: "blurred";
-        event: react20.FocusEvent<HTMLDivElement, Element>;
+        event: react22.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "done loading";
       } | {
@@ -2147,7 +2147,7 @@ declare const editorMachine: xstate227.StateMachine<{
         data: unknown;
       } | {
         type: "focused";
-        event: react20.FocusEvent<HTMLDivElement, Element>;
+        event: react22.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "invalid value";
         resolution: InvalidValueResolution | null;
@@ -3018,7 +3018,7 @@ declare const editorMachine: xstate227.StateMachine<{
                         type: "drop";
                       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
                         type: "blurred";
-                        event: react20.FocusEvent<HTMLDivElement, Element>;
+                        event: react22.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "done loading";
                       } | {
@@ -3030,7 +3030,7 @@ declare const editorMachine: xstate227.StateMachine<{
                         data: unknown;
                       } | {
                         type: "focused";
-                        event: react20.FocusEvent<HTMLDivElement, Element>;
+                        event: react22.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "invalid value";
                         resolution: InvalidValueResolution | null;

package/lib/index.cjs

@@ -6757,10 +6757,11 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = behaviors_index.defineBehavior
 ], abstractListItemBehaviors = [behaviors_index.defineBehavior({
   on: "list item.add",
   guard: ({
-    snapshot
-  }) => ({
+    snapshot,
+    event
+  }) => snapshot.context.schema.lists.some((list) => list.name === event.listItem) ? {
     selectedTextBlocks: selector_isSelectingEntireBlocks.getSelectedTextBlocks(snapshot)
-  }),
+  } : !1,
   actions: [({
     event
   }, {
@@ -6769,7 +6770,7 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = behaviors_index.defineBehavior
     type: "block.set",
     at: block.path,
     props: {
-      level: 1,
+      level: block.node.level ?? 1,
       listItem: event.listItem
     }
   }))]
@@ -10084,25 +10085,6 @@ function createActors(config) {
     syncActor
   };
 }
-const RelayActorContext = React.createContext({});
-function RouteEventsToChanges(props) {
-  const $ = reactCompilerRuntime.c(7);
-  let t0;
-  $[0] !== props ? (t0 = (change) => props.onChange(change), $[0] = props, $[1] = t0) : t0 = $[1];
-  const handleChange = useEffectEvent.useEffectEvent(t0);
-  let t1;
-  $[2] !== handleChange || $[3] !== props.relayActor ? (t1 = () => {
-    const sub = props.relayActor.on("*", (event) => {
-      const change_0 = eventToChange(event);
-      change_0 && handleChange(change_0);
-    });
-    return () => {
-      sub.unsubscribe();
-    };
-  }, $[2] = handleChange, $[3] = props.relayActor, $[4] = t1) : t1 = $[4];
-  let t2;
-  return $[5] !== props.relayActor ? (t2 = [props.relayActor], $[5] = props.relayActor, $[6] = t2) : t2 = $[6], React.useEffect(t1, t2), null;
-}
 function eventToChange(event) {
   switch (event.type) {
     case "blurred":
@@ -10148,7 +10130,7 @@ function eventToChange(event) {
       return event;
   }
 }
-const debug$2 = debugWithName("component:PortableTextEditor");
+const RelayActorContext = React.createContext({}), debug$2 = debugWithName("component:PortableTextEditor");
 class PortableTextEditor extends React.Component {
   static displayName = "PortableTextEditor";
   /**
@@ -11709,7 +11691,7 @@ function useConstant(factory) {
   }), ref.current.constant;
 }
 function EditorProvider(props) {
-  const $ = reactCompilerRuntime.c(32);
+  const $ = reactCompilerRuntime.c(28);
   let t0;
   $[0] !== props.initialConfig ? (t0 = () => {
     const internalEditor = createInternalEditor(props.initialConfig), portableTextEditor = new PortableTextEditor({
@@ -11725,37 +11707,32 @@ function EditorProvider(props) {
     portableTextEditor: portableTextEditor_0
   } = useConstant(t0);
   let t1;
-  $[2] !== internalEditor_0.actors.editorActor || $[3] !== internalEditor_0.actors.mutationActor || $[4] !== internalEditor_0.actors.relayActor || $[5] !== internalEditor_0.actors.syncActor || $[6] !== internalEditor_0.subscriptions ? (t1 = () => {
+  $[2] !== internalEditor_0.actors.editorActor || $[3] !== internalEditor_0.actors.mutationActor || $[4] !== internalEditor_0.actors.relayActor || $[5] !== internalEditor_0.actors.syncActor || $[6] !== internalEditor_0.subscriptions || $[7] !== portableTextEditor_0 ? (t1 = () => {
     const unsubscribers = [];
     for (const subscription of internalEditor_0.subscriptions)
       unsubscribers.push(subscription());
-    return internalEditor_0.actors.editorActor.start(), internalEditor_0.actors.mutationActor.start(), internalEditor_0.actors.relayActor.start(), internalEditor_0.actors.syncActor.start(), () => {
+    const relayActorSubscription = internalEditor_0.actors.relayActor.on("*", (event) => {
+      const change = eventToChange(event);
+      change && portableTextEditor_0.change$.next(change);
+    });
+    return unsubscribers.push(relayActorSubscription.unsubscribe), internalEditor_0.actors.editorActor.start(), internalEditor_0.actors.mutationActor.start(), internalEditor_0.actors.relayActor.start(), internalEditor_0.actors.syncActor.start(), () => {
       for (const unsubscribe of unsubscribers)
         unsubscribe();
       stopActor(internalEditor_0.actors.editorActor), stopActor(internalEditor_0.actors.mutationActor), stopActor(internalEditor_0.actors.relayActor), stopActor(internalEditor_0.actors.syncActor);
     };
-  }, $[2] = internalEditor_0.actors.editorActor, $[3] = internalEditor_0.actors.mutationActor, $[4] = internalEditor_0.actors.relayActor, $[5] = internalEditor_0.actors.syncActor, $[6] = internalEditor_0.subscriptions, $[7] = t1) : t1 = $[7];
+  }, $[2] = internalEditor_0.actors.editorActor, $[3] = internalEditor_0.actors.mutationActor, $[4] = internalEditor_0.actors.relayActor, $[5] = internalEditor_0.actors.syncActor, $[6] = internalEditor_0.subscriptions, $[7] = portableTextEditor_0, $[8] = t1) : t1 = $[8];
   let t2;
-  $[8] !== internalEditor_0 ? (t2 = [internalEditor_0], $[8] = internalEditor_0, $[9] = t2) : t2 = $[9], React.useEffect(t1, t2);
+  $[9] !== internalEditor_0 || $[10] !== portableTextEditor_0 ? (t2 = [internalEditor_0, portableTextEditor_0], $[9] = internalEditor_0, $[10] = portableTextEditor_0, $[11] = t2) : t2 = $[11], React.useEffect(t1, t2);
   let t3;
-  $[10] !== portableTextEditor_0.change$ ? (t3 = (change) => {
-    portableTextEditor_0.change$.next(change);
-  }, $[10] = portableTextEditor_0.change$, $[11] = t3) : t3 = $[11];
+  $[12] !== portableTextEditor_0 || $[13] !== props.children ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(PortableTextEditorContext.Provider, { value: portableTextEditor_0, children: props.children }), $[12] = portableTextEditor_0, $[13] = props.children, $[14] = t3) : t3 = $[14];
   let t4;
-  $[12] !== internalEditor_0.actors.relayActor || $[13] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(RouteEventsToChanges, { relayActor: internalEditor_0.actors.relayActor, onChange: t3 }), $[12] = internalEditor_0.actors.relayActor, $[13] = t3, $[14] = t4) : t4 = $[14];
+  $[15] !== internalEditor_0.editor._internal.slateEditor.initialValue || $[16] !== internalEditor_0.editor._internal.slateEditor.instance || $[17] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, { editor: internalEditor_0.editor._internal.slateEditor.instance, initialValue: internalEditor_0.editor._internal.slateEditor.initialValue, children: t3 }), $[15] = internalEditor_0.editor._internal.slateEditor.initialValue, $[16] = internalEditor_0.editor._internal.slateEditor.instance, $[17] = t3, $[18] = t4) : t4 = $[18];
   let t5;
-  $[15] !== portableTextEditor_0 || $[16] !== props.children ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(PortableTextEditorContext.Provider, { value: portableTextEditor_0, children: props.children }), $[15] = portableTextEditor_0, $[16] = props.children, $[17] = t5) : t5 = $[17];
+  $[19] !== internalEditor_0.actors.relayActor || $[20] !== t4 ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(RelayActorContext.Provider, { value: internalEditor_0.actors.relayActor, children: t4 }), $[19] = internalEditor_0.actors.relayActor, $[20] = t4, $[21] = t5) : t5 = $[21];
   let t6;
-  $[18] !== internalEditor_0.editor._internal.slateEditor.initialValue || $[19] !== internalEditor_0.editor._internal.slateEditor.instance || $[20] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, { editor: internalEditor_0.editor._internal.slateEditor.instance, initialValue: internalEditor_0.editor._internal.slateEditor.initialValue, children: t5 }), $[18] = internalEditor_0.editor._internal.slateEditor.initialValue, $[19] = internalEditor_0.editor._internal.slateEditor.instance, $[20] = t5, $[21] = t6) : t6 = $[21];
+  $[22] !== internalEditor_0.actors.editorActor || $[23] !== t5 ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(EditorActorContext.Provider, { value: internalEditor_0.actors.editorActor, children: t5 }), $[22] = internalEditor_0.actors.editorActor, $[23] = t5, $[24] = t6) : t6 = $[24];
   let t7;
-  $[22] !== internalEditor_0.actors.relayActor || $[23] !== t6 ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(RelayActorContext.Provider, { value: internalEditor_0.actors.relayActor, children: t6 }), $[22] = internalEditor_0.actors.relayActor, $[23] = t6, $[24] = t7) : t7 = $[24];
-  let t8;
-  $[25] !== internalEditor_0.actors.editorActor || $[26] !== t7 ? (t8 = /* @__PURE__ */ jsxRuntime.jsx(EditorActorContext.Provider, { value: internalEditor_0.actors.editorActor, children: t7 }), $[25] = internalEditor_0.actors.editorActor, $[26] = t7, $[27] = t8) : t8 = $[27];
-  let t9;
-  return $[28] !== internalEditor_0.editor || $[29] !== t4 || $[30] !== t8 ? (t9 = /* @__PURE__ */ jsxRuntime.jsxs(useEditor.EditorContext.Provider, { value: internalEditor_0.editor, children: [
-    t4,
-    t8
-  ] }), $[28] = internalEditor_0.editor, $[29] = t4, $[30] = t8, $[31] = t9) : t9 = $[31], t9;
+  return $[25] !== internalEditor_0.editor || $[26] !== t6 ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(useEditor.EditorContext.Provider, { value: internalEditor_0.editor, children: t6 }), $[25] = internalEditor_0.editor, $[26] = t6, $[27] = t7) : t7 = $[27], t7;
 }
 function defineSchema(definition) {
   return definition;