@portabletext/editor 1.34.1 → 1.35.1

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 };
 }
@@ -2255,13 +2255,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",
@@ -2274,13 +2274,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"
@@ -2293,10 +2293,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",
@@ -2304,8 +2304,8 @@ const converterJson = {
         reason: "No selection"
       };
     const blocks = util_sliceBlocks.sliceBlocks({
-      blocks: context.value,
-      selection: context.selection
+      blocks: snapshot.context.value,
+      selection: snapshot.context.selection
     });
     return {
       type: "serialization.success",
@@ -2315,7 +2315,7 @@ const converterJson = {
     };
   },
   deserialize: ({
-    context,
+    snapshot,
     event
   }) => {
     const blocks = JSON.parse(event.data);
@@ -2327,10 +2327,14 @@ const converterJson = {
       };
     const parsedBlocks = blocks.flatMap((block) => {
       const parsedBlock = util_blockOffsetsToSelection.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] : [];
@@ -2348,10 +2352,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",
@@ -2359,8 +2363,8 @@ const converterJson = {
         reason: "No selection"
       };
     const blocks = util_sliceBlocks.sliceBlocks({
-      blocks: context.value,
-      selection: context.selection
+      blocks: snapshot.context.value,
+      selection: snapshot.context.selection
     }), html = toHtml.toHTML(blocks, {
       onMissingComponent: !1,
       components: {
@@ -2382,27 +2386,27 @@ const converterJson = {
     };
   },
   deserialize: ({
-    context,
+    snapshot,
     event
   }) => ({
     type: "deserialization.success",
-    data: blockTools.htmlToBlocks(event.data, context.schema.portableText, {
-      keyGenerator: context.keyGenerator,
-      unstable_whitespaceOnPasteMode: context.schema.block.options.unstable_whitespaceOnPasteMode
+    data: blockTools.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: util_sliceBlocks.sliceBlocks({
-      blocks: context.value,
-      selection: context.selection
-    }).map((block) => types.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) => types.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",
@@ -2414,14 +2418,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: blockTools.htmlToBlocks(textToHtml, context.schema.portableText, {
-        keyGenerator: context.keyGenerator
+      data: blockTools.htmlToBlocks(textToHtml, snapshot.context.schema.portableText, {
+        keyGenerator: snapshot.context.keyGenerator
       }),
       mimeType: "text/plain"
     };
@@ -2914,6 +2918,9 @@ const decoratorAddActionImplementation = ({
       },
       backward: editorSelection?.backward
     }), trimmedSelection = selector_isActiveStyle.getTrimmedSelection({
+      beta: {
+        hasTag: () => !1
+      },
       context: {
         activeDecorators: [],
         converters: [],
@@ -4127,6 +4134,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,
@@ -5707,11 +5717,9 @@ function createSlateEditor(config) {
 const toggleAnnotationOff = behavior_core.defineBehavior({
   on: "annotation.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => selector_isActiveStyle.isActiveAnnotation(event.annotation.name)({
-    context
-  }),
+  }) => selector_isActiveStyle.isActiveAnnotation(event.annotation.name)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
@@ -5721,11 +5729,9 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), toggleAnnotationOn = behavior_core.defineBehavior({
   on: "annotation.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => !selector_isActiveStyle.isActiveAnnotation(event.annotation.name)({
-    context
-  }),
+  }) => !selector_isActiveStyle.isActiveAnnotation(event.annotation.name)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
@@ -5735,11 +5741,9 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), toggleDecoratorOff = behavior_core.defineBehavior({
   on: "decorator.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => selector_isActiveStyle.isActiveDecorator(event.decorator)({
-    context
-  }),
+  }) => selector_isActiveStyle.isActiveDecorator(event.decorator)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
@@ -5749,11 +5753,9 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), toggleDecoratorOn = behavior_core.defineBehavior({
   on: "decorator.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => !selector_isActiveStyle.isActiveDecorator(event.decorator)({
-    context
-  }),
+  }) => !selector_isActiveStyle.isActiveDecorator(event.decorator)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
@@ -5763,11 +5765,9 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), toggleListItemOff = behavior_core.defineBehavior({
   on: "list item.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => selector_isActiveStyle.isActiveListItem(event.listItem)({
-    context
-  }),
+  }) => selector_isActiveStyle.isActiveListItem(event.listItem)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
@@ -5777,11 +5777,9 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), toggleListItemOn = behavior_core.defineBehavior({
   on: "list item.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => !selector_isActiveStyle.isActiveListItem(event.listItem)({
-    context
-  }),
+  }) => !selector_isActiveStyle.isActiveListItem(event.listItem)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
@@ -5791,11 +5789,9 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), toggleStyleOff = behavior_core.defineBehavior({
   on: "style.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => selector_isActiveStyle.isActiveStyle(event.style)({
-    context
-  }),
+  }) => selector_isActiveStyle.isActiveStyle(event.style)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
@@ -5805,11 +5801,9 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), toggleStyleOn = behavior_core.defineBehavior({
   on: "style.toggle",
   guard: ({
-    context,
+    snapshot,
     event
-  }) => !selector_isActiveStyle.isActiveStyle(event.style)({
-    context
-  }),
+  }) => !selector_isActiveStyle.isActiveStyle(event.style)(snapshot),
   actions: [({
     event
   }) => [behavior_core.raise({
@@ -5819,13 +5813,13 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), raiseDeserializationSuccessOrFailure = behavior_core.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
@@ -5855,13 +5849,13 @@ const toggleAnnotationOff = behavior_core.defineBehavior({
 }), raiseSerializationSuccessOrFailure = behavior_core.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;
@@ -5906,7 +5900,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 {
@@ -5920,6 +5915,9 @@ function createEditorSnapshot({
       schema: schema2,
       selection,
       value
+    },
+    beta: {
+      hasTag
     }
   };
 }
@@ -5928,7 +5926,8 @@ const editorMachine = xstate.setup({
     context: {},
     events: {},
     emitted: {},
-    input: {}
+    input: {},
+    tags: {}
   },
   actions: {
     "add behavior to context": xstate.assign({
@@ -5987,7 +5986,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 : {
@@ -6023,18 +6023,21 @@ 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) {
         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)
@@ -6357,6 +6360,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"
+                }
+              }
+            }
           }
         }
       }
@@ -6464,6 +6488,9 @@ function getEditorSnapshot({
         editorActorSnapshot,
         slateEditorInstance
       })
+    },
+    beta: {
+      hasTag: (tag) => editorActorSnapshot.hasTag(tag)
     }
   };
 }
@@ -7088,21 +7115,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;
@@ -7122,4 +7136,4 @@ exports.useEditor = useEditor;
 exports.useEditorSelector = useEditorSelector;
 exports.usePortableTextEditor = usePortableTextEditor;
 exports.usePortableTextEditorSelection = usePortableTextEditorSelection;
-//# sourceMappingURL=plugin.event-listener.cjs.map
+//# sourceMappingURL=editor-provider.cjs.map