@portabletext/editor 3.3.7 → 3.3.8

package/lib/_chunks-dts/index.d.ts

@@ -3,7 +3,7 @@ import { ArrayDefinition, ArraySchemaType, BlockDecoratorDefinition, BlockListDe
 import { BaseRange, Descendant, Operation } from "slate";
 import * as xstate228 from "xstate";
 import { ActorRef, ActorRefFrom, EventObject, Snapshot } from "xstate";
-import * as react17 from "react";
+import * as react18 from "react";
 import React$1, { BaseSyntheticEvent, ClipboardEvent, Component, FocusEvent, JSX, KeyboardEvent as KeyboardEvent$1, MutableRefObject, PropsWithChildren, ReactElement, RefObject, TextareaHTMLAttributes } from "react";
 import { Patch, Patch as Patch$1 } from "@portabletext/patches";
 import * as _portabletext_schema5 from "@portabletext/schema";
@@ -247,7 +247,7 @@ declare class PortableTextEditor extends Component<PortableTextEditorProps<Inter
   componentDidUpdate(prevProps: PortableTextEditorProps): void;
   componentWillUnmount(): void;
   setEditable: (editable: EditableAPI) => void;
-  render(): react17.JSX.Element;
+  render(): react18.JSX.Element;
   /**
    * @deprecated
    * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
@@ -656,7 +656,7 @@ type PortableTextEditableProps = Omit<TextareaHTMLAttributes<HTMLDivElement>, 'o
  * ```
  * @group Components
  */
-declare const PortableTextEditable: react17.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react17.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
+declare const PortableTextEditable: react18.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react18.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
 /**
  * @public
  */
@@ -1502,7 +1502,7 @@ declare const editorMachine: xstate228.StateMachine<{
   initialValue?: Array<PortableTextBlock>;
 }, xstate228.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
   type: "blurred";
-  event: react17.FocusEvent<HTMLDivElement, Element>;
+  event: react18.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "done loading";
 } | {
@@ -1514,7 +1514,7 @@ declare const editorMachine: xstate228.StateMachine<{
   data: unknown;
 } | {
   type: "focused";
-  event: react17.FocusEvent<HTMLDivElement, Element>;
+  event: react18.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "invalid value";
   resolution: InvalidValueResolution | null;
@@ -2081,7 +2081,7 @@ declare const editorMachine: xstate228.StateMachine<{
         editor: PortableTextSlateEditor;
       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
         type: "blurred";
-        event: react17.FocusEvent<HTMLDivElement, Element>;
+        event: react18.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "done loading";
       } | {
@@ -2093,7 +2093,7 @@ declare const editorMachine: xstate228.StateMachine<{
         data: unknown;
       } | {
         type: "focused";
-        event: react17.FocusEvent<HTMLDivElement, Element>;
+        event: react18.FocusEvent<HTMLDivElement, Element>;
       } | {
         type: "invalid value";
         resolution: InvalidValueResolution | null;
@@ -2913,7 +2913,7 @@ declare const editorMachine: xstate228.StateMachine<{
                         editor: PortableTextSlateEditor;
                       }, undefined, never, never, never, never, InternalPatchEvent | MutationEvent | PatchesEvent | {
                         type: "blurred";
-                        event: react17.FocusEvent<HTMLDivElement, Element>;
+                        event: react18.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "done loading";
                       } | {
@@ -2925,7 +2925,7 @@ declare const editorMachine: xstate228.StateMachine<{
                         data: unknown;
                       } | {
                         type: "focused";
-                        event: react17.FocusEvent<HTMLDivElement, Element>;
+                        event: react18.FocusEvent<HTMLDivElement, Element>;
                       } | {
                         type: "invalid value";
                         resolution: InvalidValueResolution | null;

package/lib/index.js

@@ -13270,9 +13270,12 @@ function EditorProvider(props) {
   return $[26] !== internalEditor_0.editor || $[27] !== t7 ? (t8 = /* @__PURE__ */ jsx(EditorContext.Provider, { value: internalEditor_0.editor, children: t7 }), $[26] = internalEditor_0.editor, $[27] = t7, $[28] = t8) : t8 = $[28], t8;
 }
 const usePortableTextEditorSelection = () => {
-  const $ = c(3), editorActor = useContext(EditorActorContext), [selection, setSelection] = useState(null);
-  let t0, t1;
-  return $[0] !== editorActor ? (t0 = () => {
+  const $ = c(5), editorActor = useContext(EditorActorContext);
+  let t0;
+  $[0] !== editorActor ? (t0 = editorActor.getSnapshot(), $[0] = editorActor, $[1] = t0) : t0 = $[1];
+  const [selection, setSelection] = useState(t0.context.selection);
+  let t1, t2;
+  return $[2] !== editorActor ? (t1 = () => {
     const subscription = editorActor.on("selection", (event) => {
       startTransition(() => {
         setSelection(event.selection);
@@ -13281,7 +13284,7 @@ const usePortableTextEditorSelection = () => {
     return () => {
       subscription.unsubscribe();
     };
-  }, t1 = [editorActor], $[0] = editorActor, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), selection;
+  }, t2 = [editorActor], $[2] = editorActor, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2), selection;
 };
 export {
   EditorProvider,