@portabletext/editor 1.24.0 → 1.25.0

package/lib/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var schema = require("@sanity/schema"), types = require("@sanity/types"), startCase = require("lodash.startcase"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), React = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$j = require("debug"), reactCompilerRuntime = require("react-compiler-runtime"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event"), xstate = require("xstate"), patches = require("@portabletext/patches"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), util_sliceBlocks = require("./_chunks-cjs/util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isSelectionCollapsed = require("./_chunks-cjs/selector.is-selection-collapsed.cjs"), util_isEmptyTextBlock = require("./_chunks-cjs/util.is-empty-text-block.cjs"), behavior_core = require("./_chunks-cjs/behavior.core.cjs"), getRandomValues = require("get-random-values-esm");
+var schema = require("@sanity/schema"), types = require("@sanity/types"), startCase = require("lodash.startcase"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), React = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$j = require("debug"), reactCompilerRuntime = require("react-compiler-runtime"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event"), xstate = require("xstate"), patches = require("@portabletext/patches"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), util_sliceBlocks = require("./_chunks-cjs/util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isActiveStyle = require("./_chunks-cjs/selector.is-active-style.cjs"), util_isEmptyTextBlock = require("./_chunks-cjs/util.is-empty-text-block.cjs"), behavior_core = require("./_chunks-cjs/behavior.core.cjs"), getRandomValues = require("get-random-values-esm");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -2981,123 +2981,54 @@ function createWithEventListeners(editorActor, subscriptions) {
     subscriptions.push(() => {
       const subscription = editorActor.on("*", (event) => {
         switch (event.type) {
-          case "annotation.add": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "annotation.add",
-                annotation: event.annotation
-              },
-              editor
-            });
-            break;
-          }
-          case "annotation.remove": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "annotation.remove",
-                annotation: event.annotation
-              },
-              editor
-            });
-            break;
-          }
-          case "blur": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "blur"
-              },
-              editor
-            });
-            break;
-          }
-          case "custom.*": {
+          case "custom.*":
             editorActor.send({
               type: "custom behavior event",
               behaviorEvent: event.event,
               editor
             });
             break;
-          }
-          case "decorator.toggle": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "decorator.toggle",
-                decorator: event.decorator
-              },
-              editor
-            });
-            break;
-          }
-          case "focus": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "focus"
-              },
-              editor
-            });
-            break;
-          }
-          case "insert.block object": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "insert.block object",
-                placement: event.placement,
-                blockObject: event.blockObject
-              },
-              editor
-            });
-            break;
-          }
-          case "insert.inline object": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "insert.inline object",
-                inlineObject: event.inlineObject
-              },
-              editor
-            });
-            break;
-          }
-          case "list item.toggle": {
+          case "annotation.add":
+          case "annotation.remove":
+          case "annotation.toggle":
+          case "blur":
+          case "data transfer.set":
+          case "decorator.add":
+          case "decorator.remove":
+          case "decorator.toggle":
+          case "delete.backward":
+          case "delete.block":
+          case "delete.forward":
+          case "delete.text":
+          case "deserialization.failure":
+          case "deserialization.success":
+          case "focus":
+          case "insert.block object":
+          case "insert.inline object":
+          case "insert.span":
+          case "insert.text block":
+          case "list item.add":
+          case "list item.remove":
+          case "list item.toggle":
+          case "move.block":
+          case "move.block down":
+          case "move.block up":
+          case "select":
+          case "select.next block":
+          case "select.previous block":
+          case "serialization.failure":
+          case "serialization.success":
+          case "style.add":
+          case "style.remove":
+          case "style.toggle":
+          case "text block.set":
+          case "text block.unset":
             editorActor.send({
               type: "behavior event",
-              behaviorEvent: {
-                type: "list item.toggle",
-                listItem: event.listItem
-              },
+              behaviorEvent: event,
               editor
             });
             break;
-          }
-          case "select": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "select",
-                selection: event.selection
-              },
-              editor
-            });
-            break;
-          }
-          case "style.toggle": {
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "style.toggle",
-                style: event.style
-              },
-              editor
-            });
-            break;
-          }
         }
       });
       return () => {
@@ -4500,7 +4431,7 @@ const toggleListItemActionImplementation = ({
 }) => {
   if (!action.editor.selection)
     return;
-  const guards = selector_isSelectionCollapsed.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
+  const guards = selector_isActiveStyle.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
     at: action.editor.selection,
     match: (node) => guards.isListBlock(node)
   })];
@@ -4514,7 +4445,7 @@ const toggleListItemActionImplementation = ({
 }) => {
   if (!action.editor.selection)
     return;
-  const guards = selector_isSelectionCollapsed.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
+  const guards = selector_isActiveStyle.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
     at: action.editor.selection,
     match: (node) => guards.isTextBlock(node)
   })];
@@ -4564,7 +4495,7 @@ const toggleStyleActionImplementation = ({
 }) => {
   if (!action.editor.selection)
     return;
-  const defaultStyle = context.schema.styles[0].value, guards = selector_isSelectionCollapsed.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
+  const defaultStyle = context.schema.styles[0].value, guards = selector_isActiveStyle.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
     at: action.editor.selection,
     match: (node) => guards.isTextBlock(node)
   })];
@@ -4580,7 +4511,7 @@ const toggleStyleActionImplementation = ({
 }) => {
   if (!action.editor.selection)
     return;
-  const guards = selector_isSelectionCollapsed.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
+  const guards = selector_isActiveStyle.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
     at: action.editor.selection,
     match: (node) => guards.isTextBlock(node)
   })];
@@ -5639,305 +5570,307 @@ function performAction({
   action
 }) {
   switch (action.type) {
-    case "annotation.toggle": {
-      behaviorActionImplementations["annotation.toggle"]({
+    case "noop":
+      break;
+    case "effect": {
+      behaviorActionImplementations.effect({
         context,
         action
       });
       break;
     }
-    case "decorator.add": {
-      behaviorActionImplementations["decorator.add"]({
+    case "select": {
+      behaviorActionImplementations.select({
         context,
         action
       });
       break;
     }
-    case "decorator.remove": {
-      behaviorActionImplementations["decorator.remove"]({
+    default:
+      performDefaultAction({
         context,
         action
       });
-      break;
-    }
-    case "delete.block": {
-      behaviorActionImplementations["delete.block"]({
+  }
+}
+function performDefaultAction({
+  context,
+  action
+}) {
+  switch (action.type) {
+    case "annotation.add": {
+      behaviorActionImplementations["annotation.add"]({
         context,
         action
       });
       break;
     }
-    case "delete.text": {
-      behaviorActionImplementations["delete.text"]({
+    case "annotation.remove": {
+      behaviorActionImplementations["annotation.remove"]({
         context,
         action
       });
       break;
     }
-    case "insert.span": {
-      behaviorActionImplementations["insert.span"]({
+    case "annotation.toggle": {
+      behaviorActionImplementations["annotation.toggle"]({
         context,
         action
       });
       break;
     }
-    case "insert.text block": {
-      behaviorActionImplementations["insert.text block"]({
+    case "blur": {
+      behaviorActionImplementations.blur({
         context,
         action
       });
       break;
     }
-    case "list item.add": {
-      behaviorActionImplementations["list item.add"]({
+    case "data transfer.set": {
+      behaviorActionImplementations["data transfer.set"]({
         context,
         action
       });
       break;
     }
-    case "list item.remove": {
-      behaviorActionImplementations["list item.remove"]({
+    case "decorator.add": {
+      behaviorActionImplementations["decorator.add"]({
         context,
         action
       });
       break;
     }
-    case "move.block": {
-      behaviorActionImplementations["move.block"]({
+    case "decorator.remove": {
+      behaviorActionImplementations["decorator.remove"]({
         context,
         action
       });
       break;
     }
-    case "move.block down": {
-      behaviorActionImplementations["move.block down"]({
+    case "decorator.toggle": {
+      behaviorActionImplementations["decorator.toggle"]({
         context,
         action
       });
       break;
     }
-    case "move.block up": {
-      behaviorActionImplementations["move.block up"]({
+    case "delete.backward": {
+      behaviorActionImplementations["delete.backward"]({
         context,
         action
       });
       break;
     }
-    case "noop":
-      break;
-    case "effect": {
-      behaviorActionImplementations.effect({
+    case "delete.block": {
+      behaviorActionImplementations["delete.block"]({
         context,
         action
       });
       break;
     }
-    case "select": {
-      behaviorActionImplementations.select({
+    case "delete.forward": {
+      behaviorActionImplementations["delete.forward"]({
         context,
         action
       });
       break;
     }
-    case "select.previous block": {
-      behaviorActionImplementations["select.previous block"]({
+    case "delete.text": {
+      behaviorActionImplementations["delete.text"]({
         context,
         action
       });
       break;
     }
-    case "select.next block": {
-      behaviorActionImplementations["select.next block"]({
+    case "deserialization.failure": {
+      behaviorActionImplementations["deserialization.failure"]({
         context,
         action
       });
       break;
     }
-    case "style.add": {
-      behaviorActionImplementations["style.add"]({
+    case "deserialization.success": {
+      behaviorActionImplementations["deserialization.success"]({
         context,
         action
       });
       break;
     }
-    case "style.remove": {
-      behaviorActionImplementations["style.remove"]({
+    case "focus": {
+      behaviorActionImplementations.focus({
         context,
         action
       });
       break;
     }
-    case "text block.set": {
-      behaviorActionImplementations["text block.set"]({
+    case "insert.blocks": {
+      behaviorActionImplementations["insert.blocks"]({
         context,
         action
       });
       break;
     }
-    case "text block.unset": {
-      behaviorActionImplementations["text block.unset"]({
+    case "insert.block object": {
+      behaviorActionImplementations["insert.block object"]({
         context,
         action
       });
       break;
     }
-    default:
-      performDefaultAction({
+    case "insert.inline object": {
+      behaviorActionImplementations["insert.inline object"]({
         context,
         action
       });
-  }
-}
-function performDefaultAction({
-  context,
-  action
-}) {
-  switch (action.type) {
-    case "annotation.add": {
-      behaviorActionImplementations["annotation.add"]({
+      break;
+    }
+    case "insert.break": {
+      behaviorActionImplementations["insert.break"]({
         context,
         action
       });
       break;
     }
-    case "annotation.remove": {
-      behaviorActionImplementations["annotation.remove"]({
+    case "insert.soft break": {
+      behaviorActionImplementations["insert.soft break"]({
         context,
         action
       });
       break;
     }
-    case "blur": {
-      behaviorActionImplementations.blur({
+    case "insert.span": {
+      behaviorActionImplementations["insert.span"]({
         context,
         action
       });
       break;
     }
-    case "data transfer.set": {
-      behaviorActionImplementations["data transfer.set"]({
+    case "insert.text": {
+      behaviorActionImplementations["insert.text"]({
         context,
         action
       });
       break;
     }
-    case "decorator.toggle": {
-      behaviorActionImplementations["decorator.toggle"]({
+    case "insert.text block": {
+      behaviorActionImplementations["insert.text block"]({
         context,
         action
       });
       break;
     }
-    case "delete.backward": {
-      behaviorActionImplementations["delete.backward"]({
+    case "list item.add": {
+      behaviorActionImplementations["list item.add"]({
         context,
         action
       });
       break;
     }
-    case "delete.forward": {
-      behaviorActionImplementations["delete.forward"]({
+    case "list item.remove": {
+      behaviorActionImplementations["list item.remove"]({
         context,
         action
       });
       break;
     }
-    case "deserialization.failure": {
-      behaviorActionImplementations["deserialization.failure"]({
+    case "list item.toggle": {
+      behaviorActionImplementations["list item.toggle"]({
         context,
         action
       });
       break;
     }
-    case "deserialization.success": {
-      behaviorActionImplementations["deserialization.success"]({
+    case "move.block": {
+      behaviorActionImplementations["move.block"]({
         context,
         action
       });
       break;
     }
-    case "focus": {
-      behaviorActionImplementations.focus({
+    case "move.block down": {
+      behaviorActionImplementations["move.block down"]({
         context,
         action
       });
       break;
     }
-    case "insert.blocks": {
-      behaviorActionImplementations["insert.blocks"]({
+    case "move.block up": {
+      behaviorActionImplementations["move.block up"]({
         context,
         action
       });
       break;
     }
-    case "insert.block object": {
-      behaviorActionImplementations["insert.block object"]({
+    case "select": {
+      behaviorActionImplementations.select({
         context,
         action
       });
       break;
     }
-    case "insert.inline object": {
-      behaviorActionImplementations["insert.inline object"]({
+    case "select.previous block": {
+      behaviorActionImplementations["select.previous block"]({
         context,
         action
       });
       break;
     }
-    case "insert.break": {
-      behaviorActionImplementations["insert.break"]({
+    case "select.next block": {
+      behaviorActionImplementations["select.next block"]({
         context,
         action
       });
       break;
     }
-    case "insert.soft break": {
-      behaviorActionImplementations["insert.soft break"]({
+    case "serialization.failure": {
+      behaviorActionImplementations["serialization.failure"]({
         context,
         action
       });
       break;
     }
-    case "insert.text": {
-      behaviorActionImplementations["insert.text"]({
+    case "serialization.success": {
+      behaviorActionImplementations["serialization.success"]({
         context,
         action
       });
       break;
     }
-    case "list item.toggle": {
-      behaviorActionImplementations["list item.toggle"]({
+    case "style.add": {
+      behaviorActionImplementations["style.add"]({
         context,
         action
       });
       break;
     }
-    case "select": {
-      behaviorActionImplementations.select({
+    case "style.remove": {
+      behaviorActionImplementations["style.remove"]({
         context,
         action
       });
       break;
     }
-    case "serialization.failure": {
-      behaviorActionImplementations["serialization.failure"]({
+    case "style.toggle": {
+      behaviorActionImplementations["style.toggle"]({
         context,
         action
       });
       break;
     }
-    case "serialization.success": {
-      behaviorActionImplementations["serialization.success"]({
+    case "text block.set": {
+      behaviorActionImplementations["text block.set"]({
         context,
         action
       });
       break;
     }
-    default:
-      behaviorActionImplementations["style.toggle"]({
+    case "text block.unset": {
+      behaviorActionImplementations["text block.unset"]({
         context,
         action
       });
+      break;
+    }
   }
 }
 function getActiveDecorators({
@@ -6336,6 +6269,11 @@ const editorMachine = xstate.setup({
                 event
               }) => event)
             },
+            "delete.*": {
+              actions: xstate.emit(({
+                event
+              }) => event)
+            },
             focus: {
               actions: xstate.emit(({
                 event
@@ -6351,15 +6289,30 @@ const editorMachine = xstate.setup({
                 event
               }) => event)
             },
+            "move.*": {
+              actions: xstate.emit(({
+                event
+              }) => event)
+            },
             select: {
               actions: xstate.emit(({
                 event
               }) => event)
             },
+            "select.*": {
+              actions: xstate.emit(({
+                event
+              }) => event)
+            },
             "style.*": {
               actions: xstate.emit(({
                 event
               }) => event)
+            },
+            "text block.*": {
+              actions: xstate.emit(({
+                event
+              }) => event)
             }
           }
         }
@@ -6540,11 +6493,25 @@ function createEditorFromActor(editorActor) {
     send: (event) => {
       editorActor.send(event);
     },
-    on: (event, listener) => editorActor.on(
-      event,
-      // @ts-expect-error
-      listener
-    ),
+    on: (event, listener) => editorActor.on(event, (event2) => {
+      switch (event2.type) {
+        case "blurred":
+        case "done loading":
+        case "editable":
+        case "error":
+        case "focused":
+        case "invalid value":
+        case "loading":
+        case "mutation":
+        case "patch":
+        case "read only":
+        case "ready":
+        case "selection":
+        case "value changed":
+          listener(event2);
+          break;
+      }
+    }),
     _internal: {
       editable,
       editorActor,