fluid-dnd 2.5.1 → 2.6.0

package/dist/{HandlerPublisher-CrUNmzg-.cjs → HandlerPublisher-BkHYlmpE.cjs}

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var n=(e,s,l)=>s in e?d(e,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[s]=l;var a=(e,s,l)=>n(e,typeof s!="symbol"?s+"":s,l);const r=require("./index-BOqB07mI.cjs");class h{constructor(){a(this,"handlers");this.handlers=[]}addSubscriber(s){this.handlers.includes(s)||(this.handlers.push(s),r.addClass(s,r.GRAB_CLASS))}toggleGrabClass(s){for(const l of this.handlers)r.toggleClass(l,r.GRAB_CLASS,s)}}exports.HandlerPublisher=h;
+"use strict";var d=Object.defineProperty;var n=(e,s,l)=>s in e?d(e,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[s]=l;var a=(e,s,l)=>n(e,typeof s!="symbol"?s+"":s,l);const r=require("./index-CnlVdjmE.cjs");class h{constructor(){a(this,"handlers");this.handlers=[]}addSubscriber(s){this.handlers.includes(s)||(this.handlers.push(s),r.addClass(s,r.GRAB_CLASS))}toggleGrabClass(s){for(const l of this.handlers)r.toggleClass(l,r.GRAB_CLASS,s)}}exports.HandlerPublisher=h;

package/dist/{HandlerPublisher-CRu7xI9p.js → HandlerPublisher-T9bs9vYh.js}

@@ -1,7 +1,7 @@
 var d = Object.defineProperty;
 var e = (a, s, l) => s in a ? d(a, s, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[s] = l;
 var r = (a, s, l) => e(a, typeof s != "symbol" ? s + "" : s, l);
-import { a as h, t as n, G as t } from "./index-CJpjY7r7.js";
+import { a as h, t as n, G as t } from "./index-CJpYi4CM.js";
 class c {
   constructor() {
     r(this, "handlers");

package/dist/core/dragAndDrop.js

@@ -28,6 +28,7 @@ const getConfig = (listCondig, config) => {
         isDraggable: config?.isDraggable ?? (() => true),
         onDragStart: config?.onDragStart ?? (() => { }),
         onDragEnd: config?.onDragEnd ?? (() => { }),
+        onDragOver: config?.onDragOver ?? (() => { }),
         droppableGroup: config?.droppableGroup,
         onRemoveAtEvent,
         onInsertEvent,
@@ -40,7 +41,7 @@ const getConfig = (listCondig, config) => {
         delayBeforeInsert: config?.delayBeforeInsert ?? 200,
         mapFrom: config?.mapFrom ?? defaultMapFrom,
         delayBeforeTouchMoveEvent: config?.delayBeforeTouchMoveEvent ?? 150,
-        coordinateTransform: config?.coordinateTransform ?? [(coordinate) => coordinate]
+        coordinateTransform: config?.coordinateTransform ?? [(coordinate) => coordinate],
     };
 };
 export default function dragAndDrop(listCondig, handlerPublisher, config, indexAttr = 'index') {
@@ -70,11 +71,11 @@ export default function dragAndDrop(listCondig, handlerPublisher, config, indexA
         insertAtFromElements = insertAtFromElementList;
     };
     const childrenMutationFilter = (mutation) => {
-        const addedNodes = mutation.addedNodes
+        const addedNodes = Array.from(mutation.addedNodes ?? [])
             .values()
             .filter((element) => !isTempElement(element))
             .toArray();
-        const removedNodes = mutation.removedNodes
+        const removedNodes = Array.from(mutation.removedNodes ?? [])
             .values()
             .filter((element) => !isTempElement(element))
             .toArray();

package/dist/core/events/dragAndDrop/dragAndDrop.js

@@ -29,7 +29,14 @@ export default function useDragAndDropEvents(currentConfig, index, parent, dropp
     const emitDraggingEventToSiblings = (draggedElement, event, translation, droppable, config) => {
         const [siblings] = getSiblings(draggedElement, droppable);
         const isOutside = draggableIsOutside(draggedElement, droppable);
-        const { direction } = config;
+        const { direction, onDragOver } = config;
+        onDragOver({
+            element: draggedElement,
+            index,
+            targetIndex: actualIndex,
+            value: currentConfig.onGetValue(index),
+            droppable
+        });
         if (siblings.length == 0) {
             updateActualIndexBaseOnTranslation(translation, 1, direction, siblings);
         }

package/dist/core/events/insert.js

@@ -40,7 +40,7 @@ export default function useInsertEvents(currentConfig, parent, handlerPublisher,
     return [emitInsertEventToSiblings];
 }
 const childrenMutationFilter = (mutation) => {
-    const addedNodes = mutation.addedNodes
+    const addedNodes = Array.from(mutation.addedNodes ?? [])
         .values()
         .filter((element) => !isTempElement(element))
         .toArray();

package/dist/core/index.d.ts

@@ -21,6 +21,13 @@ export interface DragEndEventData<T> {
     index: number;
     value: T;
 }
+export interface DragOverEventData<T> {
+    index: number;
+    targetIndex: number;
+    element: Element;
+    value: T;
+    droppable: Element;
+}
 export declare const HORIZONTAL = "horizontal";
 export declare const VERTICAL = "vertical";
 /**
@@ -88,6 +95,10 @@ export interface Config<T> {
      * A function that returns whether a given element of the list is draggable.
      */
     onDragEnd?: (element: DragEndEventData<T>) => void;
+    /**
+     * A function that is called when the draggable element is dragged over a droppable.
+     */
+    onDragOver?: (element: DragOverEventData<T>) => void;
     /**
      * Name of the group of the share droppables.
      */
@@ -123,6 +134,7 @@ export interface Config<T> {
  * @public
  */
 export type OnDropEvent = (source: DraggableElement, destination: DraggableElement) => void;
+export type OnDragOverEvent = (source: DraggableElement) => void;
 export type OnRemoveAtEvent<T> = (index: number, sync?: boolean) => T | undefined;
 export type OnInsertEvent<T> = (index: number, value: T, sync?: boolean) => void;
 export type OnGetLength = () => number;
@@ -172,6 +184,10 @@ export type CoreConfig<T> = {
      * A function that is called when the draggable element is dropped.
      */
     onDragEnd: (element: DragEndEventData<T>) => void;
+    /**
+     * A function that is called when the draggable element is dragged over a droppable.
+     */
+    onDragOver: (element: DragOverEventData<T>) => void;
     /**
      * Name of the group of the share droppables
      */