@portabletext/editor 1.7.0 → 1.7.1

package/lib/index.d.mts

@@ -36,7 +36,8 @@ import {
   TextareaHTMLAttributes,
 } from 'react'
 import type {Observable, Subject} from 'rxjs'
-import type {Descendant, Node as Node_2, Operation, TextUnit} from 'slate'
+import {Descendant} from 'slate'
+import type {Node as Node_2, Operation, TextUnit} from 'slate'
 import type {DOMNode} from 'slate-dom'
 import type {ReactEditor} from 'slate-react'
 import type {TextInsertTextOptions} from 'slate/dist/interfaces/transforms/text'
@@ -665,6 +666,7 @@ export declare type Editor = {
   readOnly: boolean
   _internal: {
     editorActor: EditorActor
+    slateEditor: SlateEditor
   }
 }
 
@@ -5962,7 +5964,6 @@ export declare class PortableTextEditor extends Component<
   private slateEditor
   constructor(props: PortableTextEditorProps)
   componentDidUpdate(prevProps: PortableTextEditorProps): void
-  componentWillUnmount(): void
   setEditable: (editable: EditableAPI) => void
   private getValue
   render(): JSX_2.Element
@@ -6382,6 +6383,14 @@ export declare type SelectionChange = {
   selection: EditorSelection
 }
 
+/**
+ * @internal
+ */
+export declare type SlateEditor = {
+  instance: PortableTextSlateEditor
+  initialValue: Array<Descendant>
+}
+
 /**
  * The editor performed a undo history step
  * @beta */

package/lib/index.d.ts

@@ -36,7 +36,8 @@ import {
   TextareaHTMLAttributes,
 } from 'react'
 import type {Observable, Subject} from 'rxjs'
-import type {Descendant, Node as Node_2, Operation, TextUnit} from 'slate'
+import {Descendant} from 'slate'
+import type {Node as Node_2, Operation, TextUnit} from 'slate'
 import type {DOMNode} from 'slate-dom'
 import type {ReactEditor} from 'slate-react'
 import type {TextInsertTextOptions} from 'slate/dist/interfaces/transforms/text'
@@ -665,6 +666,7 @@ export declare type Editor = {
   readOnly: boolean
   _internal: {
     editorActor: EditorActor
+    slateEditor: SlateEditor
   }
 }
 
@@ -5962,7 +5964,6 @@ export declare class PortableTextEditor extends Component<
   private slateEditor
   constructor(props: PortableTextEditorProps)
   componentDidUpdate(prevProps: PortableTextEditorProps): void
-  componentWillUnmount(): void
   setEditable: (editable: EditableAPI) => void
   private getValue
   render(): JSX_2.Element
@@ -6382,6 +6383,14 @@ export declare type SelectionChange = {
   selection: EditorSelection
 }
 
+/**
+ * @internal
+ */
+export declare type SlateEditor = {
+  instance: PortableTextSlateEditor
+  initialValue: Array<Descendant>
+}
+
 /**
  * The editor performed a undo history step
  * @beta */

package/lib/index.esm.js

@@ -4647,17 +4647,19 @@ function createSlateEditor(config) {
   KEY_TO_VALUE_ELEMENT.set(instance, {}), KEY_TO_SLATE_ELEMENT.set(instance, {});
   for (const subscription of subscriptions)
     unsubscriptions.push(subscription());
-  const initialValue = [instance.pteCreateTextBlock({
-    decorators: []
-  })], slateEditor = {
-    instance,
-    initialValue,
-    destroy: () => {
+  config.editorActor.subscribe((snapshot) => {
+    if (snapshot.status !== "active") {
       debug$7("Destroying Slate editor"), instance.destroy();
       for (const unsubscribe of unsubscriptions)
         unsubscribe();
       subscriptions = [], unsubscriptions = [];
     }
+  });
+  const initialValue = [instance.pteCreateTextBlock({
+    decorators: []
+  })], slateEditor = {
+    instance,
+    initialValue
   };
   return slateEditors.set(config.editorActor, slateEditor), slateEditor;
 }
@@ -5912,7 +5914,7 @@ class PortableTextEditor extends Component {
   constructor(props) {
     if (super(props), props.editor) {
       const editor = props.editor;
-      this.editorActor = editor._internal.editorActor, this.editorActor.start(), this.schemaTypes = this.editorActor.getSnapshot().context.schema;
+      this.editorActor = editor._internal.editorActor, this.slateEditor = editor._internal.slateEditor, this.editorActor.start(), this.schemaTypes = this.editorActor.getSnapshot().context.schema;
     } else {
       if (!props.schemaType)
         throw new Error('PortableTextEditor: missing "schemaType" property');
@@ -5921,16 +5923,16 @@ class PortableTextEditor extends Component {
           keyGenerator: props.keyGenerator || defaultKeyGenerator,
           schema: this.schemaTypes
         }
-      }), this.editorActor.start(), props.readOnly && this.editorActor.send({
+      }), this.editorActor.start(), this.slateEditor = createSlateEditor({
+        editorActor: this.editorActor
+      }), props.readOnly && this.editorActor.send({
         type: "toggle readOnly"
       }), props.maxBlocks && this.editorActor.send({
         type: "update maxBlocks",
         maxBlocks: props.maxBlocks === void 0 ? void 0 : Number.parseInt(props.maxBlocks.toString(), 10)
       });
     }
-    this.slateEditor = createSlateEditor({
-      editorActor: this.editorActor
-    }), this.editable = createEditableAPI(this.slateEditor.instance, this.editorActor);
+    this.editable = createEditableAPI(this.slateEditor.instance, this.editorActor);
   }
   componentDidUpdate(prevProps) {
     !this.props.editor && !prevProps.editor && this.props.schemaType !== prevProps.schemaType && (this.schemaTypes = getPortableTextMemberSchemaTypes(this.props.schemaType.hasOwnProperty("jsonType") ? this.props.schemaType : compileType(this.props.schemaType)), this.editorActor.send({
@@ -5943,9 +5945,6 @@ class PortableTextEditor extends Component {
       maxBlocks: this.props.maxBlocks === void 0 ? void 0 : Number.parseInt(this.props.maxBlocks.toString(), 10)
     })), this.props.editorRef !== prevProps.editorRef && this.props.editorRef && (this.props.editorRef.current = this);
   }
-  componentWillUnmount() {
-    this.slateEditor.destroy();
-  }
   setEditable = (editable) => {
     this.editable = {
       ...this.editable,
@@ -6732,7 +6731,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function useEditor(config) {
-  const $ = c(17), t0 = config.keyGenerator ?? defaultKeyGenerator;
+  const $ = c(20), t0 = config.keyGenerator ?? defaultKeyGenerator;
   let t1;
   $[0] !== config.schema || $[1] !== config.schemaDefinition ? (t1 = config.schemaDefinition ? compileSchemaDefinition(config.schemaDefinition) : getPortableTextMemberSchemaTypes(config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema)), $[0] = config.schema, $[1] = config.schemaDefinition, $[2] = t1) : t1 = $[2];
   let t2;
@@ -6743,22 +6742,28 @@ function useEditor(config) {
       schema: t1
     }
   }, $[3] = config.behaviors, $[4] = t0, $[5] = t1, $[6] = t2) : t2 = $[6];
-  const editorActor = useActorRef(editorMachine, t2), readOnly = useSelector(editorActor, _temp);
-  let t3, t4;
-  $[7] !== editorActor ? (t3 = (event) => {
-    editorActor.send(event);
-  }, t4 = (event_0, listener) => editorActor.on(event_0, listener), $[7] = editorActor, $[8] = t3, $[9] = t4) : (t3 = $[8], t4 = $[9]);
-  let t5;
-  $[10] !== editorActor ? (t5 = {
+  const editorActor = useActorRef(editorMachine, t2);
+  let t3;
+  $[7] !== editorActor ? (t3 = createSlateEditor({
     editorActor
-  }, $[10] = editorActor, $[11] = t5) : t5 = $[11];
+  }), $[7] = editorActor, $[8] = t3) : t3 = $[8];
+  const slateEditor = t3, readOnly = useSelector(editorActor, _temp);
+  let t4, t5;
+  $[9] !== editorActor ? (t4 = (event) => {
+    editorActor.send(event);
+  }, t5 = (event_0, listener) => editorActor.on(event_0, listener), $[9] = editorActor, $[10] = t4, $[11] = t5) : (t4 = $[10], t5 = $[11]);
   let t6;
-  return $[12] !== readOnly || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 ? (t6 = {
-    send: t3,
-    on: t4,
+  $[12] !== editorActor || $[13] !== slateEditor ? (t6 = {
+    editorActor,
+    slateEditor
+  }, $[12] = editorActor, $[13] = slateEditor, $[14] = t6) : t6 = $[14];
+  let t7;
+  return $[15] !== readOnly || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 ? (t7 = {
+    send: t4,
+    on: t5,
     readOnly,
-    _internal: t5
-  }, $[12] = readOnly, $[13] = t3, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16], t6;
+    _internal: t6
+  }, $[15] = readOnly, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = t7) : t7 = $[19], t7;
 }
 function _temp(s) {
   return s.context.readOnly;