@portabletext/editor 1.16.0 → 1.16.1

package/lib/index.cjs

@@ -2282,8 +2282,8 @@ const syncValueCallback = ({
   actions: {
     "assign readOnly": xstate.assign({
       readOnly: ({
-        context
-      }) => !context.readOnly
+        event
+      }) => (xstate.assertEvent(event, "update readOnly"), event.readOnly)
     }),
     "assign pending value": xstate.assign({
       pendingValue: ({
@@ -2352,7 +2352,7 @@ const syncValueCallback = ({
         isProcessingLocalChanges: !1
       })
     },
-    "toggle readOnly": {
+    "update readOnly": {
       actions: ["assign readOnly"]
     }
   },
@@ -2642,7 +2642,7 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
 }
 const debug$h = debugWithName("component:PortableTextEditor:Synchronizer");
 function Synchronizer(props) {
-  const $ = reactCompilerRuntime.c(41), {
+  const $ = reactCompilerRuntime.c(40), {
     editorActor,
     slateEditor
   } = props, value = react.useSelector(props.editorActor, _temp), readOnly = react.useSelector(props.editorActor, _temp2);
@@ -2697,23 +2697,22 @@ function Synchronizer(props) {
       subscription_0.unsubscribe();
     };
   }, t10 = [props.editorActor, syncActorRef], $[21] = props.editorActor, $[22] = syncActorRef, $[23] = t10, $[24] = t9) : (t10 = $[23], t9 = $[24]), React.useEffect(t9, t10);
-  let t11;
-  $[25] !== syncActorRef ? (t11 = () => {
+  let t11, t12;
+  $[25] !== readOnly || $[26] !== syncActorRef ? (t11 = () => {
     syncActorRef.send({
-      type: "toggle readOnly"
+      type: "update readOnly",
+      readOnly
     });
-  }, $[25] = syncActorRef, $[26] = t11) : t11 = $[26];
-  let t12;
-  $[27] !== readOnly || $[28] !== syncActorRef ? (t12 = [syncActorRef, readOnly], $[27] = readOnly, $[28] = syncActorRef, $[29] = t12) : t12 = $[29], React.useEffect(t11, t12);
+  }, t12 = [syncActorRef, readOnly], $[25] = readOnly, $[26] = syncActorRef, $[27] = t11, $[28] = t12) : (t11 = $[27], t12 = $[28]), React.useEffect(t11, t12);
   let t13, t14;
-  $[30] !== syncActorRef || $[31] !== value ? (t13 = () => {
+  $[29] !== syncActorRef || $[30] !== value ? (t13 = () => {
     debug$h("Value from props changed, syncing new value"), syncActorRef.send({
       type: "update value",
       value
     });
-  }, t14 = [syncActorRef, value], $[30] = syncActorRef, $[31] = value, $[32] = t13, $[33] = t14) : (t13 = $[32], t14 = $[33]), React.useEffect(t13, t14);
+  }, t14 = [syncActorRef, value], $[29] = syncActorRef, $[30] = value, $[31] = t13, $[32] = t14) : (t13 = $[31], t14 = $[32]), React.useEffect(t13, t14);
   let t15;
-  $[34] !== editorActor || $[35] !== mutationActorRef ? (t15 = () => {
+  $[33] !== editorActor || $[34] !== mutationActorRef ? (t15 = () => {
     debug$h("Subscribing to patch events");
     const sub = editorActor.on("patch", (event_1) => {
       mutationActorRef.send(event_1);
@@ -2721,9 +2720,9 @@ function Synchronizer(props) {
     return () => {
       debug$h("Unsubscribing to patch events"), sub.unsubscribe();
     };
-  }, $[34] = editorActor, $[35] = mutationActorRef, $[36] = t15) : t15 = $[36];
+  }, $[33] = editorActor, $[34] = mutationActorRef, $[35] = t15) : t15 = $[35];
   let t16;
-  return $[37] !== editorActor || $[38] !== mutationActorRef || $[39] !== slateEditor ? (t16 = [editorActor, mutationActorRef, slateEditor], $[37] = editorActor, $[38] = mutationActorRef, $[39] = slateEditor, $[40] = t16) : t16 = $[40], React.useEffect(t15, t16), null;
+  return $[36] !== editorActor || $[37] !== mutationActorRef || $[38] !== slateEditor ? (t16 = [editorActor, mutationActorRef, slateEditor], $[36] = editorActor, $[37] = mutationActorRef, $[38] = slateEditor, $[39] = t16) : t16 = $[39], React.useEffect(t15, t16), null;
 }
 function _temp2(s_0) {
   return s_0.matches({
@@ -6179,7 +6178,10 @@ const editorMachine = xstate.setup({
             },
             "read only": {
               on: {
-                "toggle readOnly": {
+                "update readOnly": {
+                  guard: ({
+                    event
+                  }) => !event.readOnly,
                   target: "#editor.edit mode.editable",
                   actions: ["emit editable"]
                 }
@@ -6189,7 +6191,10 @@ const editorMachine = xstate.setup({
         },
         editable: {
           on: {
-            "toggle readOnly": {
+            "update readOnly": {
+              guard: ({
+                event
+              }) => event.readOnly,
               target: "#editor.edit mode.read only.read only",
               actions: ["emit read only"]
             },
@@ -6432,11 +6437,13 @@ class PortableTextEditor extends React.Component {
     }), this.schemaTypes = this.editor._internal.editorActor.getSnapshot().context.schema, this.editable = this.editor._internal.editable;
   }
   componentDidUpdate(prevProps) {
+    var _a;
     !this.props.editor && !prevProps.editor && this.props.schemaType !== prevProps.schemaType && (this.schemaTypes = createEditorSchema(this.props.schemaType.hasOwnProperty("jsonType") ? this.props.schemaType : compileType(this.props.schemaType)), this.editor._internal.editorActor.send({
       type: "update schema",
       schema: this.schemaTypes
     })), !this.props.editor && !prevProps.editor && (this.props.readOnly !== prevProps.readOnly && this.editor._internal.editorActor.send({
-      type: "toggle readOnly"
+      type: "update readOnly",
+      readOnly: (_a = this.props.readOnly) != null ? _a : !1
     }), this.props.maxBlocks !== prevProps.maxBlocks && this.editor._internal.editorActor.send({
       type: "update maxBlocks",
       maxBlocks: this.props.maxBlocks === void 0 ? void 0 : Number.parseInt(this.props.maxBlocks.toString(), 10)