@portabletext/editor 1.35.0 → 1.35.2

package/lib/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var plugin_eventListener = require("./_chunks-cjs/plugin.event-listener.cjs"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), React = require("react"), slate = require("slate"), slateReact = require("slate-react"), reactCompilerRuntime = require("react-compiler-runtime"), uniq = require("lodash/uniq.js"), behavior_core = require("./_chunks-cjs/behavior.core.cjs");
+var editorProvider = require("./_chunks-cjs/editor-provider.cjs"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), React = require("react"), slate = require("slate"), slateReact = require("slate-react"), reactCompilerRuntime = require("react-compiler-runtime"), uniq = require("lodash/uniq.js"), behavior_core = require("./_chunks-cjs/behavior.core.cjs"), useEffectEvent = require("use-effect-event");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -81,7 +81,7 @@ function DefaultInlineObject(props) {
     "]"
   ] }), $[1] = props.value._key, $[2] = props.value._type, $[3] = t1) : t1 = $[3], t1;
 }
-const debug$3 = plugin_eventListener.debugWithName("components:DraggableBlock"), DraggableBlock = (t0) => {
+const debug$3 = editorProvider.debugWithName("components:DraggableBlock"), DraggableBlock = (t0) => {
   const $ = reactCompilerRuntime.c(51), {
     children,
     element,
@@ -98,12 +98,12 @@ const debug$3 = plugin_eventListener.debugWithName("components:DraggableBlock"),
   $[6] !== blockRef || $[7] !== editor || $[8] !== element ? (t5 = () => setBlockElement(blockRef ? blockRef.current : slateReact.ReactEditor.toDOMNode(editor, element)), t6 = [editor, element, blockRef], $[6] = blockRef, $[7] = editor, $[8] = element, $[9] = t5, $[10] = t6) : (t5 = $[9], t6 = $[10]), React.useEffect(t5, t6);
   let t7;
   $[11] !== blockElement || $[12] !== editor || $[13] !== element ? (t7 = (event) => {
-    const isMyDragOver = plugin_eventListener.IS_DRAGGING_BLOCK_ELEMENT.get(editor);
+    const isMyDragOver = editorProvider.IS_DRAGGING_BLOCK_ELEMENT.get(editor);
     if (!isMyDragOver || !blockElement)
       return;
-    event.preventDefault(), event.dataTransfer.dropEffect = "move", plugin_eventListener.IS_DRAGGING_ELEMENT_TARGET.set(editor, element);
+    event.preventDefault(), event.dataTransfer.dropEffect = "move", editorProvider.IS_DRAGGING_ELEMENT_TARGET.set(editor, element);
     const elementRect = blockElement.getBoundingClientRect(), offset = elementRect.top, height = elementRect.height, Y = event.pageY, loc = Math.abs(offset - Y);
-    if (element === editor.children[0] || (loc < height / 2 ? plugin_eventListener.IS_DRAGGING_BLOCK_TARGET_POSITION.set(editor, "top") : plugin_eventListener.IS_DRAGGING_BLOCK_TARGET_POSITION.set(editor, "bottom")), isMyDragOver === element) {
+    if (element === editor.children[0] || (loc < height / 2 ? editorProvider.IS_DRAGGING_BLOCK_TARGET_POSITION.set(editor, "top") : editorProvider.IS_DRAGGING_BLOCK_TARGET_POSITION.set(editor, "bottom")), isMyDragOver === element) {
       event.dataTransfer.dropEffect = "none";
       return;
     }
@@ -117,11 +117,11 @@ const debug$3 = plugin_eventListener.debugWithName("components:DraggableBlock"),
   const handleDragLeave = t8;
   let t9;
   $[16] !== editor || $[17] !== element ? (t9 = (event_0) => {
-    const targetBlock = plugin_eventListener.IS_DRAGGING_ELEMENT_TARGET.get(editor);
+    const targetBlock = editorProvider.IS_DRAGGING_ELEMENT_TARGET.get(editor);
     if (targetBlock) {
-      plugin_eventListener.IS_DRAGGING.set(editor, !1), event_0.preventDefault(), event_0.stopPropagation(), plugin_eventListener.IS_DRAGGING_ELEMENT_TARGET.delete(editor), dragGhostRef.current && (debug$3("Removing drag ghost"), document.body.removeChild(dragGhostRef.current));
-      const dragPosition = plugin_eventListener.IS_DRAGGING_BLOCK_TARGET_POSITION.get(editor);
-      plugin_eventListener.IS_DRAGGING_BLOCK_TARGET_POSITION.delete(editor);
+      editorProvider.IS_DRAGGING.set(editor, !1), event_0.preventDefault(), event_0.stopPropagation(), editorProvider.IS_DRAGGING_ELEMENT_TARGET.delete(editor), dragGhostRef.current && (debug$3("Removing drag ghost"), document.body.removeChild(dragGhostRef.current));
+      const dragPosition = editorProvider.IS_DRAGGING_BLOCK_TARGET_POSITION.get(editor);
+      editorProvider.IS_DRAGGING_BLOCK_TARGET_POSITION.delete(editor);
       let targetPath = slateReact.ReactEditor.findPath(editor, targetBlock);
       const myPath = slateReact.ReactEditor.findPath(editor, element), isBefore = slate.Path.isBefore(myPath, targetPath);
       if (dragPosition === "bottom" && !isBefore) {
@@ -151,16 +151,16 @@ const debug$3 = plugin_eventListener.debugWithName("components:DraggableBlock"),
   const handleDragEnd = t9;
   let t10;
   $[19] !== editor || $[20] !== element ? (t10 = (event_1) => {
-    plugin_eventListener.IS_DRAGGING_BLOCK_ELEMENT.get(editor) && (debug$3("On drop (prevented)", element), event_1.preventDefault(), event_1.stopPropagation(), setIsDragOver(!1));
+    editorProvider.IS_DRAGGING_BLOCK_ELEMENT.get(editor) && (debug$3("On drop (prevented)", element), event_1.preventDefault(), event_1.stopPropagation(), setIsDragOver(!1));
   }, $[19] = editor, $[20] = element, $[21] = t10) : t10 = $[21];
   const handleDrop = t10;
   let t11;
   $[22] !== editor || $[23] !== element || $[24] !== isVoid ? (t11 = (event_2) => {
     if (!isVoid) {
-      plugin_eventListener.IS_DRAGGING_BLOCK_ELEMENT.delete(editor);
+      editorProvider.IS_DRAGGING_BLOCK_ELEMENT.delete(editor);
       return;
     }
-    plugin_eventListener.IS_DRAGGING.set(editor, !0), plugin_eventListener.IS_DRAGGING_BLOCK_ELEMENT.set(editor, element), event_2.stopPropagation();
+    editorProvider.IS_DRAGGING.set(editor, !0), editorProvider.IS_DRAGGING_BLOCK_ELEMENT.set(editor, element), event_2.stopPropagation();
     const target = event_2.target;
     target instanceof HTMLElement && (target.style.opacity = "1");
   }, $[22] = editor, $[23] = element, $[24] = isVoid, $[25] = t11) : t11 = $[25];
@@ -168,10 +168,10 @@ const debug$3 = plugin_eventListener.debugWithName("components:DraggableBlock"),
   let t12;
   $[26] !== blockElement || $[27] !== editor || $[28] !== handleDrag || $[29] !== isInline || $[30] !== isVoid ? (t12 = (event_3) => {
     if (!isVoid || isInline) {
-      debug$3("Not dragging block"), plugin_eventListener.IS_DRAGGING_BLOCK_ELEMENT.delete(editor), plugin_eventListener.IS_DRAGGING.set(editor, !1);
+      debug$3("Not dragging block"), editorProvider.IS_DRAGGING_BLOCK_ELEMENT.delete(editor), editorProvider.IS_DRAGGING.set(editor, !1);
       return;
     }
-    if (debug$3("Drag start"), plugin_eventListener.IS_DRAGGING.set(editor, !0), event_3.dataTransfer && (event_3.dataTransfer.setData("application/portable-text", "something"), event_3.dataTransfer.effectAllowed = "move"), blockElement && blockElement instanceof HTMLElement) {
+    if (debug$3("Drag start"), editorProvider.IS_DRAGGING.set(editor, !0), event_3.dataTransfer && (event_3.dataTransfer.setData("application/portable-text", "something"), event_3.dataTransfer.effectAllowed = "move"), blockElement && blockElement instanceof HTMLElement) {
       let dragGhost = blockElement.cloneNode(!0);
       const customGhost = dragGhost.querySelector("[data-pt-drag-ghost-element]");
       if (customGhost && (dragGhost = customGhost), dragGhost.setAttribute("data-dragged", ""), document.body) {
@@ -184,11 +184,11 @@ const debug$3 = plugin_eventListener.debugWithName("components:DraggableBlock"),
   }, $[26] = blockElement, $[27] = editor, $[28] = handleDrag, $[29] = isInline, $[30] = isVoid, $[31] = t12) : t12 = $[31];
   const handleDragStart = t12;
   let t13;
-  $[32] !== editor || $[33] !== isDragOver ? (t13 = isDragOver && editor.children[0] === plugin_eventListener.IS_DRAGGING_ELEMENT_TARGET.get(editor), $[32] = editor, $[33] = isDragOver, $[34] = t13) : t13 = $[34];
+  $[32] !== editor || $[33] !== isDragOver ? (t13 = isDragOver && editor.children[0] === editorProvider.IS_DRAGGING_ELEMENT_TARGET.get(editor), $[32] = editor, $[33] = isDragOver, $[34] = t13) : t13 = $[34];
   const isDraggingOverFirstBlock = t13;
   let t14;
-  $[35] !== editor || $[36] !== isDragOver ? (t14 = isDragOver && editor.children[editor.children.length - 1] === plugin_eventListener.IS_DRAGGING_ELEMENT_TARGET.get(editor), $[35] = editor, $[36] = isDragOver, $[37] = t14) : t14 = $[37];
-  const isDraggingOverLastBlock = t14, dragPosition_0 = plugin_eventListener.IS_DRAGGING_BLOCK_TARGET_POSITION.get(editor), isDraggingOverTop = isDraggingOverFirstBlock || isDragOver && !isDraggingOverFirstBlock && !isDraggingOverLastBlock && dragPosition_0 === "top", isDraggingOverBottom = isDraggingOverLastBlock || isDragOver && !isDraggingOverFirstBlock && !isDraggingOverLastBlock && dragPosition_0 === "bottom";
+  $[35] !== editor || $[36] !== isDragOver ? (t14 = isDragOver && editor.children[editor.children.length - 1] === editorProvider.IS_DRAGGING_ELEMENT_TARGET.get(editor), $[35] = editor, $[36] = isDragOver, $[37] = t14) : t14 = $[37];
+  const isDraggingOverLastBlock = t14, dragPosition_0 = editorProvider.IS_DRAGGING_BLOCK_TARGET_POSITION.get(editor), isDraggingOverTop = isDraggingOverFirstBlock || isDragOver && !isDraggingOverFirstBlock && !isDraggingOverLastBlock && dragPosition_0 === "top", isDraggingOverBottom = isDraggingOverLastBlock || isDragOver && !isDraggingOverFirstBlock && !isDraggingOverLastBlock && dragPosition_0 === "bottom";
   let t15, t16;
   $[38] === Symbol.for("react.memo_cache_sentinel") ? (t16 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-drop-indicator", style: {
     position: "absolute",
@@ -211,7 +211,7 @@ const debug$3 = plugin_eventListener.debugWithName("components:DraggableBlock"),
   ] }), $[41] = children, $[42] = handleDrag, $[43] = handleDragEnd, $[44] = handleDragOver, $[45] = handleDragStart, $[46] = handleDrop, $[47] = isVoid, $[48] = t17, $[49] = t18, $[50] = t19) : t19 = $[50], t19;
 };
 DraggableBlock.displayName = "DraggableBlock";
-plugin_eventListener.debugWithName("components:Element");
+editorProvider.debugWithName("components:Element");
 const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
   display: "inline-block"
 }, Element = ({
@@ -226,7 +226,7 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
   renderStyle,
   spellCheck
 }) => {
-  const editor = slateReact.useSlateStatic(), selected = slateReact.useSelected(), blockRef = React.useRef(null), inlineBlockObjectRef = React.useRef(null), focused = selected && editor.selection && slate.Range.isCollapsed(editor.selection) || !1, value = React.useMemo(() => plugin_eventListener.fromSlateValue([element], schemaTypes.block.name, plugin_eventListener.KEY_TO_VALUE_ELEMENT.get(editor))[0], [editor, element, schemaTypes.block.name]);
+  const editor = slateReact.useSlateStatic(), selected = slateReact.useSelected(), blockRef = React.useRef(null), inlineBlockObjectRef = React.useRef(null), focused = selected && editor.selection && slate.Range.isCollapsed(editor.selection) || !1, value = React.useMemo(() => editorProvider.fromSlateValue([element], schemaTypes.block.name, editorProvider.KEY_TO_VALUE_ELEMENT.get(editor))[0], [editor, element, schemaTypes.block.name]);
   let renderedBlock = children, className;
   const blockPath = React.useMemo(() => [{
     _key: element._key
@@ -321,7 +321,7 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
   if (!schemaType_0)
     throw new Error(`Could not find schema type for block element of _type ${element._type}`);
   className = "pt-block pt-object-block";
-  const block_0 = plugin_eventListener.fromSlateValue([element], schemaTypes.block.name, plugin_eventListener.KEY_TO_VALUE_ELEMENT.get(editor))[0];
+  const block_0 = editorProvider.fromSlateValue([element], schemaTypes.block.name, editorProvider.KEY_TO_VALUE_ELEMENT.get(editor))[0];
   let renderedBlockFromProps;
   if (renderBlock) {
     const _props = Object.defineProperty({
@@ -346,7 +346,7 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
   ] }, element._key);
 };
 Element.displayName = "Element";
-const debug$2 = plugin_eventListener.debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (props) => {
+const debug$2 = editorProvider.debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (props) => {
   const {
     editorActor,
     attributes,
@@ -356,7 +356,7 @@ const debug$2 = plugin_eventListener.debugWithName("components:Leaf"), EMPTY_MAR
     renderChild,
     renderDecorator,
     renderAnnotation
-  } = props, spanRef = React.useRef(null), portableTextEditor = plugin_eventListener.usePortableTextEditor(), blockSelected = slateReact.useSelected(), [focused, setFocused] = React.useState(!1), [selected, setSelected] = React.useState(!1), block = children.props.parent, path = React.useMemo(() => block ? [{
+  } = props, spanRef = React.useRef(null), portableTextEditor = editorProvider.usePortableTextEditor(), blockSelected = slateReact.useSelected(), [focused, setFocused] = React.useState(!1), [selected, setSelected] = React.useState(!1), block = children.props.parent, path = React.useMemo(() => block ? [{
     _key: block?._key
   }, "children", {
     _key: leaf._key
@@ -366,8 +366,8 @@ const debug$2 = plugin_eventListener.debugWithName("components:Leaf"), EMPTY_MAR
       setFocused(!1);
       return;
     }
-    const sel = plugin_eventListener.PortableTextEditor.getSelection(portableTextEditor);
-    sel && isEqual__default.default(sel.focus.path, path) && plugin_eventListener.PortableTextEditor.isCollapsedSelection(portableTextEditor) && React.startTransition(() => {
+    const sel = editorProvider.PortableTextEditor.getSelection(portableTextEditor);
+    sel && isEqual__default.default(sel.focus.path, path) && editorProvider.PortableTextEditor.isCollapsedSelection(portableTextEditor) && React.startTransition(() => {
       setFocused(!0);
     });
   }, [shouldTrackSelectionAndFocus, path, portableTextEditor]);
@@ -392,10 +392,10 @@ const debug$2 = plugin_eventListener.debugWithName("components:Leaf"), EMPTY_MAR
     const onBlur = editorActor.on("blur", () => {
       setFocused(!1), setSelected(!1);
     }), onFocus = editorActor.on("focus", () => {
-      const sel_0 = plugin_eventListener.PortableTextEditor.getSelection(portableTextEditor);
-      sel_0 && isEqual__default.default(sel_0.focus.path, path) && plugin_eventListener.PortableTextEditor.isCollapsedSelection(portableTextEditor) && setFocused(!0), setSelectedFromRange();
+      const sel_0 = editorProvider.PortableTextEditor.getSelection(portableTextEditor);
+      sel_0 && isEqual__default.default(sel_0.focus.path, path) && editorProvider.PortableTextEditor.isCollapsedSelection(portableTextEditor) && setFocused(!0), setSelectedFromRange();
     }), onSelection = editorActor.on("selection", (event) => {
-      event.selection && isEqual__default.default(event.selection.focus.path, path) && plugin_eventListener.PortableTextEditor.isCollapsedSelection(portableTextEditor) ? setFocused(!0) : setFocused(!1), setSelectedFromRange();
+      event.selection && isEqual__default.default(event.selection.focus.path, path) && editorProvider.PortableTextEditor.isCollapsedSelection(portableTextEditor) ? setFocused(!0) : setFocused(!1), setSelectedFromRange();
     });
     return () => {
       onBlur.unsubscribe(), onFocus.unsubscribe(), onSelection.unsubscribe();
@@ -470,7 +470,7 @@ const debug$2 = plugin_eventListener.debugWithName("components:Leaf"), EMPTY_MAR
   return React.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx("span", { ...attributes, ref: spanRef, children: content }, leaf._key), [leaf, attributes, content]);
 };
 Leaf.displayName = "Leaf";
-const debug$1 = plugin_eventListener.debugWithName("plugin:withHotKeys");
+const debug$1 = editorProvider.debugWithName("plugin:withHotKeys");
 function createWithHotkeys(editorActor, portableTextEditor, hotkeysFromOptions) {
   const reservedHotkeys = ["enter", "tab", "shift", "delete", "end"], activeHotkeys = hotkeysFromOptions ?? {};
   return function(editor) {
@@ -526,7 +526,7 @@ function withSyncRangeDecorations({
     slateEditor.apply = originalApply;
   };
 }
-const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
+const debug = editorProvider.debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   position: "absolute",
   userSelect: "none",
   pointerEvents: "none",
@@ -553,9 +553,9 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
     scrollSelectionIntoView,
     spellCheck,
     ...restProps
-  } = props, portableTextEditor = plugin_eventListener.usePortableTextEditor(), ref = React.useRef(null), [editableElement, setEditableElement] = React.useState(null), [hasInvalidValue, setHasInvalidValue] = React.useState(!1), [rangeDecorationState, setRangeDecorationsState] = React.useState([]);
+  } = props, portableTextEditor = editorProvider.usePortableTextEditor(), ref = React.useRef(null), [editableElement, setEditableElement] = React.useState(null), [hasInvalidValue, setHasInvalidValue] = React.useState(!1), [rangeDecorationState, setRangeDecorationsState] = React.useState([]);
   React.useImperativeHandle(forwardedRef, () => ref.current);
-  const rangeDecorationsRef = React.useRef(rangeDecorations), editorActor = React.useContext(plugin_eventListener.EditorActorContext), readOnly = react.useSelector(editorActor, (s) => s.matches({
+  const rangeDecorationsRef = React.useRef(rangeDecorations), editorActor = React.useContext(editorProvider.EditorActorContext), readOnly = react.useSelector(editorActor, (s) => s.matches({
     "edit mode": "read only"
   })), schemaTypes = react.useSelector(editorActor, (s_0) => s_0.context.schema), slateEditor = slateReact.useSlate(), blockTypeName = schemaTypes.block.name;
   React.useMemo(() => {
@@ -581,10 +581,10 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
   }, [editorActor, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schemaTypes]), restoreSelectionFromProps = React.useCallback(() => {
     if (propsSelection) {
       debug(`Selection from props ${JSON.stringify(propsSelection)}`);
-      const normalizedSelection = normalizeSelection(propsSelection, plugin_eventListener.fromSlateValue(slateEditor.children, blockTypeName));
+      const normalizedSelection = normalizeSelection(propsSelection, editorProvider.fromSlateValue(slateEditor.children, blockTypeName));
       if (normalizedSelection !== null) {
         debug(`Normalized selection from props ${JSON.stringify(normalizedSelection)}`);
-        const slateRange = plugin_eventListener.toSlateRange(normalizedSelection, slateEditor);
+        const slateRange = editorProvider.toSlateRange(normalizedSelection, slateEditor);
         slateRange && (slate.Transforms.select(slateEditor, slateRange), slateEditor.operations.some((o) => o.type === "set_selection") || editorActor.send({
           type: "notify.selection",
           selection: normalizedSelection
@@ -595,7 +595,7 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
     if (rangeDecorations && rangeDecorations.length > 0) {
       const newSlateRanges = [];
       if (rangeDecorations.forEach((rangeDecorationItem) => {
-        const slateRange_0 = plugin_eventListener.toSlateRange(rangeDecorationItem.selection, slateEditor);
+        const slateRange_0 = editorProvider.toSlateRange(rangeDecorationItem.selection, slateEditor);
         if (!slate.Range.isRange(slateRange_0)) {
           rangeDecorationItem.onMoved && rangeDecorationItem.onMoved({
             newSelection: null,
@@ -605,8 +605,8 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
           return;
         }
         let newRange;
-        if (operation && (newRange = plugin_eventListener.moveRangeByOperation(slateRange_0, operation), newRange && newRange !== slateRange_0 || newRange === null && slateRange_0)) {
-          const value = plugin_eventListener.PortableTextEditor.getValue(portableTextEditor), newRangeSelection = plugin_eventListener.toPortableTextRange(value, newRange, schemaTypes);
+        if (operation && (newRange = editorProvider.moveRangeByOperation(slateRange_0, operation), newRange && newRange !== slateRange_0 || newRange === null && slateRange_0)) {
+          const value = editorProvider.PortableTextEditor.getValue(portableTextEditor), newRangeSelection = editorProvider.toPortableTextRange(value, newRange, schemaTypes);
           rangeDecorationItem.onMoved && rangeDecorationItem.onMoved({
             newSelection: newRangeSelection,
             rangeDecoration: rangeDecorationItem,
@@ -662,7 +662,7 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
       nativeEvent: event
     });
   }, [onCopy, editorActor, slateEditor]), handlePaste = React.useCallback((event_0) => {
-    const value_0 = plugin_eventListener.PortableTextEditor.getValue(portableTextEditor), path = plugin_eventListener.toPortableTextRange(value_0, slateEditor.selection, schemaTypes)?.focus.path || [], onPasteResult = onPaste?.({
+    const value_0 = editorProvider.PortableTextEditor.getValue(portableTextEditor), path = editorProvider.toPortableTextRange(value_0, slateEditor.selection, schemaTypes)?.focus.path || [], onPasteResult = onPaste?.({
       event: event_0,
       value: value_0,
       path,
@@ -671,7 +671,7 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
     onPasteResult || !slateEditor.selection ? (event_0.preventDefault(), editorActor.send({
       type: "notify.loading"
     }), Promise.resolve(onPasteResult).then((result_0) => {
-      debug("Custom paste function from client resolved", result_0), !result_0 || !result_0.insert ? (debug("No result from custom paste handler, pasting normally"), slateEditor.insertData(event_0.clipboardData)) : result_0.insert ? slateEditor.insertFragment(plugin_eventListener.toSlateValue(result_0.insert, {
+      debug("Custom paste function from client resolved", result_0), !result_0 || !result_0.insert ? (debug("No result from custom paste handler, pasting normally"), slateEditor.insertData(event_0.clipboardData)) : result_0.insert ? slateEditor.insertFragment(editorProvider.toSlateValue(result_0.insert, {
         schemaTypes
       })) : console.warn("Your onPaste function returned something unexpected:", result_0);
     }).catch((error) => (console.error(error), error)).finally(() => {
@@ -689,12 +689,12 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
     }), debug("No result from custom paste handler, pasting normally");
   }, [editorActor, onPaste, portableTextEditor, schemaTypes, slateEditor]), handleOnFocus = React.useCallback((event_1) => {
     if (onFocus && onFocus(event_1), !event_1.isDefaultPrevented()) {
-      const selection = plugin_eventListener.PortableTextEditor.getSelection(portableTextEditor);
+      const selection = editorProvider.PortableTextEditor.getSelection(portableTextEditor);
       selection === null && (slate.Transforms.select(slateEditor, slate.Editor.start(slateEditor, [])), slateEditor.onChange()), editorActor.send({
         type: "notify.focused",
         event: event_1
       });
-      const newSelection = plugin_eventListener.PortableTextEditor.getSelection(portableTextEditor);
+      const newSelection = editorProvider.PortableTextEditor.getSelection(portableTextEditor);
       selection === newSelection && editorActor.send({
         type: "notify.selection",
         selection
@@ -786,7 +786,7 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
         scrollSelectionIntoView(portableTextEditor, domRange);
       };
   }, [portableTextEditor, scrollSelectionIntoView]), decorate = React.useCallback(([, path_0]) => {
-    if (plugin_eventListener.isEqualToEmptyEditor(slateEditor.children, schemaTypes))
+    if (editorProvider.isEqualToEmptyEditor(slateEditor.children, schemaTypes))
       return [{
         anchor: {
           path: [0, 0],
@@ -814,7 +814,20 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
   }, [slateEditor, schemaTypes, rangeDecorationState]);
   return React.useEffect(() => {
     ref.current = slateReact.ReactEditor.toDOMNode(slateEditor, slateEditor), setEditableElement(ref.current);
-  }, [slateEditor, ref]), portableTextEditor ? hasInvalidValue ? null : /* @__PURE__ */ jsxRuntime.jsx(
+  }, [slateEditor, ref]), React.useEffect(() => {
+    const window_0 = slateReact.ReactEditor.getWindow(slateEditor), onDragEnd = () => {
+      editorActor.send({
+        type: "dragend"
+      });
+    }, onDrop = () => {
+      editorActor.send({
+        type: "drop"
+      });
+    };
+    return window_0.document.addEventListener("dragend", onDragEnd), window_0.document.addEventListener("drop", onDrop), () => {
+      window_0.document.removeEventListener("dragend", onDragEnd), window_0.document.removeEventListener("drop", onDrop);
+    };
+  }, [slateEditor, editorActor]), portableTextEditor ? hasInvalidValue ? null : /* @__PURE__ */ jsxRuntime.jsx(
     slateReact.Editable,
     {
       ...restProps,
@@ -825,6 +838,11 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
       onCopy: handleCopy,
       onClick: handleClick,
       onDOMBeforeInput: handleOnBeforeInput,
+      onDragStart: (event_7) => {
+        props.onDragStart?.(event_7), !event_7.isDefaultPrevented() && !event_7.isPropagationStopped() && editorActor.send({
+          type: "dragstart"
+        });
+      },
       onFocus: handleOnFocus,
       onKeyDown: handleKeyDown,
       onKeyUp: handleKeyUp,
@@ -838,14 +856,26 @@ const debug = plugin_eventListener.debugWithName("component:Editable"), PLACEHOL
   ) : null;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
-exports.EditorEventListener = plugin_eventListener.EventListenerPlugin;
-exports.EditorProvider = plugin_eventListener.EditorProvider;
-exports.PortableTextEditor = plugin_eventListener.PortableTextEditor;
-exports.defineSchema = plugin_eventListener.defineSchema;
-exports.keyGenerator = plugin_eventListener.defaultKeyGenerator;
-exports.useEditor = plugin_eventListener.useEditor;
-exports.useEditorSelector = plugin_eventListener.useEditorSelector;
-exports.usePortableTextEditor = plugin_eventListener.usePortableTextEditor;
-exports.usePortableTextEditorSelection = plugin_eventListener.usePortableTextEditorSelection;
+function EditorEventListener(props) {
+  const $ = reactCompilerRuntime.c(5), editor = editorProvider.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.EditorProvider = editorProvider.EditorProvider;
+exports.PortableTextEditor = editorProvider.PortableTextEditor;
+exports.defineSchema = editorProvider.defineSchema;
+exports.keyGenerator = editorProvider.defaultKeyGenerator;
+exports.useEditor = editorProvider.useEditor;
+exports.useEditorSelector = editorProvider.useEditorSelector;
+exports.usePortableTextEditor = editorProvider.usePortableTextEditor;
+exports.usePortableTextEditorSelection = editorProvider.usePortableTextEditorSelection;
+exports.EditorEventListener = EditorEventListener;
 exports.PortableTextEditable = PortableTextEditable;
 //# sourceMappingURL=index.cjs.map