@portabletext/editor 1.35.0 → 1.35.2

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)");
@@ -402,11 +402,13 @@ const FLUSH_PATCHES_THROTTLED_MS = process.env.NODE_ENV === "test" ? 500 : 1e3,
           target: "idle",
           actions: ["emit mutation", "clear pending patches"]
         }, {
+          target: "has pending patches",
           reenter: !0
         }]
       },
       on: {
         patch: {
+          target: "has pending patches",
           actions: ["defer patch"],
           reenter: !0
         }
@@ -2354,7 +2356,11 @@ const converterJson = {
         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] : [];
@@ -2938,6 +2944,9 @@ const decoratorAddActionImplementation = ({
       },
       backward: editorSelection?.backward
     }), trimmedSelection = getTrimmedSelection({
+      beta: {
+        hasTag: () => !1
+      },
       context: {
         activeDecorators: [],
         converters: [],
@@ -4151,6 +4160,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,
@@ -5914,7 +5926,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 {
@@ -5928,6 +5941,9 @@ function createEditorSnapshot({
       schema,
       selection,
       value
+    },
+    beta: {
+      hasTag
     }
   };
 }
@@ -5936,7 +5952,8 @@ const editorMachine = setup({
     context: {},
     events: {},
     emitted: {},
-    input: {}
+    input: {},
+    tags: {}
   },
   actions: {
     "add behavior to context": assign({
@@ -5995,7 +6012,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 : {
@@ -6031,7 +6049,8 @@ 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) {
@@ -6367,6 +6386,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"
+                }
+              }
+            }
           }
         }
       }
@@ -6474,6 +6514,9 @@ function getEditorSnapshot({
         editorActorSnapshot,
         slateEditorInstance
       })
+    },
+    beta: {
+      hasTag: (tag) => editorActorSnapshot.hasTag(tag)
     }
   };
 }
@@ -7098,22 +7141,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,
@@ -7134,4 +7164,4 @@ export {
   usePortableTextEditor,
   usePortableTextEditorSelection
 };
-//# sourceMappingURL=plugin.event-listener.js.map
+//# sourceMappingURL=editor-provider.js.map