@portabletext/editor 1.10.0 → 1.10.1

package/lib/index.js

@@ -2936,11 +2936,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 $ = reactCompilerRuntime.c(35), portableTextEditor = usePortableTextEditor(), readOnly = react$1.useSelector(props.editorActor, _temp$1), {
+  const $ = reactCompilerRuntime.c(35), portableTextEditor = usePortableTextEditor(), readOnly = react$1.useSelector(props.editorActor, _temp$1), value = react$1.useSelector(props.editorActor, _temp2), {
     editorActor,
     getValue,
-    onChange,
-    value
+    onChange
   } = props;
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
@@ -2992,52 +2991,52 @@ ${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;
+          break bb22;
         }
         case "offline": {
           handleChange({
             type: "connection",
             value: "offline"
           });
-          break bb20;
+          break bb22;
         }
         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({
@@ -3045,21 +3044,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);
       }
@@ -3088,6 +3087,9 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
     }), isInitialValueFromProps.current = !1);
   }, t14 = [editorActor, syncValue, value], $[30] = editorActor, $[31] = syncValue, $[32] = value, $[33] = t13, $[34] = t14) : (t13 = $[33], t14 = $[34]), react.useEffect(t13, t14), null;
 }
+function _temp2(s_0) {
+  return s_0.context.value;
+}
 function _temp$1(s) {
   return s.context.readOnly;
 }
@@ -5705,8 +5707,8 @@ const networkLogic = xstate.fromCallback(({
       type: "offline"
     });
   };
-  return window.addEventListener("online", onlineHandler), window.addEventListener("offline", offlineHandler), () => {
-    window.removeEventListener("online", onlineHandler), window.removeEventListener("offline", offlineHandler);
+  return window && (window.addEventListener("online", onlineHandler), window.addEventListener("offline", offlineHandler)), () => {
+    window && (window.removeEventListener("online", onlineHandler), window.removeEventListener("offline", offlineHandler));
   };
 }), editorMachine = xstate.setup({
   types: {
@@ -5821,7 +5823,8 @@ const networkLogic = xstate.fromCallback(({
     pendingEvents: [],
     schema: input.schema,
     readOnly: !1,
-    maxBlocks: void 0
+    maxBlocks: void 0,
+    value: input.value
   }),
   invoke: {
     id: "networkLogic",
@@ -5931,6 +5934,13 @@ const networkLogic = xstate.fromCallback(({
     "update schema": {
       actions: "assign schema"
     },
+    "update value": {
+      actions: xstate.assign({
+        value: ({
+          event
+        }) => event.value
+      })
+    },
     "toggle readOnly": {
       actions: xstate.assign({
         readOnly: ({
@@ -6092,7 +6102,8 @@ class PortableTextEditor extends react.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 = xstate.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
@@ -6114,7 +6125,10 @@ class PortableTextEditor extends react.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 = {
@@ -6133,7 +6147,7 @@ class PortableTextEditor extends react.Component {
       /* @__PURE__ */ jsxRuntime.jsx(EditorActorContext.Provider, { value: this.editorActor, children: /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, { editor: this.slateEditor.instance, initialValue: this.slateEditor.initialValue, children: /* @__PURE__ */ jsxRuntime.jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsxRuntime.jsxs(PortableTextEditorSelectionProvider, { editorActor: this.editorActor, children: [
         /* @__PURE__ */ jsxRuntime.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
       ] }) }) }) })
     ] });
@@ -6899,39 +6913,40 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function useEditor(config) {
-  const $ = reactCompilerRuntime.c(20), t0 = config.keyGenerator ?? defaultKeyGenerator;
+  const $ = reactCompilerRuntime.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 = react$1.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 = react$1.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;