@portabletext/editor 1.16.2 → 1.16.3

package/lib/index.js

@@ -19,13 +19,13 @@ import noop from "lodash/noop.js";
 import React, { useRef, useState, useEffect, useMemo, createContext, useContext, startTransition, Component, useCallback, forwardRef, useImperativeHandle } from "react";
 import { Editor, Element as Element$1, Range, Point, Text, Path, Transforms, Operation, Node, createEditor as createEditor$1, deleteBackward, deleteForward, insertText } from "slate";
 import { useSlateStatic, ReactEditor, useSelected, withReact, Slate, useSlate, Editable } from "slate-react";
-import debug$m from "debug";
+import debug$l from "debug";
 import { c } from "react-compiler-runtime";
 import { styled } from "styled-components";
 import uniq from "lodash/uniq.js";
 import { Subject } from "rxjs";
 import { useEffectEvent } from "use-effect-event";
-import { setup, emit, assign, fromCallback, assertEvent, and, not, or, enqueueActions, createActor } from "xstate";
+import { setup, emit, assign, fromCallback, assertEvent, enqueueActions, createActor } from "xstate";
 import { unset, set, setIfMissing, insert, diffMatchPatch as diffMatchPatch$1, applyAll } from "@portabletext/patches";
 import flatten from "lodash/flatten.js";
 import isPlainObject from "lodash/isPlainObject.js";
@@ -175,10 +175,10 @@ function compileSchemaDefinition(definition) {
   });
 }
 const rootName = "sanity-pte:";
-var debug$l = debug$m(rootName);
+debug$l(rootName);
 function debugWithName(name) {
   const namespace = `${rootName}${name}`;
-  return debug$m && debug$m.enabled(namespace) ? debug$m(namespace) : debug$m(rootName);
+  return debug$l && debug$l.enabled(namespace) ? debug$l(namespace) : debug$l(rootName);
 }
 function createKeyedPath(point, value, types) {
   const blockPath = [point.path[0]];
@@ -2335,24 +2335,20 @@ const syncValueCallback = ({
         event
       }) => (assertEvent(event, "done syncing"), event.value)
     }),
-    "emit done syncing": emit(({
-      event
-    }) => (assertEvent(event, "done syncing"), event))
+    "emit done syncing initial value": emit({
+      type: "done syncing initial value"
+    })
   },
   guards: {
-    "is readOnly": ({
+    "initial value synced": ({
       context
-    }) => context.readOnly,
-    "is processing local changes": ({
-      context
-    }) => context.isProcessingLocalChanges,
-    "is processing remote changes": ({
+    }) => context.initialValueSynced,
+    "is busy": ({
       context
     }) => {
       var _a;
-      return (_a = isChangingRemotely(context.slateEditor)) != null ? _a : !1;
+      return !context.readOnly && (context.isProcessingLocalChanges || ((_a = isChangingRemotely(context.slateEditor)) != null ? _a : !1));
     },
-    "is busy": and([not("is readOnly"), or(["is processing local changes", "is processing remote changes"])]),
     "value changed while syncing": ({
       context,
       event
@@ -2378,7 +2374,6 @@ const syncValueCallback = ({
     pendingValue: void 0,
     previousValue: void 0
   }),
-  initial: "idle",
   on: {
     "has pending patches": {
       actions: assign({
@@ -2394,94 +2389,105 @@ const syncValueCallback = ({
       actions: ["assign readOnly"]
     }
   },
+  type: "parallel",
   states: {
-    idle: {
-      on: {
-        "update value": [{
-          guard: "is busy",
-          target: "busy",
-          actions: ["assign pending value"]
-        }, {
-          target: "syncing",
-          actions: ["assign pending value"]
-        }]
-      }
-    },
-    busy: {
-      after: {
-        1e3: {
-          target: "syncing"
+    "setting up": {
+      initial: "syncing initial value",
+      states: {
+        "syncing initial value": {
+          always: {
+            guard: "initial value synced",
+            target: "done syncing initial value"
+          }
+        },
+        "done syncing initial value": {
+          entry: ["emit done syncing initial value"],
+          type: "final"
         }
-      },
-      on: {
-        "update value": [{
-          guard: "is busy",
-          actions: ["assign pending value"],
-          reenter: !0
-        }, {
-          target: "syncing",
-          actions: ["assign pending value"]
-        }]
       }
     },
     syncing: {
-      invoke: {
-        src: "sync value",
-        id: "sync value",
-        input: ({
-          context
-        }) => {
-          var _a;
-          return {
-            context: {
-              keyGenerator: context.keyGenerator,
-              previousValue: context.previousValue,
-              readOnly: context.readOnly,
-              schema: context.schema
-            },
-            slateEditor: context.slateEditor,
-            streamBlocks: !context.initialValueSynced,
-            value: (_a = context.pendingValue) != null ? _a : void 0
-          };
-        }
-      },
-      always: {
-        guard: "pending value equals previous value",
-        actions: [emit(({
-          context
-        }) => ({
-          type: "done syncing",
-          value: context.previousValue
-        }))],
-        target: "idle"
-      },
-      on: {
-        "update value": {
-          actions: ["assign pending value"]
-        },
-        patch: {
-          actions: [emit(({
-            event
-          }) => event)]
-        },
-        "invalid value": {
-          actions: [emit(({
-            event
-          }) => event)]
+      initial: "idle",
+      states: {
+        idle: {
+          on: {
+            "update value": [{
+              guard: "is busy",
+              target: "busy",
+              actions: ["assign pending value"]
+            }, {
+              target: "syncing",
+              actions: ["assign pending value"]
+            }]
+          }
         },
-        "value changed": {
-          actions: [emit(({
-            event
-          }) => event)]
+        busy: {
+          after: {
+            1e3: [{
+              guard: "is busy",
+              reenter: !0
+            }, {
+              target: "syncing"
+            }]
+          },
+          on: {
+            "update value": [{
+              actions: ["assign pending value"]
+            }]
+          }
         },
-        "done syncing": [{
-          guard: "value changed while syncing",
-          actions: ["assign previous value", "emit done syncing", "assign initial value synced"],
-          reenter: !0
-        }, {
-          target: "idle",
-          actions: ["clear pending value", "assign previous value", "emit done syncing", "assign initial value synced"]
-        }]
+        syncing: {
+          always: {
+            guard: "pending value equals previous value",
+            target: "idle",
+            actions: ["clear pending value", "assign initial value synced"]
+          },
+          invoke: {
+            src: "sync value",
+            id: "sync value",
+            input: ({
+              context
+            }) => ({
+              context: {
+                keyGenerator: context.keyGenerator,
+                previousValue: context.previousValue,
+                readOnly: context.readOnly,
+                schema: context.schema
+              },
+              slateEditor: context.slateEditor,
+              streamBlocks: !context.initialValueSynced,
+              value: context.pendingValue
+            })
+          },
+          on: {
+            "update value": {
+              actions: ["assign pending value"]
+            },
+            patch: {
+              actions: [emit(({
+                event
+              }) => event)]
+            },
+            "invalid value": {
+              actions: [emit(({
+                event
+              }) => event)]
+            },
+            "value changed": {
+              actions: [emit(({
+                event
+              }) => event)]
+            },
+            "done syncing": [{
+              guard: "value changed while syncing",
+              actions: ["assign previous value", "assign initial value synced"],
+              reenter: !0
+            }, {
+              target: "idle",
+              actions: ["clear pending value", "assign previous value", "assign initial value synced"]
+            }]
+          }
+        }
       }
     }
   }
@@ -5724,7 +5730,7 @@ function performAction({
   context,
   action
 }) {
-  switch (debug$l("Behavior action", action), action.type) {
+  switch (action.type) {
     case "delete.block": {
       behaviorActionImplementations["delete.block"]({
         context,
@@ -6063,7 +6069,7 @@ const editorMachine = setup({
       enqueue
     }) => {
       var _a;
-      assertEvent(event, ["behavior event"]), debug$l("Behavior event", event);
+      assertEvent(event, ["behavior event"]);
       const defaultAction = event.behaviorEvent.type === "copy" || event.behaviorEvent.type === "key.down" || event.behaviorEvent.type === "key.up" || event.behaviorEvent.type === "paste" ? void 0 : __spreadProps$4(__spreadValues$4({}, event.behaviorEvent), {
         editor: event.editor
       }), eventBehaviors = context.behaviors.filter((behavior) => behavior.on === event.behaviorEvent.type);
@@ -6251,7 +6257,7 @@ const editorMachine = setup({
           states: {
             "determine initial edit mode": {
               on: {
-                "done syncing": [{
+                "done syncing initial value": [{
                   target: "#editor.edit mode.read only.read only",
                   guard: ({
                     context
@@ -6347,7 +6353,7 @@ const editorMachine = setup({
             mutation: {
               actions: "defer event"
             },
-            "done syncing": {
+            "done syncing initial value": {
               target: "pristine"
             }
           }