@portabletext/editor 1.10.0 → 1.10.2

package/lib/index.mjs

@@ -13,7 +13,7 @@ import { c } from "react-compiler-runtime";
 import { styled } from "styled-components";
 import uniq from "lodash/uniq.js";
 import { Subject } from "rxjs";
-import { fromCallback, setup, assign, assertEvent, emit, enqueueActions, createActor } from "xstate";
+import { setup, assign, assertEvent, emit, enqueueActions, createActor } from "xstate";
 import throttle from "lodash/throttle.js";
 import { useEffectEvent } from "use-effect-event";
 import debounce from "lodash/debounce.js";
@@ -2957,11 +2957,10 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
 }
 const debug$i = debugWithName("component:PortableTextEditor:Synchronizer"), debugVerbose$3 = debug$i.enabled && !1, FLUSH_PATCHES_THROTTLED_MS = process.env.NODE_ENV === "test" ? 500 : 1e3;
 function Synchronizer(props) {
-  const $ = c(35), portableTextEditor = usePortableTextEditor(), readOnly = useSelector(props.editorActor, _temp$1), {
+  const $ = c(28), portableTextEditor = usePortableTextEditor(), readOnly = useSelector(props.editorActor, _temp$1), value = useSelector(props.editorActor, _temp2), {
     editorActor,
     getValue,
-    onChange,
-    value
+    onChange
   } = props;
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
@@ -3013,52 +3012,38 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
     });
     debug$i("Subscribing to editor changes");
     const sub = editorActor.on("*", (event) => {
-      bb20: switch (event.type) {
+      bb22: switch (event.type) {
         case "patch": {
           IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !0), pendingPatches.current.push(event.patch), onFlushPendingPatchesThrottled(), handleChange(event);
-          break bb20;
+          break bb22;
         }
         case "loading": {
           handleChange({
             type: "loading",
             isLoading: !0
           });
-          break bb20;
+          break bb22;
         }
         case "done loading": {
           handleChange({
             type: "loading",
             isLoading: !1
           });
-          break bb20;
+          break bb22;
         }
         case "focused": {
           handleChange({
             type: "focus",
             event: event.event
           });
-          break bb20;
-        }
-        case "offline": {
-          handleChange({
-            type: "connection",
-            value: "offline"
-          });
-          break bb20;
-        }
-        case "online": {
-          handleChange({
-            type: "connection",
-            value: "online"
-          });
-          break bb20;
+          break bb22;
         }
         case "value changed": {
           handleChange({
             type: "value",
             value: event.value
           });
-          break bb20;
+          break bb22;
         }
         case "invalid value": {
           handleChange({
@@ -3066,21 +3051,21 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
             resolution: event.resolution,
             value: event.value
           });
-          break bb20;
+          break bb22;
         }
         case "error": {
           handleChange({
             ...event,
             level: "warning"
           });
-          break bb20;
+          break bb22;
         }
         case "annotation.add":
         case "annotation.remove":
         case "annotation.toggle":
         case "focus":
         case "patches":
-          break bb20;
+          break bb22;
         default:
           handleChange(event);
       }
@@ -3089,25 +3074,16 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
       debug$i("Unsubscribing to changes"), sub.unsubscribe();
     };
   }, t9 = [editorActor, handleChange, onFlushPendingPatches, slateEditor], $[17] = editorActor, $[18] = handleChange, $[19] = onFlushPendingPatches, $[20] = slateEditor, $[21] = t8, $[22] = t9) : (t8 = $[21], t9 = $[22]), useEffect(t8, t9);
-  let t10;
-  $[23] !== syncValue || $[24] !== value ? (t10 = () => {
-    debug$i("Editor is online, syncing from props.value"), syncValue(value);
-  }, $[23] = syncValue, $[24] = value, $[25] = t10) : t10 = $[25];
-  const handleOnline = t10;
-  let t11, t12;
-  $[26] !== editorActor || $[27] !== handleOnline ? (t11 = () => {
-    const subscription = editorActor.on("online", handleOnline);
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, t12 = [handleOnline, editorActor], $[26] = editorActor, $[27] = handleOnline, $[28] = t11, $[29] = t12) : (t11 = $[28], t12 = $[29]), useEffect(t11, t12);
   const isInitialValueFromProps = useRef(!0);
-  let t13, t14;
-  return $[30] !== editorActor || $[31] !== syncValue || $[32] !== value ? (t13 = () => {
+  let t10, t11;
+  return $[23] !== editorActor || $[24] !== syncValue || $[25] !== value ? (t10 = () => {
     debug$i("Value from props changed, syncing new value"), syncValue(value), isInitialValueFromProps.current && (editorActor.send({
       type: "ready"
     }), isInitialValueFromProps.current = !1);
-  }, t14 = [editorActor, syncValue, value], $[30] = editorActor, $[31] = syncValue, $[32] = value, $[33] = t13, $[34] = t14) : (t13 = $[33], t14 = $[34]), useEffect(t13, t14), null;
+  }, t11 = [editorActor, syncValue, value], $[23] = editorActor, $[24] = syncValue, $[25] = value, $[26] = t10, $[27] = t11) : (t10 = $[26], t11 = $[27]), useEffect(t10, t11), null;
+}
+function _temp2(s_0) {
+  return s_0.context.value;
 }
 function _temp$1(s) {
   return s.context.readOnly;
@@ -5714,22 +5690,7 @@ function performDefaultAction({
       });
   }
 }
-const networkLogic = fromCallback(({
-  sendBack
-}) => {
-  const onlineHandler = () => {
-    sendBack({
-      type: "online"
-    });
-  }, offlineHandler = () => {
-    sendBack({
-      type: "offline"
-    });
-  };
-  return window.addEventListener("online", onlineHandler), window.addEventListener("offline", offlineHandler), () => {
-    window.removeEventListener("online", onlineHandler), window.removeEventListener("offline", offlineHandler);
-  };
-}), editorMachine = setup({
+const editorMachine = setup({
   types: {
     context: {},
     events: {},
@@ -5828,9 +5789,6 @@ const networkLogic = fromCallback(({
         actionIntends: [defaultAction]
       });
     })
-  },
-  actors: {
-    networkLogic
   }
 }).createMachine({
   id: "editor",
@@ -5842,12 +5800,9 @@ const networkLogic = fromCallback(({
     pendingEvents: [],
     schema: input.schema,
     readOnly: !1,
-    maxBlocks: void 0
+    maxBlocks: void 0,
+    value: input.value
   }),
-  invoke: {
-    id: "networkLogic",
-    src: "networkLogic"
-  },
   on: {
     "annotation.add": {
       actions: emit(({
@@ -5921,16 +5876,6 @@ const networkLogic = fromCallback(({
         event
       }) => event)
     },
-    online: {
-      actions: emit({
-        type: "online"
-      })
-    },
-    offline: {
-      actions: emit({
-        type: "offline"
-      })
-    },
     loading: {
       actions: emit({
         type: "loading"
@@ -5952,6 +5897,13 @@ const networkLogic = fromCallback(({
     "update schema": {
       actions: "assign schema"
     },
+    "update value": {
+      actions: assign({
+        value: ({
+          event
+        }) => event.value
+      })
+    },
     "toggle readOnly": {
       actions: assign({
         readOnly: ({
@@ -6113,7 +6065,8 @@ class PortableTextEditor extends Component {
       props.incomingPatches$ && console.warn("The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"), this.schemaTypes = getPortableTextMemberSchemaTypes(props.schemaType.hasOwnProperty("jsonType") ? props.schemaType : compileType(props.schemaType)), this.editorActor = createActor(editorMachine, {
         input: {
           keyGenerator: props.keyGenerator || defaultKeyGenerator,
-          schema: this.schemaTypes
+          schema: this.schemaTypes,
+          value: props.value
         }
       }), this.editorActor.start(), this.slateEditor = createSlateEditor({
         editorActor: this.editorActor
@@ -6135,7 +6088,10 @@ class PortableTextEditor extends Component {
     }), this.props.maxBlocks !== prevProps.maxBlocks && this.editorActor.send({
       type: "update maxBlocks",
       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);
+    }), this.props.value !== prevProps.value && this.editorActor.send({
+      type: "update value",
+      value: this.props.value
+    }), this.props.editorRef !== prevProps.editorRef && this.props.editorRef && (this.props.editorRef.current = this));
   }
   setEditable = (editable) => {
     this.editable = {
@@ -6154,7 +6110,7 @@ class PortableTextEditor extends Component {
       /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: this.editorActor, children: /* @__PURE__ */ jsx(Slate, { editor: this.slateEditor.instance, initialValue: this.slateEditor.initialValue, children: /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsxs(PortableTextEditorSelectionProvider, { editorActor: this.editorActor, children: [
         /* @__PURE__ */ jsx(Synchronizer, { editorActor: this.editorActor, getValue: this.getValue, onChange: (change) => {
           this.props.editor || this.props.onChange(change), this.change$.next(change);
-        }, value: this.props.value }),
+        } }),
         this.props.children
       ] }) }) }) })
     ] });
@@ -6920,39 +6876,40 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function useEditor(config) {
-  const $ = c(20), t0 = config.keyGenerator ?? defaultKeyGenerator;
+  const $ = c(21), 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;
-  $[3] !== config.behaviors || $[4] !== t0 || $[5] !== t1 ? (t2 = {
+  $[3] !== config.behaviors || $[4] !== config.initialValue || $[5] !== t0 || $[6] !== t1 ? (t2 = {
     input: {
       behaviors: config.behaviors,
       keyGenerator: t0,
-      schema: t1
+      schema: t1,
+      value: config.initialValue
     }
-  }, $[3] = config.behaviors, $[4] = t0, $[5] = t1, $[6] = t2) : t2 = $[6];
+  }, $[3] = config.behaviors, $[4] = config.initialValue, $[5] = t0, $[6] = t1, $[7] = t2) : t2 = $[7];
   const editorActor = useActorRef(editorMachine, t2);
   let t3;
-  $[7] !== editorActor ? (t3 = createSlateEditor({
+  $[8] !== editorActor ? (t3 = createSlateEditor({
     editorActor
-  }), $[7] = editorActor, $[8] = t3) : t3 = $[8];
+  }), $[8] = editorActor, $[9] = t3) : t3 = $[9];
   const slateEditor = t3, readOnly = useSelector(editorActor, _temp);
   let t4, t5;
-  $[9] !== editorActor ? (t4 = (event) => {
+  $[10] !== 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]);
+  }, t5 = (event_0, listener) => editorActor.on(event_0, listener), $[10] = editorActor, $[11] = t4, $[12] = t5) : (t4 = $[11], t5 = $[12]);
   let t6;
-  $[12] !== editorActor || $[13] !== slateEditor ? (t6 = {
+  $[13] !== editorActor || $[14] !== slateEditor ? (t6 = {
     editorActor,
     slateEditor
-  }, $[12] = editorActor, $[13] = slateEditor, $[14] = t6) : t6 = $[14];
+  }, $[13] = editorActor, $[14] = slateEditor, $[15] = t6) : t6 = $[15];
   let t7;
-  return $[15] !== readOnly || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 ? (t7 = {
+  return $[16] !== readOnly || $[17] !== t4 || $[18] !== t5 || $[19] !== t6 ? (t7 = {
     send: t4,
     on: t5,
     readOnly,
     _internal: t6
-  }, $[15] = readOnly, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = t7) : t7 = $[19], t7;
+  }, $[16] = readOnly, $[17] = t4, $[18] = t5, $[19] = t6, $[20] = t7) : t7 = $[20], t7;
 }
 function _temp(s) {
   return s.context.readOnly;