@portabletext/editor 1.24.0 → 1.25.0

package/lib/index.js

@@ -23,7 +23,7 @@ import { toHTML } from "@portabletext/to-html";
 import get from "lodash/get.js";
 import isUndefined from "lodash/isUndefined.js";
 import omitBy from "lodash/omitBy.js";
-import { createGuards } from "./_chunks-es/selector.is-selection-collapsed.js";
+import { createGuards } from "./_chunks-es/selector.is-active-style.js";
 import { blockOffsetToSpanSelectionPoint } from "./_chunks-es/util.is-empty-text-block.js";
 import { coreBehaviors, isCustomBehaviorEvent, isHotkey } from "./_chunks-es/behavior.core.js";
 import getRandomValues from "get-random-values-esm";
@@ -3003,123 +3003,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 () => {
@@ -5661,305 +5592,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({
@@ -6358,6 +6291,11 @@ const editorMachine = setup({
                 event
               }) => event)
             },
+            "delete.*": {
+              actions: emit(({
+                event
+              }) => event)
+            },
             focus: {
               actions: emit(({
                 event
@@ -6373,15 +6311,30 @@ const editorMachine = setup({
                 event
               }) => event)
             },
+            "move.*": {
+              actions: emit(({
+                event
+              }) => event)
+            },
             select: {
               actions: emit(({
                 event
               }) => event)
             },
+            "select.*": {
+              actions: emit(({
+                event
+              }) => event)
+            },
             "style.*": {
               actions: emit(({
                 event
               }) => event)
+            },
+            "text block.*": {
+              actions: emit(({
+                event
+              }) => event)
             }
           }
         }
@@ -6562,11 +6515,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,