@portabletext/editor 1.41.2 → 1.41.4

package/lib/index.js

@@ -8,11 +8,12 @@ import { useContext, useRef, useState, useEffect, useMemo, startTransition, useC
 import { Editor, Range, Element as Element$2, Text, Transforms, Path } from "slate";
 import { useSlateStatic, useSelected, ReactEditor, useSlate, Editable } from "slate-react";
 import { getBlockEndPoint, getBlockStartPoint, isKeyedSegment } from "./_chunks-es/util.slice-blocks.js";
-import { isSelectionCollapsed, getFocusTextBlock, getFocusSpan, getSelectedBlocks, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, getFocusBlock } from "./_chunks-es/selector.is-at-the-start-of-block.js";
-import { isOverlappingSelection, isSelectingEntireBlocks } from "./_chunks-es/selector.is-overlapping-selection.js";
+import { isSelectionCollapsed, getFocusTextBlock, getFocusSpan, getSelectedBlocks, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, isOverlappingSelection, getFocusBlock } from "./_chunks-es/selector.is-overlapping-selection.js";
+import { getFocusInlineObject } from "./_chunks-es/selector.get-focus-inline-object.js";
 import { DOMEditor, isDOMNode } from "slate-dom";
 import { isSelectionCollapsed as isSelectionCollapsed$1, getSelectionEndPoint } from "./_chunks-es/util.is-selection-collapsed.js";
 import { parseBlocks } from "./_chunks-es/util.selection-point-to-block-offset.js";
+import { isSelectingEntireBlocks } from "./_chunks-es/selector.is-active-style.js";
 import { defineBehavior, isHotkey } from "./_chunks-es/behavior.core.js";
 import { c } from "react-compiler-runtime";
 import uniq from "lodash/uniq.js";
@@ -35,25 +36,32 @@ function getDragSelection({
   snapshot
 }) {
   let dragSelection = eventSelection;
-  const collapsedSelection = isSelectionCollapsed({
+  if (getFocusInlineObject({
     context: {
       ...snapshot.context,
       selection: eventSelection
     }
-  }), focusTextBlock = getFocusTextBlock({
+  }))
+    return dragSelection;
+  const draggingCollapsedSelection = isSelectionCollapsed({
     context: {
       ...snapshot.context,
       selection: eventSelection
     }
-  }), focusSpan = getFocusSpan({
+  }), draggedTextBlock = getFocusTextBlock({
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  }), draggedSpan = getFocusSpan({
     context: {
       ...snapshot.context,
       selection: eventSelection
     }
   });
-  collapsedSelection && focusTextBlock && focusSpan && (dragSelection = {
-    anchor: getBlockStartPoint(focusTextBlock),
-    focus: getBlockEndPoint(focusTextBlock)
+  draggingCollapsedSelection && draggedTextBlock && draggedSpan && (dragSelection = {
+    anchor: getBlockStartPoint(draggedTextBlock),
+    focus: getBlockEndPoint(draggedTextBlock)
   });
   const selectedBlocks = getSelectedBlocks(snapshot);
   if (snapshot.context.selection && isSelectionExpanded(snapshot) && selectedBlocks.length > 1) {
@@ -77,19 +85,6 @@ function getDragSelection({
   }
   return dragSelection;
 }
-function draggingOnDragOrigin({
-  snapshot,
-  position
-}) {
-  const dragOrigin = snapshot.beta.internalDrag?.origin;
-  return dragOrigin ? isOverlappingSelection(position.selection)({
-    ...snapshot,
-    context: {
-      ...snapshot.context,
-      selection: dragOrigin.selection
-    }
-  }) : !1;
-}
 function getEventPosition({
   schema,
   slateEditor,
@@ -1158,7 +1153,6 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   const handleDragStart = useCallback((event_8) => {
     if (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped())
       return;
-    event_8.stopPropagation();
     const position_4 = getEventPosition({
       schema: editorActor.getSnapshot().context.schema,
       slateEditor,
@@ -1208,7 +1202,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
       const childrenDomRect = getCompoundClientRect(draggedDomNodes.childNodes), x_1 = event_8.clientX - childrenDomRect.left, y_1 = event_8.clientY - childrenDomRect.top;
       dragGhost.style.width = `${childrenDomRect.width}px`, dragGhost.style.height = `${childrenDomRect.height}px`, event_8.dataTransfer.setDragImage(dragGhost, x_1, y_1);
     }
-    editorActor.send({
+    return editorActor.send({
       type: "behavior event",
       behaviorEvent: {
         type: "select",
@@ -1237,87 +1231,79 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
         }
       },
       editor: slateEditor
-    });
+    }), !0;
   }, [onDragStart, editorActor, slateEditor]), handleDrag = useCallback((event_9) => {
-    onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || (event_9.stopPropagation(), !getEventPosition({
+    if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
       schema: editorActor.getSnapshot().context.schema,
       slateEditor,
       event: event_9.nativeEvent
-    }))) && editorActor.send({
-      type: "behavior event",
-      behaviorEvent: {
-        type: "drag.drag",
-        originEvent: {
-          dataTransfer: event_9.dataTransfer
-        }
-      },
-      editor: slateEditor
-    });
+    })))
+      return editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "drag.drag",
+          originEvent: {
+            dataTransfer: event_9.dataTransfer
+          }
+        },
+        editor: slateEditor
+      }), !0;
   }, [onDrag, editorActor, slateEditor]), handleDragEnd = useCallback((event_10) => {
-    onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()) && (event_10.stopPropagation(), editorActor.send({
-      type: "behavior event",
-      behaviorEvent: {
-        type: "drag.dragend",
-        originEvent: {
-          dataTransfer: event_10.dataTransfer
-        }
-      },
-      editor: slateEditor
-    }));
+    if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
+      return editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "drag.dragend",
+          originEvent: {
+            dataTransfer: event_10.dataTransfer
+          }
+        },
+        editor: slateEditor
+      }), !0;
   }, [onDragEnd, editorActor, slateEditor]), handleDragEnter = useCallback((event_11) => {
     if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
       return;
-    event_11.stopPropagation();
     const position_6 = getEventPosition({
       schema: editorActor.getSnapshot().context.schema,
       slateEditor,
       event: event_11.nativeEvent
     });
-    position_6 && editorActor.send({
-      type: "behavior event",
-      behaviorEvent: {
-        type: "drag.dragenter",
-        originEvent: {
-          dataTransfer: event_11.dataTransfer
+    if (position_6)
+      return editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "drag.dragenter",
+          originEvent: {
+            dataTransfer: event_11.dataTransfer
+          },
+          position: position_6
         },
-        position: position_6
-      },
-      editor: slateEditor
-    });
+        editor: slateEditor
+      }), !0;
   }, [onDragEnter, editorActor, slateEditor]), handleDragOver = useCallback((event_12) => {
     if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
       return;
-    event_12.stopPropagation();
     const position_7 = getEventPosition({
       schema: editorActor.getSnapshot().context.schema,
       slateEditor,
       event: event_12.nativeEvent
     });
-    if (!position_7)
-      return;
-    const snapshot_0 = getEditorSnapshot({
-      editorActorSnapshot: editorActor.getSnapshot(),
-      slateEditorInstance: slateEditor
-    });
-    draggingOnDragOrigin({
-      snapshot: snapshot_0,
-      position: position_7
-    }) && event_12.preventDefault(), editorActor.send({
-      type: "behavior event",
-      behaviorEvent: {
-        type: "drag.dragover",
-        originEvent: {
-          dataTransfer: event_12.dataTransfer
+    if (position_7)
+      return editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "drag.dragover",
+          originEvent: {
+            dataTransfer: event_12.dataTransfer
+          },
+          position: position_7
         },
-        position: position_7
-      },
-      editor: slateEditor,
-      nativeEvent: event_12
-    });
+        editor: slateEditor,
+        nativeEvent: event_12
+      }), !0;
   }, [onDragOver, editorActor, slateEditor]), handleDrop = useCallback((event_13) => {
     if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
       return;
-    event_13.preventDefault();
     const position_8 = getEventPosition({
       schema: editorActor.getSnapshot().context.schema,
       slateEditor,
@@ -1327,14 +1313,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
       console.warn("Could not find position for drop event");
       return;
     }
-    editorActor.send({
-      type: "behavior event",
-      behaviorEvent: {
-        type: "select",
-        selection: position_8.selection
-      },
-      editor: slateEditor
-    }), editorActor.send({
+    return editorActor.send({
       type: "behavior event",
       behaviorEvent: {
         type: "drag.drop",
@@ -1343,23 +1322,25 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
         },
         position: position_8
       },
-      editor: slateEditor
-    });
+      editor: slateEditor,
+      nativeEvent: event_13
+    }), !0;
   }, [onDrop, editorActor, slateEditor]), handleDragLeave = useCallback((event_14) => {
-    onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || (event_14.stopPropagation(), !getEventPosition({
+    if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
       schema: editorActor.getSnapshot().context.schema,
       slateEditor,
       event: event_14.nativeEvent
-    }))) && editorActor.send({
-      type: "behavior event",
-      behaviorEvent: {
-        type: "drag.dragleave",
-        originEvent: {
-          dataTransfer: event_14.dataTransfer
-        }
-      },
-      editor: slateEditor
-    });
+    })))
+      return editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "drag.dragleave",
+          originEvent: {
+            dataTransfer: event_14.dataTransfer
+          }
+        },
+        editor: slateEditor
+      }), !0;
   }, [onDragLeave, editorActor, slateEditor]);
   return portableTextEditor ? hasInvalidValue ? null : /* @__PURE__ */ jsx(
     Editable,