@elliemae/ds-drag-and-drop 3.16.0 → 3.16.1

package/dist/esm/tree/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-export * from "./useTreeDndkitConfig";
-export * from "./types";
-import { removeChildrenOf } from "./utilities";
+export * from "./useTreeDndkitConfig.js";
+export * from "./types.js";
+import { removeChildrenOf } from "./utilities.js";
 export {
   removeChildrenOf
 };

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

@@ -1,7 +1,7 @@
 {
   "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';\nexport * from './types';\nexport { removeChildrenOf } from './utilities';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useTreeDndkitConfig.js';\nexport * from './types.js';\nexport { removeChildrenOf } from './utilities.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,wBAAwB;",
   "names": []
 }

package/dist/esm/tree/useTreeActionHandlers.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { arrayMove } from "@dnd-kit/sortable";
 import { cloneDeep } from "lodash";
 import { useCallback } from "react";
-import { DropIndicatorPosition } from "./constants";
+import { DropIndicatorPosition } from "./constants.js";
 const useTreeActionHandlers = ({
   handlePreviewDragStart,
   handlePreviewDragMove,

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

@@ -1,7 +1,7 @@
 {
   "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 { DnDKitTree } from './types';\n\nexport const useTreeActionHandlers = <T,>({\n  handlePreviewDragStart,\n  handlePreviewDragMove,\n  handlePreviewDragOver,\n  handlePreviewDragEnd,\n  handlePreviewDragCancel,\n  onReorder,\n  flattenedItems,\n  projected,\n  dropIndicatorPosition,\n  isDropValid,\n}: DnDKitTree.UseTreeActionHandlersArgs<T>): DnDKitTree.UseTreeActionHandlersReturn => {\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(flattenedItems[activeIndex], overIndex, {\n          over: flattenedItems[overIndex],\n          fromIndex: activeIndex,\n          considerExpanding: considerExpanding,\n          movedData: newFlattenedData,\n          flattenedItems,\n        });\n      }\n    },\n    [handlePreviewDragEnd, isDropValid, dropIndicatorPosition, projected, flattenedItems, 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,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AAG/B,MAAM,wBAAwB,CAAK;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuF;AACrF,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,kBAAU,eAAe,cAAc,WAAW;AAAA,UAChD,MAAM,eAAe;AAAA,UACrB,WAAW;AAAA,UACX;AAAA,UACA,WAAW;AAAA,UACX;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,aAAa,uBAAuB,WAAW,gBAAgB,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;",
+  "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.js';\nimport type { DnDKitTree } from './types.js';\n\nexport const useTreeActionHandlers = <T,>({\n  handlePreviewDragStart,\n  handlePreviewDragMove,\n  handlePreviewDragOver,\n  handlePreviewDragEnd,\n  handlePreviewDragCancel,\n  onReorder,\n  flattenedItems,\n  projected,\n  dropIndicatorPosition,\n  isDropValid,\n}: DnDKitTree.UseTreeActionHandlersArgs<T>): DnDKitTree.UseTreeActionHandlersReturn => {\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(flattenedItems[activeIndex], overIndex, {\n          over: flattenedItems[overIndex],\n          fromIndex: activeIndex,\n          considerExpanding: considerExpanding,\n          movedData: newFlattenedData,\n          flattenedItems,\n        });\n      }\n    },\n    [handlePreviewDragEnd, isDropValid, dropIndicatorPosition, projected, flattenedItems, 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,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AAG/B,MAAM,wBAAwB,CAAK;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuF;AACrF,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,SAAS,EAAE,YAAY,eAAe,SAAS,EAAE,gBAAgB;AAAA,MAC9F;AAGA,UAAI,cAAc,gBAAgB,aAAa,eAAe,WAAW,EAAE,UAAU,UAAU,QAAQ;AAErG,uBAAe,WAAW,EAAE,WAAW,UAAU;AACjD,uBAAe,WAAW,EAAE,QAAQ,UAAU;AAG9C,cAAM,mBACJ,gBAAgB,YAAY,UAAU,gBAAgB,aAAa,SAAS,IAAI,UAAU,cAAc;AAE1G,kBAAU,eAAe,WAAW,GAAG,WAAW;AAAA,UAChD,MAAM,eAAe,SAAS;AAAA,UAC9B,WAAW;AAAA,UACX;AAAA,UACA,WAAW;AAAA,UACX;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,aAAa,uBAAuB,WAAW,gBAAgB,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": []
 }

package/dist/esm/tree/useTreeAnnouncements.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useCallback } from "react";
-import { DropIndicatorPosition } from "./constants";
+import { DropIndicatorPosition } from "./constants.js";
 const useTreeAnnouncements = (visibleItemsDictionary, dropIndicatorPosition) => {
   const onDragStart = useCallback(
     ({ active: { id } }) => `Picked up draggable item from position ${visibleItemsDictionary[id].realIndex + 1}.`,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/useTreeAnnouncements.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { Announcements, UniqueIdentifier } from '@dnd-kit/core';\nimport { useCallback } from 'react';\nimport { DropIndicatorPosition } from './constants';\nimport type { DnDKitTree } from './types';\n\nexport const useTreeAnnouncements = <T,>(\n  visibleItemsDictionary: Record<UniqueIdentifier, DnDKitTree.Item<T>>,\n  dropIndicatorPosition: DropIndicatorPosition,\n): Announcements => {\n  const onDragStart: Announcements['onDragStart'] = useCallback(\n    ({ active: { id } }) => `Picked up draggable item from position ${visibleItemsDictionary[id].realIndex + 1}.`,\n    [visibleItemsDictionary],\n  );\n\n  const onDragMove: Announcements['onDragOver'] = useCallback(\n    ({ over }) => {\n      if (over) {\n        const overIndex = visibleItemsDictionary[over.id].realIndex + 1;\n        if (dropIndicatorPosition === DropIndicatorPosition.Inside) {\n          return `Draggable item was moved inside the item at position ${overIndex}.`;\n        }\n        if (dropIndicatorPosition === DropIndicatorPosition.Before) {\n          return `Draggable item was moved to position ${overIndex - 1}.`;\n        }\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, dropIndicatorPosition],\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].realIndex + 1;\n        if (dropIndicatorPosition === DropIndicatorPosition.Inside) {\n          return `Draggable item was dropped inside the item at position ${overIndex}.`;\n        }\n        if (dropIndicatorPosition === DropIndicatorPosition.Before) {\n          return `Draggable item was dropped over position ${overIndex - 1}.`;\n        }\n        return `Draggable item was dropped over position ${overIndex}.`;\n      }\n\n      return `Draggable item was dropped at it's original position.`;\n    },\n    [dropIndicatorPosition, visibleItemsDictionary],\n  );\n\n  const onDragCancel: Announcements['onDragCancel'] = useCallback(\n    ({ active: { id } }) =>\n      `Dragging was cancelled. Draggable item from position ${\n        visibleItemsDictionary[id].realIndex + 1\n      } was dropped at it's initial position.`,\n    [visibleItemsDictionary],\n  );\n\n  return { onDragStart, onDragOver, onDragMove, onDragEnd, onDragCancel };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AAG/B,MAAM,uBAAuB,CAClC,wBACA,0BACkB;AAClB,QAAM,cAA4C;AAAA,IAChD,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,0CAA0C,uBAAuB,IAAI,YAAY;AAAA,IACzG,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,aAA0C;AAAA,IAC9C,CAAC,EAAE,KAAK,MAAM;AACZ,UAAI,MAAM;AACR,cAAM,YAAY,uBAAuB,KAAK,IAAI,YAAY;AAC9D,YAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,iBAAO,wDAAwD;AAAA,QACjE;AACA,YAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,iBAAO,wCAAwC,YAAY;AAAA,QAC7D;AACA,eAAO,wCAAwC;AAAA,MACjD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,wBAAwB,qBAAqB;AAAA,EAChD;AAEA,QAAM,aAA0C;AAEhD,QAAM,YAAwC;AAAA,IAC5C,CAAC,EAAE,KAAK,MAAM;AACZ,UAAI,MAAM;AACR,cAAM,YAAY,uBAAuB,KAAK,IAAI,YAAY;AAC9D,YAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,iBAAO,0DAA0D;AAAA,QACnE;AACA,YAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,iBAAO,4CAA4C,YAAY;AAAA,QACjE;AACA,eAAO,4CAA4C;AAAA,MACrD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,uBAAuB,sBAAsB;AAAA,EAChD;AAEA,QAAM,eAA8C;AAAA,IAClD,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAChB,wDACE,uBAAuB,IAAI,YAAY;AAAA,IAE3C,CAAC,sBAAsB;AAAA,EACzB;AAEA,SAAO,EAAE,aAAa,YAAY,YAAY,WAAW,aAAa;AACxE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { Announcements, UniqueIdentifier } from '@dnd-kit/core';\nimport { useCallback } from 'react';\nimport { DropIndicatorPosition } from './constants.js';\nimport type { DnDKitTree } from './types.js';\n\nexport const useTreeAnnouncements = <T,>(\n  visibleItemsDictionary: Record<UniqueIdentifier, DnDKitTree.Item<T>>,\n  dropIndicatorPosition: DropIndicatorPosition,\n): Announcements => {\n  const onDragStart: Announcements['onDragStart'] = useCallback(\n    ({ active: { id } }) => `Picked up draggable item from position ${visibleItemsDictionary[id].realIndex + 1}.`,\n    [visibleItemsDictionary],\n  );\n\n  const onDragMove: Announcements['onDragOver'] = useCallback(\n    ({ over }) => {\n      if (over) {\n        const overIndex = visibleItemsDictionary[over.id].realIndex + 1;\n        if (dropIndicatorPosition === DropIndicatorPosition.Inside) {\n          return `Draggable item was moved inside the item at position ${overIndex}.`;\n        }\n        if (dropIndicatorPosition === DropIndicatorPosition.Before) {\n          return `Draggable item was moved to position ${overIndex - 1}.`;\n        }\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, dropIndicatorPosition],\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].realIndex + 1;\n        if (dropIndicatorPosition === DropIndicatorPosition.Inside) {\n          return `Draggable item was dropped inside the item at position ${overIndex}.`;\n        }\n        if (dropIndicatorPosition === DropIndicatorPosition.Before) {\n          return `Draggable item was dropped over position ${overIndex - 1}.`;\n        }\n        return `Draggable item was dropped over position ${overIndex}.`;\n      }\n\n      return `Draggable item was dropped at it's original position.`;\n    },\n    [dropIndicatorPosition, visibleItemsDictionary],\n  );\n\n  const onDragCancel: Announcements['onDragCancel'] = useCallback(\n    ({ active: { id } }) =>\n      `Dragging was cancelled. Draggable item from position ${\n        visibleItemsDictionary[id].realIndex + 1\n      } was dropped at it's initial position.`,\n    [visibleItemsDictionary],\n  );\n\n  return { onDragStart, onDragOver, onDragMove, onDragEnd, onDragCancel };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AAG/B,MAAM,uBAAuB,CAClC,wBACA,0BACkB;AAClB,QAAM,cAA4C;AAAA,IAChD,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,0CAA0C,uBAAuB,EAAE,EAAE,YAAY;AAAA,IACzG,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,aAA0C;AAAA,IAC9C,CAAC,EAAE,KAAK,MAAM;AACZ,UAAI,MAAM;AACR,cAAM,YAAY,uBAAuB,KAAK,EAAE,EAAE,YAAY;AAC9D,YAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,iBAAO,wDAAwD;AAAA,QACjE;AACA,YAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,iBAAO,wCAAwC,YAAY;AAAA,QAC7D;AACA,eAAO,wCAAwC;AAAA,MACjD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,wBAAwB,qBAAqB;AAAA,EAChD;AAEA,QAAM,aAA0C;AAEhD,QAAM,YAAwC;AAAA,IAC5C,CAAC,EAAE,KAAK,MAAM;AACZ,UAAI,MAAM;AACR,cAAM,YAAY,uBAAuB,KAAK,EAAE,EAAE,YAAY;AAC9D,YAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,iBAAO,0DAA0D;AAAA,QACnE;AACA,YAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,iBAAO,4CAA4C,YAAY;AAAA,QACjE;AACA,eAAO,4CAA4C;AAAA,MACrD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,uBAAuB,sBAAsB;AAAA,EAChD;AAEA,QAAM,eAA8C;AAAA,IAClD,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAChB,wDACE,uBAAuB,EAAE,EAAE,YAAY;AAAA,IAE3C,CAAC,sBAAsB;AAAA,EACzB;AAEA,SAAO,EAAE,aAAa,YAAY,YAAY,WAAW,aAAa;AACxE;",
   "names": []
 }

package/dist/esm/tree/useTreeDndkitConfig.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { useState, useEffect, useMemo, useRef } from "react";
 import { useSensor, useSensors, KeyboardSensor, PointerSensor, MeasuringStrategy } from "@dnd-kit/core";
-import { useTreePreviewHandlers } from "./useTreePreviewHandlers";
-import { getTreeKeyboardCoordinates } from "./getTreeKeyboardCoordinates";
-import { getProjection } from "./utilities";
-import { useTreeActionHandlers } from "./useTreeActionHandlers";
-import { DropIndicatorPosition } from "./constants";
-import { customCollisionDetection } from "./customCollisionDetection";
-import { useTreeAnnouncements } from "./useTreeAnnouncements";
+import { useTreePreviewHandlers } from "./useTreePreviewHandlers.js";
+import { getTreeKeyboardCoordinates } from "./getTreeKeyboardCoordinates.js";
+import { getProjection } from "./utilities.js";
+import { useTreeActionHandlers } from "./useTreeActionHandlers.js";
+import { DropIndicatorPosition } from "./constants.js";
+import { customCollisionDetection } from "./customCollisionDetection.js";
+import { useTreeAnnouncements } from "./useTreeAnnouncements.js";
 const adjustTranslate = (isHorizontalDnD, sortedIds) => {
   const func = ({ transform, activatorEvent, active }) => {
     const newTransform = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/useTreeDndkitConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useState, useEffect, useMemo, useRef } from 'react';\nimport type { Active, MeasuringConfiguration, Modifier, Over, UniqueIdentifier } from '@dnd-kit/core';\nimport { useSensor, useSensors, KeyboardSensor, PointerSensor, MeasuringStrategy } from '@dnd-kit/core';\nimport { useTreePreviewHandlers } from './useTreePreviewHandlers';\nimport { getTreeKeyboardCoordinates } from './getTreeKeyboardCoordinates';\nimport { getProjection } from './utilities';\nimport { useTreeActionHandlers } from './useTreeActionHandlers';\nimport type { DnDKitTree } from './types';\nimport { DropIndicatorPosition } from './constants';\nimport { customCollisionDetection } from './customCollisionDetection';\nimport { useTreeAnnouncements } from './useTreeAnnouncements';\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, sortedIds: UniqueIdentifier[]): Modifier => {\n  const func: Modifier = ({ transform, activatorEvent, active }) => {\n    const newTransform = {\n      ...transform,\n    };\n    if (isHorizontalDnD) {\n      newTransform.x = transform.x + 25;\n    } else {\n      newTransform.x = transform.x + 15;\n      if (['Enter', 'Space'].includes((activatorEvent as KeyboardEvent)?.code)) {\n        const isLast = active?.id === sortedIds[sortedIds.length - 1];\n        const keyboardTranslate = ((isLast ? -1 : 1) * (active?.rect?.current?.initial?.height ?? 0)) / 2;\n        newTransform.y = transform.y + keyboardTranslate;\n      }\n    }\n    return newTransform;\n  };\n  return func;\n};\n\nconst measuring: Partial<MeasuringConfiguration> = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nexport const useTreeDndkitConfig = <T,>({\n  flattenedItems,\n  onReorder,\n  isHorizontalDnD = false,\n  isExpandable = false,\n  getIsDropValid = () => true,\n  maxDragAndDropLevel = Infinity,\n}: DnDKitTree.UseTreeConfigArgs<T>): DnDKitTree.UseTreeConfigReturn<T> => {\n  const [active, setActive] = useState<Active | null>(null);\n  const [over, setOver] = useState<Over | null>(null);\n  const [dropIndicatorPosition, setDropIndicatorPosition] = useState<DropIndicatorPosition>(DropIndicatorPosition.None);\n  const lastPositionRef = useRef<string>('');\n\n  // Sorted ids for the library\n  const sortedIds = useMemo(() => flattenedItems.map((item) => item.uid), [flattenedItems]);\n\n  /**\n   * Dictionary from UID to ITEM\n   * This dictionary is computed since on every DnD move, I need to know the\n   * depth of a particular item, so O(1) per DnD move instead of O(#ITEMS)\n   */\n  const flattenedItemsDictionary = useMemo(() => {\n    // Using plain for to achieve O(#ITEMS) performance\n    const dictionary: Record<UniqueIdentifier, (typeof flattenedItems)[0]> = {};\n    flattenedItems.forEach((item) => {\n      dictionary[item.uid] = item;\n    });\n    return dictionary;\n  }, [flattenedItems]);\n\n  const isDropValid = useMemo(() => {\n    if (!active || !over) return true;\n    return getIsDropValid(\n      flattenedItemsDictionary[active.id],\n      flattenedItemsDictionary[over.id],\n      ['none', 'before', 'after', 'inside'][dropIndicatorPosition] as Parameters<typeof getIsDropValid>[2],\n    );\n  }, [getIsDropValid, flattenedItemsDictionary, active, over, dropIndicatorPosition]);\n\n  const modifiers: Modifier[] = useMemo(\n    () => [adjustTranslate(isHorizontalDnD, sortedIds)],\n    [isHorizontalDnD, sortedIds],\n  );\n\n  const sensorContext: DnDKitTree.SensorContext<T> = useRef({\n    items: flattenedItems,\n    dropIndicatorPosition,\n    setDropIndicatorPosition,\n    isHorizontalDnD,\n    maxDragAndDropLevel,\n    active,\n    flattenedItemsDictionary,\n    lastPositionRef,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: flattenedItems,\n      dropIndicatorPosition,\n      isHorizontalDnD,\n      maxDragAndDropLevel,\n      active,\n      flattenedItemsDictionary,\n      lastPositionRef,\n    };\n  }, [flattenedItems, dropIndicatorPosition, isHorizontalDnD, maxDragAndDropLevel, active, flattenedItemsDictionary]);\n\n  const coordinateGetter = useMemo(() => getTreeKeyboardCoordinates(sensorContext), []);\n\n  const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter }));\n\n  // where is the activeItem being positioned (depth and parent)\n  const projected = useMemo(\n    () =>\n      over ? getProjection(flattenedItems, flattenedItemsDictionary, over, dropIndicatorPosition, isExpandable) : null,\n    [over, flattenedItems, flattenedItemsDictionary, dropIndicatorPosition, isExpandable],\n  );\n\n  const dragPreviewHandlers = useTreePreviewHandlers({\n    setActive,\n    setOver,\n    setDropIndicatorPosition,\n  });\n\n  const dragActionHandlers = useTreeActionHandlers({\n    ...dragPreviewHandlers,\n    onReorder,\n    projected,\n    flattenedItems,\n    dropIndicatorPosition,\n    isDropValid,\n  });\n\n  const announcements = useTreeAnnouncements(flattenedItemsDictionary, dropIndicatorPosition);\n\n  const collisionDetection = customCollisionDetection(sensorContext);\n\n  const dndContextProps = useMemo(\n    () => ({\n      accessibility: {\n        announcements,\n        container: document.body,\n      },\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection,\n      ...dragActionHandlers,\n    }),\n    [announcements, modifiers, sensors, collisionDetection, dragActionHandlers],\n  );\n\n  const sortableContextProps = useMemo(\n    () => ({\n      items: sortedIds,\n      strategy: () => null,\n    }),\n    [sortedIds],\n  );\n\n  const activeItem = useMemo(() => {\n    if (!active) return null;\n    return flattenedItemsDictionary[active.id];\n  }, [active, flattenedItemsDictionary]);\n\n  const overItem = useMemo(() => {\n    if (!over) return null;\n    return flattenedItemsDictionary[over.id];\n  }, [flattenedItemsDictionary, over]);\n\n  return {\n    dndContextProps,\n    sortableContextProps,\n    isDropValid,\n    active,\n    activeItem,\n    over,\n    overItem,\n    dropIndicatorPosition,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useState, useEffect, useMemo, useRef } from 'react';\nimport type { Active, MeasuringConfiguration, Modifier, Over, UniqueIdentifier } from '@dnd-kit/core';\nimport { useSensor, useSensors, KeyboardSensor, PointerSensor, MeasuringStrategy } from '@dnd-kit/core';\nimport { useTreePreviewHandlers } from './useTreePreviewHandlers.js';\nimport { getTreeKeyboardCoordinates } from './getTreeKeyboardCoordinates.js';\nimport { getProjection } from './utilities.js';\nimport { useTreeActionHandlers } from './useTreeActionHandlers.js';\nimport type { DnDKitTree } from './types.js';\nimport { DropIndicatorPosition } from './constants.js';\nimport { customCollisionDetection } from './customCollisionDetection.js';\nimport { useTreeAnnouncements } from './useTreeAnnouncements.js';\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, sortedIds: UniqueIdentifier[]): Modifier => {\n  const func: Modifier = ({ transform, activatorEvent, active }) => {\n    const newTransform = {\n      ...transform,\n    };\n    if (isHorizontalDnD) {\n      newTransform.x = transform.x + 25;\n    } else {\n      newTransform.x = transform.x + 15;\n      if (['Enter', 'Space'].includes((activatorEvent as KeyboardEvent)?.code)) {\n        const isLast = active?.id === sortedIds[sortedIds.length - 1];\n        const keyboardTranslate = ((isLast ? -1 : 1) * (active?.rect?.current?.initial?.height ?? 0)) / 2;\n        newTransform.y = transform.y + keyboardTranslate;\n      }\n    }\n    return newTransform;\n  };\n  return func;\n};\n\nconst measuring: Partial<MeasuringConfiguration> = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nexport const useTreeDndkitConfig = <T,>({\n  flattenedItems,\n  onReorder,\n  isHorizontalDnD = false,\n  isExpandable = false,\n  getIsDropValid = () => true,\n  maxDragAndDropLevel = Infinity,\n}: DnDKitTree.UseTreeConfigArgs<T>): DnDKitTree.UseTreeConfigReturn<T> => {\n  const [active, setActive] = useState<Active | null>(null);\n  const [over, setOver] = useState<Over | null>(null);\n  const [dropIndicatorPosition, setDropIndicatorPosition] = useState<DropIndicatorPosition>(DropIndicatorPosition.None);\n  const lastPositionRef = useRef<string>('');\n\n  // Sorted ids for the library\n  const sortedIds = useMemo(() => flattenedItems.map((item) => item.uid), [flattenedItems]);\n\n  /**\n   * Dictionary from UID to ITEM\n   * This dictionary is computed since on every DnD move, I need to know the\n   * depth of a particular item, so O(1) per DnD move instead of O(#ITEMS)\n   */\n  const flattenedItemsDictionary = useMemo(() => {\n    // Using plain for to achieve O(#ITEMS) performance\n    const dictionary: Record<UniqueIdentifier, (typeof flattenedItems)[0]> = {};\n    flattenedItems.forEach((item) => {\n      dictionary[item.uid] = item;\n    });\n    return dictionary;\n  }, [flattenedItems]);\n\n  const isDropValid = useMemo(() => {\n    if (!active || !over) return true;\n    return getIsDropValid(\n      flattenedItemsDictionary[active.id],\n      flattenedItemsDictionary[over.id],\n      ['none', 'before', 'after', 'inside'][dropIndicatorPosition] as Parameters<typeof getIsDropValid>[2],\n    );\n  }, [getIsDropValid, flattenedItemsDictionary, active, over, dropIndicatorPosition]);\n\n  const modifiers: Modifier[] = useMemo(\n    () => [adjustTranslate(isHorizontalDnD, sortedIds)],\n    [isHorizontalDnD, sortedIds],\n  );\n\n  const sensorContext: DnDKitTree.SensorContext<T> = useRef({\n    items: flattenedItems,\n    dropIndicatorPosition,\n    setDropIndicatorPosition,\n    isHorizontalDnD,\n    maxDragAndDropLevel,\n    active,\n    flattenedItemsDictionary,\n    lastPositionRef,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: flattenedItems,\n      dropIndicatorPosition,\n      isHorizontalDnD,\n      maxDragAndDropLevel,\n      active,\n      flattenedItemsDictionary,\n      lastPositionRef,\n    };\n  }, [flattenedItems, dropIndicatorPosition, isHorizontalDnD, maxDragAndDropLevel, active, flattenedItemsDictionary]);\n\n  const coordinateGetter = useMemo(() => getTreeKeyboardCoordinates(sensorContext), []);\n\n  const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter }));\n\n  // where is the activeItem being positioned (depth and parent)\n  const projected = useMemo(\n    () =>\n      over ? getProjection(flattenedItems, flattenedItemsDictionary, over, dropIndicatorPosition, isExpandable) : null,\n    [over, flattenedItems, flattenedItemsDictionary, dropIndicatorPosition, isExpandable],\n  );\n\n  const dragPreviewHandlers = useTreePreviewHandlers({\n    setActive,\n    setOver,\n    setDropIndicatorPosition,\n  });\n\n  const dragActionHandlers = useTreeActionHandlers({\n    ...dragPreviewHandlers,\n    onReorder,\n    projected,\n    flattenedItems,\n    dropIndicatorPosition,\n    isDropValid,\n  });\n\n  const announcements = useTreeAnnouncements(flattenedItemsDictionary, dropIndicatorPosition);\n\n  const collisionDetection = customCollisionDetection(sensorContext);\n\n  const dndContextProps = useMemo(\n    () => ({\n      accessibility: {\n        announcements,\n        container: document.body,\n      },\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection,\n      ...dragActionHandlers,\n    }),\n    [announcements, modifiers, sensors, collisionDetection, dragActionHandlers],\n  );\n\n  const sortableContextProps = useMemo(\n    () => ({\n      items: sortedIds,\n      strategy: () => null,\n    }),\n    [sortedIds],\n  );\n\n  const activeItem = useMemo(() => {\n    if (!active) return null;\n    return flattenedItemsDictionary[active.id];\n  }, [active, flattenedItemsDictionary]);\n\n  const overItem = useMemo(() => {\n    if (!over) return null;\n    return flattenedItemsDictionary[over.id];\n  }, [flattenedItemsDictionary, over]);\n\n  return {\n    dndContextProps,\n    sortableContextProps,\n    isDropValid,\n    active,\n    activeItem,\n    over,\n    overItem,\n    dropIndicatorPosition,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/useTreePreviewHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport type { DragStartEvent, DragOverEvent, DragMoveEvent } from '@dnd-kit/core';\nimport type { DnDKitTree } from './types';\n\nexport const useTreePreviewHandlers = ({\n  setActive,\n  setOver,\n  setDropIndicatorPosition,\n}: DnDKitTree.UseTreePreviewHandlersArgs): DnDKitTree.UseTreePreviewHandlersReturn => {\n  const resetState = useCallback(() => {\n    setOver(null);\n    setActive(null);\n\n    document.body.style.setProperty('cursor', '');\n  }, [setOver, setActive]);\n\n  const handlePreviewDragStart = useCallback(\n    ({ active }: DragStartEvent) => {\n      setActive(active);\n      document.body.style.setProperty('cursor', 'grabbing');\n    },\n    [setActive, setOver],\n  );\n\n  const handlePreviewDragMove = useCallback(({ collisions }: DragMoveEvent) => {\n    if (collisions === null || collisions.length === 0) return;\n\n    const firstCollision = collisions[0];\n\n    const dropIndicatorPosition = (firstCollision.data as DnDKitTree.DragEventData)?.dropIndicatorPosition;\n\n    setDropIndicatorPosition(dropIndicatorPosition);\n  }, []);\n\n  const handlePreviewDragOver = useCallback(({ over }: DragOverEvent) => {\n    setOver(over);\n  }, []);\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    handlePreviewDragOver,\n    handlePreviewDragEnd,\n    handlePreviewDragCancel,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAIrB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MAAsF;AACpF,QAAM,aAAa,YAAY,MAAM;AACnC,YAAQ,IAAI;AACZ,cAAU,IAAI;AAEd,aAAS,KAAK,MAAM,YAAY,UAAU,EAAE;AAAA,EAC9C,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,yBAAyB;AAAA,IAC7B,CAAC,EAAE,OAAO,MAAsB;AAC9B,gBAAU,MAAM;AAChB,eAAS,KAAK,MAAM,YAAY,UAAU,UAAU;AAAA,IACtD;AAAA,IACA,CAAC,WAAW,OAAO;AAAA,EACrB;AAEA,QAAM,wBAAwB,YAAY,CAAC,EAAE,WAAW,MAAqB;AAC3E,QAAI,eAAe,QAAQ,WAAW,WAAW;AAAG;AAEpD,UAAM,iBAAiB,WAAW;AAElC,UAAM,wBAAyB,eAAe,MAAmC;AAEjF,6BAAyB,qBAAqB;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,wBAAwB,YAAY,CAAC,EAAE,KAAK,MAAqB;AACrE,YAAQ,IAAI;AAAA,EACd,GAAG,CAAC,CAAC;AAEL,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,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport type { DragStartEvent, DragOverEvent, DragMoveEvent } from '@dnd-kit/core';\nimport type { DnDKitTree } from './types.js';\n\nexport const useTreePreviewHandlers = ({\n  setActive,\n  setOver,\n  setDropIndicatorPosition,\n}: DnDKitTree.UseTreePreviewHandlersArgs): DnDKitTree.UseTreePreviewHandlersReturn => {\n  const resetState = useCallback(() => {\n    setOver(null);\n    setActive(null);\n\n    document.body.style.setProperty('cursor', '');\n  }, [setOver, setActive]);\n\n  const handlePreviewDragStart = useCallback(\n    ({ active }: DragStartEvent) => {\n      setActive(active);\n      document.body.style.setProperty('cursor', 'grabbing');\n    },\n    [setActive, setOver],\n  );\n\n  const handlePreviewDragMove = useCallback(({ collisions }: DragMoveEvent) => {\n    if (collisions === null || collisions.length === 0) return;\n\n    const firstCollision = collisions[0];\n\n    const dropIndicatorPosition = (firstCollision.data as DnDKitTree.DragEventData)?.dropIndicatorPosition;\n\n    setDropIndicatorPosition(dropIndicatorPosition);\n  }, []);\n\n  const handlePreviewDragOver = useCallback(({ over }: DragOverEvent) => {\n    setOver(over);\n  }, []);\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    handlePreviewDragOver,\n    handlePreviewDragEnd,\n    handlePreviewDragCancel,\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAIrB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MAAsF;AACpF,QAAM,aAAa,YAAY,MAAM;AACnC,YAAQ,IAAI;AACZ,cAAU,IAAI;AAEd,aAAS,KAAK,MAAM,YAAY,UAAU,EAAE;AAAA,EAC9C,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,yBAAyB;AAAA,IAC7B,CAAC,EAAE,OAAO,MAAsB;AAC9B,gBAAU,MAAM;AAChB,eAAS,KAAK,MAAM,YAAY,UAAU,UAAU;AAAA,IACtD;AAAA,IACA,CAAC,WAAW,OAAO;AAAA,EACrB;AAEA,QAAM,wBAAwB,YAAY,CAAC,EAAE,WAAW,MAAqB;AAC3E,QAAI,eAAe,QAAQ,WAAW,WAAW;AAAG;AAEpD,UAAM,iBAAiB,WAAW,CAAC;AAEnC,UAAM,wBAAyB,eAAe,MAAmC;AAEjF,6BAAyB,qBAAqB;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,wBAAwB,YAAY,CAAC,EAAE,KAAK,MAAqB;AACrE,YAAQ,IAAI;AAAA,EACd,GAAG,CAAC,CAAC;AAEL,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,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/tree/utilities.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { DropIndicatorPosition } from "./constants";
+import { DropIndicatorPosition } from "./constants.js";
 const getMinDepth = (item) => {
   if (item)
     return item.depth;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/utilities.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type { Over, UniqueIdentifier } from '@dnd-kit/core';\nimport { DropIndicatorPosition } from './constants';\nimport type { DnDKitTree } from './types';\n\nconst getMinDepth = <T,>(item: DnDKitTree.Item<T>) => {\n  if (item) return item.depth;\n  return 0;\n};\n\nexport const getProjection = <T,>(\n  items: DnDKitTree.Item<T>[],\n  visibleItemsDictionary: Record<UniqueIdentifier, DnDKitTree.Item<T>>,\n  over: Over,\n  dropIndicatorPosition: DropIndicatorPosition,\n  isExpandable: boolean,\n): { depth: number; parentId: UniqueIdentifier | null } => {\n  const overItemIndex = visibleItemsDictionary[over.id].realIndex;\n\n  if (dropIndicatorPosition === DropIndicatorPosition.None) {\n    return { depth: visibleItemsDictionary[over.id].depth, parentId: visibleItemsDictionary[over.id].parentId };\n  }\n\n  const previousItem = items[overItemIndex];\n  const nextItem = items[overItemIndex + 1];\n\n  if (dropIndicatorPosition === DropIndicatorPosition.Inside && isExpandable) {\n    return {\n      depth: visibleItemsDictionary[over.id].depth + 1,\n      parentId: over.id,\n    };\n  }\n  if (dropIndicatorPosition === DropIndicatorPosition.Before) {\n    return { depth: getMinDepth(previousItem), parentId: previousItem.parentId };\n  }\n  return { depth: getMinDepth(nextItem), parentId: nextItem?.parentId };\n};\n\nexport const removeChildrenOf = <T,>(items: DnDKitTree.Item<T>[], id: UniqueIdentifier): DnDKitTree.Item<T>[] => {\n  const excludeParentIds = [id];\n\n  return items.filter((item) => {\n    if (item.parentId !== null && excludeParentIds.includes(item.parentId)) {\n      excludeParentIds.push(item.uid);\n      return false;\n    }\n    return true;\n  });\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,6BAA6B;AAGtC,MAAM,cAAc,CAAK,SAA6B;AACpD,MAAI;AAAM,WAAO,KAAK;AACtB,SAAO;AACT;AAEO,MAAM,gBAAgB,CAC3B,OACA,wBACA,MACA,uBACA,iBACyD;AACzD,QAAM,gBAAgB,uBAAuB,KAAK,IAAI;AAEtD,MAAI,0BAA0B,sBAAsB,MAAM;AACxD,WAAO,EAAE,OAAO,uBAAuB,KAAK,IAAI,OAAO,UAAU,uBAAuB,KAAK,IAAI,SAAS;AAAA,EAC5G;AAEA,QAAM,eAAe,MAAM;AAC3B,QAAM,WAAW,MAAM,gBAAgB;AAEvC,MAAI,0BAA0B,sBAAsB,UAAU,cAAc;AAC1E,WAAO;AAAA,MACL,OAAO,uBAAuB,KAAK,IAAI,QAAQ;AAAA,MAC/C,UAAU,KAAK;AAAA,IACjB;AAAA,EACF;AACA,MAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,WAAO,EAAE,OAAO,YAAY,YAAY,GAAG,UAAU,aAAa,SAAS;AAAA,EAC7E;AACA,SAAO,EAAE,OAAO,YAAY,QAAQ,GAAG,UAAU,UAAU,SAAS;AACtE;AAEO,MAAM,mBAAmB,CAAK,OAA6B,OAA+C;AAC/G,QAAM,mBAAmB,CAAC,EAAE;AAE5B,SAAO,MAAM,OAAO,CAAC,SAAS;AAC5B,QAAI,KAAK,aAAa,QAAQ,iBAAiB,SAAS,KAAK,QAAQ,GAAG;AACtE,uBAAiB,KAAK,KAAK,GAAG;AAC9B,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type { Over, UniqueIdentifier } from '@dnd-kit/core';\nimport { DropIndicatorPosition } from './constants.js';\nimport type { DnDKitTree } from './types.js';\n\nconst getMinDepth = <T,>(item: DnDKitTree.Item<T>) => {\n  if (item) return item.depth;\n  return 0;\n};\n\nexport const getProjection = <T,>(\n  items: DnDKitTree.Item<T>[],\n  visibleItemsDictionary: Record<UniqueIdentifier, DnDKitTree.Item<T>>,\n  over: Over,\n  dropIndicatorPosition: DropIndicatorPosition,\n  isExpandable: boolean,\n): { depth: number; parentId: UniqueIdentifier | null } => {\n  const overItemIndex = visibleItemsDictionary[over.id].realIndex;\n\n  if (dropIndicatorPosition === DropIndicatorPosition.None) {\n    return { depth: visibleItemsDictionary[over.id].depth, parentId: visibleItemsDictionary[over.id].parentId };\n  }\n\n  const previousItem = items[overItemIndex];\n  const nextItem = items[overItemIndex + 1];\n\n  if (dropIndicatorPosition === DropIndicatorPosition.Inside && isExpandable) {\n    return {\n      depth: visibleItemsDictionary[over.id].depth + 1,\n      parentId: over.id,\n    };\n  }\n  if (dropIndicatorPosition === DropIndicatorPosition.Before) {\n    return { depth: getMinDepth(previousItem), parentId: previousItem.parentId };\n  }\n  return { depth: getMinDepth(nextItem), parentId: nextItem?.parentId };\n};\n\nexport const removeChildrenOf = <T,>(items: DnDKitTree.Item<T>[], id: UniqueIdentifier): DnDKitTree.Item<T>[] => {\n  const excludeParentIds = [id];\n\n  return items.filter((item) => {\n    if (item.parentId !== null && excludeParentIds.includes(item.parentId)) {\n      excludeParentIds.push(item.uid);\n      return false;\n    }\n    return true;\n  });\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,6BAA6B;AAGtC,MAAM,cAAc,CAAK,SAA6B;AACpD,MAAI;AAAM,WAAO,KAAK;AACtB,SAAO;AACT;AAEO,MAAM,gBAAgB,CAC3B,OACA,wBACA,MACA,uBACA,iBACyD;AACzD,QAAM,gBAAgB,uBAAuB,KAAK,EAAE,EAAE;AAEtD,MAAI,0BAA0B,sBAAsB,MAAM;AACxD,WAAO,EAAE,OAAO,uBAAuB,KAAK,EAAE,EAAE,OAAO,UAAU,uBAAuB,KAAK,EAAE,EAAE,SAAS;AAAA,EAC5G;AAEA,QAAM,eAAe,MAAM,aAAa;AACxC,QAAM,WAAW,MAAM,gBAAgB,CAAC;AAExC,MAAI,0BAA0B,sBAAsB,UAAU,cAAc;AAC1E,WAAO;AAAA,MACL,OAAO,uBAAuB,KAAK,EAAE,EAAE,QAAQ;AAAA,MAC/C,UAAU,KAAK;AAAA,IACjB;AAAA,EACF;AACA,MAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,WAAO,EAAE,OAAO,YAAY,YAAY,GAAG,UAAU,aAAa,SAAS;AAAA,EAC7E;AACA,SAAO,EAAE,OAAO,YAAY,QAAQ,GAAG,UAAU,UAAU,SAAS;AACtE;AAEO,MAAM,mBAAmB,CAAK,OAA6B,OAA+C;AAC/G,QAAM,mBAAmB,CAAC,EAAE;AAE5B,SAAO,MAAM,OAAO,CAAC,SAAS;AAC5B,QAAI,KAAK,aAAa,QAAQ,iBAAiB,SAAS,KAAK,QAAQ,GAAG;AACtE,uBAAiB,KAAK,KAAK,GAAG;AAC9B,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
   "names": []
 }

package/dist/types/hierarchy/customCollisionDetection.d.ts

@@ -1,3 +1,3 @@
 import { type CollisionDetection } from '@dnd-kit/core';
-import type { DnDKitHierarchy } from './types';
+import type { DnDKitHierarchy } from './types.js';
 export declare const customCollisionDetection: <T>(sensorContext: DnDKitHierarchy.SensorContext<T>) => CollisionDetection;

package/dist/types/hierarchy/getHierarchyKeyboardCoordinates.d.ts

@@ -1,3 +1,3 @@
 import type { KeyboardCoordinateGetter } from '@dnd-kit/core';
-import type { DnDKitHierarchy } from './types';
+import type { DnDKitHierarchy } from './types.js';
 export declare const getHierarchyKeyboardCoordinates: <T>(context: DnDKitHierarchy.SensorContext<T>) => KeyboardCoordinateGetter;

package/dist/types/hierarchy/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useHierarchyDndkitConfig';
-export * from './types';
+export * from './useHierarchyDndkitConfig.js';
+export * from './types.js';

package/dist/types/hierarchy/useHierarchyActionHandlers.d.ts

@@ -1,2 +1,2 @@
-import type { DnDKitHierarchy } from './types';
+import type { DnDKitHierarchy } from './types.js';
 export declare const useHierarchyActionHandlers: <T>({ handlePreviewDragStart, handlePreviewDragMove, handlePreviewDragEnd, handlePreviewDragCancel, onReorder, flattenedItems, }: DnDKitHierarchy.UseHierarchyActionHandlersArgs<T>) => DnDKitHierarchy.UseHierarchyActionHandlersReturn;

package/dist/types/hierarchy/useHierarchyAnnouncements.d.ts

@@ -1,3 +1,3 @@
 import type { Announcements, UniqueIdentifier } from '@dnd-kit/core';
-import type { DnDKitHierarchy } from './types';
+import type { DnDKitHierarchy } from './types.js';
 export declare const useHierarchyAnnouncements: <T>(visibleItemsDictionary: Record<UniqueIdentifier, DnDKitHierarchy.Item<T>>) => Announcements;

package/dist/types/hierarchy/useHierarchyDndkitConfig.d.ts

@@ -1,2 +1,2 @@
-import type { DnDKitHierarchy } from './types';
+import type { DnDKitHierarchy } from './types.js';
 export declare const useHierarchyDndkitConfig: <T>({ flattenedItems, onReorder, isHorizontalDnD, onPreviewResetState, onPreviewDragStart, }: DnDKitHierarchy.UseHierarchyDndkitConfigArgs<T>) => DnDKitHierarchy.UseHierarchyDndkitConfigReturn;

package/dist/types/hierarchy/useHierarchyPreviewHandlers.d.ts

@@ -1,2 +1,2 @@
-import type { DnDKitHierarchy } from './types';
+import type { DnDKitHierarchy } from './types.js';
 export declare const useHierarchyPreviewHandlers: ({ setActive, onPreviewResetState, onPreviewDragStart, }: DnDKitHierarchy.UseHierarchyPreviewHandlersArgs) => DnDKitHierarchy.UseHierarchyPreviewHandlersReturn;

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
-export * from './hierarchy';
-export * from './tree';
+export * from './hierarchy/index.js';
+export * from './tree/index.js';
 export * from '@dnd-kit/core';
 export * from '@dnd-kit/sortable';
 export * from '@dnd-kit/modifiers';

package/dist/types/tree/customCollisionDetection.d.ts

@@ -1,3 +1,3 @@
 import { type CollisionDetection } from '@dnd-kit/core';
-import type { DnDKitTree } from './types';
+import type { DnDKitTree } from './types.js';
 export declare const customCollisionDetection: <T>(sensorContext: DnDKitTree.SensorContext<T>) => CollisionDetection;

package/dist/types/tree/getTreeKeyboardCoordinates.d.ts

@@ -1,3 +1,3 @@
 import type { KeyboardCoordinateGetter } from '@dnd-kit/core';
-import type { DnDKitTree } from './types';
+import type { DnDKitTree } from './types.js';
 export declare const getTreeKeyboardCoordinates: <T>(context: DnDKitTree.SensorContext<T>) => KeyboardCoordinateGetter;

package/dist/types/tree/index.d.ts

@@ -1,3 +1,3 @@
-export * from './useTreeDndkitConfig';
-export * from './types';
-export { removeChildrenOf } from './utilities';
+export * from './useTreeDndkitConfig.js';
+export * from './types.js';
+export { removeChildrenOf } from './utilities.js';

package/dist/types/tree/types.d.ts

@@ -3,7 +3,7 @@ import type { SortingStrategy } from '@dnd-kit/sortable';
 import type { RectMap } from '@dnd-kit/core/dist/store';
 import type { Coordinates } from '@dnd-kit/core/dist/types';
 import type { Dispatch, SetStateAction, MutableRefObject } from 'react';
-import type { DropIndicatorPosition } from './constants';
+import type { DropIndicatorPosition } from './constants.js';
 export declare namespace DnDKitTree {
     export type Item<T> = {
         uid: UniqueIdentifier;

package/dist/types/tree/useTreeActionHandlers.d.ts

@@ -1,2 +1,2 @@
-import type { DnDKitTree } from './types';
+import type { DnDKitTree } from './types.js';
 export declare const useTreeActionHandlers: <T>({ handlePreviewDragStart, handlePreviewDragMove, handlePreviewDragOver, handlePreviewDragEnd, handlePreviewDragCancel, onReorder, flattenedItems, projected, dropIndicatorPosition, isDropValid, }: DnDKitTree.UseTreeActionHandlersArgs<T>) => DnDKitTree.UseTreeActionHandlersReturn;

package/dist/types/tree/useTreeAnnouncements.d.ts

@@ -1,4 +1,4 @@
 import type { Announcements, UniqueIdentifier } from '@dnd-kit/core';
-import { DropIndicatorPosition } from './constants';
-import type { DnDKitTree } from './types';
+import { DropIndicatorPosition } from './constants.js';
+import type { DnDKitTree } from './types.js';
 export declare const useTreeAnnouncements: <T>(visibleItemsDictionary: Record<UniqueIdentifier, DnDKitTree.Item<T>>, dropIndicatorPosition: DropIndicatorPosition) => Announcements;

package/dist/types/tree/useTreeDndkitConfig.d.ts

@@ -1,2 +1,2 @@
-import type { DnDKitTree } from './types';
+import type { DnDKitTree } from './types.js';
 export declare const useTreeDndkitConfig: <T>({ flattenedItems, onReorder, isHorizontalDnD, isExpandable, getIsDropValid, maxDragAndDropLevel, }: DnDKitTree.UseTreeConfigArgs<T>) => DnDKitTree.UseTreeConfigReturn<T>;

package/dist/types/tree/useTreePreviewHandlers.d.ts

@@ -1,2 +1,2 @@
-import type { DnDKitTree } from './types';
+import type { DnDKitTree } from './types.js';
 export declare const useTreePreviewHandlers: ({ setActive, setOver, setDropIndicatorPosition, }: DnDKitTree.UseTreePreviewHandlersArgs) => DnDKitTree.UseTreePreviewHandlersReturn;

package/dist/types/tree/utilities.d.ts

@@ -1,6 +1,6 @@
 import type { Over, UniqueIdentifier } from '@dnd-kit/core';
-import { DropIndicatorPosition } from './constants';
-import type { DnDKitTree } from './types';
+import { DropIndicatorPosition } from './constants.js';
+import type { DnDKitTree } from './types.js';
 export declare const getProjection: <T>(items: DnDKitTree.Item<T>[], visibleItemsDictionary: Record<UniqueIdentifier, DnDKitTree.Item<T>>, over: Over, dropIndicatorPosition: DropIndicatorPosition, isExpandable: boolean) => {
     depth: number;
     parentId: UniqueIdentifier | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-drag-and-drop",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Drag And Drop",
   "files": [
@@ -107,9 +107,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@dnd-kit/core": "~6.0.5",
+    "@dnd-kit/core": "~6.0.8",
     "@dnd-kit/modifiers": "~6.0.1",
-    "@dnd-kit/sortable": "~7.0.1"
+    "@dnd-kit/sortable": "~7.0.2",
+    "@elliemae/ds-props-helpers": "3.16.1"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",