@portabletext/editor 1.33.2 → 1.33.4

package/lib/_chunks-es/plugin.event-listener.js

@@ -15,7 +15,7 @@ import isPlainObject from "lodash/isPlainObject.js";
 import uniq from "lodash/uniq.js";
 import getRandomValues from "get-random-values-esm";
 import { parseBlock, blockOffsetsToSelection } from "./util.block-offsets-to-selection.js";
-import { sliceBlocks } from "./util.slice-blocks.js";
+import { sliceBlocks, spanSelectionPointToBlockOffset } from "./util.slice-blocks.js";
 import { htmlToBlocks } from "@portabletext/block-tools";
 import { toHTML } from "@portabletext/to-html";
 import { Schema } from "@sanity/schema";
@@ -23,8 +23,7 @@ import get from "lodash/get.js";
 import isUndefined from "lodash/isUndefined.js";
 import omitBy from "lodash/omitBy.js";
 import { createGuards } from "./selector.is-at-the-start-of-block.js";
-import { spanSelectionPointToBlockOffset } from "./util.reverse-selection.js";
-import { getTrimmedSelection } from "./selector.get-trimmed-selection.js";
+import { getTrimmedSelection, isActiveAnnotation, isActiveDecorator, isActiveListItem, isActiveStyle } from "./selector.is-active-style.js";
 import startCase from "lodash.startcase";
 import { defineBehavior, raise, coreBehaviors, isCustomBehaviorEvent } from "./behavior.core.js";
 import { Subject } from "rxjs";
@@ -5707,24 +5706,195 @@ function createSlateEditor(config) {
   };
   return slateEditors.set(config.editorActor, slateEditor), slateEditor;
 }
-const keyIs = {
-  lineBreak: (event) => event.key === "Enter" && event.shiftKey
-}, foundationalBehaviors = [
-  /**
-   * On WebKit, Shift+Enter results in an `insertParagraph` input event rather
-   * than an `insertLineBreak` input event. This Behavior makes sure we catch
-   * that `key.down` event beforehand and raise an `insert.soft break` manually.
-   */
-  defineBehavior({
-    on: "key.down",
-    guard: ({
+const toggleAnnotationOff = defineBehavior({
+  on: "annotation.toggle",
+  guard: ({
+    context,
+    event
+  }) => isActiveAnnotation(event.annotation.name)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.remove",
+    annotation: event.annotation
+  })]]
+}), toggleAnnotationOn = defineBehavior({
+  on: "annotation.toggle",
+  guard: ({
+    context,
+    event
+  }) => !isActiveAnnotation(event.annotation.name)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.add",
+    annotation: event.annotation
+  })]]
+}), toggleDecoratorOff = defineBehavior({
+  on: "decorator.toggle",
+  guard: ({
+    context,
+    event
+  }) => isActiveDecorator(event.decorator)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "decorator.remove",
+    decorator: event.decorator
+  })]]
+}), toggleDecoratorOn = defineBehavior({
+  on: "decorator.toggle",
+  guard: ({
+    context,
+    event
+  }) => !isActiveDecorator(event.decorator)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "decorator.add",
+    decorator: event.decorator
+  })]]
+}), toggleListItemOff = defineBehavior({
+  on: "list item.toggle",
+  guard: ({
+    context,
+    event
+  }) => isActiveListItem(event.listItem)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "list item.remove",
+    listItem: event.listItem
+  })]]
+}), toggleListItemOn = defineBehavior({
+  on: "list item.toggle",
+  guard: ({
+    context,
+    event
+  }) => !isActiveListItem(event.listItem)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "list item.add",
+    listItem: event.listItem
+  })]]
+}), toggleStyleOff = defineBehavior({
+  on: "style.toggle",
+  guard: ({
+    context,
+    event
+  }) => isActiveStyle(event.style)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "style.remove",
+    style: event.style
+  })]]
+}), toggleStyleOn = defineBehavior({
+  on: "style.toggle",
+  guard: ({
+    context,
+    event
+  }) => !isActiveStyle(event.style)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "style.add",
+    style: event.style
+  })]]
+}), raiseDeserializationSuccessOrFailure = defineBehavior({
+  on: "deserialize",
+  guard: ({
+    context,
+    event
+  }) => {
+    const deserializeEvents = context.converters.flatMap((converter) => {
+      const data = event.dataTransfer.getData(converter.mimeType);
+      return data ? [converter.deserialize({
+        context,
+        event: {
+          type: "deserialize",
+          data
+        }
+      })] : [];
+    });
+    return deserializeEvents.find((deserializeEvent) => deserializeEvent.type === "deserialization.success") || {
+      type: "deserialization.failure",
+      mimeType: "*/*",
+      reason: deserializeEvents.map((deserializeEvent) => deserializeEvent.type === "deserialization.failure" ? deserializeEvent.reason : "").join(", ")
+    };
+  },
+  actions: [({
+    event
+  }, deserializeEvent) => [raise({
+    ...deserializeEvent,
+    dataTransfer: event.dataTransfer
+  })]]
+}), raiseInsertBlocks = defineBehavior({
+  on: "deserialization.success",
+  actions: [({
+    event
+  }) => [raise({
+    type: "insert.blocks",
+    blocks: event.data
+  })]]
+}), raiseSerializationSuccessOrFailure = defineBehavior({
+  on: "serialize",
+  guard: ({
+    context,
+    event
+  }) => {
+    if (context.converters.length === 0)
+      return !1;
+    const serializeEvents = context.converters.map((converter) => converter.serialize({
+      context,
       event
-    }) => keyIs.lineBreak(event.keyboardEvent),
-    actions: [() => [raise({
-      type: "insert.soft break"
-    })]]
-  })
-];
+    }));
+    return serializeEvents.length === 0 ? !1 : serializeEvents;
+  },
+  actions: [({
+    event
+  }, serializeEvents) => serializeEvents.map((serializeEvent) => raise({
+    ...serializeEvent,
+    dataTransfer: event.dataTransfer
+  }))]
+}), raiseDataTransferSet = defineBehavior({
+  on: "serialization.success",
+  actions: [({
+    event
+  }) => [raise({
+    type: "data transfer.set",
+    data: event.data,
+    dataTransfer: event.dataTransfer,
+    mimeType: event.mimeType
+  })]]
+}), defaultBehaviors = [toggleAnnotationOff, toggleAnnotationOn, toggleDecoratorOff, toggleDecoratorOn, toggleListItemOff, toggleListItemOn, toggleStyleOff, toggleStyleOn, raiseDeserializationSuccessOrFailure, raiseInsertBlocks, raiseSerializationSuccessOrFailure, raiseDataTransferSet], keyIs = {
+  lineBreak: (event) => event.key === "Enter" && event.shiftKey
+}, raiseSoftBreak = defineBehavior({
+  on: "key.down",
+  guard: ({
+    event
+  }) => keyIs.lineBreak(event.keyboardEvent),
+  actions: [() => [raise({
+    type: "insert.soft break"
+  })]]
+}), foundationalBehaviors = [raiseSoftBreak];
 function getActiveDecorators({
   schema,
   slateEditorInstance
@@ -5778,7 +5948,7 @@ const editorMachine = setup({
     "assign behaviors": assign({
       behaviors: ({
         event
-      }) => (assertEvent(event, "update behaviors"), /* @__PURE__ */ new Set([...foundationalBehaviors, ...event.behaviors]))
+      }) => (assertEvent(event, "update behaviors"), /* @__PURE__ */ new Set([...event.behaviors]))
     }),
     "assign schema": assign({
       schema: ({
@@ -5825,7 +5995,7 @@ const editorMachine = setup({
       const defaultAction = event.type === "custom behavior event" || event.behaviorEvent.type === "copy" || event.behaviorEvent.type === "deserialize" || event.behaviorEvent.type === "key.down" || event.behaviorEvent.type === "key.up" || event.behaviorEvent.type === "paste" || event.behaviorEvent.type === "serialize" ? void 0 : {
         ...event.behaviorEvent,
         editor: event.editor
-      }, defaultActionCallback = event.type === "behavior event" ? event.defaultActionCallback : void 0, eventBehaviors = [...context.behaviors.values()].filter((behavior) => behavior.on === event.behaviorEvent.type);
+      }, defaultActionCallback = event.type === "behavior event" ? event.defaultActionCallback : void 0, eventBehaviors = [...foundationalBehaviors, ...context.behaviors.values(), ...defaultBehaviors].filter((behavior) => behavior.on === event.behaviorEvent.type);
       if (eventBehaviors.length === 0) {
         if (defaultActionCallback) {
           withApplyingBehaviorActions(event.editor, () => {
@@ -5935,7 +6105,7 @@ const editorMachine = setup({
   context: ({
     input
   }) => ({
-    behaviors: /* @__PURE__ */ new Set([...foundationalBehaviors, ...input.behaviors ?? coreBehaviors]),
+    behaviors: /* @__PURE__ */ new Set([...input.behaviors ?? coreBehaviors]),
     converters: new Set(input.converters ?? []),
     keyGenerator: input.keyGenerator,
     pendingEvents: [],
@@ -6797,12 +6967,12 @@ function RoutePatchesObservableToEditorActor(props) {
   }, t1 = [props.editorActor, props.patches$], $[0] = props.editorActor, $[1] = props.patches$, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1), null;
 }
 function RouteEventsToChanges(props) {
-  const $ = c(6);
+  const $ = c(7);
   let t0;
   $[0] !== props ? (t0 = (change) => props.onChange(change), $[0] = props, $[1] = t0) : t0 = $[1];
   const handleChange = useEffectEvent(t0);
-  let t1, t2;
-  return $[2] !== handleChange || $[3] !== props.editorActor ? (t1 = () => {
+  let t1;
+  $[2] !== handleChange || $[3] !== props.editorActor ? (t1 = () => {
     debug("Subscribing to editor changes");
     const sub = props.editorActor.on("*", (event) => {
       bb5: switch (event.type) {
@@ -6879,7 +7049,9 @@ function RouteEventsToChanges(props) {
     return () => {
       debug("Unsubscribing to changes"), sub.unsubscribe();
     };
-  }, t2 = [props.editorActor, handleChange], $[2] = handleChange, $[3] = props.editorActor, $[4] = t1, $[5] = t2) : (t1 = $[4], t2 = $[5]), useEffect(t1, t2), null;
+  }, $[2] = handleChange, $[3] = props.editorActor, $[4] = t1) : t1 = $[4];
+  let t2;
+  return $[5] !== props.editorActor ? (t2 = [props.editorActor], $[5] = props.editorActor, $[6] = t2) : t2 = $[6], useEffect(t1, t2), null;
 }
 const EditorContext = React.createContext(void 0);
 function EditorProvider(props) {
@@ -6919,14 +7091,16 @@ function useEditor() {
   return editor;
 }
 function EventListenerPlugin(props) {
-  const $ = c(4), editor = useEditor(), on = useEffectEvent(props.on);
-  let t0, t1;
-  return $[0] !== editor || $[1] !== on ? (t0 = () => {
+  const $ = c(5), editor = useEditor(), on = useEffectEvent(props.on);
+  let t0;
+  $[0] !== editor || $[1] !== on ? (t0 = () => {
     const subscription = editor.on("*", on);
     return () => {
       subscription.unsubscribe();
     };
-  }, t1 = [editor, on], $[0] = editor, $[1] = on, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1), null;
+  }, $[0] = editor, $[1] = on, $[2] = t0) : t0 = $[2];
+  let t1;
+  return $[3] !== editor ? (t1 = [editor], $[3] = editor, $[4] = t1) : t1 = $[4], useEffect(t0, t1), null;
 }
 export {
   EditorActorContext,