@portabletext/editor 1.14.2 → 1.15.0

package/lib/index.d.cts

@@ -29,7 +29,7 @@ import type {
 import {
   Component,
   ForwardRefExoticComponent,
-  JSX as JSX_2,
+  JSX,
   MutableRefObject,
   PropsWithChildren,
   default as React_2,
@@ -239,8 +239,8 @@ export declare type BehaviorGuard<
 /** @beta */
 export declare interface BlockAnnotationRenderProps {
   block: PortableTextBlock
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   path: Path
   schemaType: ObjectSchemaType
@@ -253,8 +253,8 @@ export declare interface BlockAnnotationRenderProps {
 /** @beta */
 export declare interface BlockChildRenderProps {
   annotations: PortableTextObject[]
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   path: Path
   selected: boolean
@@ -266,8 +266,8 @@ export declare interface BlockChildRenderProps {
 
 /** @beta */
 export declare interface BlockDecoratorRenderProps {
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   path: Path
   schemaType: BlockDecoratorDefinition
@@ -280,8 +280,8 @@ export declare interface BlockDecoratorRenderProps {
 /** @beta */
 export declare interface BlockListItemRenderProps {
   block: PortableTextTextBlock
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   level: number
   path: Path
@@ -300,8 +300,8 @@ export declare type BlockOffset = {
 
 /** @beta */
 export declare interface BlockRenderProps {
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   level?: number
   listItem?: string
@@ -317,8 +317,8 @@ export declare interface BlockRenderProps {
 /** @beta */
 export declare interface BlockStyleRenderProps {
   block: PortableTextTextBlock
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   path: Path
   selected: boolean
@@ -9804,7 +9804,7 @@ export declare class PortableTextEditor extends Component<
   constructor(props: PortableTextEditorProps)
   componentDidUpdate(prevProps: PortableTextEditorProps): void
   setEditable: (editable: EditableAPI) => void
-  render(): JSX_2.Element
+  render(): JSX.Element
   static activeAnnotations: (editor: PortableTextEditor) => PortableTextObject[]
   static isAnnotationActive: (
     editor: PortableTextEditor,
@@ -10052,7 +10052,7 @@ export declare interface RangeDecoration {
    *  )
    * ```
    */
-  component: (props: PropsWithChildren) => ReactElement
+  component: (props: PropsWithChildren) => ReactElement<any>
   /**
    * The editor content selection range
    */

package/lib/index.d.ts

@@ -29,7 +29,7 @@ import type {
 import {
   Component,
   ForwardRefExoticComponent,
-  JSX as JSX_2,
+  JSX,
   MutableRefObject,
   PropsWithChildren,
   default as React_2,
@@ -239,8 +239,8 @@ export declare type BehaviorGuard<
 /** @beta */
 export declare interface BlockAnnotationRenderProps {
   block: PortableTextBlock
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   path: Path
   schemaType: ObjectSchemaType
@@ -253,8 +253,8 @@ export declare interface BlockAnnotationRenderProps {
 /** @beta */
 export declare interface BlockChildRenderProps {
   annotations: PortableTextObject[]
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   path: Path
   selected: boolean
@@ -266,8 +266,8 @@ export declare interface BlockChildRenderProps {
 
 /** @beta */
 export declare interface BlockDecoratorRenderProps {
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   path: Path
   schemaType: BlockDecoratorDefinition
@@ -280,8 +280,8 @@ export declare interface BlockDecoratorRenderProps {
 /** @beta */
 export declare interface BlockListItemRenderProps {
   block: PortableTextTextBlock
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   level: number
   path: Path
@@ -300,8 +300,8 @@ export declare type BlockOffset = {
 
 /** @beta */
 export declare interface BlockRenderProps {
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   level?: number
   listItem?: string
@@ -317,8 +317,8 @@ export declare interface BlockRenderProps {
 /** @beta */
 export declare interface BlockStyleRenderProps {
   block: PortableTextTextBlock
-  children: ReactElement
-  editorElementRef: RefObject<HTMLElement>
+  children: ReactElement<any>
+  editorElementRef: RefObject<HTMLElement | null>
   focused: boolean
   path: Path
   selected: boolean
@@ -9804,7 +9804,7 @@ export declare class PortableTextEditor extends Component<
   constructor(props: PortableTextEditorProps)
   componentDidUpdate(prevProps: PortableTextEditorProps): void
   setEditable: (editable: EditableAPI) => void
-  render(): JSX_2.Element
+  render(): JSX.Element
   static activeAnnotations: (editor: PortableTextEditor) => PortableTextObject[]
   static isAnnotationActive: (
     editor: PortableTextEditor,
@@ -10052,7 +10052,7 @@ export declare interface RangeDecoration {
    *  )
    * ```
    */
-  component: (props: PropsWithChildren) => ReactElement
+  component: (props: PropsWithChildren) => ReactElement<any>
   /**
    * The editor content selection range
    */

package/lib/index.js

@@ -1483,7 +1483,7 @@ const debug$k = debugWithName("components:DraggableBlock"), DraggableBlock = (t0
     element,
     readOnly,
     blockRef
-  } = t0, editor = useSlateStatic(), dragGhostRef = useRef(), [isDragOver, setIsDragOver] = useState(!1);
+  } = t0, editor = useSlateStatic(), dragGhostRef = useRef(void 0), [isDragOver, setIsDragOver] = useState(!1);
   let t1, t2;
   $[0] !== editor || $[1] !== element ? (t2 = Editor.isVoid(editor, element), $[0] = editor, $[1] = element, $[2] = t2) : t2 = $[2], t1 = t2;
   const isVoid = t1;
@@ -3099,7 +3099,7 @@ function useSyncValue(props) {
     portableTextEditor,
     readOnly,
     slateEditor
-  } = props, schemaTypes = editorActor.getSnapshot().context.schema, previousValue = useRef(), updateValueFunctionRef = useRef(), updateFromCurrentValue = useCallback(() => {
+  } = props, schemaTypes = editorActor.getSnapshot().context.schema, previousValue = useRef(void 0), updateValueFunctionRef = useRef(void 0), updateFromCurrentValue = useCallback(() => {
     const currentValue = CURRENT_VALUE.get(portableTextEditor);
     if (previousValue.current === currentValue) {
       debug$i("Value is the same object as previous, not need to sync");
@@ -6776,7 +6776,7 @@ function createEditor(config) {
     },
     on: (event, listener) => editorActor.on(
       event,
-      // @ts-ignore
+      // @ts-expect-error
       listener
     ),
     _internal: {
@@ -6787,26 +6787,35 @@ function createEditor(config) {
   };
 }
 function useCreateEditor(config) {
-  const editorActor = useActorRef(editorMachine, {
-    input: editorConfigToMachineInput(config)
-  }), slateEditor = createSlateEditor({
+  const $ = c(18);
+  let t0;
+  $[0] !== config ? (t0 = editorConfigToMachineInput(config), $[0] = config, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] !== t0 ? (t1 = {
+    input: t0
+  }, $[2] = t0, $[3] = t1) : t1 = $[3];
+  const editorActor = useActorRef(editorMachine, t1);
+  let t2, slateEditor, t3;
+  $[4] !== editorActor ? (slateEditor = createSlateEditor({
     editorActor
-  }), editable = useMemo(() => createEditableAPI(slateEditor.instance, editorActor), [slateEditor.instance, editorActor]), send = useCallback((event) => {
+  }), t3 = createEditableAPI(slateEditor.instance, editorActor), $[4] = editorActor, $[5] = slateEditor, $[6] = t3) : (slateEditor = $[5], t3 = $[6]);
+  const editable = t3;
+  let t4, t5;
+  $[7] !== editorActor ? (t4 = (event) => {
     editorActor.send(event);
-  }, [editorActor]), on = useCallback((event_0, listener) => editorActor.on(
-    event_0,
-    // @ts-ignore
-    listener
-  ), [editorActor]);
-  return useMemo(() => ({
-    send,
-    on,
-    _internal: {
-      editable,
-      editorActor,
-      slateEditor
-    }
-  }), [send, on, editable, editorActor, slateEditor]);
+  }, t5 = (event_0, listener) => editorActor.on(event_0, listener), $[7] = editorActor, $[8] = t4, $[9] = t5) : (t4 = $[8], t5 = $[9]);
+  let t6;
+  $[10] !== editable || $[11] !== editorActor || $[12] !== slateEditor ? (t6 = {
+    editable,
+    editorActor,
+    slateEditor
+  }, $[10] = editable, $[11] = editorActor, $[12] = slateEditor, $[13] = t6) : t6 = $[13];
+  let t7;
+  return $[14] !== t4 || $[15] !== t5 || $[16] !== t6 ? (t7 = {
+    send: t4,
+    on: t5,
+    _internal: t6
+  }, $[14] = t4, $[15] = t5, $[16] = t6, $[17] = t7) : t7 = $[17], t2 = t7, t2;
 }
 function editorConfigToMachineInput(config) {
   return {