fluid-dnd 2.5.1 → 2.6.1

package/dist/{HandlerPublisher-CRu7xI9p.js → HandlerPublisher-CGKPF_jz.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-B_TA81tq.js";
 class c {
   constructor() {
     r(this, "handlers");

package/dist/{HandlerPublisher-CrUNmzg-.cjs → HandlerPublisher-DBjTX_j6.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-rI7KLmXk.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/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
      */

package/dist/core/positioning/usePositioning.js

@@ -1,4 +1,4 @@
-import { getAxisValue, getBefore, getBeforeMarginValue, getBorderBeforeWidthValue, getDistanceValue, getInnerDistance, getNearestFixedParentPosition, getOffsetValue, getPageValue, getPropByDirection, getRect, getScrollValue, hasTransform, isSameNode } from '../utils/GetStyles';
+import { getAxisValue, getBefore, getBeforeMarginValue, getBorderBeforeWidthValue, getDistanceValue, getInnerDistance, getNearestParentPositionWithTranslate, getOffsetValue, getPageValue, getPropByDirection, getRect, getScrollValue, hasTransform, isSameNode } from '../utils/GetStyles';
 import { HORIZONTAL, VERTICAL } from '..';
 import { useScroll } from './autoScroll';
 import { HANDLER_CLASS, DRAGGING_CLASS } from '../utils/classes';
@@ -24,7 +24,7 @@ export const usePositioning = (draggedElement, coordinateTransforms) => {
             const border = getBorderBeforeWidthValue(translateDirection, element);
             const margin = getBeforeMarginValue(translateDirection, element);
             const elementPosittion = pageValue - getOffsetValue(translateDirection, currentOffset);
-            const beforefixecParentValue = getNearestFixedParentPosition(element, translateDirection);
+            const beforefixecParentValue = getNearestParentPositionWithTranslate(element, translateDirection);
             if (elementPosittion >= scrollValue - distanceValue / 2 &&
                 elementPosittion <= scrollValue + innerDistance) {
                 const parentPosition = getParentPosition(translateDirection, parent);
@@ -96,7 +96,7 @@ const getHandlerElementAncestor = (target, draggable) => {
     return targetHandler;
 };
 const getPositionByDistance = (direction, event, element, offsetEvent) => {
-    const beforefixecParentValue = getNearestFixedParentPosition(element, direction);
+    const beforefixecParentValue = getNearestParentPositionWithTranslate(element, direction);
     const parent = element.parentElement;
     const parentPosition = getParentPosition(direction, parent);
     return (getPageValue(direction, event) -

package/dist/core/utils/GetStyles.d.ts

@@ -61,6 +61,6 @@ export declare const getSiblings: (current: HTMLElement, parent: HTMLElement) =>
 export declare const getGroupDroppables: (currentDroppable: HTMLElement, droppableGroup?: string) => Element[];
 export declare const getParentDraggableChildren: (parent: HTMLElement) => Element[];
 export declare const getSiblingsByParent: (current: HTMLElement, parent: HTMLElement) => readonly [Element[], number, HTMLElement];
-export declare const getNearestFixedParentPosition: (element: Element, direction: Direction) => number;
+export declare const getNearestParentPositionWithTranslate: (element: Element, direction: Direction) => number;
 export declare const isSameNode: (element1: Element | null | undefined, element2: Element | null) => boolean | undefined;
 export declare const hasTransform: (element: HTMLElement | null) => boolean | null;

package/dist/core/utils/GetStyles.js

@@ -176,19 +176,19 @@ export const getSiblingsByParent = (current, parent) => {
     const positionOnDroppable = [...parent.children].findLastIndex((child) => child.isEqualNode(current));
     return [siblings, positionOnDroppable, parent];
 };
-const getNearestFixedParent = (element) => {
+const getNearestParentWithTranslate = (element) => {
     let parent = element.parentElement;
     while (parent) {
-        const position = window.getComputedStyle(parent).position;
-        if (position === 'fixed') {
+        const transformValue = window.getComputedStyle(parent).translate;
+        if (transformValue !== 'none') {
             return parent;
         }
         parent = parent.parentElement;
     }
     return null; // No fixed parent found
 };
-export const getNearestFixedParentPosition = (element, direction) => {
-    const fixedParent = getNearestFixedParent(element);
+export const getNearestParentPositionWithTranslate = (element, direction) => {
+    const fixedParent = getNearestParentWithTranslate(element);
     return fixedParent
         ? getBefore(direction, getRect(fixedParent)) + getBorderBeforeWidthValue(direction, fixedParent)
         : 0;