@portabletext/editor 1.34.1 → 1.35.1

package/lib/_chunks-es/{plugin.event-listener.js → editor-provider.js}

@@ -1,7 +1,6 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import React, { createContext, useContext, useEffect, useState, startTransition, Component } from "react";
-import { useEffectEvent } from "use-effect-event";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ReactEditor, withReact, Slate } from "slate-react";
 import { useSelector, useActorRef } from "@xstate/react";
 import debug$e from "debug";
@@ -28,6 +27,7 @@ import omit from "lodash/omit.js";
 import startCase from "lodash.startcase";
 import { defineBehavior, raise, coreBehaviors, isCustomBehaviorEvent } from "./behavior.core.js";
 import { Subject } from "rxjs";
+import { useEffectEvent } from "use-effect-event";
 function createEditorSchema(portableTextType) {
   if (!portableTextType)
     throw new Error("Parameter 'portabletextType' missing (required)");
@@ -2279,13 +2279,13 @@ Synchronizer.displayName = "Synchronizer";
 const converterJson = {
   mimeType: "application/json",
   serialize: ({
-    context,
+    snapshot,
     event
   }) => {
-    const portableTextConverter = context.converters.find((converter) => converter.mimeType === "application/x-portable-text");
+    const portableTextConverter = snapshot.context.converters.find((converter) => converter.mimeType === "application/x-portable-text");
     return portableTextConverter ? {
       ...portableTextConverter.serialize({
-        context,
+        snapshot,
         event
       }),
       mimeType: "application/json",
@@ -2298,13 +2298,13 @@ const converterJson = {
     };
   },
   deserialize: ({
-    context,
+    snapshot,
     event
   }) => {
-    const portableTextConverter = context.converters.find((converter) => converter.mimeType === "application/x-portable-text");
+    const portableTextConverter = snapshot.context.converters.find((converter) => converter.mimeType === "application/x-portable-text");
     return portableTextConverter ? {
       ...portableTextConverter.deserialize({
-        context,
+        snapshot,
         event
       }),
       mimeType: "application/json"
@@ -2317,10 +2317,10 @@ const converterJson = {
 }, converterPortableText = {
   mimeType: "application/x-portable-text",
   serialize: ({
-    context,
+    snapshot,
     event
   }) => {
-    if (!context.selection)
+    if (!snapshot.context.selection)
       return {
         type: "serialization.failure",
         mimeType: "application/x-portable-text",
@@ -2328,8 +2328,8 @@ const converterJson = {
         reason: "No selection"
       };
     const blocks = sliceBlocks({
-      blocks: context.value,
-      selection: context.selection
+      blocks: snapshot.context.value,
+      selection: snapshot.context.selection
     });
     return {
       type: "serialization.success",
@@ -2339,7 +2339,7 @@ const converterJson = {
     };
   },
   deserialize: ({
-    context,
+    snapshot,
     event
   }) => {
     const blocks = JSON.parse(event.data);
@@ -2351,10 +2351,14 @@ const converterJson = {
       };
     const parsedBlocks = blocks.flatMap((block) => {
       const parsedBlock = parseBlock({
-        context,
+        context: snapshot.context,
         block,
         options: {
-          refreshKeys: !0
+          /**
+           * If we are dragging internally then we would like to keep the
+           * dropped portable text as is.
+           */
+          refreshKeys: !snapshot.beta.hasTag?.("dragging internally")
         }
       });
       return parsedBlock ? [parsedBlock] : [];
@@ -2372,10 +2376,10 @@ const converterJson = {
 }, converterTextHtml = {
   mimeType: "text/html",
   serialize: ({
-    context,
+    snapshot,
     event
   }) => {
-    if (!context.selection)
+    if (!snapshot.context.selection)
       return {
         type: "serialization.failure",
         mimeType: "text/html",
@@ -2383,8 +2387,8 @@ const converterJson = {
         reason: "No selection"
       };
     const blocks = sliceBlocks({
-      blocks: context.value,
-      selection: context.selection
+      blocks: snapshot.context.value,
+      selection: snapshot.context.selection
     }), html = toHTML(blocks, {
       onMissingComponent: !1,
       components: {
@@ -2406,27 +2410,27 @@ const converterJson = {
     };
   },
   deserialize: ({
-    context,
+    snapshot,
     event
   }) => ({
     type: "deserialization.success",
-    data: htmlToBlocks(event.data, context.schema.portableText, {
-      keyGenerator: context.keyGenerator,
-      unstable_whitespaceOnPasteMode: context.schema.block.options.unstable_whitespaceOnPasteMode
+    data: htmlToBlocks(event.data, snapshot.context.schema.portableText, {
+      keyGenerator: snapshot.context.keyGenerator,
+      unstable_whitespaceOnPasteMode: snapshot.context.schema.block.options.unstable_whitespaceOnPasteMode
     }),
     mimeType: "text/html"
   })
 }, converterTextPlain = {
   mimeType: "text/plain",
   serialize: ({
-    context,
+    snapshot,
     event
-  }) => context.selection ? {
+  }) => snapshot.context.selection ? {
     type: "serialization.success",
     data: sliceBlocks({
-      blocks: context.value,
-      selection: context.selection
-    }).map((block) => isPortableTextTextBlock(block) ? block.children.map((child) => child._type === context.schema.span.name ? child.text : `[${context.schema.inlineObjects.find((inlineObjectType) => inlineObjectType.name === child._type)?.title ?? "Object"}]`).join("") : `[${context.schema.blockObjects.find((blockObjectType) => blockObjectType.name === block._type)?.title ?? "Object"}]`).join(`
+      blocks: snapshot.context.value,
+      selection: snapshot.context.selection
+    }).map((block) => isPortableTextTextBlock(block) ? block.children.map((child) => child._type === snapshot.context.schema.span.name ? child.text : `[${snapshot.context.schema.inlineObjects.find((inlineObjectType) => inlineObjectType.name === child._type)?.title ?? "Object"}]`).join("") : `[${snapshot.context.schema.blockObjects.find((blockObjectType) => blockObjectType.name === block._type)?.title ?? "Object"}]`).join(`
 
 `),
     mimeType: "text/plain",
@@ -2438,14 +2442,14 @@ const converterJson = {
     reason: "No selection"
   },
   deserialize: ({
-    context,
+    snapshot,
     event
   }) => {
     const textToHtml = `<html><body>${escapeHtml(event.data).split(/\n{2,}/).map((line) => line ? `<p>${line.replace(/(?:\r\n|\r|\n)/g, "<br/>")}</p>` : "<p></p>").join("")}</body></html>`;
     return {
       type: "deserialization.success",
-      data: htmlToBlocks(textToHtml, context.schema.portableText, {
-        keyGenerator: context.keyGenerator
+      data: htmlToBlocks(textToHtml, snapshot.context.schema.portableText, {
+        keyGenerator: snapshot.context.keyGenerator
       }),
       mimeType: "text/plain"
     };
@@ -2938,6 +2942,9 @@ const decoratorAddActionImplementation = ({
       },
       backward: editorSelection?.backward
     }), trimmedSelection = getTrimmedSelection({
+      beta: {
+        hasTag: () => !1
+      },
       context: {
         activeDecorators: [],
         converters: [],
@@ -4151,6 +4158,9 @@ const blockSetBehaviorActionImplementation = ({
   if (!selection)
     throw new Error("Unable to find selection from block offsets");
   const trimmedSelection = getTrimmedSelection({
+    beta: {
+      hasTag: () => !1
+    },
     context: {
       converters: [],
       schema: context.schema,
@@ -5731,11 +5741,9 @@ function createSlateEditor(config) {
 const toggleAnnotationOff = defineBehavior({
   on: "annotation.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => isActiveAnnotation(event.annotation.name)({
-    context
-  }),
+  }) => isActiveAnnotation(event.annotation.name)(snapshot),
   actions: [({
     event
   }) => [raise({
@@ -5745,11 +5753,9 @@ const toggleAnnotationOff = defineBehavior({
 }), toggleAnnotationOn = defineBehavior({
   on: "annotation.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => !isActiveAnnotation(event.annotation.name)({
-    context
-  }),
+  }) => !isActiveAnnotation(event.annotation.name)(snapshot),
   actions: [({
     event
   }) => [raise({
@@ -5759,11 +5765,9 @@ const toggleAnnotationOff = defineBehavior({
 }), toggleDecoratorOff = defineBehavior({
   on: "decorator.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => isActiveDecorator(event.decorator)({
-    context
-  }),
+  }) => isActiveDecorator(event.decorator)(snapshot),
   actions: [({
     event
   }) => [raise({
@@ -5773,11 +5777,9 @@ const toggleAnnotationOff = defineBehavior({
 }), toggleDecoratorOn = defineBehavior({
   on: "decorator.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => !isActiveDecorator(event.decorator)({
-    context
-  }),
+  }) => !isActiveDecorator(event.decorator)(snapshot),
   actions: [({
     event
   }) => [raise({
@@ -5787,11 +5789,9 @@ const toggleAnnotationOff = defineBehavior({
 }), toggleListItemOff = defineBehavior({
   on: "list item.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => isActiveListItem(event.listItem)({
-    context
-  }),
+  }) => isActiveListItem(event.listItem)(snapshot),
   actions: [({
     event
   }) => [raise({
@@ -5801,11 +5801,9 @@ const toggleAnnotationOff = defineBehavior({
 }), toggleListItemOn = defineBehavior({
   on: "list item.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => !isActiveListItem(event.listItem)({
-    context
-  }),
+  }) => !isActiveListItem(event.listItem)(snapshot),
   actions: [({
     event
   }) => [raise({
@@ -5815,11 +5813,9 @@ const toggleAnnotationOff = defineBehavior({
 }), toggleStyleOff = defineBehavior({
   on: "style.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => isActiveStyle(event.style)({
-    context
-  }),
+  }) => isActiveStyle(event.style)(snapshot),
   actions: [({
     event
   }) => [raise({
@@ -5829,11 +5825,9 @@ const toggleAnnotationOff = defineBehavior({
 }), toggleStyleOn = defineBehavior({
   on: "style.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => !isActiveStyle(event.style)({
-    context
-  }),
+  }) => !isActiveStyle(event.style)(snapshot),
   actions: [({
     event
   }) => [raise({
@@ -5843,13 +5837,13 @@ const toggleAnnotationOff = defineBehavior({
 }), raiseDeserializationSuccessOrFailure = defineBehavior({
   on: "deserialize",
   guard: ({
-    context,
+    snapshot,
     event
   }) => {
-    const deserializeEvents = context.converters.flatMap((converter) => {
+    const deserializeEvents = snapshot.context.converters.flatMap((converter) => {
       const data = event.dataTransfer.getData(converter.mimeType);
       return data ? [converter.deserialize({
-        context,
+        snapshot,
         event: {
           type: "deserialize",
           data
@@ -5879,13 +5873,13 @@ const toggleAnnotationOff = defineBehavior({
 }), raiseSerializationSuccessOrFailure = defineBehavior({
   on: "serialize",
   guard: ({
-    context,
+    snapshot,
     event
   }) => {
-    if (context.converters.length === 0)
+    if (snapshot.context.converters.length === 0)
       return !1;
-    const serializeEvents = context.converters.map((converter) => converter.serialize({
-      context,
+    const serializeEvents = snapshot.context.converters.map((converter) => converter.serialize({
+      snapshot,
       event
     }));
     return serializeEvents.length === 0 ? !1 : serializeEvents;
@@ -5930,7 +5924,8 @@ function createEditorSnapshot({
   converters,
   editor,
   keyGenerator,
-  schema
+  schema,
+  hasTag
 }) {
   const value = fromSlateValue(editor.children, schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), selection = toPortableTextRange(value, editor.selection, schema);
   return {
@@ -5944,6 +5939,9 @@ function createEditorSnapshot({
       schema,
       selection,
       value
+    },
+    beta: {
+      hasTag
     }
   };
 }
@@ -5952,7 +5950,8 @@ const editorMachine = setup({
     context: {},
     events: {},
     emitted: {},
-    input: {}
+    input: {},
+    tags: {}
   },
   actions: {
     "add behavior to context": assign({
@@ -6011,7 +6010,8 @@ const editorMachine = setup({
     "handle behavior event": enqueueActions(({
       context,
       event,
-      enqueue
+      enqueue,
+      self
     }) => {
       assertEvent(event, ["behavior event", "custom behavior event"]);
       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 : {
@@ -6047,18 +6047,21 @@ const editorMachine = setup({
         converters: [...context.converters],
         editor: event.editor,
         keyGenerator: context.keyGenerator,
-        schema: context.schema
+        schema: context.schema,
+        hasTag: (tag) => self.getSnapshot().hasTag(tag)
       });
       let behaviorOverwritten = !1;
       for (const eventBehavior of eventBehaviors) {
         const shouldRun = eventBehavior.guard === void 0 || eventBehavior.guard({
           context: editorSnapshot.context,
+          snapshot: editorSnapshot,
           event: event.behaviorEvent
         });
         if (!shouldRun)
           continue;
         const actionIntendSets = eventBehavior.actions.map((actionSet) => actionSet({
           context: editorSnapshot.context,
+          snapshot: editorSnapshot,
           event: event.behaviorEvent
         }, shouldRun));
         for (const actionIntends of actionIntendSets)
@@ -6381,6 +6384,27 @@ const editorMachine = setup({
                 event
               }) => event)
             }
+          },
+          initial: "idle",
+          states: {
+            idle: {
+              on: {
+                dragstart: {
+                  target: "dragging internally"
+                }
+              }
+            },
+            "dragging internally": {
+              tags: ["dragging internally"],
+              on: {
+                dragend: {
+                  target: "idle"
+                },
+                drop: {
+                  target: "idle"
+                }
+              }
+            }
           }
         }
       }
@@ -6488,6 +6512,9 @@ function getEditorSnapshot({
         editorActorSnapshot,
         slateEditorInstance
       })
+    },
+    beta: {
+      hasTag: (tag) => editorActorSnapshot.hasTag(tag)
     }
   };
 }
@@ -7112,22 +7139,9 @@ function useEditor() {
     throw new Error("No Editor set. Use EditorProvider to set one.");
   return editor;
 }
-function EventListenerPlugin(props) {
-  const $ = c(5), editor = useEditor(), on = useEffectEvent(props.on);
-  let t0;
-  $[0] !== editor || $[1] !== on ? (t0 = () => {
-    const subscription = editor.on("*", on);
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, $[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,
   EditorProvider,
-  EventListenerPlugin,
   IS_DRAGGING,
   IS_DRAGGING_BLOCK_ELEMENT,
   IS_DRAGGING_BLOCK_TARGET_POSITION,
@@ -7148,4 +7162,4 @@ export {
   usePortableTextEditor,
   usePortableTextEditorSelection
 };
-//# sourceMappingURL=plugin.event-listener.js.map
+//# sourceMappingURL=editor-provider.js.map