@portabletext/editor 1.33.3 → 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: [],