@elliemae/ds-drag-and-drop 3.1.0-next.2 → 3.1.0-next.20

package/dist/cjs/hierarchy/customCollisionDetection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hierarchy/customCollisionDetection.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { CollisionDetection, DroppableContainer } from '@dnd-kit/core';\nimport { Item } from './types';\n\nexport const customCollisionDetection =\n  (activeId: string | null, activeParent: string | undefined, dndItems: Item[]): CollisionDetection =>\n  ({ droppableContainers, collisionRect }) => {\n    const entriesWithSameParent = droppableContainers.filter(\n      ({ id }) => dndItems.find((item) => item.id === id)?.parentId === activeParent,\n    );\n\n    const originalContainer = entriesWithSameParent.find(({ id }) => id === activeId);\n    const originalRect = originalContainer?.rect?.current;\n\n    if (!originalRect) return null;\n\n    if (\n      originalRect.offsetLeft <= collisionRect.offsetLeft &&\n      collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width\n    ) {\n      return originalContainer.id;\n    }\n\n    const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + collisionRect.width / 2 + 5;\n\n    let match: DroppableContainer | null = null;\n    // If going to the left, search the closest offset left\n    // Otherwise, get the closest offset right\n    const collisionPoint = collisionRect.offsetLeft + collisionRect.width / 2;\n    entriesWithSameParent.forEach((entry) => {\n      const {\n        rect: { current: rect },\n      } = entry;\n\n      if (rect !== null) {\n        const offsetRight = rect.offsetLeft + rect.width;\n\n        if (!match) {\n          match = entry;\n        } else if (\n          match &&\n          match.rect.current &&\n          isLeft &&\n          Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)\n        ) {\n          match = entry;\n        } else if (\n          match &&\n          match.rect.current &&\n          !isLeft &&\n          Math.abs(collisionPoint - offsetRight) <=\n            Math.abs(collisionPoint - match.rect.current.offsetLeft - match.rect.current.width)\n        ) {\n          match = entry;\n        }\n      }\n    });\n    // Typescript believes match is always null for some reason\n    const matchCastedForSomeReason = match as DroppableContainer | null;\n    return matchCastedForSomeReason === null ? null : matchCastedForSomeReason.id;\n  };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGhB,MAAM,2BACX,CAAC,UAAyB,cAAkC,aAC5D,CAAC,EAAE,qBAAqB,oBAAoB;AAC1C,QAAM,wBAAwB,oBAAoB,OAChD,CAAC,EAAE,SAAS,SAAS,KAAK,CAAC,SAAS,KAAK,OAAO,EAAE,GAAG,aAAa,YACpE;AAEA,QAAM,oBAAoB,sBAAsB,KAAK,CAAC,EAAE,SAAS,OAAO,QAAQ;AAChF,QAAM,eAAe,mBAAmB,MAAM;AAE9C,MAAI,CAAC;AAAc,WAAO;AAE1B,MACE,aAAa,cAAc,cAAc,cACzC,cAAc,cAAc,aAAa,aAAa,aAAa,OACnE;AACA,WAAO,kBAAkB;AAAA,EAC3B;AAEA,QAAM,SAAS,cAAc,cAAc,aAAa,aAAa,cAAc,QAAQ,IAAI;AAE/F,MAAI,QAAmC;AAGvC,QAAM,iBAAiB,cAAc,aAAa,cAAc,QAAQ;AACxE,wBAAsB,QAAQ,CAAC,UAAU;AACvC,UAAM;AAAA,MACJ,MAAM,EAAE,SAAS;AAAA,QACf;AAEJ,QAAI,SAAS,MAAM;AACjB,YAAM,cAAc,KAAK,aAAa,KAAK;AAE3C,UAAI,CAAC,OAAO;AACV,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,UACA,KAAK,IAAI,iBAAiB,KAAK,UAAU,KAAK,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,UAAU,GACrG;AACA,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,CAAC,UACD,KAAK,IAAI,iBAAiB,WAAW,KACnC,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,aAAa,MAAM,KAAK,QAAQ,KAAK,GACpF;AACA,gBAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,2BAA2B;AACjC,SAAO,6BAA6B,OAAO,OAAO,yBAAyB;AAC7E;",
+  "sourcesContent": ["/* eslint-disable indent, react/function-component-definition, complexity */\nimport { type CollisionDetection, type DroppableContainer } from '@dnd-kit/core';\nimport { Item } from './types';\n\nexport const customCollisionDetection =\n  (activeId: string | null, activeParent: string | undefined, dndItems: Item[]): CollisionDetection =>\n  ({ droppableContainers, collisionRect }) => {\n    const entriesWithSameParent = droppableContainers.filter(\n      ({ id }) => dndItems.find((item) => item.id === id)?.parentId === activeParent,\n    );\n\n    const originalContainer = entriesWithSameParent.find(({ id }) => id === activeId);\n    const originalRect = originalContainer?.rect?.current;\n\n    if (!originalRect) return null;\n\n    if (\n      originalRect.offsetLeft <= collisionRect.offsetLeft &&\n      collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width\n    ) {\n      return originalContainer.id;\n    }\n\n    const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + collisionRect.width / 2 + 5;\n\n    let match: DroppableContainer | null = null;\n    // If going to the left, search the closest offset left\n    // Otherwise, get the closest offset right\n    const collisionPoint = collisionRect.offsetLeft + collisionRect.width / 2;\n    entriesWithSameParent.forEach((entry) => {\n      const {\n        rect: { current: rect },\n      } = entry;\n\n      if (rect !== null) {\n        const offsetRight = rect.offsetLeft + rect.width;\n\n        if (!match) {\n          match = entry;\n        } else if (\n          match &&\n          match.rect.current &&\n          isLeft &&\n          Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)\n        ) {\n          match = entry;\n        } else if (\n          match &&\n          match.rect.current &&\n          !isLeft &&\n          Math.abs(collisionPoint - offsetRight) <=\n            Math.abs(collisionPoint - match.rect.current.offsetLeft - match.rect.current.width)\n        ) {\n          match = entry;\n        }\n      }\n    });\n    // Typescript believes match is always null for some reason\n    const matchCastedForSomeReason = match as DroppableContainer | null;\n    return matchCastedForSomeReason === null ? null : matchCastedForSomeReason.id;\n  };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIhB,MAAM,2BACX,CAAC,UAAyB,cAAkC,aAC5D,CAAC,EAAE,qBAAqB,oBAAoB;AAC1C,QAAM,wBAAwB,oBAAoB,OAChD,CAAC,EAAE,SAAS,SAAS,KAAK,CAAC,SAAS,KAAK,OAAO,EAAE,GAAG,aAAa,YACpE;AAEA,QAAM,oBAAoB,sBAAsB,KAAK,CAAC,EAAE,SAAS,OAAO,QAAQ;AAChF,QAAM,eAAe,mBAAmB,MAAM;AAE9C,MAAI,CAAC;AAAc,WAAO;AAE1B,MACE,aAAa,cAAc,cAAc,cACzC,cAAc,cAAc,aAAa,aAAa,aAAa,OACnE;AACA,WAAO,kBAAkB;AAAA,EAC3B;AAEA,QAAM,SAAS,cAAc,cAAc,aAAa,aAAa,cAAc,QAAQ,IAAI;AAE/F,MAAI,QAAmC;AAGvC,QAAM,iBAAiB,cAAc,aAAa,cAAc,QAAQ;AACxE,wBAAsB,QAAQ,CAAC,UAAU;AACvC,UAAM;AAAA,MACJ,MAAM,EAAE,SAAS;AAAA,QACf;AAEJ,QAAI,SAAS,MAAM;AACjB,YAAM,cAAc,KAAK,aAAa,KAAK;AAE3C,UAAI,CAAC,OAAO;AACV,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,UACA,KAAK,IAAI,iBAAiB,KAAK,UAAU,KAAK,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,UAAU,GACrG;AACA,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,CAAC,UACD,KAAK,IAAI,iBAAiB,WAAW,KACnC,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,aAAa,MAAM,KAAK,QAAQ,KAAK,GACpF;AACA,gBAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,2BAA2B;AACjC,SAAO,6BAA6B,OAAO,OAAO,yBAAyB;AAC7E;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hierarchy/types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {\n  Active,\n  Announcements,\n  CollisionDetection,\n  DragEndEvent,\n  DragMoveEvent,\n  DragOverEvent,\n  DragStartEvent,\n  MeasuringConfiguration,\n  Modifier,\n  Over,\n  SensorDescriptor,\n  SensorOptions,\n} from '@dnd-kit/core';\nimport { DroppableContainers } from '@dnd-kit/core/dist/store';\nimport { Coordinates, DragCancelEvent, ViewRect } from '@dnd-kit/core/dist/types';\nimport { MutableRefObject } from 'react';\n\nexport type Item = {\n  id: string;\n  depth: number;\n  parentId: string;\n  index: number;\n};\n\nexport type DndContextPropsType = {\n  announcements: Announcements;\n  modifiers: Modifier[];\n  sensors: SensorDescriptor<SensorOptions>[];\n  measuring: Partial<MeasuringConfiguration>;\n  collisionDetection: CollisionDetection;\n  onDragStart: (e: DragStartEvent) => void;\n  onDragMove: (e: DragMoveEvent) => void;\n  onDragOver: (e: DragOverEvent) => void;\n  onDragEnd: (e: DragEndEvent) => void;\n  onDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type useHierarchyPreviewHandlersReturn = {\n  handlePreviewDragStart: (e: DragStartEvent) => void;\n  handlePreviewDragMove: (e: DragMoveEvent) => void;\n  handlePreviewDragEnd: (e: DragEndEvent) => void;\n  handlePreviewDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type useHierarchyPreviewHandlersArgs = {\n  setActiveId: React.Dispatch<React.SetStateAction<string>>;\n  onPreviewResetState: () => void;\n  onPreviewDragStart: () => void;\n};\n\nexport type useHierarchyActionHandlersArgs = useHierarchyPreviewHandlersReturn & {\n  dndItems: Item[];\n  onReorder: (movedItem: Item, indexes: { targetIndex: number; fromIndex: number }) => void;\n};\n\nexport type useHierarchyActionHandlersReturn = {\n  onDragStart: (e: DragStartEvent) => void;\n  onDragMove: (e: DragMoveEvent) => void;\n  onDragOver: (e: DragOverEvent) => void;\n  onDragEnd: (e: DragEndEvent) => void;\n  onDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type useHierarchyDndkitConfigArgs = {\n  indentationWidth?: number;\n  dragOverlayDataTestid: string;\n  flattenedItems: [Item, unknown][];\n  isHorizontalDnD?: boolean;\n  onReorder: (movedItem: Item, indexes: { targetIndex: number; fromIndex: number }) => void;\n  onPreviewResetState: () => void;\n  onPreviewDragStart: () => void;\n};\n\nexport type useHierarchyDndkitConfigType = (args: useHierarchyDndkitConfigArgs) => useHierarchyDndkitConfigReturn;\n\nexport type useHierarchyDndkitConfigReturn = {\n  dndContextProps: DndContextPropsType;\n  activeId: string | null;\n  overId: string | null;\n  activeIndex: number | undefined;\n};\n\nexport type GetKeyboardCoordinatesArgs = {\n  items: Item[];\n  active: Active | null;\n  over: Over | null;\n  event: KeyboardEvent;\n  currentCoordinates: Coordinates;\n  droppableContainers: DroppableContainers;\n  collisionRect: ViewRect;\n  dragOverlayDataTestid: string;\n};\n\nexport type SensorContext = MutableRefObject<{\n  items: Item[];\n  offset?: number;\n}>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type {\n  Active,\n  Announcements,\n  CollisionDetection,\n  DragEndEvent,\n  DragMoveEvent,\n  DragOverEvent,\n  DragStartEvent,\n  MeasuringConfiguration,\n  Modifier,\n  Over,\n  SensorDescriptor,\n  SensorOptions,\n} from '@dnd-kit/core';\nimport { DroppableContainers } from '@dnd-kit/core/dist/store';\nimport { Coordinates, DragCancelEvent, ViewRect } from '@dnd-kit/core/dist/types';\nimport { MutableRefObject } from 'react';\n\nexport type Item = {\n  id: string;\n  depth: number;\n  parentId: string;\n  index: number;\n};\n\nexport type DndContextPropsType = {\n  announcements: Announcements;\n  modifiers: Modifier[];\n  sensors: SensorDescriptor<SensorOptions>[];\n  measuring: Partial<MeasuringConfiguration>;\n  collisionDetection: CollisionDetection;\n  onDragStart: (e: DragStartEvent) => void;\n  onDragMove: (e: DragMoveEvent) => void;\n  onDragOver: (e: DragOverEvent) => void;\n  onDragEnd: (e: DragEndEvent) => void;\n  onDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type UseHierarchyPreviewHandlersReturn = {\n  handlePreviewDragStart: (e: DragStartEvent) => void;\n  handlePreviewDragMove: (e: DragMoveEvent) => void;\n  handlePreviewDragEnd: (e: DragEndEvent) => void;\n  handlePreviewDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type UseHierarchyPreviewHandlersArgs = {\n  setActiveId: React.Dispatch<React.SetStateAction<string>>;\n  onPreviewResetState: () => void;\n  onPreviewDragStart: () => void;\n};\n\nexport type UseHierarchyActionHandlersArgs = UseHierarchyPreviewHandlersReturn & {\n  dndItems: Item[];\n  onReorder: (movedItem: Item, indexes: { targetIndex: number; fromIndex: number }) => void;\n};\n\nexport type UseHierarchyActionHandlersReturn = {\n  onDragStart: (e: DragStartEvent) => void;\n  onDragMove: (e: DragMoveEvent) => void;\n  onDragOver: (e: DragOverEvent) => void;\n  onDragEnd: (e: DragEndEvent) => void;\n  onDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type UseHierarchyDndkitConfigArgs = {\n  indentationWidth?: number;\n  dragOverlayDataTestid: string;\n  flattenedItems: [Item, unknown][];\n  isHorizontalDnD?: boolean;\n  onReorder: (movedItem: Item, indexes: { targetIndex: number; fromIndex: number }) => void;\n  onPreviewResetState: () => void;\n  onPreviewDragStart: () => void;\n};\n\nexport type UseHierarchyDndkitConfigType = (args: UseHierarchyDndkitConfigArgs) => UseHierarchyDndkitConfigReturn;\n\nexport type UseHierarchyDndkitConfigReturn = {\n  dndContextProps: DndContextPropsType;\n  activeId: string | null;\n  overId: string | null;\n  activeIndex: number | undefined;\n};\n\nexport type GetKeyboardCoordinatesArgs = {\n  items: Item[];\n  active: Active | null;\n  over: Over | null;\n  event: KeyboardEvent;\n  currentCoordinates: Coordinates;\n  droppableContainers: DroppableContainers;\n  collisionRect: ViewRect;\n  dragOverlayDataTestid: string;\n};\n\nexport type SensorContext = MutableRefObject<{\n  items: Item[];\n  offset?: number;\n}>;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hierarchy/useHierarchyPreviewHandlers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useCallback } from 'react';\nimport { DragStartEvent, DragOverEvent } 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);\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", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { useCallback } from 'react';\nimport { DragStartEvent, DragOverEvent } 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);\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", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAIrB,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,MACwE;AACxE,QAAM,aAAa,8BAAY,MAAM;AACnC,gBAAY,EAAE;AACd,wBAAoB;AAEpB,aAAS,KAAK,MAAM,YAAY,UAAU,EAAE;AAAA,EAC9C,GAAG,CAAC,aAAa,mBAAmB,CAAC;AAErC,QAAM,yBAAyB,8BAC7B,CAAC,EAAE,QAAQ,EAAE,WAA2B;AACtC,gBAAY,EAAE;AACd,aAAS,KAAK,MAAM,YAAY,UAAU,UAAU;AACpD,uBAAmB;AAAA,EACrB,GACA,CAAC,aAAa,kBAAkB,CAClC;AAEA,QAAM,wBAAwB,8BAAY,MAAM,MAAM,CAAC,CAAC;AAExD,QAAM,uBAAuB,8BAAY,MAAM;AAC7C,eAAW;AAAA,EACb,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,0BAA0B,8BAAY,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/cjs/tree/customCollisionDetection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tree/customCollisionDetection.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable max-params */\nimport { CollisionDetection, DroppableContainer, LayoutRect } from '@dnd-kit/core';\nimport { DropIndicatorPosition } from './constants';\nimport { Item } from './types';\n\nconst DUMMY_ID = 'DUMMY_ID_INTERNAL_USE_ONLY';\nconst RECT_UP: LayoutRect = {\n  offsetTop: -Infinity,\n  offsetLeft: 0, // Doesn't matter,\n  width: 0, // Doesn't matter\n  height: 0, // Doesn't matter\n};\nconst RECT_DOWN: LayoutRect = {\n  offsetTop: Infinity,\n  offsetLeft: 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.offsetTop > 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 { offsetTop: rectOffsetTop } = rect;\n            const { offsetTop: firstRectDownOffsetTop } = firstRectDown.rect.current;\n            if (rectOffsetTop + threshold > collisionRect.top && rectOffsetTop < firstRectDownOffsetTop) {\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 { offsetTop: rectOffsetTop } = rect;\n            const { offsetTop: firstRectUpOffsetTop } = firstRectUp.rect.current;\n            if (rectOffsetTop - threshold < collisionRect.top && rectOffsetTop > firstRectUpOffsetTop) {\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 null\n    if (collidingContainer.id === DUMMY_ID) {\n      return null;\n    }\n\n    const collidingRect = collidingContainer.rect.current;\n\n    if (!collidingRect) return null;\n\n    // Calculate the intersection interval\n    const [top, bottom] = [\n      Math.max(collisionRect.top, collidingRect.offsetTop),\n      Math.min(collisionRect.top + collisionRect.height, collidingRect.offsetTop + 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 collidingContainer.id;\n  };\n  return func;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable max-params */\nimport { type CollisionDetection, type DroppableContainer, type LayoutRect } from '@dnd-kit/core';\nimport { DropIndicatorPosition } from './constants';\nimport { Item } from './types';\n\nconst DUMMY_ID = 'DUMMY_ID_INTERNAL_USE_ONLY';\nconst RECT_UP: LayoutRect = {\n  offsetTop: -Infinity,\n  offsetLeft: 0, // Doesn't matter,\n  width: 0, // Doesn't matter\n  height: 0, // Doesn't matter\n};\nconst RECT_DOWN: LayoutRect = {\n  offsetTop: Infinity,\n  offsetLeft: 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.offsetTop > 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 { offsetTop: rectOffsetTop } = rect;\n            const { offsetTop: firstRectDownOffsetTop } = firstRectDown.rect.current;\n            if (rectOffsetTop + threshold > collisionRect.top && rectOffsetTop < firstRectDownOffsetTop) {\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 { offsetTop: rectOffsetTop } = rect;\n            const { offsetTop: firstRectUpOffsetTop } = firstRectUp.rect.current;\n            if (rectOffsetTop - threshold < collisionRect.top && rectOffsetTop > firstRectUpOffsetTop) {\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 null\n    if (collidingContainer.id === DUMMY_ID) {\n      return null;\n    }\n\n    const collidingRect = collidingContainer.rect.current;\n\n    if (!collidingRect) return null;\n\n    // Calculate the intersection interval\n    const [top, bottom] = [\n      Math.max(collisionRect.top, collidingRect.offsetTop),\n      Math.min(collisionRect.top + collisionRect.height, collidingRect.offsetTop + 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 collidingContainer.id;\n  };\n  return func;\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,uBAAsC;AAGtC,MAAM,WAAW;AACjB,MAAM,UAAsB;AAAA,EAC1B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AACV;AACA,MAAM,YAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,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,YAAY,cAAc;AAAA,IAChD;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,WAAW,kBAAkB;AACrC,gBAAM,EAAE,WAAW,2BAA2B,cAAc,KAAK;AACjE,cAAI,gBAAgB,YAAY,cAAc,OAAO,gBAAgB,wBAAwB;AAC3F,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,WAAW,kBAAkB;AACrC,gBAAM,EAAE,WAAW,yBAAyB,YAAY,KAAK;AAC7D,cAAI,gBAAgB,YAAY,cAAc,OAAO,gBAAgB,sBAAsB;AACzF,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;AAAA,IACT;AAEA,UAAM,gBAAgB,mBAAmB,KAAK;AAE9C,QAAI,CAAC;AAAe,aAAO;AAG3B,UAAM,CAAC,KAAK,UAAU;AAAA,MACpB,KAAK,IAAI,cAAc,KAAK,cAAc,SAAS;AAAA,MACnD,KAAK,IAAI,cAAc,MAAM,cAAc,QAAQ,cAAc,YAAY,cAAc,MAAM;AAAA,IACnG;AAGA,UAAM,yBAAyB,KAAK,IAAI,SAAS,GAAG,IAAI,cAAc;AAEtE,QACE,yBAAyB,mBACzB,uBAAuB,mBAAmB,IAAI,QAAQ,KAAK,uBAC3D,mBAAmB,OAAO,UAC1B;AACA,+BAAyB,uCAAsB,MAAM;AAAA,IACvD,OAAO;AACL,+BAAyB,OAAO,uCAAsB,SAAS,uCAAsB,KAAK;AAAA,IAC5F;AAEA,QAAI,QAAQ,iBAAiB;AAAM,sBAAgB,IAAI;AAAA,aAC9C,CAAC,QAAQ,iBAAiB;AAAQ,sBAAgB,MAAM;AAGjE,WAAO,mBAAmB;AAAA,EAC5B;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/tree/getTreeKeyboardCoordinates.js

@@ -91,40 +91,51 @@ const getVerticalKeyboardCoordinates = ({
       y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2
     });
   }
+  if (closestId === active.id && dropIndicatorPosition === import_constants.DropIndicatorPosition.After) {
+    return __spreadProps(__spreadValues({}, currentCoordinates), {
+      y: closestRect.top + collisionRect.height
+    });
+  }
   if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Inside || closestId === active.id || closestItem.depth + 1 > maxDragAndDropLevel) {
     return __spreadProps(__spreadValues({}, currentCoordinates), {
-      y: closestRect.top + collisionRect.height / 2
+      y: closestRect.top + closestRect.height / 2
     });
   }
   return __spreadProps(__spreadValues({}, currentCoordinates), {
     y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2
   });
 };
-const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLevel) => (event, { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } }) => {
-  if (directions.includes(event.code)) {
-    if (!translatedRect) {
-      return void 0;
+const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLevel) => {
+  const func = (event, { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } }) => {
+    if (directions.includes(event.code)) {
+      if (!translatedRect) {
+        return void 0;
+      }
+      const {
+        current: { items, dropIndicatorPosition, keyboardTranslate }
+      } = context;
+      if (!over || !active || !collisionRect)
+        return void 0;
+      const args = {
+        items,
+        active,
+        over,
+        event,
+        currentCoordinates,
+        droppableContainers,
+        collisionRect,
+        dropIndicatorPosition,
+        maxDragAndDropLevel
+      };
+      if (isHorizontalDnD)
+        return void 0;
+      const newCoords = getVerticalKeyboardCoordinates(args);
+      if (newCoords)
+        return __spreadProps(__spreadValues({}, newCoords), { y: newCoords.y - keyboardTranslate });
+      return newCoords;
     }
-    const {
-      current: { items, dropIndicatorPosition }
-    } = context;
-    if (!over || !active || !collisionRect)
-      return void 0;
-    const args = {
-      items,
-      active,
-      over,
-      event,
-      currentCoordinates,
-      droppableContainers,
-      collisionRect,
-      dropIndicatorPosition,
-      maxDragAndDropLevel
-    };
-    if (isHorizontalDnD)
-      return void 0;
-    return getVerticalKeyboardCoordinates(args);
-  }
-  return void 0;
+    return void 0;
+  };
+  return func;
 };
 //# sourceMappingURL=getTreeKeyboardCoordinates.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tree/getTreeKeyboardCoordinates.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport { closestCorners, getViewRect, KeyboardCode, KeyboardCoordinateGetter, DroppableContainer } 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}: 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.offsetTop) {\n      layoutRects.push(container);\n    } else if (rect && event.code === KeyboardCode.Up && collisionRect.top + 2 >= rect.offsetTop) {\n      layoutRects.push(container);\n    }\n  });\n\n  // Get the closest rect based on dnd-kit closest-corners algorithm\n  const closestId = closestCorners({\n    collisionRect,\n    droppableContainers: layoutRects,\n    active,\n  });\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 = getViewRect(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  // If the drop indicator is inside (or over ourselves)\n  // We are gonna go to the after 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\nexport const getTreeKeyboardCoordinates: (\n  context: SensorContext,\n  isHorizontalDnD: boolean,\n  maxDragAndDropLevel: number,\n) => KeyboardCoordinateGetter =\n  (context, isHorizontalDnD, maxDragAndDropLevel) =>\n  (event, { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } }) => {\n    if (directions.includes(event.code)) {\n      if (!translatedRect) {\n        return undefined;\n      }\n\n      const {\n        current: { items, dropIndicatorPosition },\n      } = context;\n\n      if (!over || !active || !collisionRect) return undefined;\n\n      const args = {\n        items,\n        active,\n        over,\n        event,\n        currentCoordinates,\n        droppableContainers,\n        collisionRect,\n        dropIndicatorPosition,\n        maxDragAndDropLevel,\n      };\n\n      if (isHorizontalDnD) return undefined;\n      return getVerticalKeyboardCoordinates(args);\n    }\n    return undefined;\n  };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,kBAAwG;AAGxG,uBAAsC;AAEtC,MAAM,aAAuB,CAAC,yBAAa,MAAM,yBAAa,OAAO,yBAAa,IAAI,yBAAa,IAAI;AAEvG,MAAM,aAAuB,CAAC,yBAAa,MAAM,yBAAa,KAAK;AAEnE,MAAM,iCAAiC,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACyD;AACzD,MAAI,WAAW,SAAS,MAAM,IAAI;AAAG,WAAO;AAE5C,QAAM,WAAW,KAAK;AAEtB,QAAM,cAAoC,CAAC;AAG3C,sBAAoB,QAAQ,CAAC,cAAc;AACzC,QAAI,WAAW,YAAY,CAAC,UAAU;AACpC;AAAA,IACF;AACA,UAAM,OAAO,UAAU,KAAK;AAG5B,QAAI,QAAQ,MAAM,SAAS,yBAAa,QAAQ,cAAc,MAAM,KAAK,KAAK,WAAW;AACvF,kBAAY,KAAK,SAAS;AAAA,IAC5B,WAAW,QAAQ,MAAM,SAAS,yBAAa,MAAM,cAAc,MAAM,KAAK,KAAK,WAAW;AAC5F,kBAAY,KAAK,SAAS;AAAA,IAC5B;AAAA,EACF,CAAC;AAGD,QAAM,YAAY,gCAAe;AAAA,IAC/B;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,EACF,CAAC;AAED,QAAM,cAAc,MAAM,KAAK,CAAC,SAAS,KAAK,QAAQ,SAAS;AAE/D,QAAM,iBAAiB,oBAAoB,IAAI,SAAS,GAAG,MAAM;AAGjE,MAAI,CAAC,aAAa,CAAC,eAAe,CAAC;AAAgB,WAAO;AAE1D,QAAM,cAAc,6BAAY,cAAc;AAE9C,MAAI,MAAM,SAAS,yBAAa,IAAI;AAIlC,QACE,0BAA0B,uCAAsB,UAChD,cAAc,OAAO,MACrB,YAAY,QAAQ,IAAI,qBACxB;AACA,aAAO,iCACF,qBADE;AAAA,QAEL,GAAG,YAAY,MAAM,cAAc,SAAS;AAAA,MAC9C;AAAA,IACF;AACA,WAAO,iCACF,qBADE;AAAA,MAEL,GAAG,YAAY,MAAM,KAAK,IAAI,YAAY,SAAS,cAAc,MAAM,IAAI;AAAA,IAC7E;AAAA,EACF;AAIA,MACE,0BAA0B,uCAAsB,UAChD,cAAc,OAAO,MACrB,YAAY,QAAQ,IAAI,qBACxB;AACA,WAAO,iCACF,qBADE;AAAA,MAEL,GAAG,YAAY,MAAM,cAAc,SAAS;AAAA,IAC9C;AAAA,EACF;AACA,SAAO,iCACF,qBADE;AAAA,IAEL,GAAG,YAAY,MAAM,KAAK,IAAI,YAAY,SAAS,cAAc,MAAM,IAAI;AAAA,EAC7E;AACF;AAEO,MAAM,6BAKX,CAAC,SAAS,iBAAiB,wBAC3B,CAAC,OAAO,EAAE,oBAAoB,SAAS,EAAE,MAAM,gBAAgB,qBAAqB,QAAQ,sBAAsB;AAChH,MAAI,WAAW,SAAS,MAAM,IAAI,GAAG;AACnC,QAAI,CAAC,gBAAgB;AACnB,aAAO;AAAA,IACT;AAEA,UAAM;AAAA,MACJ,SAAS,EAAE,OAAO;AAAA,QAChB;AAEJ,QAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;AAAe,aAAO;AAE/C,UAAM,OAAO;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI;AAAiB,aAAO;AAC5B,WAAO,+BAA+B,IAAI;AAAA,EAC5C;AACA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-params */\n/* eslint-disable complexity */\nimport { closestCorners, getViewRect, KeyboardCode, KeyboardCoordinateGetter, DroppableContainer } 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}: 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.offsetTop) {\n      layoutRects.push(container);\n    } else if (rect && event.code === KeyboardCode.Up && collisionRect.top + 2 >= rect.offsetTop) {\n      layoutRects.push(container);\n    }\n  });\n\n  // Get the closest rect based on dnd-kit closest-corners algorithm\n  const closestId = closestCorners({\n    collisionRect,\n    droppableContainers: layoutRects,\n    active,\n  });\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 = getViewRect(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 = (\n    event,\n    { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } },\n  ) => {\n    if (directions.includes(event.code)) {\n      if (!translatedRect) {\n        return undefined;\n      }\n\n      const {\n        current: { items, dropIndicatorPosition, keyboardTranslate },\n      } = context;\n\n      if (!over || !active || !collisionRect) return undefined;\n\n      const args = {\n        items,\n        active,\n        over,\n        event,\n        currentCoordinates,\n        droppableContainers,\n        collisionRect,\n        dropIndicatorPosition,\n        maxDragAndDropLevel,\n      };\n\n      if (isHorizontalDnD) return undefined;\n\n      const newCoords = getVerticalKeyboardCoordinates(args);\n\n      if (newCoords) return { ...newCoords, y: newCoords.y - keyboardTranslate };\n      return newCoords;\n    }\n    return undefined;\n  };\n  return func;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tree/types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  Active,\n  Announcements,\n  CollisionDetection,\n  DragCancelEvent,\n  DragEndEvent,\n  DragMoveEvent,\n  DragOverEvent,\n  DragStartEvent,\n  DroppableContainers,\n  MeasuringConfiguration,\n  Modifier,\n  Over,\n  ViewRect,\n} from '@dnd-kit/core';\nimport type { SensorDescriptor, SensorOptions } from '@dnd-kit/core/dist/sensors';\nimport type { SortingStrategy } from '@dnd-kit/sortable';\nimport { Coordinates } from '@dnd-kit/core/dist/types';\nimport React, { MutableRefObject } from 'react';\nimport { DropIndicatorPosition } from './constants';\n\nexport type Item<T = unknown> = {\n  uid: string;\n  depth: number;\n  parentId: string | null;\n  realIndex: number;\n  childrenCount: number;\n  original: T;\n};\n\nexport type DndContextPropsType = {\n  announcements: Announcements;\n  modifiers: Modifier[];\n  sensors: SensorDescriptor<SensorOptions>[];\n  measuring: Partial<MeasuringConfiguration>;\n  collisionDetection: CollisionDetection;\n  onDragStart: (e: DragStartEvent) => void;\n  onDragMove: (e: DragMoveEvent) => void;\n  onDragOver: (e: DragOverEvent) => void;\n  onDragEnd: (e: DragEndEvent) => void;\n  onDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type SortableContextPropsType = {\n  items: string[];\n  strategy: SortingStrategy;\n};\n\nexport type UseTreePreviewHandlersReturn = {\n  handlePreviewDragStart: (e: DragStartEvent) => void;\n  handlePreviewDragMove: (e: DragMoveEvent) => void;\n  handlePreviewDragOver: (e: DragOverEvent) => void;\n  handlePreviewDragEnd: (e: DragEndEvent) => void;\n  handlePreviewDragCancel: (e: DragCancelEvent) => void;\n};\nexport type UseTreePreviewHandlersArgs = {\n  setOverId: React.Dispatch<React.SetStateAction<string>>;\n  setActiveId: React.Dispatch<React.SetStateAction<string>>;\n  setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>;\n};\n\ntype UseTreeActionHandlersArgs<T = unknown> = UseTreePreviewHandlersReturn & {\n  dropIndicatorPosition: DropIndicatorPosition;\n  flattenedItems: Item<T>[];\n  projected: {\n    depth: number;\n    parentId: string | null;\n  } | null;\n  onReorder: (\n    newData: Item<T>[],\n    indexes: { targetIndex: number; fromIndex: number },\n    considerExpanding: string,\n  ) => void;\n  isDropValid: boolean;\n};\n\ntype UseTreeActionHandlersReturn = {\n  onDragStart: (e: DragStartEvent) => void;\n  onDragMove: (e: DragMoveEvent) => void;\n  onDragOver: (e: DragOverEvent) => void;\n  onDragEnd: (e: DragEndEvent) => void;\n  onDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type UseTreeActionHandlersType = <T = unknown>(\n  args: UseTreeActionHandlersArgs<T>,\n) => UseTreeActionHandlersReturn;\n\nexport type UseTreeDndkitConfigArgs<T> = {\n  flattenedItems: Item<T>[];\n  visibleItems: Item<T>[];\n  isHorizontalDnD?: boolean;\n  isExpandable: boolean;\n  onReorder: (\n    newData: Item<T>[],\n    indexes: { targetIndex: number; fromIndex: number },\n    considerExpanding: string,\n  ) => void;\n  getIsDropValid: (\n    active: Item<T>,\n    over: Item<T>,\n    dropIndicatorPosition: 'none' | 'before' | 'after' | 'inside',\n  ) => boolean;\n  maxDragAndDropLevel: number;\n};\n\nexport type UseTreeDndkitConfigReturn<T> = {\n  dndContextProps: DndContextPropsType;\n  sortableContextProps: SortableContextPropsType;\n  activeId: string;\n  activeIndex: number;\n  overId: string;\n  depth: number;\n  dropIndicatorPosition: DropIndicatorPosition;\n  isDropValid: boolean;\n  visibleItems: Item<T>[];\n};\n\nexport type UseTreeDndkitConfigType = <T = unknown>(args: UseTreeDndkitConfigArgs<T>) => UseTreeDndkitConfigReturn<T>;\n\nexport type GetKeyboardCoordinatesArgs = {\n  items: Item[];\n  active: Active;\n  over: Over;\n  event: KeyboardEvent;\n  currentCoordinates: Coordinates;\n  droppableContainers: DroppableContainers;\n  collisionRect: ViewRect;\n  dropIndicatorPosition: DropIndicatorPosition;\n  maxDragAndDropLevel: number;\n};\n\nexport type SensorContext = MutableRefObject<{\n  items: Item[];\n  dropIndicatorPosition: DropIndicatorPosition;\n  setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>;\n}>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type {\n  Active,\n  Announcements,\n  CollisionDetection,\n  DragCancelEvent,\n  DragEndEvent,\n  DragMoveEvent,\n  DragOverEvent,\n  DragStartEvent,\n  DroppableContainers,\n  MeasuringConfiguration,\n  Modifier,\n  Over,\n  ViewRect,\n} from '@dnd-kit/core';\nimport type { SensorDescriptor, SensorOptions } from '@dnd-kit/core/dist/sensors';\nimport type { SortingStrategy } from '@dnd-kit/sortable';\nimport type { Coordinates } from '@dnd-kit/core/dist/types';\nimport React, { MutableRefObject } from 'react';\nimport type { DropIndicatorPosition } from './constants';\n\nexport type Item<T = unknown> = {\n  uid: string;\n  depth: number;\n  parentId: string | null;\n  realIndex: number;\n  childrenCount: number;\n  original: T;\n};\n\nexport type DndContextPropsType = {\n  announcements: Announcements;\n  modifiers: Modifier[];\n  sensors: SensorDescriptor<SensorOptions>[];\n  measuring: Partial<MeasuringConfiguration>;\n  collisionDetection: CollisionDetection;\n  onDragStart: (e: DragStartEvent) => void;\n  onDragMove: (e: DragMoveEvent) => void;\n  onDragOver: (e: DragOverEvent) => void;\n  onDragEnd: (e: DragEndEvent) => void;\n  onDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type SortableContextPropsType = {\n  items: string[];\n  strategy: SortingStrategy;\n};\n\nexport type UseTreePreviewHandlersReturn = {\n  handlePreviewDragStart: (e: DragStartEvent) => void;\n  handlePreviewDragMove: (e: DragMoveEvent) => void;\n  handlePreviewDragOver: (e: DragOverEvent) => void;\n  handlePreviewDragEnd: (e: DragEndEvent) => void;\n  handlePreviewDragCancel: (e: DragCancelEvent) => void;\n};\nexport type UseTreePreviewHandlersArgs = {\n  setOverId: React.Dispatch<React.SetStateAction<string>>;\n  setActiveId: React.Dispatch<React.SetStateAction<string>>;\n  setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>;\n};\n\ntype UseTreeActionHandlersArgs<T = unknown> = UseTreePreviewHandlersReturn & {\n  dropIndicatorPosition: DropIndicatorPosition;\n  flattenedItems: Item<T>[];\n  projected: {\n    depth: number;\n    parentId: string | null;\n  } | null;\n  onReorder: (\n    newData: Item<T>[],\n    indexes: { targetIndex: number; fromIndex: number },\n    considerExpanding: string,\n  ) => void;\n  isDropValid: boolean;\n};\n\ntype UseTreeActionHandlersReturn = {\n  onDragStart: (e: DragStartEvent) => void;\n  onDragMove: (e: DragMoveEvent) => void;\n  onDragOver: (e: DragOverEvent) => void;\n  onDragEnd: (e: DragEndEvent) => void;\n  onDragCancel: (e: DragCancelEvent) => void;\n};\n\nexport type UseTreeActionHandlersType = <T = unknown>(\n  args: UseTreeActionHandlersArgs<T>,\n) => UseTreeActionHandlersReturn;\n\nexport type UseTreeDndkitConfigArgs<T> = {\n  flattenedItems: Item<T>[];\n  visibleItems: Item<T>[];\n  isHorizontalDnD?: boolean;\n  isExpandable: boolean;\n  onReorder: (\n    newData: Item<T>[],\n    indexes: { targetIndex: number; fromIndex: number },\n    considerExpanding: string,\n  ) => void;\n  getIsDropValid: (\n    active: Item<T>,\n    over: Item<T>,\n    dropIndicatorPosition: 'none' | 'before' | 'after' | 'inside',\n  ) => boolean;\n  maxDragAndDropLevel: number;\n};\n\nexport type UseTreeDndkitConfigReturn<T> = {\n  dndContextProps: DndContextPropsType;\n  sortableContextProps: SortableContextPropsType;\n  activeId: string;\n  activeIndex: number;\n  overId: string;\n  depth: number;\n  dropIndicatorPosition: DropIndicatorPosition;\n  isDropValid: boolean;\n  visibleItems: Item<T>[];\n};\n\nexport type UseTreeDndkitConfigType = <T = unknown>(args: UseTreeDndkitConfigArgs<T>) => UseTreeDndkitConfigReturn<T>;\n\nexport type GetKeyboardCoordinatesArgs = {\n  items: Item[];\n  active: Active;\n  over: Over;\n  event: KeyboardEvent;\n  currentCoordinates: Coordinates;\n  droppableContainers: DroppableContainers;\n  collisionRect: ViewRect;\n  dropIndicatorPosition: DropIndicatorPosition;\n  maxDragAndDropLevel: number;\n};\n\nexport type SensorContext = MutableRefObject<{\n  items: Item[];\n  dropIndicatorPosition: DropIndicatorPosition;\n  setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>;\n  keyboardTranslate: number;\n}>;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/tree/useTreeDndkitConfig.js

@@ -50,13 +50,19 @@ var import_useTreeActionHandlers = require("./useTreeActionHandlers");
 var import_constants = require("./constants");
 var import_customCollisionDetection = require("./customCollisionDetection");
 var import_useTreeAnnouncements = require("./useTreeAnnouncements");
-const adjustTranslate = (isHorizontalDnD) => {
-  const func = ({ transform }) => {
+const adjustTranslate = (isHorizontalDnD, sortedIds, setKeyboardTranslate) => {
+  const func = ({ transform, activatorEvent, active }) => {
     const newTransform = __spreadValues({}, transform);
     if (isHorizontalDnD) {
       newTransform.x = transform.x + 25;
     } else {
       newTransform.x = transform.x + 15;
+      if (["Enter", "Space"].includes(activatorEvent?.code)) {
+        const isLast = active.id === sortedIds[sortedIds.length - 1];
+        const keyboardTranslate = (isLast ? -1 : 1) * (active?.rect?.current?.initial?.height ?? 0) / 2;
+        setKeyboardTranslate(keyboardTranslate);
+        newTransform.y = transform.y + keyboardTranslate;
+      }
     }
     return newTransform;
   };
@@ -77,6 +83,7 @@ const useTreeDndkitConfig = ({
   maxDragAndDropLevel
 }) => {
   const [activeId, setActiveId] = (0, import_react.useState)("");
+  const [keyboardTranslate, setKeyboardTranslate] = (0, import_react.useState)(0);
   const [overId, setOverId] = (0, import_react.useState)("");
   const [dropIndicatorPosition, setDropIndicatorPosition] = (0, import_react.useState)(import_constants.DropIndicatorPosition.None);
   const [lastPosition, setLastPosition] = (0, import_react.useState)("");
@@ -94,19 +101,21 @@ const useTreeDndkitConfig = ({
       return true;
     return getIsDropValid(visibleItemsDictionary[activeId], visibleItemsDictionary[overId], ["none", "before", "after", "inside"][dropIndicatorPosition]);
   }, [getIsDropValid, visibleItemsDictionary, activeId, overId, dropIndicatorPosition]);
-  const modifiers = (0, import_react.useMemo)(() => [adjustTranslate(isHorizontalDnD)], [isHorizontalDnD]);
+  const modifiers = (0, import_react.useMemo)(() => [adjustTranslate(isHorizontalDnD, sortedIds, setKeyboardTranslate)], [isHorizontalDnD, sortedIds]);
   const sensorContext = (0, import_react.useRef)({
     items: visibleItems,
     dropIndicatorPosition,
-    setDropIndicatorPosition
+    setDropIndicatorPosition,
+    keyboardTranslate
   });
   (0, import_react.useEffect)(() => {
     sensorContext.current = {
       items: visibleItems,
       dropIndicatorPosition,
-      setDropIndicatorPosition
+      setDropIndicatorPosition,
+      keyboardTranslate
     };
-  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition]);
+  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition, keyboardTranslate]);
   const coordinateGetter = (0, import_react.useMemo)(() => (0, import_getTreeKeyboardCoordinates.getTreeKeyboardCoordinates)(sensorContext, isHorizontalDnD, maxDragAndDropLevel), [sensorContext, isHorizontalDnD, maxDragAndDropLevel]);
   const sensors = (0, import_core.useSensors)((0, import_core.useSensor)(import_core.PointerSensor), (0, import_core.useSensor)(import_core.KeyboardSensor, {
     coordinateGetter

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tree/useTreeDndkitConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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 { useTreePreviewHandlers } from './useTreePreviewHandlers';\nimport { getTreeKeyboardCoordinates } from './getTreeKeyboardCoordinates';\nimport { getProjection, removeChildrenOf } from './utilities';\nimport { useTreeActionHandlers } from './useTreeActionHandlers';\nimport type { UseTreeDndkitConfigType, SensorContext } 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): Modifier => {\n  const func: Modifier = ({ transform }) => {\n    const newTransform = {\n      ...transform,\n    };\n    if (isHorizontalDnD) {\n      newTransform.x = transform.x + 25;\n    } else {\n      newTransform.x = transform.x + 15;\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: UseTreeDndkitConfigType = ({\n  flattenedItems,\n  visibleItems: preVisibleItems,\n  isHorizontalDnD = false,\n  isExpandable = false,\n  onReorder,\n  getIsDropValid = () => true,\n  maxDragAndDropLevel,\n}) => {\n  const [activeId, setActiveId] = useState<string>('');\n  const [overId, setOverId] = useState<string>('');\n  const [dropIndicatorPosition, setDropIndicatorPosition] = useState<DropIndicatorPosition>(DropIndicatorPosition.None);\n  const [lastPosition, setLastPosition] = useState<string>('');\n\n  // Remove activeId's children\n  const visibleItems = useMemo(() => removeChildrenOf(preVisibleItems, activeId), [preVisibleItems, activeId]);\n\n  // Sorted ids for the library\n  const sortedIds = useMemo(() => visibleItems.map((item) => item.uid), [visibleItems]);\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 row, so O(1) per DnD move instead of O(#ITEMS)\n   */\n  const visibleItemsDictionary = useMemo(() => {\n    // Using plain for to achieve O(#ITEMS) performance\n    const dictionary: Record<string, typeof visibleItems[0]> = {};\n    visibleItems.forEach((item) => {\n      dictionary[item.uid] = item;\n    });\n    return dictionary;\n  }, [visibleItems]);\n\n  const isDropValid = useMemo(() => {\n    if (!activeId || !overId) return true;\n    return getIsDropValid(\n      visibleItemsDictionary[activeId],\n      visibleItemsDictionary[overId],\n      ['none', 'before', 'after', 'inside'][dropIndicatorPosition] as Parameters<typeof getIsDropValid>[2],\n    );\n  }, [getIsDropValid, visibleItemsDictionary, activeId, overId, dropIndicatorPosition]);\n\n  const modifiers: Modifier[] = useMemo(() => [adjustTranslate(isHorizontalDnD)], [isHorizontalDnD]);\n\n  const sensorContext: SensorContext = useRef({\n    items: visibleItems,\n    dropIndicatorPosition,\n    setDropIndicatorPosition,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: visibleItems,\n      dropIndicatorPosition,\n      setDropIndicatorPosition,\n    };\n  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition]);\n\n  const coordinateGetter = useMemo(\n    () => getTreeKeyboardCoordinates(sensorContext, isHorizontalDnD, maxDragAndDropLevel),\n    [sensorContext, isHorizontalDnD, maxDragAndDropLevel],\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter,\n    }),\n  );\n\n  // where is the activeItem being positioned (depth and parent)\n  const projected = useMemo(\n    () =>\n      overId ? getProjection(visibleItems, visibleItemsDictionary, overId, dropIndicatorPosition, isExpandable) : null,\n    [overId, visibleItems, visibleItemsDictionary, dropIndicatorPosition, isExpandable],\n  );\n\n  const dragPreviewHandlers = useTreePreviewHandlers({\n    setActiveId,\n    setOverId,\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(visibleItemsDictionary, dropIndicatorPosition);\n\n  const dndContextProps = useMemo(\n    () => ({\n      announcements,\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection: customCollisionDetection(\n        activeId,\n        visibleItemsDictionary,\n        setDropIndicatorPosition,\n        maxDragAndDropLevel,\n        lastPosition,\n        setLastPosition,\n      ),\n      ...dragActionHandlers,\n    }),\n    [\n      announcements,\n      modifiers,\n      sensors,\n      dragActionHandlers,\n      visibleItemsDictionary,\n      setDropIndicatorPosition,\n      activeId,\n      maxDragAndDropLevel,\n      lastPosition,\n      setLastPosition,\n    ],\n  );\n\n  const sortableContextProps = useMemo(\n    () => ({\n      items: sortedIds,\n      strategy: () => null,\n    }),\n    [sortedIds],\n  );\n\n  return {\n    dndContextProps,\n    sortableContextProps,\n    isDropValid,\n    activeId,\n    activeIndex: visibleItemsDictionary[activeId]?.realIndex ?? -1,\n    overId,\n    depth: projected ? projected.depth : 0,\n    dropIndicatorPosition,\n    visibleItems,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAqD;AACrD,kBAQO;AACP,oCAAuC;AACvC,wCAA2C;AAC3C,uBAAgD;AAChD,mCAAsC;AAEtC,uBAAsC;AACtC,sCAAyC;AACzC,kCAAqC;AAIrC,MAAM,kBAAkB,CAAC,oBAAuC;AAC9D,QAAM,OAAiB,CAAC,EAAE,gBAAgB;AACxC,UAAM,eAAe,mBAChB;AAEL,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,8BAAkB;AAAA,EAC9B;AACF;AAEO,MAAM,sBAA+C,CAAC;AAAA,EAC3D;AAAA,EACA,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB;AAAA,MACI;AACJ,QAAM,CAAC,UAAU,eAAe,2BAAiB,EAAE;AACnD,QAAM,CAAC,QAAQ,aAAa,2BAAiB,EAAE;AAC/C,QAAM,CAAC,uBAAuB,4BAA4B,2BAAgC,uCAAsB,IAAI;AACpH,QAAM,CAAC,cAAc,mBAAmB,2BAAiB,EAAE;AAG3D,QAAM,eAAe,0BAAQ,MAAM,uCAAiB,iBAAiB,QAAQ,GAAG,CAAC,iBAAiB,QAAQ,CAAC;AAG3G,QAAM,YAAY,0BAAQ,MAAM,aAAa,IAAI,CAAC,SAAS,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC;AAOpF,QAAM,yBAAyB,0BAAQ,MAAM;AAE3C,UAAM,aAAqD,CAAC;AAC5D,iBAAa,QAAQ,CAAC,SAAS;AAC7B,iBAAW,KAAK,OAAO;AAAA,IACzB,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,cAAc,0BAAQ,MAAM;AAChC,QAAI,CAAC,YAAY,CAAC;AAAQ,aAAO;AACjC,WAAO,eACL,uBAAuB,WACvB,uBAAuB,SACvB,CAAC,QAAQ,UAAU,SAAS,QAAQ,EAAE,sBACxC;AAAA,EACF,GAAG,CAAC,gBAAgB,wBAAwB,UAAU,QAAQ,qBAAqB,CAAC;AAEpF,QAAM,YAAwB,0BAAQ,MAAM,CAAC,gBAAgB,eAAe,CAAC,GAAG,CAAC,eAAe,CAAC;AAEjG,QAAM,gBAA+B,yBAAO;AAAA,IAC1C,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF,CAAC;AAED,8BAAU,MAAM;AACd,kBAAc,UAAU;AAAA,MACtB,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,uBAAuB,wBAAwB,CAAC;AAElE,QAAM,mBAAmB,0BACvB,MAAM,kEAA2B,eAAe,iBAAiB,mBAAmB,GACpF,CAAC,eAAe,iBAAiB,mBAAmB,CACtD;AAEA,QAAM,UAAU,4BACd,2BAAU,yBAAa,GACvB,2BAAU,4BAAgB;AAAA,IACxB;AAAA,EACF,CAAC,CACH;AAGA,QAAM,YAAY,0BAChB,MACE,SAAS,oCAAc,cAAc,wBAAwB,QAAQ,uBAAuB,YAAY,IAAI,MAC9G,CAAC,QAAQ,cAAc,wBAAwB,uBAAuB,YAAY,CACpF;AAEA,QAAM,sBAAsB,0DAAuB;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,qBAAqB,wDAAsB,iCAC5C,sBAD4C;AAAA,IAE/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAC;AAED,QAAM,gBAAgB,sDAAqB,wBAAwB,qBAAqB;AAExF,QAAM,kBAAkB,0BACtB,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,8DAClB,UACA,wBACA,0BACA,qBACA,cACA,eACF;AAAA,KACG,qBAEL;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,QAAM,uBAAuB,0BAC3B,MAAO;AAAA,IACL,OAAO;AAAA,IACP,UAAU,MAAM;AAAA,EAClB,IACA,CAAC,SAAS,CACZ;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,uBAAuB,WAAW,aAAa;AAAA,IAC5D;AAAA,IACA,OAAO,YAAY,UAAU,QAAQ;AAAA,IACrC;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["/* eslint-disable max-statements */\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 { useTreePreviewHandlers } from './useTreePreviewHandlers';\nimport { getTreeKeyboardCoordinates } from './getTreeKeyboardCoordinates';\nimport { getProjection, removeChildrenOf } from './utilities';\nimport { useTreeActionHandlers } from './useTreeActionHandlers';\nimport type { UseTreeDndkitConfigType, SensorContext } 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 = (\n  isHorizontalDnD: boolean,\n  sortedIds: string[],\n  setKeyboardTranslate: React.Dispatch<React.SetStateAction<number>>,\n): 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 keyboard event, we need to adjust the y coordinate too\n      if (['Enter', 'Space'].includes(activatorEvent?.code)) {\n        // If last element, we should move it up\n        const isLast = active.id === sortedIds[sortedIds.length - 1];\n        const keyboardTranslate = ((isLast ? -1 : 1) * (active?.rect?.current?.initial?.height ?? 0)) / 2;\n        setKeyboardTranslate(keyboardTranslate);\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: UseTreeDndkitConfigType = ({\n  flattenedItems,\n  visibleItems: preVisibleItems,\n  isHorizontalDnD = false,\n  isExpandable = false,\n  onReorder,\n  getIsDropValid = () => true,\n  maxDragAndDropLevel,\n}) => {\n  const [activeId, setActiveId] = useState<string>('');\n  const [keyboardTranslate, setKeyboardTranslate] = useState(0);\n  const [overId, setOverId] = useState<string>('');\n  const [dropIndicatorPosition, setDropIndicatorPosition] = useState<DropIndicatorPosition>(DropIndicatorPosition.None);\n  const [lastPosition, setLastPosition] = useState<string>('');\n\n  // Remove activeId's children\n  const visibleItems = useMemo(() => removeChildrenOf(preVisibleItems, activeId), [preVisibleItems, activeId]);\n\n  // Sorted ids for the library\n  const sortedIds = useMemo(() => visibleItems.map((item) => item.uid), [visibleItems]);\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 row, so O(1) per DnD move instead of O(#ITEMS)\n   */\n  const visibleItemsDictionary = useMemo(() => {\n    // Using plain for to achieve O(#ITEMS) performance\n    const dictionary: Record<string, typeof visibleItems[0]> = {};\n    visibleItems.forEach((item) => {\n      dictionary[item.uid] = item;\n    });\n    return dictionary;\n  }, [visibleItems]);\n\n  const isDropValid = useMemo(() => {\n    if (!activeId || !overId) return true;\n    return getIsDropValid(\n      visibleItemsDictionary[activeId],\n      visibleItemsDictionary[overId],\n      ['none', 'before', 'after', 'inside'][dropIndicatorPosition] as Parameters<typeof getIsDropValid>[2],\n    );\n  }, [getIsDropValid, visibleItemsDictionary, activeId, overId, dropIndicatorPosition]);\n\n  const modifiers: Modifier[] = useMemo(\n    () => [adjustTranslate(isHorizontalDnD, sortedIds, setKeyboardTranslate)],\n    [isHorizontalDnD, sortedIds],\n  );\n\n  const sensorContext: SensorContext = useRef({\n    items: visibleItems,\n    dropIndicatorPosition,\n    setDropIndicatorPosition,\n    keyboardTranslate,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: visibleItems,\n      dropIndicatorPosition,\n      setDropIndicatorPosition,\n      keyboardTranslate,\n    };\n  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition, keyboardTranslate]);\n\n  const coordinateGetter = useMemo(\n    () => getTreeKeyboardCoordinates(sensorContext, isHorizontalDnD, maxDragAndDropLevel),\n    [sensorContext, isHorizontalDnD, maxDragAndDropLevel],\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter,\n    }),\n  );\n\n  // where is the activeItem being positioned (depth and parent)\n  const projected = useMemo(\n    () =>\n      overId ? getProjection(visibleItems, visibleItemsDictionary, overId, dropIndicatorPosition, isExpandable) : null,\n    [overId, visibleItems, visibleItemsDictionary, dropIndicatorPosition, isExpandable],\n  );\n\n  const dragPreviewHandlers = useTreePreviewHandlers({\n    setActiveId,\n    setOverId,\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(visibleItemsDictionary, dropIndicatorPosition);\n\n  const dndContextProps = useMemo(\n    () => ({\n      announcements,\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection: customCollisionDetection(\n        activeId,\n        visibleItemsDictionary,\n        setDropIndicatorPosition,\n        maxDragAndDropLevel,\n        lastPosition,\n        setLastPosition,\n      ),\n      ...dragActionHandlers,\n    }),\n    [\n      announcements,\n      modifiers,\n      sensors,\n      dragActionHandlers,\n      visibleItemsDictionary,\n      setDropIndicatorPosition,\n      activeId,\n      maxDragAndDropLevel,\n      lastPosition,\n      setLastPosition,\n    ],\n  );\n\n  const sortableContextProps = useMemo(\n    () => ({\n      items: sortedIds,\n      strategy: () => null,\n    }),\n    [sortedIds],\n  );\n\n  return {\n    dndContextProps,\n    sortableContextProps,\n    isDropValid,\n    activeId,\n    activeIndex: visibleItemsDictionary[activeId]?.realIndex ?? -1,\n    overId,\n    depth: projected ? projected.depth : 0,\n    dropIndicatorPosition,\n    visibleItems,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/customCollisionDetection.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { CollisionDetection, DroppableContainer } from '@dnd-kit/core';\nimport { Item } from './types';\n\nexport const customCollisionDetection =\n  (activeId: string | null, activeParent: string | undefined, dndItems: Item[]): CollisionDetection =>\n  ({ droppableContainers, collisionRect }) => {\n    const entriesWithSameParent = droppableContainers.filter(\n      ({ id }) => dndItems.find((item) => item.id === id)?.parentId === activeParent,\n    );\n\n    const originalContainer = entriesWithSameParent.find(({ id }) => id === activeId);\n    const originalRect = originalContainer?.rect?.current;\n\n    if (!originalRect) return null;\n\n    if (\n      originalRect.offsetLeft <= collisionRect.offsetLeft &&\n      collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width\n    ) {\n      return originalContainer.id;\n    }\n\n    const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + collisionRect.width / 2 + 5;\n\n    let match: DroppableContainer | null = null;\n    // If going to the left, search the closest offset left\n    // Otherwise, get the closest offset right\n    const collisionPoint = collisionRect.offsetLeft + collisionRect.width / 2;\n    entriesWithSameParent.forEach((entry) => {\n      const {\n        rect: { current: rect },\n      } = entry;\n\n      if (rect !== null) {\n        const offsetRight = rect.offsetLeft + rect.width;\n\n        if (!match) {\n          match = entry;\n        } else if (\n          match &&\n          match.rect.current &&\n          isLeft &&\n          Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)\n        ) {\n          match = entry;\n        } else if (\n          match &&\n          match.rect.current &&\n          !isLeft &&\n          Math.abs(collisionPoint - offsetRight) <=\n            Math.abs(collisionPoint - match.rect.current.offsetLeft - match.rect.current.width)\n        ) {\n          match = entry;\n        }\n      }\n    });\n    // Typescript believes match is always null for some reason\n    const matchCastedForSomeReason = match as DroppableContainer | null;\n    return matchCastedForSomeReason === null ? null : matchCastedForSomeReason.id;\n  };\n"],
-  "mappings": "AAAA;ACGO,MAAM,2BACX,CAAC,UAAyB,cAAkC,aAC5D,CAAC,EAAE,qBAAqB,oBAAoB;AAC1C,QAAM,wBAAwB,oBAAoB,OAChD,CAAC,EAAE,SAAS,SAAS,KAAK,CAAC,SAAS,KAAK,OAAO,EAAE,GAAG,aAAa,YACpE;AAEA,QAAM,oBAAoB,sBAAsB,KAAK,CAAC,EAAE,SAAS,OAAO,QAAQ;AAChF,QAAM,eAAe,mBAAmB,MAAM;AAE9C,MAAI,CAAC;AAAc,WAAO;AAE1B,MACE,aAAa,cAAc,cAAc,cACzC,cAAc,cAAc,aAAa,aAAa,aAAa,OACnE;AACA,WAAO,kBAAkB;AAAA,EAC3B;AAEA,QAAM,SAAS,cAAc,cAAc,aAAa,aAAa,cAAc,QAAQ,IAAI;AAE/F,MAAI,QAAmC;AAGvC,QAAM,iBAAiB,cAAc,aAAa,cAAc,QAAQ;AACxE,wBAAsB,QAAQ,CAAC,UAAU;AACvC,UAAM;AAAA,MACJ,MAAM,EAAE,SAAS;AAAA,QACf;AAEJ,QAAI,SAAS,MAAM;AACjB,YAAM,cAAc,KAAK,aAAa,KAAK;AAE3C,UAAI,CAAC,OAAO;AACV,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,UACA,KAAK,IAAI,iBAAiB,KAAK,UAAU,KAAK,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,UAAU,GACrG;AACA,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,CAAC,UACD,KAAK,IAAI,iBAAiB,WAAW,KACnC,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,aAAa,MAAM,KAAK,QAAQ,KAAK,GACpF;AACA,gBAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,2BAA2B;AACjC,SAAO,6BAA6B,OAAO,OAAO,yBAAyB;AAC7E;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent, react/function-component-definition, complexity */\nimport { type CollisionDetection, type DroppableContainer } from '@dnd-kit/core';\nimport { Item } from './types';\n\nexport const customCollisionDetection =\n  (activeId: string | null, activeParent: string | undefined, dndItems: Item[]): CollisionDetection =>\n  ({ droppableContainers, collisionRect }) => {\n    const entriesWithSameParent = droppableContainers.filter(\n      ({ id }) => dndItems.find((item) => item.id === id)?.parentId === activeParent,\n    );\n\n    const originalContainer = entriesWithSameParent.find(({ id }) => id === activeId);\n    const originalRect = originalContainer?.rect?.current;\n\n    if (!originalRect) return null;\n\n    if (\n      originalRect.offsetLeft <= collisionRect.offsetLeft &&\n      collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width\n    ) {\n      return originalContainer.id;\n    }\n\n    const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + collisionRect.width / 2 + 5;\n\n    let match: DroppableContainer | null = null;\n    // If going to the left, search the closest offset left\n    // Otherwise, get the closest offset right\n    const collisionPoint = collisionRect.offsetLeft + collisionRect.width / 2;\n    entriesWithSameParent.forEach((entry) => {\n      const {\n        rect: { current: rect },\n      } = entry;\n\n      if (rect !== null) {\n        const offsetRight = rect.offsetLeft + rect.width;\n\n        if (!match) {\n          match = entry;\n        } else if (\n          match &&\n          match.rect.current &&\n          isLeft &&\n          Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)\n        ) {\n          match = entry;\n        } else if (\n          match &&\n          match.rect.current &&\n          !isLeft &&\n          Math.abs(collisionPoint - offsetRight) <=\n            Math.abs(collisionPoint - match.rect.current.offsetLeft - match.rect.current.width)\n        ) {\n          match = entry;\n        }\n      }\n    });\n    // Typescript believes match is always null for some reason\n    const matchCastedForSomeReason = match as DroppableContainer | null;\n    return matchCastedForSomeReason === null ? null : matchCastedForSomeReason.id;\n  };\n"],
+  "mappings": "AAAA;ACIO,MAAM,2BACX,CAAC,UAAyB,cAAkC,aAC5D,CAAC,EAAE,qBAAqB,oBAAoB;AAC1C,QAAM,wBAAwB,oBAAoB,OAChD,CAAC,EAAE,SAAS,SAAS,KAAK,CAAC,SAAS,KAAK,OAAO,EAAE,GAAG,aAAa,YACpE;AAEA,QAAM,oBAAoB,sBAAsB,KAAK,CAAC,EAAE,SAAS,OAAO,QAAQ;AAChF,QAAM,eAAe,mBAAmB,MAAM;AAE9C,MAAI,CAAC;AAAc,WAAO;AAE1B,MACE,aAAa,cAAc,cAAc,cACzC,cAAc,cAAc,aAAa,aAAa,aAAa,OACnE;AACA,WAAO,kBAAkB;AAAA,EAC3B;AAEA,QAAM,SAAS,cAAc,cAAc,aAAa,aAAa,cAAc,QAAQ,IAAI;AAE/F,MAAI,QAAmC;AAGvC,QAAM,iBAAiB,cAAc,aAAa,cAAc,QAAQ;AACxE,wBAAsB,QAAQ,CAAC,UAAU;AACvC,UAAM;AAAA,MACJ,MAAM,EAAE,SAAS;AAAA,QACf;AAEJ,QAAI,SAAS,MAAM;AACjB,YAAM,cAAc,KAAK,aAAa,KAAK;AAE3C,UAAI,CAAC,OAAO;AACV,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,UACA,KAAK,IAAI,iBAAiB,KAAK,UAAU,KAAK,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,UAAU,GACrG;AACA,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,CAAC,UACD,KAAK,IAAI,iBAAiB,WAAW,KACnC,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,aAAa,MAAM,KAAK,QAAQ,KAAK,GACpF;AACA,gBAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,2BAA2B;AACjC,SAAO,6BAA6B,OAAO,OAAO,yBAAyB;AAC7E;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "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, DragOverEvent } 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);\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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { DragStartEvent, DragOverEvent } 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);\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,EAAE;AACd,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;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "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 { CollisionDetection, DroppableContainer, LayoutRect } from '@dnd-kit/core';\nimport { DropIndicatorPosition } from './constants';\nimport { Item } from './types';\n\nconst DUMMY_ID = 'DUMMY_ID_INTERNAL_USE_ONLY';\nconst RECT_UP: LayoutRect = {\n  offsetTop: -Infinity,\n  offsetLeft: 0, // Doesn't matter,\n  width: 0, // Doesn't matter\n  height: 0, // Doesn't matter\n};\nconst RECT_DOWN: LayoutRect = {\n  offsetTop: Infinity,\n  offsetLeft: 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.offsetTop > 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 { offsetTop: rectOffsetTop } = rect;\n            const { offsetTop: firstRectDownOffsetTop } = firstRectDown.rect.current;\n            if (rectOffsetTop + threshold > collisionRect.top && rectOffsetTop < firstRectDownOffsetTop) {\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 { offsetTop: rectOffsetTop } = rect;\n            const { offsetTop: firstRectUpOffsetTop } = firstRectUp.rect.current;\n            if (rectOffsetTop - threshold < collisionRect.top && rectOffsetTop > firstRectUpOffsetTop) {\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 null\n    if (collidingContainer.id === DUMMY_ID) {\n      return null;\n    }\n\n    const collidingRect = collidingContainer.rect.current;\n\n    if (!collidingRect) return null;\n\n    // Calculate the intersection interval\n    const [top, bottom] = [\n      Math.max(collisionRect.top, collidingRect.offsetTop),\n      Math.min(collisionRect.top + collisionRect.height, collidingRect.offsetTop + 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 collidingContainer.id;\n  };\n  return func;\n};\n"],
+  "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 { type CollisionDetection, type DroppableContainer, type LayoutRect } from '@dnd-kit/core';\nimport { DropIndicatorPosition } from './constants';\nimport { Item } from './types';\n\nconst DUMMY_ID = 'DUMMY_ID_INTERNAL_USE_ONLY';\nconst RECT_UP: LayoutRect = {\n  offsetTop: -Infinity,\n  offsetLeft: 0, // Doesn't matter,\n  width: 0, // Doesn't matter\n  height: 0, // Doesn't matter\n};\nconst RECT_DOWN: LayoutRect = {\n  offsetTop: Infinity,\n  offsetLeft: 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.offsetTop > 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 { offsetTop: rectOffsetTop } = rect;\n            const { offsetTop: firstRectDownOffsetTop } = firstRectDown.rect.current;\n            if (rectOffsetTop + threshold > collisionRect.top && rectOffsetTop < firstRectDownOffsetTop) {\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 { offsetTop: rectOffsetTop } = rect;\n            const { offsetTop: firstRectUpOffsetTop } = firstRectUp.rect.current;\n            if (rectOffsetTop - threshold < collisionRect.top && rectOffsetTop > firstRectUpOffsetTop) {\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 null\n    if (collidingContainer.id === DUMMY_ID) {\n      return null;\n    }\n\n    const collidingRect = collidingContainer.rect.current;\n\n    if (!collidingRect) return null;\n\n    // Calculate the intersection interval\n    const [top, bottom] = [\n      Math.max(collisionRect.top, collidingRect.offsetTop),\n      Math.min(collisionRect.top + collisionRect.height, collidingRect.offsetTop + 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 collidingContainer.id;\n  };\n  return func;\n};\n"],
   "mappings": "AAAA;ACKA;AAGA,MAAM,WAAW;AACjB,MAAM,UAAsB;AAAA,EAC1B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AACV;AACA,MAAM,YAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,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,YAAY,cAAc;AAAA,IAChD;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,WAAW,kBAAkB;AACrC,gBAAM,EAAE,WAAW,2BAA2B,cAAc,KAAK;AACjE,cAAI,gBAAgB,YAAY,cAAc,OAAO,gBAAgB,wBAAwB;AAC3F,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,WAAW,kBAAkB;AACrC,gBAAM,EAAE,WAAW,yBAAyB,YAAY,KAAK;AAC7D,cAAI,gBAAgB,YAAY,cAAc,OAAO,gBAAgB,sBAAsB;AACzF,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;AAAA,IACT;AAEA,UAAM,gBAAgB,mBAAmB,KAAK;AAE9C,QAAI,CAAC;AAAe,aAAO;AAG3B,UAAM,CAAC,KAAK,UAAU;AAAA,MACpB,KAAK,IAAI,cAAc,KAAK,cAAc,SAAS;AAAA,MACnD,KAAK,IAAI,cAAc,MAAM,cAAc,QAAQ,cAAc,YAAY,cAAc,MAAM;AAAA,IACnG;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,mBAAmB;AAAA,EAC5B;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/tree/getTreeKeyboardCoordinates.js

@@ -68,41 +68,52 @@ const getVerticalKeyboardCoordinates = ({
       y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2
     });
   }
+  if (closestId === active.id && dropIndicatorPosition === DropIndicatorPosition.After) {
+    return __spreadProps(__spreadValues({}, currentCoordinates), {
+      y: closestRect.top + collisionRect.height
+    });
+  }
   if (dropIndicatorPosition === DropIndicatorPosition.Inside || closestId === active.id || closestItem.depth + 1 > maxDragAndDropLevel) {
     return __spreadProps(__spreadValues({}, currentCoordinates), {
-      y: closestRect.top + collisionRect.height / 2
+      y: closestRect.top + closestRect.height / 2
     });
   }
   return __spreadProps(__spreadValues({}, currentCoordinates), {
     y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2
   });
 };
-const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLevel) => (event, { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } }) => {
-  if (directions.includes(event.code)) {
-    if (!translatedRect) {
-      return void 0;
+const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLevel) => {
+  const func = (event, { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } }) => {
+    if (directions.includes(event.code)) {
+      if (!translatedRect) {
+        return void 0;
+      }
+      const {
+        current: { items, dropIndicatorPosition, keyboardTranslate }
+      } = context;
+      if (!over || !active || !collisionRect)
+        return void 0;
+      const args = {
+        items,
+        active,
+        over,
+        event,
+        currentCoordinates,
+        droppableContainers,
+        collisionRect,
+        dropIndicatorPosition,
+        maxDragAndDropLevel
+      };
+      if (isHorizontalDnD)
+        return void 0;
+      const newCoords = getVerticalKeyboardCoordinates(args);
+      if (newCoords)
+        return __spreadProps(__spreadValues({}, newCoords), { y: newCoords.y - keyboardTranslate });
+      return newCoords;
     }
-    const {
-      current: { items, dropIndicatorPosition }
-    } = context;
-    if (!over || !active || !collisionRect)
-      return void 0;
-    const args = {
-      items,
-      active,
-      over,
-      event,
-      currentCoordinates,
-      droppableContainers,
-      collisionRect,
-      dropIndicatorPosition,
-      maxDragAndDropLevel
-    };
-    if (isHorizontalDnD)
-      return void 0;
-    return getVerticalKeyboardCoordinates(args);
-  }
-  return void 0;
+    return void 0;
+  };
+  return func;
 };
 export {
   getTreeKeyboardCoordinates

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/getTreeKeyboardCoordinates.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { closestCorners, getViewRect, KeyboardCode, KeyboardCoordinateGetter, DroppableContainer } 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}: 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.offsetTop) {\n      layoutRects.push(container);\n    } else if (rect && event.code === KeyboardCode.Up && collisionRect.top + 2 >= rect.offsetTop) {\n      layoutRects.push(container);\n    }\n  });\n\n  // Get the closest rect based on dnd-kit closest-corners algorithm\n  const closestId = closestCorners({\n    collisionRect,\n    droppableContainers: layoutRects,\n    active,\n  });\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 = getViewRect(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  // If the drop indicator is inside (or over ourselves)\n  // We are gonna go to the after 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\nexport const getTreeKeyboardCoordinates: (\n  context: SensorContext,\n  isHorizontalDnD: boolean,\n  maxDragAndDropLevel: number,\n) => KeyboardCoordinateGetter =\n  (context, isHorizontalDnD, maxDragAndDropLevel) =>\n  (event, { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } }) => {\n    if (directions.includes(event.code)) {\n      if (!translatedRect) {\n        return undefined;\n      }\n\n      const {\n        current: { items, dropIndicatorPosition },\n      } = context;\n\n      if (!over || !active || !collisionRect) return undefined;\n\n      const args = {\n        items,\n        active,\n        over,\n        event,\n        currentCoordinates,\n        droppableContainers,\n        collisionRect,\n        dropIndicatorPosition,\n        maxDragAndDropLevel,\n      };\n\n      if (isHorizontalDnD) return undefined;\n      return getVerticalKeyboardCoordinates(args);\n    }\n    return undefined;\n  };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAGA;AAEA,MAAM,aAAuB,CAAC,aAAa,MAAM,aAAa,OAAO,aAAa,IAAI,aAAa,IAAI;AAEvG,MAAM,aAAuB,CAAC,aAAa,MAAM,aAAa,KAAK;AAEnE,MAAM,iCAAiC,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACyD;AACzD,MAAI,WAAW,SAAS,MAAM,IAAI;AAAG,WAAO;AAE5C,QAAM,WAAW,KAAK;AAEtB,QAAM,cAAoC,CAAC;AAG3C,sBAAoB,QAAQ,CAAC,cAAc;AACzC,QAAI,WAAW,YAAY,CAAC,UAAU;AACpC;AAAA,IACF;AACA,UAAM,OAAO,UAAU,KAAK;AAG5B,QAAI,QAAQ,MAAM,SAAS,aAAa,QAAQ,cAAc,MAAM,KAAK,KAAK,WAAW;AACvF,kBAAY,KAAK,SAAS;AAAA,IAC5B,WAAW,QAAQ,MAAM,SAAS,aAAa,MAAM,cAAc,MAAM,KAAK,KAAK,WAAW;AAC5F,kBAAY,KAAK,SAAS;AAAA,IAC5B;AAAA,EACF,CAAC;AAGD,QAAM,YAAY,eAAe;AAAA,IAC/B;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,EACF,CAAC;AAED,QAAM,cAAc,MAAM,KAAK,CAAC,SAAS,KAAK,QAAQ,SAAS;AAE/D,QAAM,iBAAiB,oBAAoB,IAAI,SAAS,GAAG,MAAM;AAGjE,MAAI,CAAC,aAAa,CAAC,eAAe,CAAC;AAAgB,WAAO;AAE1D,QAAM,cAAc,YAAY,cAAc;AAE9C,MAAI,MAAM,SAAS,aAAa,IAAI;AAIlC,QACE,0BAA0B,sBAAsB,UAChD,cAAc,OAAO,MACrB,YAAY,QAAQ,IAAI,qBACxB;AACA,aAAO,iCACF,qBADE;AAAA,QAEL,GAAG,YAAY,MAAM,cAAc,SAAS;AAAA,MAC9C;AAAA,IACF;AACA,WAAO,iCACF,qBADE;AAAA,MAEL,GAAG,YAAY,MAAM,KAAK,IAAI,YAAY,SAAS,cAAc,MAAM,IAAI;AAAA,IAC7E;AAAA,EACF;AAIA,MACE,0BAA0B,sBAAsB,UAChD,cAAc,OAAO,MACrB,YAAY,QAAQ,IAAI,qBACxB;AACA,WAAO,iCACF,qBADE;AAAA,MAEL,GAAG,YAAY,MAAM,cAAc,SAAS;AAAA,IAC9C;AAAA,EACF;AACA,SAAO,iCACF,qBADE;AAAA,IAEL,GAAG,YAAY,MAAM,KAAK,IAAI,YAAY,SAAS,cAAc,MAAM,IAAI;AAAA,EAC7E;AACF;AAEO,MAAM,6BAKX,CAAC,SAAS,iBAAiB,wBAC3B,CAAC,OAAO,EAAE,oBAAoB,SAAS,EAAE,MAAM,gBAAgB,qBAAqB,QAAQ,sBAAsB;AAChH,MAAI,WAAW,SAAS,MAAM,IAAI,GAAG;AACnC,QAAI,CAAC,gBAAgB;AACnB,aAAO;AAAA,IACT;AAEA,UAAM;AAAA,MACJ,SAAS,EAAE,OAAO;AAAA,QAChB;AAEJ,QAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;AAAe,aAAO;AAE/C,UAAM,OAAO;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI;AAAiB,aAAO;AAC5B,WAAO,+BAA+B,IAAI;AAAA,EAC5C;AACA,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-params */\n/* eslint-disable complexity */\nimport { closestCorners, getViewRect, KeyboardCode, KeyboardCoordinateGetter, DroppableContainer } 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}: 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.offsetTop) {\n      layoutRects.push(container);\n    } else if (rect && event.code === KeyboardCode.Up && collisionRect.top + 2 >= rect.offsetTop) {\n      layoutRects.push(container);\n    }\n  });\n\n  // Get the closest rect based on dnd-kit closest-corners algorithm\n  const closestId = closestCorners({\n    collisionRect,\n    droppableContainers: layoutRects,\n    active,\n  });\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 = getViewRect(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 = (\n    event,\n    { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } },\n  ) => {\n    if (directions.includes(event.code)) {\n      if (!translatedRect) {\n        return undefined;\n      }\n\n      const {\n        current: { items, dropIndicatorPosition, keyboardTranslate },\n      } = context;\n\n      if (!over || !active || !collisionRect) return undefined;\n\n      const args = {\n        items,\n        active,\n        over,\n        event,\n        currentCoordinates,\n        droppableContainers,\n        collisionRect,\n        dropIndicatorPosition,\n        maxDragAndDropLevel,\n      };\n\n      if (isHorizontalDnD) return undefined;\n\n      const newCoords = getVerticalKeyboardCoordinates(args);\n\n      if (newCoords) return { ...newCoords, y: newCoords.y - keyboardTranslate };\n      return newCoords;\n    }\n    return undefined;\n  };\n  return func;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/tree/useTreeDndkitConfig.js

@@ -33,13 +33,19 @@ import { useTreeActionHandlers } from "./useTreeActionHandlers";
 import { DropIndicatorPosition } from "./constants";
 import { customCollisionDetection } from "./customCollisionDetection";
 import { useTreeAnnouncements } from "./useTreeAnnouncements";
-const adjustTranslate = (isHorizontalDnD) => {
-  const func = ({ transform }) => {
+const adjustTranslate = (isHorizontalDnD, sortedIds, setKeyboardTranslate) => {
+  const func = ({ transform, activatorEvent, active }) => {
     const newTransform = __spreadValues({}, transform);
     if (isHorizontalDnD) {
       newTransform.x = transform.x + 25;
     } else {
       newTransform.x = transform.x + 15;
+      if (["Enter", "Space"].includes(activatorEvent?.code)) {
+        const isLast = active.id === sortedIds[sortedIds.length - 1];
+        const keyboardTranslate = (isLast ? -1 : 1) * (active?.rect?.current?.initial?.height ?? 0) / 2;
+        setKeyboardTranslate(keyboardTranslate);
+        newTransform.y = transform.y + keyboardTranslate;
+      }
     }
     return newTransform;
   };
@@ -60,6 +66,7 @@ const useTreeDndkitConfig = ({
   maxDragAndDropLevel
 }) => {
   const [activeId, setActiveId] = useState("");
+  const [keyboardTranslate, setKeyboardTranslate] = useState(0);
   const [overId, setOverId] = useState("");
   const [dropIndicatorPosition, setDropIndicatorPosition] = useState(DropIndicatorPosition.None);
   const [lastPosition, setLastPosition] = useState("");
@@ -77,19 +84,21 @@ const useTreeDndkitConfig = ({
       return true;
     return getIsDropValid(visibleItemsDictionary[activeId], visibleItemsDictionary[overId], ["none", "before", "after", "inside"][dropIndicatorPosition]);
   }, [getIsDropValid, visibleItemsDictionary, activeId, overId, dropIndicatorPosition]);
-  const modifiers = useMemo(() => [adjustTranslate(isHorizontalDnD)], [isHorizontalDnD]);
+  const modifiers = useMemo(() => [adjustTranslate(isHorizontalDnD, sortedIds, setKeyboardTranslate)], [isHorizontalDnD, sortedIds]);
   const sensorContext = useRef({
     items: visibleItems,
     dropIndicatorPosition,
-    setDropIndicatorPosition
+    setDropIndicatorPosition,
+    keyboardTranslate
   });
   useEffect(() => {
     sensorContext.current = {
       items: visibleItems,
       dropIndicatorPosition,
-      setDropIndicatorPosition
+      setDropIndicatorPosition,
+      keyboardTranslate
     };
-  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition]);
+  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition, keyboardTranslate]);
   const coordinateGetter = useMemo(() => getTreeKeyboardCoordinates(sensorContext, isHorizontalDnD, maxDragAndDropLevel), [sensorContext, isHorizontalDnD, maxDragAndDropLevel]);
   const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
     coordinateGetter

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-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 { useTreePreviewHandlers } from './useTreePreviewHandlers';\nimport { getTreeKeyboardCoordinates } from './getTreeKeyboardCoordinates';\nimport { getProjection, removeChildrenOf } from './utilities';\nimport { useTreeActionHandlers } from './useTreeActionHandlers';\nimport type { UseTreeDndkitConfigType, SensorContext } 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): Modifier => {\n  const func: Modifier = ({ transform }) => {\n    const newTransform = {\n      ...transform,\n    };\n    if (isHorizontalDnD) {\n      newTransform.x = transform.x + 25;\n    } else {\n      newTransform.x = transform.x + 15;\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: UseTreeDndkitConfigType = ({\n  flattenedItems,\n  visibleItems: preVisibleItems,\n  isHorizontalDnD = false,\n  isExpandable = false,\n  onReorder,\n  getIsDropValid = () => true,\n  maxDragAndDropLevel,\n}) => {\n  const [activeId, setActiveId] = useState<string>('');\n  const [overId, setOverId] = useState<string>('');\n  const [dropIndicatorPosition, setDropIndicatorPosition] = useState<DropIndicatorPosition>(DropIndicatorPosition.None);\n  const [lastPosition, setLastPosition] = useState<string>('');\n\n  // Remove activeId's children\n  const visibleItems = useMemo(() => removeChildrenOf(preVisibleItems, activeId), [preVisibleItems, activeId]);\n\n  // Sorted ids for the library\n  const sortedIds = useMemo(() => visibleItems.map((item) => item.uid), [visibleItems]);\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 row, so O(1) per DnD move instead of O(#ITEMS)\n   */\n  const visibleItemsDictionary = useMemo(() => {\n    // Using plain for to achieve O(#ITEMS) performance\n    const dictionary: Record<string, typeof visibleItems[0]> = {};\n    visibleItems.forEach((item) => {\n      dictionary[item.uid] = item;\n    });\n    return dictionary;\n  }, [visibleItems]);\n\n  const isDropValid = useMemo(() => {\n    if (!activeId || !overId) return true;\n    return getIsDropValid(\n      visibleItemsDictionary[activeId],\n      visibleItemsDictionary[overId],\n      ['none', 'before', 'after', 'inside'][dropIndicatorPosition] as Parameters<typeof getIsDropValid>[2],\n    );\n  }, [getIsDropValid, visibleItemsDictionary, activeId, overId, dropIndicatorPosition]);\n\n  const modifiers: Modifier[] = useMemo(() => [adjustTranslate(isHorizontalDnD)], [isHorizontalDnD]);\n\n  const sensorContext: SensorContext = useRef({\n    items: visibleItems,\n    dropIndicatorPosition,\n    setDropIndicatorPosition,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: visibleItems,\n      dropIndicatorPosition,\n      setDropIndicatorPosition,\n    };\n  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition]);\n\n  const coordinateGetter = useMemo(\n    () => getTreeKeyboardCoordinates(sensorContext, isHorizontalDnD, maxDragAndDropLevel),\n    [sensorContext, isHorizontalDnD, maxDragAndDropLevel],\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter,\n    }),\n  );\n\n  // where is the activeItem being positioned (depth and parent)\n  const projected = useMemo(\n    () =>\n      overId ? getProjection(visibleItems, visibleItemsDictionary, overId, dropIndicatorPosition, isExpandable) : null,\n    [overId, visibleItems, visibleItemsDictionary, dropIndicatorPosition, isExpandable],\n  );\n\n  const dragPreviewHandlers = useTreePreviewHandlers({\n    setActiveId,\n    setOverId,\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(visibleItemsDictionary, dropIndicatorPosition);\n\n  const dndContextProps = useMemo(\n    () => ({\n      announcements,\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection: customCollisionDetection(\n        activeId,\n        visibleItemsDictionary,\n        setDropIndicatorPosition,\n        maxDragAndDropLevel,\n        lastPosition,\n        setLastPosition,\n      ),\n      ...dragActionHandlers,\n    }),\n    [\n      announcements,\n      modifiers,\n      sensors,\n      dragActionHandlers,\n      visibleItemsDictionary,\n      setDropIndicatorPosition,\n      activeId,\n      maxDragAndDropLevel,\n      lastPosition,\n      setLastPosition,\n    ],\n  );\n\n  const sortableContextProps = useMemo(\n    () => ({\n      items: sortedIds,\n      strategy: () => null,\n    }),\n    [sortedIds],\n  );\n\n  return {\n    dndContextProps,\n    sortableContextProps,\n    isDropValid,\n    activeId,\n    activeIndex: visibleItemsDictionary[activeId]?.realIndex ?? -1,\n    overId,\n    depth: projected ? projected.depth : 0,\n    dropIndicatorPosition,\n    visibleItems,\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 {\n  useSensor,\n  useSensors,\n  KeyboardSensor,\n  PointerSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  Modifier,\n} from '@dnd-kit/core';\nimport { useTreePreviewHandlers } from './useTreePreviewHandlers';\nimport { getTreeKeyboardCoordinates } from './getTreeKeyboardCoordinates';\nimport { getProjection, removeChildrenOf } from './utilities';\nimport { useTreeActionHandlers } from './useTreeActionHandlers';\nimport type { UseTreeDndkitConfigType, SensorContext } 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 = (\n  isHorizontalDnD: boolean,\n  sortedIds: string[],\n  setKeyboardTranslate: React.Dispatch<React.SetStateAction<number>>,\n): 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 keyboard event, we need to adjust the y coordinate too\n      if (['Enter', 'Space'].includes(activatorEvent?.code)) {\n        // If last element, we should move it up\n        const isLast = active.id === sortedIds[sortedIds.length - 1];\n        const keyboardTranslate = ((isLast ? -1 : 1) * (active?.rect?.current?.initial?.height ?? 0)) / 2;\n        setKeyboardTranslate(keyboardTranslate);\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: UseTreeDndkitConfigType = ({\n  flattenedItems,\n  visibleItems: preVisibleItems,\n  isHorizontalDnD = false,\n  isExpandable = false,\n  onReorder,\n  getIsDropValid = () => true,\n  maxDragAndDropLevel,\n}) => {\n  const [activeId, setActiveId] = useState<string>('');\n  const [keyboardTranslate, setKeyboardTranslate] = useState(0);\n  const [overId, setOverId] = useState<string>('');\n  const [dropIndicatorPosition, setDropIndicatorPosition] = useState<DropIndicatorPosition>(DropIndicatorPosition.None);\n  const [lastPosition, setLastPosition] = useState<string>('');\n\n  // Remove activeId's children\n  const visibleItems = useMemo(() => removeChildrenOf(preVisibleItems, activeId), [preVisibleItems, activeId]);\n\n  // Sorted ids for the library\n  const sortedIds = useMemo(() => visibleItems.map((item) => item.uid), [visibleItems]);\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 row, so O(1) per DnD move instead of O(#ITEMS)\n   */\n  const visibleItemsDictionary = useMemo(() => {\n    // Using plain for to achieve O(#ITEMS) performance\n    const dictionary: Record<string, typeof visibleItems[0]> = {};\n    visibleItems.forEach((item) => {\n      dictionary[item.uid] = item;\n    });\n    return dictionary;\n  }, [visibleItems]);\n\n  const isDropValid = useMemo(() => {\n    if (!activeId || !overId) return true;\n    return getIsDropValid(\n      visibleItemsDictionary[activeId],\n      visibleItemsDictionary[overId],\n      ['none', 'before', 'after', 'inside'][dropIndicatorPosition] as Parameters<typeof getIsDropValid>[2],\n    );\n  }, [getIsDropValid, visibleItemsDictionary, activeId, overId, dropIndicatorPosition]);\n\n  const modifiers: Modifier[] = useMemo(\n    () => [adjustTranslate(isHorizontalDnD, sortedIds, setKeyboardTranslate)],\n    [isHorizontalDnD, sortedIds],\n  );\n\n  const sensorContext: SensorContext = useRef({\n    items: visibleItems,\n    dropIndicatorPosition,\n    setDropIndicatorPosition,\n    keyboardTranslate,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: visibleItems,\n      dropIndicatorPosition,\n      setDropIndicatorPosition,\n      keyboardTranslate,\n    };\n  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition, keyboardTranslate]);\n\n  const coordinateGetter = useMemo(\n    () => getTreeKeyboardCoordinates(sensorContext, isHorizontalDnD, maxDragAndDropLevel),\n    [sensorContext, isHorizontalDnD, maxDragAndDropLevel],\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter,\n    }),\n  );\n\n  // where is the activeItem being positioned (depth and parent)\n  const projected = useMemo(\n    () =>\n      overId ? getProjection(visibleItems, visibleItemsDictionary, overId, dropIndicatorPosition, isExpandable) : null,\n    [overId, visibleItems, visibleItemsDictionary, dropIndicatorPosition, isExpandable],\n  );\n\n  const dragPreviewHandlers = useTreePreviewHandlers({\n    setActiveId,\n    setOverId,\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(visibleItemsDictionary, dropIndicatorPosition);\n\n  const dndContextProps = useMemo(\n    () => ({\n      announcements,\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection: customCollisionDetection(\n        activeId,\n        visibleItemsDictionary,\n        setDropIndicatorPosition,\n        maxDragAndDropLevel,\n        lastPosition,\n        setLastPosition,\n      ),\n      ...dragActionHandlers,\n    }),\n    [\n      announcements,\n      modifiers,\n      sensors,\n      dragActionHandlers,\n      visibleItemsDictionary,\n      setDropIndicatorPosition,\n      activeId,\n      maxDragAndDropLevel,\n      lastPosition,\n      setLastPosition,\n    ],\n  );\n\n  const sortableContextProps = useMemo(\n    () => ({\n      items: sortedIds,\n      strategy: () => null,\n    }),\n    [sortedIds],\n  );\n\n  return {\n    dndContextProps,\n    sortableContextProps,\n    isDropValid,\n    activeId,\n    activeIndex: visibleItemsDictionary[activeId]?.realIndex ?? -1,\n    overId,\n    depth: projected ? projected.depth : 0,\n    dropIndicatorPosition,\n    visibleItems,\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AACA;AAEA;AACA;AACA;AAIA,MAAM,kBAAkB,CACtB,iBACA,WACA,yBACa;AACb,QAAM,OAAiB,CAAC,EAAE,WAAW,gBAAgB,aAAa;AAChE,UAAM,eAAe,mBAChB;AAEL,QAAI,iBAAiB;AACnB,mBAAa,IAAI,UAAU,IAAI;AAAA,IACjC,OAAO;AACL,mBAAa,IAAI,UAAU,IAAI;AAE/B,UAAI,CAAC,SAAS,OAAO,EAAE,SAAS,gBAAgB,IAAI,GAAG;AAErD,cAAM,SAAS,OAAO,OAAO,UAAU,UAAU,SAAS;AAC1D,cAAM,oBAAsB,UAAS,KAAK,KAAM,SAAQ,MAAM,SAAS,SAAS,UAAU,KAAM;AAChG,6BAAqB,iBAAiB;AACtC,qBAAa,IAAI,UAAU,IAAI;AAAA,MACjC;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,YAA6C;AAAA,EACjD,WAAW;AAAA,IACT,UAAU,kBAAkB;AAAA,EAC9B;AACF;AAEO,MAAM,sBAA+C,CAAC;AAAA,EAC3D;AAAA,EACA,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB;AAAA,MACI;AACJ,QAAM,CAAC,UAAU,eAAe,SAAiB,EAAE;AACnD,QAAM,CAAC,mBAAmB,wBAAwB,SAAS,CAAC;AAC5D,QAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;AAC/C,QAAM,CAAC,uBAAuB,4BAA4B,SAAgC,sBAAsB,IAAI;AACpH,QAAM,CAAC,cAAc,mBAAmB,SAAiB,EAAE;AAG3D,QAAM,eAAe,QAAQ,MAAM,iBAAiB,iBAAiB,QAAQ,GAAG,CAAC,iBAAiB,QAAQ,CAAC;AAG3G,QAAM,YAAY,QAAQ,MAAM,aAAa,IAAI,CAAC,SAAS,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC;AAOpF,QAAM,yBAAyB,QAAQ,MAAM;AAE3C,UAAM,aAAqD,CAAC;AAC5D,iBAAa,QAAQ,CAAC,SAAS;AAC7B,iBAAW,KAAK,OAAO;AAAA,IACzB,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,CAAC,YAAY,CAAC;AAAQ,aAAO;AACjC,WAAO,eACL,uBAAuB,WACvB,uBAAuB,SACvB,CAAC,QAAQ,UAAU,SAAS,QAAQ,EAAE,sBACxC;AAAA,EACF,GAAG,CAAC,gBAAgB,wBAAwB,UAAU,QAAQ,qBAAqB,CAAC;AAEpF,QAAM,YAAwB,QAC5B,MAAM,CAAC,gBAAgB,iBAAiB,WAAW,oBAAoB,CAAC,GACxE,CAAC,iBAAiB,SAAS,CAC7B;AAEA,QAAM,gBAA+B,OAAO;AAAA,IAC1C,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,kBAAc,UAAU;AAAA,MACtB,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,uBAAuB,0BAA0B,iBAAiB,CAAC;AAErF,QAAM,mBAAmB,QACvB,MAAM,2BAA2B,eAAe,iBAAiB,mBAAmB,GACpF,CAAC,eAAe,iBAAiB,mBAAmB,CACtD;AAEA,QAAM,UAAU,WACd,UAAU,aAAa,GACvB,UAAU,gBAAgB;AAAA,IACxB;AAAA,EACF,CAAC,CACH;AAGA,QAAM,YAAY,QAChB,MACE,SAAS,cAAc,cAAc,wBAAwB,QAAQ,uBAAuB,YAAY,IAAI,MAC9G,CAAC,QAAQ,cAAc,wBAAwB,uBAAuB,YAAY,CACpF;AAEA,QAAM,sBAAsB,uBAAuB;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,qBAAqB,sBAAsB,iCAC5C,sBAD4C;AAAA,IAE/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAC;AAED,QAAM,gBAAgB,qBAAqB,wBAAwB,qBAAqB;AAExF,QAAM,kBAAkB,QACtB,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,yBAClB,UACA,wBACA,0BACA,qBACA,cACA,eACF;AAAA,KACG,qBAEL;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,QAAM,uBAAuB,QAC3B,MAAO;AAAA,IACL,OAAO;AAAA,IACP,UAAU,MAAM;AAAA,EAClB,IACA,CAAC,SAAS,CACZ;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,uBAAuB,WAAW,aAAa;AAAA,IAC5D;AAAA,IACA,OAAO,YAAY,UAAU,QAAQ;AAAA,IACrC;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-drag-and-drop",
-  "version": "3.1.0-next.2",
+  "version": "3.1.0-next.20",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Drag And Drop",
   "files": [
@@ -106,20 +106,9 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
-  },
   "dependencies": {
     "@dnd-kit/core": "~4.0.3",
-    "@dnd-kit/sortable": "~5.0.0",
-    "react-desc": "~4.1.3"
-  },
-  "devDependencies": {
-    "styled-components": "~5.3.3"
+    "@dnd-kit/sortable": "~5.0.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -130,5 +119,13 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
-}
+}