@portabletext/editor 1.35.0 → 1.35.2

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

@@ -1,5 +1,5 @@
 "use strict";
-var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEffectEvent = require("use-effect-event"), jsxRuntime = require("react/jsx-runtime"), slateReact = require("slate-react"), react = require("@xstate/react"), debug$e = require("debug"), slate = require("slate"), xstate = require("xstate"), isEqual = require("lodash/isEqual.js"), patches = require("@portabletext/patches"), types = require("@sanity/types"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), getRandomValues = require("get-random-values-esm"), util_blockOffsetsToSelection = require("./util.block-offsets-to-selection.cjs"), util_sliceBlocks = require("./util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isAtTheStartOfBlock = require("./selector.is-at-the-start-of-block.cjs"), selector_isActiveStyle = require("./selector.is-active-style.cjs"), omit = require("lodash/omit.js"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), rxjs = require("rxjs");
+var jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), slateReact = require("slate-react"), react = require("@xstate/react"), debug$e = require("debug"), slate = require("slate"), xstate = require("xstate"), isEqual = require("lodash/isEqual.js"), patches = require("@portabletext/patches"), types = require("@sanity/types"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), getRandomValues = require("get-random-values-esm"), util_blockOffsetsToSelection = require("./util.block-offsets-to-selection.cjs"), util_sliceBlocks = require("./util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isAtTheStartOfBlock = require("./selector.is-at-the-start-of-block.cjs"), selector_isActiveStyle = require("./selector.is-active-style.cjs"), omit = require("lodash/omit.js"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -378,11 +378,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
         }
@@ -2330,7 +2332,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] : [];
@@ -2914,6 +2920,9 @@ const decoratorAddActionImplementation = ({
       },
       backward: editorSelection?.backward
     }), trimmedSelection = selector_isActiveStyle.getTrimmedSelection({
+      beta: {
+        hasTag: () => !1
+      },
       context: {
         activeDecorators: [],
         converters: [],
@@ -4127,6 +4136,9 @@ const blockSetBehaviorActionImplementation = ({
   if (!selection)
     throw new Error("Unable to find selection from block offsets");
   const trimmedSelection = selector_isActiveStyle.getTrimmedSelection({
+    beta: {
+      hasTag: () => !1
+    },
     context: {
       converters: [],
       schema: context.schema,
@@ -5890,7 +5902,8 @@ function createEditorSnapshot({
   converters,
   editor,
   keyGenerator,
-  schema: schema2
+  schema: schema2,
+  hasTag
 }) {
   const value = fromSlateValue(editor.children, schema2.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), selection = toPortableTextRange(value, editor.selection, schema2);
   return {
@@ -5904,6 +5917,9 @@ function createEditorSnapshot({
       schema: schema2,
       selection,
       value
+    },
+    beta: {
+      hasTag
     }
   };
 }
@@ -5912,7 +5928,8 @@ const editorMachine = xstate.setup({
     context: {},
     events: {},
     emitted: {},
-    input: {}
+    input: {},
+    tags: {}
   },
   actions: {
     "add behavior to context": xstate.assign({
@@ -5971,7 +5988,8 @@ const editorMachine = xstate.setup({
     "handle behavior event": xstate.enqueueActions(({
       context,
       event,
-      enqueue
+      enqueue,
+      self
     }) => {
       xstate.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 : {
@@ -6007,7 +6025,8 @@ const editorMachine = xstate.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) {
@@ -6343,6 +6362,27 @@ const editorMachine = xstate.setup({
                 event
               }) => event)
             }
+          },
+          initial: "idle",
+          states: {
+            idle: {
+              on: {
+                dragstart: {
+                  target: "dragging internally"
+                }
+              }
+            },
+            "dragging internally": {
+              tags: ["dragging internally"],
+              on: {
+                dragend: {
+                  target: "idle"
+                },
+                drop: {
+                  target: "idle"
+                }
+              }
+            }
           }
         }
       }
@@ -6450,6 +6490,9 @@ function getEditorSnapshot({
         editorActorSnapshot,
         slateEditorInstance
       })
+    },
+    beta: {
+      hasTag: (tag) => editorActorSnapshot.hasTag(tag)
     }
   };
 }
@@ -7074,21 +7117,8 @@ function useEditor() {
     throw new Error("No Editor set. Use EditorProvider to set one.");
   return editor;
 }
-function EventListenerPlugin(props) {
-  const $ = reactCompilerRuntime.c(5), editor = useEditor(), on = useEffectEvent.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], React.useEffect(t0, t1), null;
-}
 exports.EditorActorContext = EditorActorContext;
 exports.EditorProvider = EditorProvider;
-exports.EventListenerPlugin = EventListenerPlugin;
 exports.IS_DRAGGING = IS_DRAGGING;
 exports.IS_DRAGGING_BLOCK_ELEMENT = IS_DRAGGING_BLOCK_ELEMENT;
 exports.IS_DRAGGING_BLOCK_TARGET_POSITION = IS_DRAGGING_BLOCK_TARGET_POSITION;
@@ -7108,4 +7138,4 @@ exports.useEditor = useEditor;
 exports.useEditorSelector = useEditorSelector;
 exports.usePortableTextEditor = usePortableTextEditor;
 exports.usePortableTextEditorSelection = usePortableTextEditorSelection;
-//# sourceMappingURL=plugin.event-listener.cjs.map
+//# sourceMappingURL=editor-provider.cjs.map