@elliemae/ds-drag-and-drop 3.4.2 → 3.4.3

package/dist/esm/hierarchy/getHierarchyKeyboardCoordinates.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/getHierarchyKeyboardCoordinates.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  closestCorners,\n  getClientRect,\n  KeyboardCode,\n  KeyboardCoordinateGetter,\n  DroppableContainer,\n} from '@dnd-kit/core';\nimport { Coordinates } from '@dnd-kit/core/dist/types';\n\nimport { GetKeyboardCoordinatesArgs, SensorContext } from './types';\n\nconst directions: string[] = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\n\nconst vertical: string[] = [KeyboardCode.Up, KeyboardCode.Down];\n\nconst getHorizontalKeyboardCoordinates = ({\n  items,\n  active,\n  event,\n  currentCoordinates,\n  droppableContainers,\n  collisionRect,\n  droppableRects,\n}: GetKeyboardCoordinatesArgs): Coordinates | undefined => {\n  if (vertical.includes(event.code) || !active) return undefined;\n\n  const activeItem = items.find((item) => item.id === active.id);\n\n  const layoutRects: DroppableContainer[] = [];\n\n  // Get the reacheable rects depending on the arrow key pressed\n  droppableContainers.forEach((container) => {\n    if (container?.disabled) {\n      return;\n    }\n    const node = container?.node.current;\n    if (!node) {\n      return;\n    }\n    const itemParent = items.find((item) => item.id === container.id)?.parentId;\n    if (itemParent !== activeItem?.parentId) return;\n    const rect = getClientRect(node);\n    if (event.code === KeyboardCode.Left && collisionRect.left > rect.left + rect.width - 5) {\n      layoutRects.push(container);\n    } else if (event.code === KeyboardCode.Right && collisionRect.left < rect.left) {\n      layoutRects.push(container);\n    }\n  });\n\n  const sortedRects = closestCorners({\n    droppableContainers: layoutRects,\n    collisionRect,\n    active,\n    droppableRects,\n    pointerCoordinates: null,\n  });\n\n  const closestId = sortedRects.length > 0 ? sortedRects[0].id : undefined;\n\n  if (!closestId) return undefined;\n\n  const closestDroppableContainer = droppableContainers.get(closestId)?.node?.current;\n  const activeDroppableContainer = droppableContainers.get(active?.id)?.node?.current;\n\n  if (!closestDroppableContainer || !activeDroppableContainer) return undefined;\n\n  const closestRect = getClientRect(closestDroppableContainer);\n  const activeRect = getClientRect(activeDroppableContainer);\n\n  return {\n    ...currentCoordinates,\n    x: closestRect.left + (closestRect.width - collisionRect.width) / 2 + (closestRect.left < activeRect.left ? -2 : 2),\n  };\n};\n\nexport const getHierarchyKeyboardCoordinates: (\n  context: SensorContext,\n  isHorizontalDnD: boolean,\n) => KeyboardCoordinateGetter = (context, isHorizontalDnD) => {\n  const func: KeyboardCoordinateGetter = (\n    event,\n    { currentCoordinates, context: { active, collisionRect, droppableContainers, droppableRects } },\n  ) => {\n    if (directions.includes(event.code)) {\n      event.preventDefault();\n      if (!collisionRect) {\n        return undefined;\n      }\n\n      const {\n        current: { items },\n      } = context;\n\n      const args = {\n        items,\n        active,\n        event,\n        currentCoordinates,\n        droppableContainers,\n        droppableRects,\n        collisionRect,\n      };\n\n      if (isHorizontalDnD) return getHorizontalKeyboardCoordinates(args);\n      return undefined;\n    }\n    return undefined;\n  };\n  return func;\n};\n"],
-  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAWA,MAAM,aAAuB,CAAC,aAAa,MAAM,aAAa,OAAO,aAAa,IAAI,aAAa,IAAI;AAEvG,MAAM,WAAqB,CAAC,aAAa,IAAI,aAAa,IAAI;AAE9D,MAAM,mCAAmC,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACyD;AACzD,MAAI,SAAS,SAAS,MAAM,IAAI,KAAK,CAAC;AAAQ,WAAO;AAErD,QAAM,aAAa,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,OAAO,EAAE;AAE7D,QAAM,cAAoC,CAAC;AAG3C,sBAAoB,QAAQ,CAAC,cAAc;AACzC,QAAI,WAAW,UAAU;AACvB;AAAA,IACF;AACA,UAAM,OAAO,WAAW,KAAK;AAC7B,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AACA,UAAM,aAAa,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,UAAU,EAAE,GAAG;AACnE,QAAI,eAAe,YAAY;AAAU;AACzC,UAAM,OAAO,cAAc,IAAI;AAC/B,QAAI,MAAM,SAAS,aAAa,QAAQ,cAAc,OAAO,KAAK,OAAO,KAAK,QAAQ,GAAG;AACvF,kBAAY,KAAK,SAAS;AAAA,IAC5B,WAAW,MAAM,SAAS,aAAa,SAAS,cAAc,OAAO,KAAK,MAAM;AAC9E,kBAAY,KAAK,SAAS;AAAA,IAC5B;AAAA,EACF,CAAC;AAED,QAAM,cAAc,eAAe;AAAA,IACjC,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,EACtB,CAAC;AAED,QAAM,YAAY,YAAY,SAAS,IAAI,YAAY,GAAG,KAAK;AAE/D,MAAI,CAAC;AAAW,WAAO;AAEvB,QAAM,4BAA4B,oBAAoB,IAAI,SAAS,GAAG,MAAM;AAC5E,QAAM,2BAA2B,oBAAoB,IAAI,QAAQ,EAAE,GAAG,MAAM;AAE5E,MAAI,CAAC,6BAA6B,CAAC;AAA0B,WAAO;AAEpE,QAAM,cAAc,cAAc,yBAAyB;AAC3D,QAAM,aAAa,cAAc,wBAAwB;AAEzD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,YAAY,OAAQ,aAAY,QAAQ,cAAc,SAAS,IAAK,aAAY,OAAO,WAAW,OAAO,KAAK;AAAA,EACnH;AACF;AAEO,MAAM,kCAGmB,CAAC,SAAS,oBAAoB;AAC5D,QAAM,OAAiC,CACrC,OACA,EAAE,oBAAoB,SAAS,EAAE,QAAQ,eAAe,qBAAqB,uBAC1E;AACH,QAAI,WAAW,SAAS,MAAM,IAAI,GAAG;AACnC,YAAM,eAAe;AACrB,UAAI,CAAC,eAAe;AAClB,eAAO;AAAA,MACT;AAEA,YAAM;AAAA,QACJ,SAAS,EAAE;AAAA,UACT;AAEJ,YAAM,OAAO;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,UAAI;AAAiB,eAAO,iCAAiC,IAAI;AACjE,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAKP,MAAM,aAAuB,CAAC,aAAa,MAAM,aAAa,OAAO,aAAa,IAAI,aAAa,IAAI;AAEvG,MAAM,WAAqB,CAAC,aAAa,IAAI,aAAa,IAAI;AAE9D,MAAM,mCAAmC,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2D;AACzD,MAAI,SAAS,SAAS,MAAM,IAAI,KAAK,CAAC;AAAQ,WAAO;AAErD,QAAM,aAAa,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,OAAO,EAAE;AAE7D,QAAM,cAAoC,CAAC;AAG3C,sBAAoB,QAAQ,CAAC,cAAc;AACzC,QAAI,WAAW,UAAU;AACvB;AAAA,IACF;AACA,UAAM,OAAO,WAAW,KAAK;AAC7B,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AACA,UAAM,aAAa,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,UAAU,EAAE,GAAG;AACnE,QAAI,eAAe,YAAY;AAAU;AACzC,UAAM,OAAO,cAAc,IAAI;AAC/B,QAAI,MAAM,SAAS,aAAa,QAAQ,cAAc,OAAO,KAAK,OAAO,KAAK,QAAQ,GAAG;AACvF,kBAAY,KAAK,SAAS;AAAA,IAC5B,WAAW,MAAM,SAAS,aAAa,SAAS,cAAc,OAAO,KAAK,MAAM;AAC9E,kBAAY,KAAK,SAAS;AAAA,IAC5B;AAAA,EACF,CAAC;AAED,QAAM,cAAc,eAAe;AAAA,IACjC,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,EACtB,CAAC;AAED,QAAM,YAAY,YAAY,SAAS,IAAI,YAAY,GAAG,KAAK;AAE/D,MAAI,CAAC;AAAW,WAAO;AAEvB,QAAM,4BAA4B,oBAAoB,IAAI,SAAS,GAAG,MAAM;AAC5E,QAAM,2BAA2B,oBAAoB,IAAI,QAAQ,EAAE,GAAG,MAAM;AAE5E,MAAI,CAAC,6BAA6B,CAAC;AAA0B,WAAO;AAEpE,QAAM,cAAc,cAAc,yBAAyB;AAC3D,QAAM,aAAa,cAAc,wBAAwB;AAEzD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,YAAY,QAAQ,YAAY,QAAQ,cAAc,SAAS,KAAK,YAAY,OAAO,WAAW,OAAO,KAAK;AAAA,EACnH;AACF;AAEO,MAAM,kCAGmB,CAAC,SAAS,oBAAoB;AAC5D,QAAM,OAAiC,CACrC,OACA,EAAE,oBAAoB,SAAS,EAAE,QAAQ,eAAe,qBAAqB,eAAe,EAAE,MAC3F;AACH,QAAI,WAAW,SAAS,MAAM,IAAI,GAAG;AACnC,YAAM,eAAe;AACrB,UAAI,CAAC,eAAe;AAClB,eAAO;AAAA,MACT;AAEA,YAAM;AAAA,QACJ,SAAS,EAAE,MAAM;AAAA,MACnB,IAAI;AAEJ,YAAM,OAAO;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,UAAI;AAAiB,eAAO,iCAAiC,IAAI;AACjE,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/hierarchy/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useHierarchyDndkitConfig';\n"],
-  "mappings": "AAAA;ACAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/hierarchy/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;",
   "names": []
 }

package/dist/esm/hierarchy/useHierarchyActionHandlers.js

@@ -8,29 +8,41 @@ const useHierarchyActionHandlers = ({
   onReorder,
   dndItems
 }) => {
-  const onDragStart = useCallback((e) => {
-    handlePreviewDragStart(e);
-  }, [handlePreviewDragStart]);
-  const onDragMove = useCallback((e) => {
-    handlePreviewDragMove(e);
-  }, [handlePreviewDragMove]);
-  const onDragEnd = useCallback((e) => {
-    handlePreviewDragEnd(e);
-    const { active, over } = e;
-    if (!over)
-      return;
-    if (active.id !== over.id) {
-      const activeIndex = dndItems.findIndex((item) => item.id === active.id);
-      const overIndex = dndItems.findIndex((item) => item.id === over.id);
-      onReorder(dndItems[activeIndex], {
-        targetIndex: overIndex,
-        fromIndex: activeIndex
-      });
-    }
-  }, [handlePreviewDragEnd, dndItems, onReorder]);
-  const onDragCancel = useCallback((e) => {
-    handlePreviewDragCancel(e);
-  }, [handlePreviewDragCancel]);
+  const onDragStart = useCallback(
+    (e) => {
+      handlePreviewDragStart(e);
+    },
+    [handlePreviewDragStart]
+  );
+  const onDragMove = useCallback(
+    (e) => {
+      handlePreviewDragMove(e);
+    },
+    [handlePreviewDragMove]
+  );
+  const onDragEnd = useCallback(
+    (e) => {
+      handlePreviewDragEnd(e);
+      const { active, over } = e;
+      if (!over)
+        return;
+      if (active.id !== over.id) {
+        const activeIndex = dndItems.findIndex((item) => item.id === active.id);
+        const overIndex = dndItems.findIndex((item) => item.id === over.id);
+        onReorder(dndItems[activeIndex], {
+          targetIndex: overIndex,
+          fromIndex: activeIndex
+        });
+      }
+    },
+    [handlePreviewDragEnd, dndItems, onReorder]
+  );
+  const onDragCancel = useCallback(
+    (e) => {
+      handlePreviewDragCancel(e);
+    },
+    [handlePreviewDragCancel]
+  );
   return { onDragStart, onDragMove, onDragEnd, onDragCancel };
 };
 export {

package/dist/esm/hierarchy/useHierarchyActionHandlers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/useHierarchyActionHandlers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { DragStartEvent, DragMoveEvent, DragEndEvent, DragCancelEvent } from '@dnd-kit/core';\nimport { UseHierarchyActionHandlersReturn, UseHierarchyActionHandlersArgs } from './types';\n\nexport const useHierarchyActionHandlers = ({\n  handlePreviewDragStart,\n  handlePreviewDragMove,\n  handlePreviewDragEnd,\n  handlePreviewDragCancel,\n  onReorder,\n  dndItems,\n}: UseHierarchyActionHandlersArgs): UseHierarchyActionHandlersReturn => {\n  const onDragStart = useCallback(\n    (e: DragStartEvent) => {\n      handlePreviewDragStart(e);\n    },\n    [handlePreviewDragStart],\n  );\n\n  const onDragMove = useCallback(\n    (e: DragMoveEvent) => {\n      handlePreviewDragMove(e);\n    },\n    [handlePreviewDragMove],\n  );\n\n  const onDragEnd = useCallback(\n    (e: DragEndEvent) => {\n      handlePreviewDragEnd(e);\n      const { active, over } = e;\n\n      if (!over) return;\n\n      if (active.id !== over.id) {\n        const activeIndex = dndItems.findIndex((item) => item.id === active.id);\n        const overIndex = dndItems.findIndex((item) => item.id === over.id);\n\n        onReorder(dndItems[activeIndex], {\n          targetIndex: overIndex,\n          fromIndex: activeIndex,\n        });\n      }\n    },\n    [handlePreviewDragEnd, dndItems, onReorder],\n  );\n\n  const onDragCancel = useCallback(\n    (e: DragCancelEvent) => {\n      handlePreviewDragCancel(e);\n    },\n    [handlePreviewDragCancel],\n  );\n\n  return { onDragStart, onDragMove, onDragEnd, onDragCancel };\n};\n"],
-  "mappings": "AAAA;ACAA;AAIO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACsE;AACtE,QAAM,cAAc,YAClB,CAAC,MAAsB;AACrB,2BAAuB,CAAC;AAAA,EAC1B,GACA,CAAC,sBAAsB,CACzB;AAEA,QAAM,aAAa,YACjB,CAAC,MAAqB;AACpB,0BAAsB,CAAC;AAAA,EACzB,GACA,CAAC,qBAAqB,CACxB;AAEA,QAAM,YAAY,YAChB,CAAC,MAAoB;AACnB,yBAAqB,CAAC;AACtB,UAAM,EAAE,QAAQ,SAAS;AAEzB,QAAI,CAAC;AAAM;AAEX,QAAI,OAAO,OAAO,KAAK,IAAI;AACzB,YAAM,cAAc,SAAS,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO,EAAE;AACtE,YAAM,YAAY,SAAS,UAAU,CAAC,SAAS,KAAK,OAAO,KAAK,EAAE;AAElE,gBAAU,SAAS,cAAc;AAAA,QAC/B,aAAa;AAAA,QACb,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAAA,EACF,GACA,CAAC,sBAAsB,UAAU,SAAS,CAC5C;AAEA,QAAM,eAAe,YACnB,CAAC,MAAuB;AACtB,4BAAwB,CAAC;AAAA,EAC3B,GACA,CAAC,uBAAuB,CAC1B;AAEA,SAAO,EAAE,aAAa,YAAY,WAAW,aAAa;AAC5D;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAIrB,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwE;AACtE,QAAM,cAAc;AAAA,IAClB,CAAC,MAAsB;AACrB,6BAAuB,CAAC;AAAA,IAC1B;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,MAAqB;AACpB,4BAAsB,CAAC;AAAA,IACzB;AAAA,IACA,CAAC,qBAAqB;AAAA,EACxB;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,MAAoB;AACnB,2BAAqB,CAAC;AACtB,YAAM,EAAE,QAAQ,KAAK,IAAI;AAEzB,UAAI,CAAC;AAAM;AAEX,UAAI,OAAO,OAAO,KAAK,IAAI;AACzB,cAAM,cAAc,SAAS,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO,EAAE;AACtE,cAAM,YAAY,SAAS,UAAU,CAAC,SAAS,KAAK,OAAO,KAAK,EAAE;AAElE,kBAAU,SAAS,cAAc;AAAA,UAC/B,aAAa;AAAA,UACb,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,UAAU,SAAS;AAAA,EAC5C;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,MAAuB;AACtB,8BAAwB,CAAC;AAAA,IAC3B;AAAA,IACA,CAAC,uBAAuB;AAAA,EAC1B;AAEA,SAAO,EAAE,aAAa,YAAY,WAAW,aAAa;AAC5D;",
   "names": []
 }

package/dist/esm/hierarchy/useHierarchyAnnouncements.js

@@ -1,23 +1,35 @@
 import * as React from "react";
 import { useCallback } from "react";
 const useHierarchyAnnouncements = (visibleItemsDictionary) => {
-  const onDragStart = useCallback(({ active: { id } }) => `Picked up draggable item from position ${visibleItemsDictionary[id].index + 1}.`, [visibleItemsDictionary]);
-  const onDragMove = useCallback(({ over }) => {
-    if (over) {
-      const overIndex = visibleItemsDictionary[over.id].index + 1;
-      return `Draggable item was moved to position ${overIndex}.`;
-    }
-    return `Draggable item is no longer over a droppable area.`;
-  }, [visibleItemsDictionary]);
+  const onDragStart = useCallback(
+    ({ active: { id } }) => `Picked up draggable item from position ${visibleItemsDictionary[id].index + 1}.`,
+    [visibleItemsDictionary]
+  );
+  const onDragMove = useCallback(
+    ({ over }) => {
+      if (over) {
+        const overIndex = visibleItemsDictionary[over.id].index + 1;
+        return `Draggable item was moved to position ${overIndex}.`;
+      }
+      return `Draggable item is no longer over a droppable area.`;
+    },
+    [visibleItemsDictionary]
+  );
   const onDragOver = onDragMove;
-  const onDragEnd = useCallback(({ over }) => {
-    if (over) {
-      const overIndex = visibleItemsDictionary[over.id].index + 1;
-      return `Draggable item was dropped over position ${overIndex}.`;
-    }
-    return `Draggable item was dropped at it's original position.`;
-  }, [visibleItemsDictionary]);
-  const onDragCancel = useCallback(({ active: { id } }) => `Dragging was cancelled. Draggable item from position ${visibleItemsDictionary[id].index + 1} was dropped at it's initial position.`, [visibleItemsDictionary]);
+  const onDragEnd = useCallback(
+    ({ over }) => {
+      if (over) {
+        const overIndex = visibleItemsDictionary[over.id].index + 1;
+        return `Draggable item was dropped over position ${overIndex}.`;
+      }
+      return `Draggable item was dropped at it's original position.`;
+    },
+    [visibleItemsDictionary]
+  );
+  const onDragCancel = useCallback(
+    ({ active: { id } }) => `Dragging was cancelled. Draggable item from position ${visibleItemsDictionary[id].index + 1} was dropped at it's initial position.`,
+    [visibleItemsDictionary]
+  );
   return { onDragStart, onDragOver, onDragMove, onDragEnd, onDragCancel };
 };
 export {

package/dist/esm/hierarchy/useHierarchyAnnouncements.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/useHierarchyAnnouncements.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Announcements } from '@dnd-kit/core';\nimport { useCallback } from 'react';\nimport { Item } from './types';\n\nexport const useHierarchyAnnouncements = (visibleItemsDictionary: Record<string, Item>): Announcements => {\n  const onDragStart: Announcements['onDragStart'] = useCallback(\n    ({ active: { id } }) => `Picked up draggable item from position ${visibleItemsDictionary[id].index + 1}.`,\n    [visibleItemsDictionary],\n  );\n\n  const onDragMove: Announcements['onDragMove'] = useCallback(\n    ({ over }) => {\n      if (over) {\n        const overIndex = visibleItemsDictionary[over.id].index + 1;\n        return `Draggable item was moved to position ${overIndex}.`;\n      }\n\n      return `Draggable item is no longer over a droppable area.`;\n    },\n    [visibleItemsDictionary],\n  );\n\n  const onDragOver: Announcements['onDragOver'] = onDragMove;\n\n  const onDragEnd: Announcements['onDragEnd'] = useCallback(\n    ({ over }) => {\n      if (over) {\n        const overIndex = visibleItemsDictionary[over.id].index + 1;\n        return `Draggable item was dropped over position ${overIndex}.`;\n      }\n\n      return `Draggable item was dropped at it's original position.`;\n    },\n    [visibleItemsDictionary],\n  );\n\n  const onDragCancel: Announcements['onDragCancel'] = useCallback(\n    ({ active: { id } }) =>\n      `Dragging was cancelled. Draggable item from position ${\n        visibleItemsDictionary[id].index + 1\n      } was dropped at it's initial position.`,\n    [visibleItemsDictionary],\n  );\n\n  return { onDragStart, onDragOver, onDragMove, onDragEnd, onDragCancel };\n};\n"],
-  "mappings": "AAAA;ACCA;AAGO,MAAM,4BAA4B,CAAC,2BAAgE;AACxG,QAAM,cAA4C,YAChD,CAAC,EAAE,QAAQ,EAAE,WAAW,0CAA0C,uBAAuB,IAAI,QAAQ,MACrG,CAAC,sBAAsB,CACzB;AAEA,QAAM,aAA0C,YAC9C,CAAC,EAAE,WAAW;AACZ,QAAI,MAAM;AACR,YAAM,YAAY,uBAAuB,KAAK,IAAI,QAAQ;AAC1D,aAAO,wCAAwC;AAAA,IACjD;AAEA,WAAO;AAAA,EACT,GACA,CAAC,sBAAsB,CACzB;AAEA,QAAM,aAA0C;AAEhD,QAAM,YAAwC,YAC5C,CAAC,EAAE,WAAW;AACZ,QAAI,MAAM;AACR,YAAM,YAAY,uBAAuB,KAAK,IAAI,QAAQ;AAC1D,aAAO,4CAA4C;AAAA,IACrD;AAEA,WAAO;AAAA,EACT,GACA,CAAC,sBAAsB,CACzB;AAEA,QAAM,eAA8C,YAClD,CAAC,EAAE,QAAQ,EAAE,WACX,wDACE,uBAAuB,IAAI,QAAQ,2CAEvC,CAAC,sBAAsB,CACzB;AAEA,SAAO,EAAE,aAAa,YAAY,YAAY,WAAW,aAAa;AACxE;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,mBAAmB;AAGrB,MAAM,4BAA4B,CAAC,2BAAgE;AACxG,QAAM,cAA4C;AAAA,IAChD,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,0CAA0C,uBAAuB,IAAI,QAAQ;AAAA,IACrG,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,aAA0C;AAAA,IAC9C,CAAC,EAAE,KAAK,MAAM;AACZ,UAAI,MAAM;AACR,cAAM,YAAY,uBAAuB,KAAK,IAAI,QAAQ;AAC1D,eAAO,wCAAwC;AAAA,MACjD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,aAA0C;AAEhD,QAAM,YAAwC;AAAA,IAC5C,CAAC,EAAE,KAAK,MAAM;AACZ,UAAI,MAAM;AACR,cAAM,YAAY,uBAAuB,KAAK,IAAI,QAAQ;AAC1D,eAAO,4CAA4C;AAAA,MACrD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,eAA8C;AAAA,IAClD,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAChB,wDACE,uBAAuB,IAAI,QAAQ;AAAA,IAEvC,CAAC,sBAAsB;AAAA,EACzB;AAEA,SAAO,EAAE,aAAa,YAAY,YAAY,WAAW,aAAa;AACxE;",
   "names": []
 }

package/dist/esm/hierarchy/useHierarchyDndkitConfig.js

@@ -57,10 +57,16 @@ const useHierarchyDndkitConfig = ({
       items: dndItems
     };
   }, [dndItems]);
-  const coordinateGetter = useMemo(() => getHierarchyKeyboardCoordinates(sensorContext, isHorizontalDnD), [isHorizontalDnD]);
-  const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-    coordinateGetter
-  }));
+  const coordinateGetter = useMemo(
+    () => getHierarchyKeyboardCoordinates(sensorContext, isHorizontalDnD),
+    [isHorizontalDnD]
+  );
+  const sensors = useSensors(
+    useSensor(PointerSensor),
+    useSensor(KeyboardSensor, {
+      coordinateGetter
+    })
+  );
   const dragPreviewHandlers = useHierarchyPreviewHandlers({
     setActiveId,
     onPreviewResetState,
@@ -72,17 +78,20 @@ const useHierarchyDndkitConfig = ({
     onReorder
   });
   const announcements = useHierarchyAnnouncements(itemsDictionary);
-  const dndContextProps = useMemo(() => ({
-    accessibility: {
-      announcements,
-      container: document.body
-    },
-    modifiers,
-    sensors,
-    measuring,
-    collisionDetection: customCollisionDetection(activeId, itemsDictionary[activeId ?? ""]?.parentId, dndItems),
-    ...dragActionHandlers
-  }), [announcements, modifiers, sensors, activeId, itemsDictionary, dndItems, dragActionHandlers]);
+  const dndContextProps = useMemo(
+    () => ({
+      accessibility: {
+        announcements,
+        container: document.body
+      },
+      modifiers,
+      sensors,
+      measuring,
+      collisionDetection: customCollisionDetection(activeId, itemsDictionary[activeId ?? ""]?.parentId, dndItems),
+      ...dragActionHandlers
+    }),
+    [announcements, modifiers, sensors, activeId, itemsDictionary, dndItems, dragActionHandlers]
+  );
   return {
     dndContextProps,
     activeId,

package/dist/esm/hierarchy/useHierarchyDndkitConfig.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/useHierarchyDndkitConfig.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { useState, useEffect, useMemo, useRef } from 'react';\nimport {\n  useSensor,\n  useSensors,\n  KeyboardSensor,\n  PointerSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  Modifier,\n} from '@dnd-kit/core';\nimport { useHierarchyActionHandlers } from './useHierarchyActionHandlers';\nimport { useHierarchyPreviewHandlers } from './useHierarchyPreviewHandlers';\nimport type { UseHierarchyDndkitConfigType, SensorContext, Item } from './types';\nimport { getHierarchyKeyboardCoordinates } from './getHierarchyKeyboardCoordinates';\nimport { customCollisionDetection } from './customCollisionDetection';\nimport { useHierarchyAnnouncements } from './useHierarchyAnnouncements';\n\n// we make space for the drop indicator\n// if second parameter is true, the space will be done on the horizontal axis\nconst adjustTranslate = (isHorizontalDnD: boolean): Modifier => {\n  const func: Modifier = ({ transform }) => {\n    const newTransform = {\n      ...transform,\n    };\n    if (isHorizontalDnD) {\n      newTransform.y = transform.y + 15;\n    } else {\n      newTransform.y = transform.y - 35;\n    }\n    return newTransform;\n  };\n  return func;\n};\n\nconst measuring: Partial<MeasuringConfiguration> = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nconst noop = () => null;\n\nexport const useHierarchyDndkitConfig: UseHierarchyDndkitConfigType = ({\n  flattenedItems,\n  isHorizontalDnD = false,\n  onReorder,\n  onPreviewResetState = noop,\n  onPreviewDragStart = noop,\n}) => {\n  const [activeId, setActiveId] = useState('');\n\n  const dndItems = useMemo(() => flattenedItems.map(([item]) => item), [flattenedItems]);\n\n  const itemsDictionary = useMemo(() => {\n    const dictionary: Record<string, Item> = {};\n    dndItems.forEach((item) => {\n      dictionary[item.id] = item;\n    });\n    return dictionary;\n  }, [dndItems]);\n\n  const modifiers: Modifier[] = useMemo(() => [adjustTranslate(isHorizontalDnD)], [isHorizontalDnD]);\n\n  const sensorContext: SensorContext = useRef({\n    items: dndItems,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: dndItems,\n    };\n  }, [dndItems]);\n\n  const coordinateGetter = useMemo(\n    () => getHierarchyKeyboardCoordinates(sensorContext, isHorizontalDnD),\n    [isHorizontalDnD],\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter,\n    }),\n  );\n\n  const dragPreviewHandlers = useHierarchyPreviewHandlers({\n    setActiveId,\n    onPreviewResetState,\n    onPreviewDragStart,\n  });\n\n  const dragActionHandlers = useHierarchyActionHandlers({\n    ...dragPreviewHandlers,\n    dndItems,\n    onReorder,\n  });\n\n  const announcements = useHierarchyAnnouncements(itemsDictionary);\n\n  const dndContextProps = useMemo(\n    () => ({\n      accessibility: {\n        announcements,\n        container: document.body,\n      },\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection: customCollisionDetection(activeId, itemsDictionary[activeId ?? '']?.parentId, dndItems),\n      ...dragActionHandlers,\n    }),\n    [announcements, modifiers, sensors, activeId, itemsDictionary, dndItems, dragActionHandlers],\n  );\n\n  return {\n    dndContextProps,\n    activeId,\n    activeIndex: activeId ? itemsDictionary[activeId]?.index : -1,\n  };\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AAEA;AACA;AACA;AAIA,MAAM,kBAAkB,CAAC,oBAAuC;AAC9D,QAAM,OAAiB,CAAC,EAAE,gBAAgB;AACxC,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,IACL;AACA,QAAI,iBAAiB;AACnB,mBAAa,IAAI,UAAU,IAAI;AAAA,IACjC,OAAO;AACL,mBAAa,IAAI,UAAU,IAAI;AAAA,IACjC;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,YAA6C;AAAA,EACjD,WAAW;AAAA,IACT,UAAU,kBAAkB;AAAA,EAC9B;AACF;AAEA,MAAM,OAAO,MAAM;AAEZ,MAAM,2BAAyD,CAAC;AAAA,EACrE;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,MACjB;AACJ,QAAM,CAAC,UAAU,eAAe,SAAS,EAAE;AAE3C,QAAM,WAAW,QAAQ,MAAM,eAAe,IAAI,CAAC,CAAC,UAAU,IAAI,GAAG,CAAC,cAAc,CAAC;AAErF,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,aAAmC,CAAC;AAC1C,aAAS,QAAQ,CAAC,SAAS;AACzB,iBAAW,KAAK,MAAM;AAAA,IACxB,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAwB,QAAQ,MAAM,CAAC,gBAAgB,eAAe,CAAC,GAAG,CAAC,eAAe,CAAC;AAEjG,QAAM,gBAA+B,OAAO;AAAA,IAC1C,OAAO;AAAA,EACT,CAAC;AAED,YAAU,MAAM;AACd,kBAAc,UAAU;AAAA,MACtB,OAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,mBAAmB,QACvB,MAAM,gCAAgC,eAAe,eAAe,GACpE,CAAC,eAAe,CAClB;AAEA,QAAM,UAAU,WACd,UAAU,aAAa,GACvB,UAAU,gBAAgB;AAAA,IACxB;AAAA,EACF,CAAC,CACH;AAEA,QAAM,sBAAsB,4BAA4B;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,qBAAqB,2BAA2B;AAAA,IACpD,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,QAAM,kBAAkB,QACtB,MAAO;AAAA,IACL,eAAe;AAAA,MACb;AAAA,MACA,WAAW,SAAS;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,yBAAyB,UAAU,gBAAgB,YAAY,KAAK,UAAU,QAAQ;AAAA,IAC1G,GAAG;AAAA,EACL,IACA,CAAC,eAAe,WAAW,SAAS,UAAU,iBAAiB,UAAU,kBAAkB,CAC7F;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa,WAAW,gBAAgB,WAAW,QAAQ;AAAA,EAC7D;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,UAAU,WAAW,SAAS,cAAc;AACrD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAE5C,SAAS,uCAAuC;AAChD,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAI1C,MAAM,kBAAkB,CAAC,oBAAuC;AAC9D,QAAM,OAAiB,CAAC,EAAE,UAAU,MAAM;AACxC,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,IACL;AACA,QAAI,iBAAiB;AACnB,mBAAa,IAAI,UAAU,IAAI;AAAA,IACjC,OAAO;AACL,mBAAa,IAAI,UAAU,IAAI;AAAA,IACjC;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,YAA6C;AAAA,EACjD,WAAW;AAAA,IACT,UAAU,kBAAkB;AAAA,EAC9B;AACF;AAEA,MAAM,OAAO,MAAM;AAEZ,MAAM,2BAAyD,CAAC;AAAA,EACrE;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA,sBAAsB;AAAA,EACtB,qBAAqB;AACvB,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,QAAM,WAAW,QAAQ,MAAM,eAAe,IAAI,CAAC,CAAC,IAAI,MAAM,IAAI,GAAG,CAAC,cAAc,CAAC;AAErF,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,aAAmC,CAAC;AAC1C,aAAS,QAAQ,CAAC,SAAS;AACzB,iBAAW,KAAK,MAAM;AAAA,IACxB,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAwB,QAAQ,MAAM,CAAC,gBAAgB,eAAe,CAAC,GAAG,CAAC,eAAe,CAAC;AAEjG,QAAM,gBAA+B,OAAO;AAAA,IAC1C,OAAO;AAAA,EACT,CAAC;AAED,YAAU,MAAM;AACd,kBAAc,UAAU;AAAA,MACtB,OAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,mBAAmB;AAAA,IACvB,MAAM,gCAAgC,eAAe,eAAe;AAAA,IACpE,CAAC,eAAe;AAAA,EAClB;AAEA,QAAM,UAAU;AAAA,IACd,UAAU,aAAa;AAAA,IACvB,UAAU,gBAAgB;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,sBAAsB,4BAA4B;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,qBAAqB,2BAA2B;AAAA,IACpD,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,0BAA0B,eAAe;AAE/D,QAAM,kBAAkB;AAAA,IACtB,OAAO;AAAA,MACL,eAAe;AAAA,QACb;AAAA,QACA,WAAW,SAAS;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,oBAAoB,yBAAyB,UAAU,gBAAgB,YAAY,KAAK,UAAU,QAAQ;AAAA,MAC1G,GAAG;AAAA,IACL;AAAA,IACA,CAAC,eAAe,WAAW,SAAS,UAAU,iBAAiB,UAAU,kBAAkB;AAAA,EAC7F;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa,WAAW,gBAAgB,WAAW,QAAQ;AAAA,EAC7D;AACF;",
   "names": []
 }

package/dist/esm/hierarchy/useHierarchyPreviewHandlers.js

@@ -10,11 +10,14 @@ const useHierarchyPreviewHandlers = ({
     onPreviewResetState();
     document.body.style.setProperty("cursor", "");
   }, [setActiveId, onPreviewResetState]);
-  const handlePreviewDragStart = useCallback(({ active: { id } }) => {
-    setActiveId(id.toString());
-    document.body.style.setProperty("cursor", "grabbing");
-    onPreviewDragStart();
-  }, [setActiveId, onPreviewDragStart]);
+  const handlePreviewDragStart = useCallback(
+    ({ active: { id } }) => {
+      setActiveId(id.toString());
+      document.body.style.setProperty("cursor", "grabbing");
+      onPreviewDragStart();
+    },
+    [setActiveId, onPreviewDragStart]
+  );
   const handlePreviewDragMove = useCallback(() => null, []);
   const handlePreviewDragEnd = useCallback(() => {
     resetState();

package/dist/esm/hierarchy/useHierarchyPreviewHandlers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/useHierarchyPreviewHandlers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { DragStartEvent } from '@dnd-kit/core';\nimport type { UseHierarchyPreviewHandlersReturn, UseHierarchyPreviewHandlersArgs } from './types';\n\nexport const useHierarchyPreviewHandlers = ({\n  setActiveId,\n  onPreviewResetState,\n  onPreviewDragStart,\n}: UseHierarchyPreviewHandlersArgs): UseHierarchyPreviewHandlersReturn => {\n  const resetState = useCallback(() => {\n    setActiveId('');\n    onPreviewResetState();\n\n    document.body.style.setProperty('cursor', '');\n  }, [setActiveId, onPreviewResetState]);\n\n  const handlePreviewDragStart = useCallback(\n    ({ active: { id } }: DragStartEvent) => {\n      setActiveId(id.toString());\n      document.body.style.setProperty('cursor', 'grabbing');\n      onPreviewDragStart();\n    },\n    [setActiveId, onPreviewDragStart],\n  );\n\n  const handlePreviewDragMove = useCallback(() => null, []);\n\n  const handlePreviewDragEnd = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  const handlePreviewDragCancel = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  return {\n    handlePreviewDragStart,\n    handlePreviewDragMove,\n    handlePreviewDragEnd,\n    handlePreviewDragCancel,\n  };\n};\n"],
-  "mappings": "AAAA;ACAA;AAIO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,MACwE;AACxE,QAAM,aAAa,YAAY,MAAM;AACnC,gBAAY,EAAE;AACd,wBAAoB;AAEpB,aAAS,KAAK,MAAM,YAAY,UAAU,EAAE;AAAA,EAC9C,GAAG,CAAC,aAAa,mBAAmB,CAAC;AAErC,QAAM,yBAAyB,YAC7B,CAAC,EAAE,QAAQ,EAAE,WAA2B;AACtC,gBAAY,GAAG,SAAS,CAAC;AACzB,aAAS,KAAK,MAAM,YAAY,UAAU,UAAU;AACpD,uBAAmB;AAAA,EACrB,GACA,CAAC,aAAa,kBAAkB,CAClC;AAEA,QAAM,wBAAwB,YAAY,MAAM,MAAM,CAAC,CAAC;AAExD,QAAM,uBAAuB,YAAY,MAAM;AAC7C,eAAW;AAAA,EACb,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,0BAA0B,YAAY,MAAM;AAChD,eAAW;AAAA,EACb,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAIrB,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAA0E;AACxE,QAAM,aAAa,YAAY,MAAM;AACnC,gBAAY,EAAE;AACd,wBAAoB;AAEpB,aAAS,KAAK,MAAM,YAAY,UAAU,EAAE;AAAA,EAC9C,GAAG,CAAC,aAAa,mBAAmB,CAAC;AAErC,QAAM,yBAAyB;AAAA,IAC7B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAsB;AACtC,kBAAY,GAAG,SAAS,CAAC;AACzB,eAAS,KAAK,MAAM,YAAY,UAAU,UAAU;AACpD,yBAAmB;AAAA,IACrB;AAAA,IACA,CAAC,aAAa,kBAAkB;AAAA,EAClC;AAEA,QAAM,wBAAwB,YAAY,MAAM,MAAM,CAAC,CAAC;AAExD,QAAM,uBAAuB,YAAY,MAAM;AAC7C,eAAW;AAAA,EACb,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,0BAA0B,YAAY,MAAM;AAChD,eAAW;AAAA,EACb,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './hierarchy';\nexport * from './tree';\n\nexport * from '@dnd-kit/core';\nexport * from '@dnd-kit/sortable';\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/tree/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/constants.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export enum DropIndicatorPosition {\n  None = 0,\n  Before = 1,\n  After = 2,\n  Inside = 3,\n}\n"],
-  "mappings": "AAAA;ACAO,IAAK,wBAAL,kBAAK,2BAAL;AACL,0DAAO,KAAP;AACA,4DAAS,KAAT;AACA,2DAAQ,KAAR;AACA,4DAAS,KAAT;AAJU;AAAA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,IAAK,wBAAL,kBAAKA,2BAAL;AACL,EAAAA,8CAAA,UAAO,KAAP;AACA,EAAAA,8CAAA,YAAS,KAAT;AACA,EAAAA,8CAAA,WAAQ,KAAR;AACA,EAAAA,8CAAA,YAAS,KAAT;AAJU,SAAAA;AAAA,GAAA;",
+  "names": ["DropIndicatorPosition"]
 }

package/dist/esm/tree/customCollisionDetection.js

@@ -30,29 +30,35 @@ const customCollisionDetection = (activeId, visibleItemsDictionary, setDropIndic
     const threshold = collisionRect.height * thresholdRatio;
     let collidingContainer = null;
     if (isUp) {
-      collidingContainer = droppableContainers.reduce((firstRectDown, container) => {
-        const rect = container.rect.current;
-        if (rect && firstRectDown.rect.current) {
-          const { top: rectTop } = rect;
-          const { top: firstRectDownTop } = firstRectDown.rect.current;
-          if (rectTop + threshold > collisionRect.top && rectTop < firstRectDownTop) {
-            return container;
+      collidingContainer = droppableContainers.reduce(
+        (firstRectDown, container) => {
+          const rect = container.rect.current;
+          if (rect && firstRectDown.rect.current) {
+            const { top: rectTop } = rect;
+            const { top: firstRectDownTop } = firstRectDown.rect.current;
+            if (rectTop + threshold > collisionRect.top && rectTop < firstRectDownTop) {
+              return container;
+            }
           }
-        }
-        return firstRectDown;
-      }, { id: DUMMY_ID, rect: { current: RECT_DOWN } });
+          return firstRectDown;
+        },
+        { id: DUMMY_ID, rect: { current: RECT_DOWN } }
+      );
     } else {
-      collidingContainer = droppableContainers.reduce((firstRectUp, container) => {
-        const rect = container.rect.current;
-        if (rect && firstRectUp.rect.current) {
-          const { top: rectTop } = rect;
-          const { top: firstRectUpTop } = firstRectUp.rect.current;
-          if (rectTop - threshold < collisionRect.top && rectTop > firstRectUpTop) {
-            return container;
+      collidingContainer = droppableContainers.reduce(
+        (firstRectUp, container) => {
+          const rect = container.rect.current;
+          if (rect && firstRectUp.rect.current) {
+            const { top: rectTop } = rect;
+            const { top: firstRectUpTop } = firstRectUp.rect.current;
+            if (rectTop - threshold < collisionRect.top && rectTop > firstRectUpTop) {
+              return container;
+            }
           }
-        }
-        return firstRectUp;
-      }, { id: DUMMY_ID, rect: { current: RECT_UP } });
+          return firstRectUp;
+        },
+        { id: DUMMY_ID, rect: { current: RECT_UP } }
+      );
     }
     if (collidingContainer.id === DUMMY_ID) {
       return [];

package/dist/esm/tree/customCollisionDetection.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/customCollisionDetection.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable max-params */\nimport { ClientRect, type CollisionDetection, type DroppableContainer } from '@dnd-kit/core';\nimport { DropIndicatorPosition } from './constants';\nimport { Item } from './types';\n\nconst DUMMY_ID = 'DUMMY_ID_INTERNAL_USE_ONLY';\nconst RECT_UP: ClientRect = {\n  top: -Infinity,\n  left: 0, // Doesn't matter,\n  right: 0, // Doesn't matter,\n  bottom: 0, // Doesn't matter,\n  width: 0, // Doesn't matter\n  height: 0, // Doesn't matter\n};\nconst RECT_DOWN: ClientRect = {\n  top: Infinity,\n  left: 0, // Doesn't matter,\n  right: 0, // Doesn't matter,\n  bottom: 0, // Doesn't matter,\n  width: 0, // Doesn't matter\n  height: 0, // Doesn't matter\n};\n\n// Percentage of height to take into consideration when looking for colliding rects\nconst thresholdRatio = 0.2;\n// Percentage to be inside\nconst insideThreshold = 0.7;\n\nexport const customCollisionDetection = (\n  activeId: string,\n  visibleItemsDictionary: Record<string, Item>,\n  setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>,\n  maxDragAndDropLevel: number,\n  lastPosition: string,\n  setLastPosition: React.Dispatch<React.SetStateAction<string>>,\n): CollisionDetection => {\n  const func: CollisionDetection = ({ droppableContainers, collisionRect }) => {\n    const originalContainer = droppableContainers.find(({ id }) => id === activeId);\n    const originalRect = originalContainer?.rect?.current;\n\n    // We first check if the item was moved up or down\n    // This modifies how to search the matching colliding rect\n    let isUp = lastPosition === 'up';\n    if (originalRect) {\n      isUp = originalRect.top > collisionRect.top;\n    }\n\n    // Threshold\n    const threshold = collisionRect.height * thresholdRatio;\n\n    let collidingContainer: DroppableContainer | null = null;\n\n    if (isUp) {\n      // Up -- We need to find the first rectangle downwards\n      collidingContainer = droppableContainers.reduce(\n        (firstRectDown, container) => {\n          const rect = container.rect.current;\n          if (rect && firstRectDown.rect.current) {\n            const { top: rectTop } = rect;\n            const { top: firstRectDownTop } = firstRectDown.rect.current;\n            if (rectTop + threshold > collisionRect.top && rectTop < firstRectDownTop) {\n              return container;\n            }\n          }\n          return firstRectDown;\n        },\n        { id: DUMMY_ID, rect: { current: RECT_DOWN } } as DroppableContainer,\n      );\n    } else {\n      // Down -- We need to find the first rectangle upwards\n      collidingContainer = droppableContainers.reduce(\n        (firstRectUp, container) => {\n          const rect = container.rect.current;\n          if (rect && firstRectUp.rect.current) {\n            const { top: rectTop } = rect;\n            const { top: firstRectUpTop } = firstRectUp.rect.current;\n            if (rectTop - threshold < collisionRect.top && rectTop > firstRectUpTop) {\n              return container;\n            }\n          }\n          return firstRectUp;\n        },\n        { id: DUMMY_ID, rect: { current: RECT_UP } } as DroppableContainer,\n      );\n    }\n\n    // If we didn't find a match, return empty array\n    if (collidingContainer.id === DUMMY_ID) {\n      return [];\n    }\n\n    const collidingRect = collidingContainer.rect.current;\n\n    if (!collidingRect) return [];\n\n    // Calculate the intersection interval\n    const [top, bottom] = [\n      Math.max(collisionRect.top, collidingRect.top),\n      Math.min(collisionRect.top + collisionRect.height, collidingRect.top + collidingRect.height),\n    ];\n\n    // Calculate the percentage of intersection\n    const intersectionPercentage = Math.abs(bottom - top) / collidingRect.height;\n\n    if (\n      intersectionPercentage > insideThreshold &&\n      visibleItemsDictionary[collidingContainer.id].depth + 1 <= maxDragAndDropLevel &&\n      collidingContainer.id !== activeId\n    ) {\n      setDropIndicatorPosition(DropIndicatorPosition.Inside);\n    } else {\n      setDropIndicatorPosition(isUp ? DropIndicatorPosition.Before : DropIndicatorPosition.After);\n    }\n\n    if (isUp && lastPosition !== 'up') setLastPosition('up');\n    else if (!isUp && lastPosition !== 'down') setLastPosition('down');\n\n    // Return the id of the match rectangle\n    return [{ id: collidingContainer.id }];\n  };\n  return func;\n};\n"],
-  "mappings": "AAAA;ACKA;AAGA,MAAM,WAAW;AACjB,MAAM,UAAsB;AAAA,EAC1B,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;AACA,MAAM,YAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;AAGA,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAEjB,MAAM,2BAA2B,CACtC,UACA,wBACA,0BACA,qBACA,cACA,oBACuB;AACvB,QAAM,OAA2B,CAAC,EAAE,qBAAqB,oBAAoB;AAC3E,UAAM,oBAAoB,oBAAoB,KAAK,CAAC,EAAE,SAAS,OAAO,QAAQ;AAC9E,UAAM,eAAe,mBAAmB,MAAM;AAI9C,QAAI,OAAO,iBAAiB;AAC5B,QAAI,cAAc;AAChB,aAAO,aAAa,MAAM,cAAc;AAAA,IAC1C;AAGA,UAAM,YAAY,cAAc,SAAS;AAEzC,QAAI,qBAAgD;AAEpD,QAAI,MAAM;AAER,2BAAqB,oBAAoB,OACvC,CAAC,eAAe,cAAc;AAC5B,cAAM,OAAO,UAAU,KAAK;AAC5B,YAAI,QAAQ,cAAc,KAAK,SAAS;AACtC,gBAAM,EAAE,KAAK,YAAY;AACzB,gBAAM,EAAE,KAAK,qBAAqB,cAAc,KAAK;AACrD,cAAI,UAAU,YAAY,cAAc,OAAO,UAAU,kBAAkB;AACzE,mBAAO;AAAA,UACT;AAAA,QACF;AACA,eAAO;AAAA,MACT,GACA,EAAE,IAAI,UAAU,MAAM,EAAE,SAAS,UAAU,EAAE,CAC/C;AAAA,IACF,OAAO;AAEL,2BAAqB,oBAAoB,OACvC,CAAC,aAAa,cAAc;AAC1B,cAAM,OAAO,UAAU,KAAK;AAC5B,YAAI,QAAQ,YAAY,KAAK,SAAS;AACpC,gBAAM,EAAE,KAAK,YAAY;AACzB,gBAAM,EAAE,KAAK,mBAAmB,YAAY,KAAK;AACjD,cAAI,UAAU,YAAY,cAAc,OAAO,UAAU,gBAAgB;AACvE,mBAAO;AAAA,UACT;AAAA,QACF;AACA,eAAO;AAAA,MACT,GACA,EAAE,IAAI,UAAU,MAAM,EAAE,SAAS,QAAQ,EAAE,CAC7C;AAAA,IACF;AAGA,QAAI,mBAAmB,OAAO,UAAU;AACtC,aAAO,CAAC;AAAA,IACV;AAEA,UAAM,gBAAgB,mBAAmB,KAAK;AAE9C,QAAI,CAAC;AAAe,aAAO,CAAC;AAG5B,UAAM,CAAC,KAAK,UAAU;AAAA,MACpB,KAAK,IAAI,cAAc,KAAK,cAAc,GAAG;AAAA,MAC7C,KAAK,IAAI,cAAc,MAAM,cAAc,QAAQ,cAAc,MAAM,cAAc,MAAM;AAAA,IAC7F;AAGA,UAAM,yBAAyB,KAAK,IAAI,SAAS,GAAG,IAAI,cAAc;AAEtE,QACE,yBAAyB,mBACzB,uBAAuB,mBAAmB,IAAI,QAAQ,KAAK,uBAC3D,mBAAmB,OAAO,UAC1B;AACA,+BAAyB,sBAAsB,MAAM;AAAA,IACvD,OAAO;AACL,+BAAyB,OAAO,sBAAsB,SAAS,sBAAsB,KAAK;AAAA,IAC5F;AAEA,QAAI,QAAQ,iBAAiB;AAAM,sBAAgB,IAAI;AAAA,aAC9C,CAAC,QAAQ,iBAAiB;AAAQ,sBAAgB,MAAM;AAGjE,WAAO,CAAC,EAAE,IAAI,mBAAmB,GAAG,CAAC;AAAA,EACvC;AACA,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACKvB,SAAS,6BAA6B;AAGtC,MAAM,WAAW;AACjB,MAAM,UAAsB;AAAA,EAC1B,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;AACA,MAAM,YAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;AAGA,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAEjB,MAAM,2BAA2B,CACtC,UACA,wBACA,0BACA,qBACA,cACA,oBACuB;AACvB,QAAM,OAA2B,CAAC,EAAE,qBAAqB,cAAc,MAAM;AAC3E,UAAM,oBAAoB,oBAAoB,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,QAAQ;AAC9E,UAAM,eAAe,mBAAmB,MAAM;AAI9C,QAAI,OAAO,iBAAiB;AAC5B,QAAI,cAAc;AAChB,aAAO,aAAa,MAAM,cAAc;AAAA,IAC1C;AAGA,UAAM,YAAY,cAAc,SAAS;AAEzC,QAAI,qBAAgD;AAEpD,QAAI,MAAM;AAER,2BAAqB,oBAAoB;AAAA,QACvC,CAAC,eAAe,cAAc;AAC5B,gBAAM,OAAO,UAAU,KAAK;AAC5B,cAAI,QAAQ,cAAc,KAAK,SAAS;AACtC,kBAAM,EAAE,KAAK,QAAQ,IAAI;AACzB,kBAAM,EAAE,KAAK,iBAAiB,IAAI,cAAc,KAAK;AACrD,gBAAI,UAAU,YAAY,cAAc,OAAO,UAAU,kBAAkB;AACzE,qBAAO;AAAA,YACT;AAAA,UACF;AACA,iBAAO;AAAA,QACT;AAAA,QACA,EAAE,IAAI,UAAU,MAAM,EAAE,SAAS,UAAU,EAAE;AAAA,MAC/C;AAAA,IACF,OAAO;AAEL,2BAAqB,oBAAoB;AAAA,QACvC,CAAC,aAAa,cAAc;AAC1B,gBAAM,OAAO,UAAU,KAAK;AAC5B,cAAI,QAAQ,YAAY,KAAK,SAAS;AACpC,kBAAM,EAAE,KAAK,QAAQ,IAAI;AACzB,kBAAM,EAAE,KAAK,eAAe,IAAI,YAAY,KAAK;AACjD,gBAAI,UAAU,YAAY,cAAc,OAAO,UAAU,gBAAgB;AACvE,qBAAO;AAAA,YACT;AAAA,UACF;AACA,iBAAO;AAAA,QACT;AAAA,QACA,EAAE,IAAI,UAAU,MAAM,EAAE,SAAS,QAAQ,EAAE;AAAA,MAC7C;AAAA,IACF;AAGA,QAAI,mBAAmB,OAAO,UAAU;AACtC,aAAO,CAAC;AAAA,IACV;AAEA,UAAM,gBAAgB,mBAAmB,KAAK;AAE9C,QAAI,CAAC;AAAe,aAAO,CAAC;AAG5B,UAAM,CAAC,KAAK,MAAM,IAAI;AAAA,MACpB,KAAK,IAAI,cAAc,KAAK,cAAc,GAAG;AAAA,MAC7C,KAAK,IAAI,cAAc,MAAM,cAAc,QAAQ,cAAc,MAAM,cAAc,MAAM;AAAA,IAC7F;AAGA,UAAM,yBAAyB,KAAK,IAAI,SAAS,GAAG,IAAI,cAAc;AAEtE,QACE,yBAAyB,mBACzB,uBAAuB,mBAAmB,IAAI,QAAQ,KAAK,uBAC3D,mBAAmB,OAAO,UAC1B;AACA,+BAAyB,sBAAsB,MAAM;AAAA,IACvD,OAAO;AACL,+BAAyB,OAAO,sBAAsB,SAAS,sBAAsB,KAAK;AAAA,IAC5F;AAEA,QAAI,QAAQ,iBAAiB;AAAM,sBAAgB,IAAI;AAAA,aAC9C,CAAC,QAAQ,iBAAiB;AAAQ,sBAAgB,MAAM;AAGjE,WAAO,CAAC,EAAE,IAAI,mBAAmB,GAAG,CAAC;AAAA,EACvC;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/tree/getTreeKeyboardCoordinates.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/getTreeKeyboardCoordinates.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-params */\n/* eslint-disable complexity */\nimport {\n  closestCorners,\n  getClientRect,\n  KeyboardCode,\n  KeyboardCoordinateGetter,\n  DroppableContainer,\n} from '@dnd-kit/core';\nimport { Coordinates } from '@dnd-kit/core/dist/types';\nimport type { GetKeyboardCoordinatesArgs, SensorContext } from './types';\nimport { DropIndicatorPosition } from './constants';\n\nconst directions: string[] = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\n\nconst horizontal: string[] = [KeyboardCode.Left, KeyboardCode.Right];\n\nconst getVerticalKeyboardCoordinates = ({\n  items,\n  active,\n  over,\n  event,\n  currentCoordinates,\n  droppableContainers,\n  collisionRect,\n  dropIndicatorPosition,\n  maxDragAndDropLevel,\n  droppableRects,\n}: GetKeyboardCoordinatesArgs): Coordinates | undefined => {\n  if (horizontal.includes(event.code)) return undefined;\n\n  const overRect = over.rect;\n\n  const layoutRects: DroppableContainer[] = [];\n\n  // Get the reacheable rects depending on the arrow key pressed\n  droppableContainers.forEach((container) => {\n    if (container?.disabled || !overRect) {\n      return;\n    }\n    const rect = container.rect.current;\n\n    // We add and substract 2 just for the sake of avoiding edge cases\n    if (rect && event.code === KeyboardCode.Down && collisionRect.top - 2 <= rect.top) {\n      layoutRects.push(container);\n    } else if (rect && event.code === KeyboardCode.Up && collisionRect.top + 2 >= rect.top) {\n      layoutRects.push(container);\n    }\n  });\n\n  // Get the closest rect based on dnd-kit closest-corners algorithm\n  const sortedRects = closestCorners({\n    collisionRect,\n    droppableContainers: layoutRects,\n    droppableRects,\n    active,\n    pointerCoordinates: null,\n  });\n\n  const closestId = sortedRects.length > 0 ? sortedRects[0].id : undefined;\n\n  const closestItem = items.find((item) => item.uid === closestId);\n\n  const closestElement = droppableContainers.get(closestId)?.node?.current;\n\n  // If no rect is closest, do nothing\n  if (!closestId || !closestItem || !closestElement) return undefined;\n\n  const closestRect = getClientRect(closestElement);\n\n  if (event.code === KeyboardCode.Up) {\n    // If the drop indicator is inside (or over ourselves)\n    // We are gonna go to the before position\n    // Else we are gonna go inside the over rect\n    if (\n      dropIndicatorPosition === DropIndicatorPosition.Inside ||\n      closestId === active.id ||\n      closestItem.depth + 1 > maxDragAndDropLevel\n    ) {\n      return {\n        ...currentCoordinates,\n        y: closestRect.top - collisionRect.height / 2,\n      };\n    }\n    return {\n      ...currentCoordinates,\n      y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2,\n    };\n  }\n\n  // If the drop indicator is over ourselves and after\n  // We need to go inside the next one\n  if (closestId === active.id && dropIndicatorPosition === DropIndicatorPosition.After) {\n    return {\n      ...currentCoordinates,\n      y: closestRect.top + collisionRect.height,\n    };\n  }\n  // If the drop indicator is inside, or over ourselves\n  // We are gonna go to the after position\n  if (\n    dropIndicatorPosition === DropIndicatorPosition.Inside ||\n    closestId === active.id ||\n    closestItem.depth + 1 > maxDragAndDropLevel\n  ) {\n    return {\n      ...currentCoordinates,\n      y: closestRect.top + closestRect.height / 2,\n    };\n  }\n  return {\n    ...currentCoordinates,\n    y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2,\n  };\n};\n\nexport const getTreeKeyboardCoordinates: (\n  context: SensorContext,\n  isHorizontalDnD: boolean,\n  maxDragAndDropLevel: number,\n) => KeyboardCoordinateGetter = (context, isHorizontalDnD, maxDragAndDropLevel) => {\n  const func: KeyboardCoordinateGetter = (\n    event,\n    { currentCoordinates, context: { over, droppableContainers, droppableRects, active, collisionRect } },\n  ) => {\n    if (directions.includes(event.code)) {\n      if (!over || !active || !collisionRect) return undefined;\n\n      const {\n        current: { items, dropIndicatorPosition },\n      } = context;\n\n      const args = {\n        items,\n        active,\n        over,\n        event,\n        currentCoordinates,\n        droppableContainers,\n        collisionRect,\n        dropIndicatorPosition,\n        droppableRects,\n        maxDragAndDropLevel,\n      };\n\n      if (isHorizontalDnD) return undefined;\n\n      const newCoords = getVerticalKeyboardCoordinates(args);\n      return newCoords;\n    }\n    return undefined;\n  };\n  return func;\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/tree/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useTreeDndkitConfig';\n"],
-  "mappings": "AAAA;ACAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/tree/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;",
   "names": []
 }

package/dist/esm/tree/useTreeActionHandlers.js

@@ -15,40 +15,59 @@ const useTreeActionHandlers = ({
   dropIndicatorPosition,
   isDropValid
 }) => {
-  const onDragStart = useCallback((e) => {
-    handlePreviewDragStart(e);
-  }, [handlePreviewDragStart]);
-  const onDragMove = useCallback((e) => {
-    handlePreviewDragMove(e);
-  }, [handlePreviewDragMove]);
-  const onDragOver = useCallback((e) => {
-    handlePreviewDragOver(e);
-  }, [handlePreviewDragOver]);
-  const onDragEnd = useCallback((e) => {
-    handlePreviewDragEnd(e);
-    const { active, over } = e;
-    if (over === null || !isDropValid)
-      return;
-    const activeIndex = flattenedItems.findIndex((item) => item.uid === active.id);
-    let considerExpanding = null;
-    let overIndex = flattenedItems.findIndex((item) => item.uid === over.id);
-    if (dropIndicatorPosition === DropIndicatorPosition.Inside) {
-      considerExpanding = over.id;
-      overIndex = flattenedItems[overIndex].realIndex + flattenedItems[overIndex].childrenCount + 1;
-    }
-    if (projected && (activeIndex !== overIndex || flattenedItems[activeIndex].depth !== projected.depth)) {
-      flattenedItems[activeIndex].parentId = projected.parentId;
-      flattenedItems[activeIndex].depth = projected.depth;
-      const newFlattenedData = activeIndex !== overIndex ? arrayMove(flattenedItems, activeIndex, overIndex) : cloneDeep(flattenedItems);
-      onReorder(newFlattenedData, {
-        targetIndex: overIndex,
-        fromIndex: activeIndex
-      }, considerExpanding?.toString() || "");
-    }
-  }, [handlePreviewDragEnd, isDropValid, flattenedItems, dropIndicatorPosition, projected, onReorder]);
-  const onDragCancel = useCallback((e) => {
-    handlePreviewDragCancel(e);
-  }, [handlePreviewDragCancel]);
+  const onDragStart = useCallback(
+    (e) => {
+      handlePreviewDragStart(e);
+    },
+    [handlePreviewDragStart]
+  );
+  const onDragMove = useCallback(
+    (e) => {
+      handlePreviewDragMove(e);
+    },
+    [handlePreviewDragMove]
+  );
+  const onDragOver = useCallback(
+    (e) => {
+      handlePreviewDragOver(e);
+    },
+    [handlePreviewDragOver]
+  );
+  const onDragEnd = useCallback(
+    (e) => {
+      handlePreviewDragEnd(e);
+      const { active, over } = e;
+      if (over === null || !isDropValid)
+        return;
+      const activeIndex = flattenedItems.findIndex((item) => item.uid === active.id);
+      let considerExpanding = null;
+      let overIndex = flattenedItems.findIndex((item) => item.uid === over.id);
+      if (dropIndicatorPosition === DropIndicatorPosition.Inside) {
+        considerExpanding = over.id;
+        overIndex = flattenedItems[overIndex].realIndex + flattenedItems[overIndex].childrenCount + 1;
+      }
+      if (projected && (activeIndex !== overIndex || flattenedItems[activeIndex].depth !== projected.depth)) {
+        flattenedItems[activeIndex].parentId = projected.parentId;
+        flattenedItems[activeIndex].depth = projected.depth;
+        const newFlattenedData = activeIndex !== overIndex ? arrayMove(flattenedItems, activeIndex, overIndex) : cloneDeep(flattenedItems);
+        onReorder(
+          newFlattenedData,
+          {
+            targetIndex: overIndex,
+            fromIndex: activeIndex
+          },
+          considerExpanding?.toString() || ""
+        );
+      }
+    },
+    [handlePreviewDragEnd, isDropValid, flattenedItems, dropIndicatorPosition, projected, onReorder]
+  );
+  const onDragCancel = useCallback(
+    (e) => {
+      handlePreviewDragCancel(e);
+    },
+    [handlePreviewDragCancel]
+  );
   return { onDragStart, onDragMove, onDragOver, onDragEnd, onDragCancel };
 };
 export {

package/dist/esm/tree/useTreeActionHandlers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/useTreeActionHandlers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { arrayMove } from '@dnd-kit/sortable';\nimport { cloneDeep } from 'lodash';\nimport { useCallback } from 'react';\nimport type { DragStartEvent, DragMoveEvent, DragEndEvent, DragOverEvent, DragCancelEvent } from '@dnd-kit/core';\nimport { DropIndicatorPosition } from './constants';\nimport type { UseTreeActionHandlersType } from './types';\n\nexport const useTreeActionHandlers: UseTreeActionHandlersType = ({\n  handlePreviewDragStart,\n  handlePreviewDragMove,\n  handlePreviewDragOver,\n  handlePreviewDragEnd,\n  handlePreviewDragCancel,\n  onReorder,\n  flattenedItems,\n  projected,\n  dropIndicatorPosition,\n  isDropValid,\n}) => {\n  const onDragStart = useCallback(\n    (e: DragStartEvent) => {\n      handlePreviewDragStart(e);\n    },\n    [handlePreviewDragStart],\n  );\n\n  const onDragMove = useCallback(\n    (e: DragMoveEvent) => {\n      handlePreviewDragMove(e);\n    },\n    [handlePreviewDragMove],\n  );\n\n  const onDragOver = useCallback(\n    (e: DragOverEvent) => {\n      handlePreviewDragOver(e);\n    },\n    [handlePreviewDragOver],\n  );\n\n  const onDragEnd = useCallback(\n    (e: DragEndEvent) => {\n      handlePreviewDragEnd(e);\n      const { active, over } = e;\n\n      if (over === null || !isDropValid) return;\n\n      const activeIndex = flattenedItems.findIndex((item) => item.uid === active.id);\n\n      let considerExpanding = null;\n\n      let overIndex = flattenedItems.findIndex((item) => item.uid === over.id);\n      // If drop indicator is inside, then put it last,\n      // It will be reconstructed well later\n      if (dropIndicatorPosition === DropIndicatorPosition.Inside) {\n        considerExpanding = over.id;\n        overIndex = flattenedItems[overIndex].realIndex + flattenedItems[overIndex].childrenCount + 1;\n      }\n\n      // If we are dropping the item in a new position, or new depth\n      if (projected && (activeIndex !== overIndex || flattenedItems[activeIndex].depth !== projected.depth)) {\n        // Change parent and depth from projected data\n        flattenedItems[activeIndex].parentId = projected.parentId;\n        flattenedItems[activeIndex].depth = projected.depth;\n\n        // If same index, don't move the array, just copy it\n        const newFlattenedData =\n          activeIndex !== overIndex ? arrayMove(flattenedItems, activeIndex, overIndex) : cloneDeep(flattenedItems);\n\n        onReorder(\n          newFlattenedData,\n          {\n            targetIndex: overIndex,\n            fromIndex: activeIndex,\n          },\n          considerExpanding?.toString() || '',\n        );\n      }\n    },\n    [handlePreviewDragEnd, isDropValid, flattenedItems, dropIndicatorPosition, projected, onReorder],\n  );\n\n  const onDragCancel = useCallback(\n    (e: DragCancelEvent) => {\n      handlePreviewDragCancel(e);\n    },\n    [handlePreviewDragCancel],\n  );\n\n  return { onDragStart, onDragMove, onDragOver, onDragEnd, onDragCancel };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAGO,MAAM,wBAAmD,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,cAAc,YAClB,CAAC,MAAsB;AACrB,2BAAuB,CAAC;AAAA,EAC1B,GACA,CAAC,sBAAsB,CACzB;AAEA,QAAM,aAAa,YACjB,CAAC,MAAqB;AACpB,0BAAsB,CAAC;AAAA,EACzB,GACA,CAAC,qBAAqB,CACxB;AAEA,QAAM,aAAa,YACjB,CAAC,MAAqB;AACpB,0BAAsB,CAAC;AAAA,EACzB,GACA,CAAC,qBAAqB,CACxB;AAEA,QAAM,YAAY,YAChB,CAAC,MAAoB;AACnB,yBAAqB,CAAC;AACtB,UAAM,EAAE,QAAQ,SAAS;AAEzB,QAAI,SAAS,QAAQ,CAAC;AAAa;AAEnC,UAAM,cAAc,eAAe,UAAU,CAAC,SAAS,KAAK,QAAQ,OAAO,EAAE;AAE7E,QAAI,oBAAoB;AAExB,QAAI,YAAY,eAAe,UAAU,CAAC,SAAS,KAAK,QAAQ,KAAK,EAAE;AAGvE,QAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,0BAAoB,KAAK;AACzB,kBAAY,eAAe,WAAW,YAAY,eAAe,WAAW,gBAAgB;AAAA,IAC9F;AAGA,QAAI,aAAc,iBAAgB,aAAa,eAAe,aAAa,UAAU,UAAU,QAAQ;AAErG,qBAAe,aAAa,WAAW,UAAU;AACjD,qBAAe,aAAa,QAAQ,UAAU;AAG9C,YAAM,mBACJ,gBAAgB,YAAY,UAAU,gBAAgB,aAAa,SAAS,IAAI,UAAU,cAAc;AAE1G,gBACE,kBACA;AAAA,QACE,aAAa;AAAA,QACb,WAAW;AAAA,MACb,GACA,mBAAmB,SAAS,KAAK,EACnC;AAAA,IACF;AAAA,EACF,GACA,CAAC,sBAAsB,aAAa,gBAAgB,uBAAuB,WAAW,SAAS,CACjG;AAEA,QAAM,eAAe,YACnB,CAAC,MAAuB;AACtB,4BAAwB,CAAC;AAAA,EAC3B,GACA,CAAC,uBAAuB,CAC1B;AAEA,SAAO,EAAE,aAAa,YAAY,YAAY,WAAW,aAAa;AACxE;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AAG/B,MAAM,wBAAmD,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc;AAAA,IAClB,CAAC,MAAsB;AACrB,6BAAuB,CAAC;AAAA,IAC1B;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,MAAqB;AACpB,4BAAsB,CAAC;AAAA,IACzB;AAAA,IACA,CAAC,qBAAqB;AAAA,EACxB;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,MAAqB;AACpB,4BAAsB,CAAC;AAAA,IACzB;AAAA,IACA,CAAC,qBAAqB;AAAA,EACxB;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,MAAoB;AACnB,2BAAqB,CAAC;AACtB,YAAM,EAAE,QAAQ,KAAK,IAAI;AAEzB,UAAI,SAAS,QAAQ,CAAC;AAAa;AAEnC,YAAM,cAAc,eAAe,UAAU,CAAC,SAAS,KAAK,QAAQ,OAAO,EAAE;AAE7E,UAAI,oBAAoB;AAExB,UAAI,YAAY,eAAe,UAAU,CAAC,SAAS,KAAK,QAAQ,KAAK,EAAE;AAGvE,UAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,4BAAoB,KAAK;AACzB,oBAAY,eAAe,WAAW,YAAY,eAAe,WAAW,gBAAgB;AAAA,MAC9F;AAGA,UAAI,cAAc,gBAAgB,aAAa,eAAe,aAAa,UAAU,UAAU,QAAQ;AAErG,uBAAe,aAAa,WAAW,UAAU;AACjD,uBAAe,aAAa,QAAQ,UAAU;AAG9C,cAAM,mBACJ,gBAAgB,YAAY,UAAU,gBAAgB,aAAa,SAAS,IAAI,UAAU,cAAc;AAE1G;AAAA,UACE;AAAA,UACA;AAAA,YACE,aAAa;AAAA,YACb,WAAW;AAAA,UACb;AAAA,UACA,mBAAmB,SAAS,KAAK;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,aAAa,gBAAgB,uBAAuB,WAAW,SAAS;AAAA,EACjG;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,MAAuB;AACtB,8BAAwB,CAAC;AAAA,IAC3B;AAAA,IACA,CAAC,uBAAuB;AAAA,EAC1B;AAEA,SAAO,EAAE,aAAa,YAAY,YAAY,WAAW,aAAa;AACxE;",
   "names": []
 }