@portabletext/editor 1.41.2 → 1.41.4

package/lib/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-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"), util_sliceBlocks = require("./_chunks-cjs/util.slice-blocks.cjs"), selector_isAtTheStartOfBlock = require("./_chunks-cjs/selector.is-at-the-start-of-block.cjs"), selector_isOverlappingSelection = require("./_chunks-cjs/selector.is-overlapping-selection.cjs"), slateDom = require("slate-dom"), util_isSelectionCollapsed = require("./_chunks-cjs/util.is-selection-collapsed.cjs"), util_selectionPointToBlockOffset = require("./_chunks-cjs/util.selection-point-to-block-offset.cjs"), behavior_core = require("./_chunks-cjs/behavior.core.cjs"), reactCompilerRuntime = require("react-compiler-runtime"), uniq = require("lodash/uniq.js"), useEffectEvent = require("use-effect-event");
+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"), util_sliceBlocks = require("./_chunks-cjs/util.slice-blocks.cjs"), selector_isOverlappingSelection = require("./_chunks-cjs/selector.is-overlapping-selection.cjs"), selector_getFocusInlineObject = require("./_chunks-cjs/selector.get-focus-inline-object.cjs"), slateDom = require("slate-dom"), util_isSelectionCollapsed = require("./_chunks-cjs/util.is-selection-collapsed.cjs"), util_selectionPointToBlockOffset = require("./_chunks-cjs/util.selection-point-to-block-offset.cjs"), selector_isActiveStyle = require("./_chunks-cjs/selector.is-active-style.cjs"), behavior_core = require("./_chunks-cjs/behavior.core.cjs"), reactCompilerRuntime = require("react-compiler-runtime"), uniq = require("lodash/uniq.js"), useEffectEvent = require("use-effect-event");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -23,29 +23,36 @@ function getDragSelection({
   snapshot
 }) {
   let dragSelection = eventSelection;
-  const collapsedSelection = selector_isAtTheStartOfBlock.isSelectionCollapsed({
+  if (selector_getFocusInlineObject.getFocusInlineObject({
     context: {
       ...snapshot.context,
       selection: eventSelection
     }
-  }), focusTextBlock = selector_isAtTheStartOfBlock.getFocusTextBlock({
+  }))
+    return dragSelection;
+  const draggingCollapsedSelection = selector_isOverlappingSelection.isSelectionCollapsed({
     context: {
       ...snapshot.context,
       selection: eventSelection
     }
-  }), focusSpan = selector_isAtTheStartOfBlock.getFocusSpan({
+  }), draggedTextBlock = selector_isOverlappingSelection.getFocusTextBlock({
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  }), draggedSpan = selector_isOverlappingSelection.getFocusSpan({
     context: {
       ...snapshot.context,
       selection: eventSelection
     }
   });
-  collapsedSelection && focusTextBlock && focusSpan && (dragSelection = {
-    anchor: util_sliceBlocks.getBlockStartPoint(focusTextBlock),
-    focus: util_sliceBlocks.getBlockEndPoint(focusTextBlock)
+  draggingCollapsedSelection && draggedTextBlock && draggedSpan && (dragSelection = {
+    anchor: util_sliceBlocks.getBlockStartPoint(draggedTextBlock),
+    focus: util_sliceBlocks.getBlockEndPoint(draggedTextBlock)
   });
-  const selectedBlocks = selector_isAtTheStartOfBlock.getSelectedBlocks(snapshot);
-  if (snapshot.context.selection && selector_isAtTheStartOfBlock.isSelectionExpanded(snapshot) && selectedBlocks.length > 1) {
-    const selectionStartBlock = selector_isAtTheStartOfBlock.getSelectionStartBlock(snapshot), selectionEndBlock = selector_isAtTheStartOfBlock.getSelectionEndBlock(snapshot);
+  const selectedBlocks = selector_isOverlappingSelection.getSelectedBlocks(snapshot);
+  if (snapshot.context.selection && selector_isOverlappingSelection.isSelectionExpanded(snapshot) && selectedBlocks.length > 1) {
+    const selectionStartBlock = selector_isOverlappingSelection.getSelectionStartBlock(snapshot), selectionEndBlock = selector_isOverlappingSelection.getSelectionEndBlock(snapshot);
     if (!selectionStartBlock || !selectionEndBlock)
       return dragSelection;
     const selectionStartPoint = util_sliceBlocks.getBlockStartPoint(selectionStartBlock), selectionEndPoint = util_sliceBlocks.getBlockEndPoint(selectionEndBlock);
@@ -65,19 +72,6 @@ function getDragSelection({
   }
   return dragSelection;
 }
-function draggingOnDragOrigin({
-  snapshot,
-  position
-}) {
-  const dragOrigin = snapshot.beta.internalDrag?.origin;
-  return dragOrigin ? selector_isOverlappingSelection.isOverlappingSelection(position.selection)({
-    ...snapshot,
-    context: {
-      ...snapshot.context,
-      selection: dragOrigin.selection
-    }
-  }) : !1;
-}
 function getEventPosition({
   schema,
   slateEditor,
@@ -356,7 +350,7 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
         snapshot,
         event
       }) => {
-        const dropFocusBlock = selector_isAtTheStartOfBlock.getFocusBlock({
+        const dropFocusBlock = selector_isOverlappingSelection.getFocusBlock({
           context: {
             ...snapshot.context,
             selection: event.position.selection
@@ -365,12 +359,12 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
         if (!dropFocusBlock || dropFocusBlock.node._key !== element._key)
           return !1;
         const dragOrigin = snapshot.beta.internalDrag?.origin;
-        return !dragOrigin || selector_isAtTheStartOfBlock.getSelectedBlocks({
+        return !dragOrigin || selector_isOverlappingSelection.getSelectedBlocks({
           context: {
             ...snapshot.context,
             selection: dragOrigin.selection
           }
-        }).some((draggedBlock) => draggedBlock.node._key === element._key) ? !1 : selector_isOverlappingSelection.isSelectingEntireBlocks({
+        }).some((draggedBlock) => draggedBlock.node._key === element._key) ? !1 : selector_isActiveStyle.isSelectingEntireBlocks({
           context: {
             ...snapshot.context,
             selection: dragOrigin.selection
@@ -1146,7 +1140,6 @@ const debug = editorProvider.debugWithName("component:Editable"), PLACEHOLDER_ST
   const handleDragStart = React.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,
@@ -1162,7 +1155,7 @@ const debug = editorProvider.debugWithName("component:Editable"), PLACEHOLDER_ST
     }), dragSelection = getDragSelection({
       eventSelection: position_4.selection,
       snapshot
-    }), selectingEntireBlocks = selector_isOverlappingSelection.isSelectingEntireBlocks({
+    }), selectingEntireBlocks = selector_isActiveStyle.isSelectingEntireBlocks({
       context: {
         ...snapshot.context,
         selection: dragSelection
@@ -1196,7 +1189,7 @@ const debug = editorProvider.debugWithName("component:Editable"), PLACEHOLDER_ST
       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",
@@ -1225,87 +1218,79 @@ const debug = editorProvider.debugWithName("component:Editable"), PLACEHOLDER_ST
         }
       },
       editor: slateEditor
-    });
+    }), !0;
   }, [onDragStart, editorActor, slateEditor]), handleDrag = React.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 = React.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 = React.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 = React.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 = editorProvider.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 = React.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,
@@ -1315,14 +1300,7 @@ const debug = editorProvider.debugWithName("component:Editable"), PLACEHOLDER_ST
       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",
@@ -1331,23 +1309,25 @@ const debug = editorProvider.debugWithName("component:Editable"), PLACEHOLDER_ST
         },
         position: position_8
       },
-      editor: slateEditor
-    });
+      editor: slateEditor,
+      nativeEvent: event_13
+    }), !0;
   }, [onDrop, editorActor, slateEditor]), handleDragLeave = React.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__ */ jsxRuntime.jsx(
     slateReact.Editable,