@elliemae/ds-legacy-drag-and-drop 1.0.0-rc.1

package/dist/cjs/exported-related/DSDragAndDrop.js

@@ -0,0 +1,98 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSDragAndDrop_exports = {};
+__export(DSDragAndDrop_exports, {
+  DSDragAndDrop: () => DSDragAndDrop
+});
+module.exports = __toCommonJS(DSDragAndDrop_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import__ = require("../index.js");
+var import_SortableContainerContext = __toESM(require("./SortableContainerContext.js"));
+const flatten = (items, parentId = null, depth = 0, container = "root", iteration = { count: 0 }) => items.reduce((acc, item, index) => {
+  acc.push({
+    ...item,
+    uid: item.dsId,
+    childrenCount: item?.subitems?.length || 0,
+    original: item,
+    realIndex: iteration.count++,
+    parentId,
+    depth,
+    index,
+    container
+  });
+  if (item.subitems?.length > 0 && item.collapsed === false) {
+    acc.push(...flatten(item.subitems, item.dsId, depth + 1, container, iteration));
+  }
+  return acc;
+}, []);
+const DSDragAndDrop = ({
+  items,
+  children,
+  onReorder,
+  onCollapse,
+  DragOverlayRenderer,
+  ...rest
+}) => {
+  const itemsFlattened = (0, import_react.useMemo)(
+    () => Object.keys(items).reduce(
+      (acc, container) => {
+        acc[container] = flatten(items[container], null, 0, container);
+        return acc;
+      },
+      {}
+    ),
+    [items]
+  );
+  const { dndContextProps, sortableContextProps, active, dropIndicatorPosition, isDropValid } = (0, import__.useMultiTreeDndkitConfig)({
+    flattenedItems: itemsFlattened,
+    isHorizontalDnD: false,
+    isExpandable: true,
+    onReorder,
+    maxDragAndDropLevel: 0,
+    getIsDropValid: () => true,
+    ...rest
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.DndContext, { ...dndContextProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_SortableContainerContext.default.Provider,
+      {
+        value: { sortableContextProps, dropIndicatorPosition, isDropValid, items: itemsFlattened, onCollapse },
+        children
+      }
+    ),
+    (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DragOverlay, { style: { width: "auto", zIndex: 1001 }, modifiers: [import__.restrictToWindowEdges], children: active ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DragOverlayRenderer, { activeItem: active }) : null }),
+      document.body
+    )
+  ] });
+};
+//# sourceMappingURL=DSDragAndDrop.js.map

package/dist/cjs/exported-related/DSDragAndDrop.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/DSDragAndDrop.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport React, { useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DndContext,\n  DragOverlay,\n  restrictToWindowEdges,\n  useMultiTreeDndkitConfig,\n  type UniqueIdentifier,\n  type Active,\n} from '../index.js';\nimport ContainersContext from './SortableContainerContext.js';\nimport type { DnDKitTree } from '../tree/types.js';\nexport interface DSDragAndDropT<T> {\n  items: Record<string, Item<T>[]>;\n  onReorder: DnDKitTree.OnReorder<T>;\n  onCollapse: (nodeId: number) => void;\n  children: React.ReactNode;\n  DragOverlayRenderer: React.ComponentType<{ activeItem: Active }>;\n}\n\n// opinionated item type\nexport type Item<T> = DnDKitTree.Item<T> & {\n  dsId: number;\n  subitems: Item<T>[];\n} & T;\n\nconst flatten = <T,>(\n  items: Item<T>[],\n  parentId: UniqueIdentifier | null = null,\n  depth = 0,\n  container = 'root',\n  iteration = { count: 0 },\n) =>\n  items.reduce((acc, item, index) => {\n    acc.push({\n      ...item,\n      uid: item.dsId,\n      childrenCount: item?.subitems?.length || 0,\n      original: item,\n      realIndex: iteration.count++,\n      parentId,\n      depth,\n      index,\n      container,\n    });\n    if (item.subitems?.length > 0 && item.collapsed === false) {\n      acc.push(...flatten(item.subitems, item.dsId, depth + 1, container, iteration));\n    }\n    return acc;\n  }, [] as Item<T>[]);\n\nexport const DSDragAndDrop = <T,>({\n  items,\n  children,\n  onReorder,\n  onCollapse,\n  DragOverlayRenderer,\n  ...rest\n}: DSDragAndDropT<T>) => {\n  const itemsFlattened = useMemo(\n    () =>\n      Object.keys(items).reduce(\n        (acc, container) => {\n          acc[container] = flatten(items[container], null, 0, container);\n          return acc;\n        },\n        {} as Record<string, Item<T>[]>,\n      ),\n    [items],\n  );\n  const { dndContextProps, sortableContextProps, active, dropIndicatorPosition, isDropValid } =\n    useMultiTreeDndkitConfig({\n      flattenedItems: itemsFlattened,\n      isHorizontalDnD: false,\n      isExpandable: true,\n      onReorder,\n      maxDragAndDropLevel: 0,\n      getIsDropValid: () => true,\n      ...rest,\n    });\n\n  return (\n    <DndContext {...dndContextProps}>\n      <ContainersContext.Provider\n        value={{ sortableContextProps, dropIndicatorPosition, isDropValid, items: itemsFlattened, onCollapse }}\n      >\n        {children}\n      </ContainersContext.Provider>\n      {createPortal(\n        <DragOverlay style={{ width: 'auto', zIndex: 1001 }} modifiers={[restrictToWindowEdges]}>\n          {active ? <DragOverlayRenderer activeItem={active} /> : null}\n        </DragOverlay>,\n        document.body,\n      )}\n    </DndContext>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmFnB;AAlFJ,mBAA+B;AAC/B,uBAA6B;AAC7B,eAOO;AACP,sCAA8B;AAgB9B,MAAM,UAAU,CACd,OACA,WAAoC,MACpC,QAAQ,GACR,YAAY,QACZ,YAAY,EAAE,OAAO,EAAE,MAEvB,MAAM,OAAO,CAAC,KAAK,MAAM,UAAU;AACjC,MAAI,KAAK;AAAA,IACP,GAAG;AAAA,IACH,KAAK,KAAK;AAAA,IACV,eAAe,MAAM,UAAU,UAAU;AAAA,IACzC,UAAU;AAAA,IACV,WAAW,UAAU;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,MAAI,KAAK,UAAU,SAAS,KAAK,KAAK,cAAc,OAAO;AACzD,QAAI,KAAK,GAAG,QAAQ,KAAK,UAAU,KAAK,MAAM,QAAQ,GAAG,WAAW,SAAS,CAAC;AAAA,EAChF;AACA,SAAO;AACT,GAAG,CAAC,CAAc;AAEb,MAAM,gBAAgB,CAAK;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyB;AACvB,QAAM,qBAAiB;AAAA,IACrB,MACE,OAAO,KAAK,KAAK,EAAE;AAAA,MACjB,CAAC,KAAK,cAAc;AAClB,YAAI,SAAS,IAAI,QAAQ,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS;AAC7D,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,IACF,CAAC,KAAK;AAAA,EACR;AACA,QAAM,EAAE,iBAAiB,sBAAsB,QAAQ,uBAAuB,YAAY,QACxF,mCAAyB;AAAA,IACvB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd;AAAA,IACA,qBAAqB;AAAA,IACrB,gBAAgB,MAAM;AAAA,IACtB,GAAG;AAAA,EACL,CAAC;AAEH,SACE,6CAAC,uBAAY,GAAG,iBACd;AAAA;AAAA,MAAC,gCAAAA,QAAkB;AAAA,MAAlB;AAAA,QACC,OAAO,EAAE,sBAAsB,uBAAuB,aAAa,OAAO,gBAAgB,WAAW;AAAA,QAEpG;AAAA;AAAA,IACH;AAAA,QACC;AAAA,MACC,4CAAC,wBAAY,OAAO,EAAE,OAAO,QAAQ,QAAQ,KAAK,GAAG,WAAW,CAAC,8BAAqB,GACnF,mBAAS,4CAAC,uBAAoB,YAAY,QAAQ,IAAK,MAC1D;AAAA,MACA,SAAS;AAAA,IACX;AAAA,KACF;AAEJ;",
+  "names": ["ContainersContext"]
+}

package/dist/cjs/exported-related/DSSortableContainer.js

@@ -0,0 +1,72 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSSortableContainer_exports = {};
+__export(DSSortableContainer_exports, {
+  DSSortableContainer: () => DSSortableContainer
+});
+module.exports = __toCommonJS(DSSortableContainer_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_legacy_fast_list = require("@elliemae/ds-legacy-fast-list");
+var import__ = require("../index.js");
+var import_SortableContainerContext = __toESM(require("./SortableContainerContext.js"));
+const ContainerItemRenderer = (props) => {
+  const { items, ItemRenderer, index, ...rest } = props;
+  const item = items[index];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSortableItem, { item, ItemRenderer, ...rest });
+};
+const ContainerItemRendererMemoized = import_react.default.memo(ContainerItemRenderer);
+const DSSortableContainer = (props) => {
+  const { containerId, ItemRenderer, Component, children } = props;
+  const { setNodeRef, isOver } = (0, import__.useDroppable)({
+    id: containerId
+  });
+  const ctx = (0, import_react.useContext)(import_SortableContainerContext.default);
+  const { sortableContextProps, items } = ctx;
+  const containerSortableContextProps = sortableContextProps[containerId];
+  const render = (0, import_react.useMemo)(() => {
+    if (children) {
+      return children;
+    }
+    if (ItemRenderer) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ds_legacy_fast_list.DSFastList,
+        {
+          count: items[containerId].length,
+          ItemRenderer: ContainerItemRendererMemoized,
+          extraItemProps: { items: items[containerId], ItemRenderer }
+        }
+      );
+    }
+    return null;
+  }, [ItemRenderer, children, containerId, items]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.SortableContext, { ...containerSortableContextProps, id: "container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { innerRef: setNodeRef, isOver, children: render }) });
+};
+//# sourceMappingURL=DSSortableContainer.js.map

package/dist/cjs/exported-related/DSSortableContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/DSSortableContainer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { DSFastList } from '@elliemae/ds-legacy-fast-list';\nimport { SortableContext, useDroppable, DSSortableItem } from '../index.js';\nimport ContainersContext from './SortableContainerContext.js';\nimport type { UniqueIdentifier } from '@dnd-kit/core/dist/types';\nimport type { Item } from './DSDragAndDrop.js';\nimport type { ItemRendererPropsT } from './DSSortableItem.js';\ninterface DSSortableContainerT<T> {\n  items: Record<string, Item<T>[]>;\n  containerId: UniqueIdentifier;\n  ItemRenderer: React.ComponentType<T>;\n  Component: React.ComponentType<{\n    innerRef: React.Ref<HTMLElement>;\n    isOver: boolean;\n    children: React.ReactNode;\n  }>;\n  children: React.ReactNode;\n}\n\ninterface ContainerItemRendererT<T> {\n  items: Item<T>[];\n  ItemRenderer: React.ComponentType<ItemRendererPropsT<T>>;\n  index: number;\n}\nconst ContainerItemRenderer = <T,>(props: ContainerItemRendererT<T>) => {\n  const { items, ItemRenderer, index, ...rest } = props;\n  const item = items[index];\n  return <DSSortableItem item={item} ItemRenderer={ItemRenderer} {...rest} />;\n};\n\nconst ContainerItemRendererMemoized = React.memo(ContainerItemRenderer);\n\nexport const DSSortableContainer = <T,>(props: DSSortableContainerT<T>) => {\n  const { containerId, ItemRenderer, Component, children } = props;\n  const { setNodeRef, isOver } = useDroppable({\n    id: containerId,\n  });\n  const ctx = useContext(ContainersContext);\n  const { sortableContextProps, items } = ctx;\n  const containerSortableContextProps = sortableContextProps[containerId];\n\n  const render = useMemo(() => {\n    if (children) {\n      return children;\n    }\n    if (ItemRenderer) {\n      return (\n        <DSFastList\n          count={items[containerId].length}\n          ItemRenderer={ContainerItemRendererMemoized}\n          extraItemProps={{ items: items[containerId], ItemRenderer }}\n        />\n      );\n    }\n    return null;\n  }, [ItemRenderer, children, containerId, items]);\n\n  return (\n    <SortableContext {...containerSortableContextProps} id=\"container\">\n      <Component innerRef={setNodeRef} isOver={isOver}>\n        {render}\n      </Component>\n    </SortableContext>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Bd;AA3BT,mBAA2C;AAC3C,iCAA2B;AAC3B,eAA8D;AAC9D,sCAA8B;AAqB9B,MAAM,wBAAwB,CAAK,UAAqC;AACtE,QAAM,EAAE,OAAO,cAAc,OAAO,GAAG,KAAK,IAAI;AAChD,QAAM,OAAO,MAAM,KAAK;AACxB,SAAO,4CAAC,2BAAe,MAAY,cAA6B,GAAG,MAAM;AAC3E;AAEA,MAAM,gCAAgC,aAAAA,QAAM,KAAK,qBAAqB;AAE/D,MAAM,sBAAsB,CAAK,UAAmC;AACzE,QAAM,EAAE,aAAa,cAAc,WAAW,SAAS,IAAI;AAC3D,QAAM,EAAE,YAAY,OAAO,QAAI,uBAAa;AAAA,IAC1C,IAAI;AAAA,EACN,CAAC;AACD,QAAM,UAAM,yBAAW,gCAAAC,OAAiB;AACxC,QAAM,EAAE,sBAAsB,MAAM,IAAI;AACxC,QAAM,gCAAgC,qBAAqB,WAAW;AAEtE,QAAM,aAAS,sBAAQ,MAAM;AAC3B,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AACA,QAAI,cAAc;AAChB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,MAAM,WAAW,EAAE;AAAA,UAC1B,cAAc;AAAA,UACd,gBAAgB,EAAE,OAAO,MAAM,WAAW,GAAG,aAAa;AAAA;AAAA,MAC5D;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,UAAU,aAAa,KAAK,CAAC;AAE/C,SACE,4CAAC,4BAAiB,GAAG,+BAA+B,IAAG,aACrD,sDAAC,aAAU,UAAU,YAAY,QAC9B,kBACH,GACF;AAEJ;",
+  "names": ["React", "ContainersContext"]
+}

package/dist/cjs/exported-related/DSSortableItem.js

@@ -0,0 +1,61 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSSortableItem_exports = {};
+__export(DSSortableItem_exports, {
+  DSSortableItem: () => DSSortableItem
+});
+module.exports = __toCommonJS(DSSortableItem_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import__ = require("../index.js");
+var import_SortableContainerContext = __toESM(require("./SortableContainerContext.js"));
+const DSSortableItem = (props) => {
+  const { item, ItemRenderer, ...rest } = props;
+  const ctx = (0, import_react.useContext)(import_SortableContainerContext.default);
+  const { isDropValid, dropIndicatorPosition, onCollapse } = ctx;
+  const draggableOptions = (0, import_react.useMemo)(
+    () => ({
+      id: item.dsId
+    }),
+    [item]
+  );
+  const useSortableHelpers = (0, import__.useSortable)(draggableOptions);
+  const draggableProps = (0, import_react.useMemo)(() => {
+    const { index, overIndex } = useSortableHelpers;
+    return {
+      ...useSortableHelpers,
+      shouldShowDropIndicatorPosition: overIndex === index,
+      dropIndicatorPosition,
+      isDropValid
+    };
+  }, [dropIndicatorPosition, isDropValid, useSortableHelpers]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: draggableProps.setNodeRef, style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemRenderer, { item, draggableProps, onCollapse, ...rest }) });
+};
+//# sourceMappingURL=DSSortableItem.js.map

package/dist/cjs/exported-related/DSSortableItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/DSSortableItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo, useContext } from 'react';\nimport { useSortable } from '../index.js';\nimport ContainersContext from './SortableContainerContext.js';\nimport type { Item } from './DSDragAndDrop.js';\nexport interface ItemRendererPropsT<T> {\n  item: Item<T>;\n  draggableProps: ReturnType<typeof useSortable>;\n  onCollapse?: (nodeId: number) => void;\n}\ninterface DSSortableItemT<T> {\n  item: Item<T>;\n  ItemRenderer: React.ComponentType<ItemRendererPropsT<T>>;\n}\nexport const DSSortableItem = <T,>(props: DSSortableItemT<T>) => {\n  const { item, ItemRenderer, ...rest } = props;\n  const ctx = useContext(ContainersContext);\n\n  const { isDropValid, dropIndicatorPosition, onCollapse } = ctx;\n\n  // onMount generate unique options, so everyting is only ran once\n  const draggableOptions = useMemo(\n    () => ({\n      id: item.dsId,\n    }),\n    [item],\n  );\n\n  const useSortableHelpers = useSortable(draggableOptions);\n\n  const draggableProps = useMemo(() => {\n    const { index, overIndex } = useSortableHelpers;\n\n    return {\n      ...useSortableHelpers,\n      shouldShowDropIndicatorPosition: overIndex === index,\n      dropIndicatorPosition,\n      isDropValid,\n    };\n  }, [dropIndicatorPosition, isDropValid, useSortableHelpers]);\n\n  return (\n    <div ref={draggableProps.setNodeRef} style={{ position: 'relative' }}>\n      <ItemRenderer item={item} draggableProps={draggableProps} onCollapse={onCollapse} {...rest} />\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0CjB;AA1CN,mBAA2C;AAC3C,eAA4B;AAC5B,sCAA8B;AAWvB,MAAM,iBAAiB,CAAK,UAA8B;AAC/D,QAAM,EAAE,MAAM,cAAc,GAAG,KAAK,IAAI;AACxC,QAAM,UAAM,yBAAW,gCAAAA,OAAiB;AAExC,QAAM,EAAE,aAAa,uBAAuB,WAAW,IAAI;AAG3D,QAAM,uBAAmB;AAAA,IACvB,OAAO;AAAA,MACL,IAAI,KAAK;AAAA,IACX;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,yBAAqB,sBAAY,gBAAgB;AAEvD,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,UAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iCAAiC,cAAc;AAAA,MAC/C;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,uBAAuB,aAAa,kBAAkB,CAAC;AAE3D,SACE,4CAAC,SAAI,KAAK,eAAe,YAAY,OAAO,EAAE,UAAU,WAAW,GACjE,sDAAC,gBAAa,MAAY,gBAAgC,YAAyB,GAAG,MAAM,GAC9F;AAEJ;",
+  "names": ["ContainersContext"]
+}

package/dist/cjs/exported-related/DropIndicator.js

@@ -0,0 +1,97 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DropIndicator_exports = {};
+__export(DropIndicator_exports, {
+  DropIndicator: () => DropIndicator
+});
+module.exports = __toCommonJS(DropIndicator_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+const DropIndicatorPosition = {
+  None: "none",
+  Before: "before",
+  After: "after",
+  Inside: "inside"
+};
+const getPositionStyles = ({
+  dropIndicatorPosition,
+  vertical
+}) => {
+  if (vertical) {
+    return `
+      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? "0" : "unset"};
+      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? "0" : "unset"};
+    `;
+  }
+  return `
+      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? "0" : "unset"};
+      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? "0" : "unset"};
+    `;
+};
+const getCircleStyles = ({
+  dropIndicatorPosition,
+  vertical
+}) => ({
+  position: "absolute",
+  zIndex: 1e3,
+  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? "unset" : "-2px",
+  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? "unset" : "-2px",
+  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? "unset" : "-2px",
+  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? "unset" : "-2px",
+  opacity: 1
+});
+const StyledIndicator = import_ds_legacy_system.styled.div`
+  position: absolute;
+  ${getPositionStyles}
+  box-sizing: border-box;
+  width: ${(props) => props.vertical ? "2px" : "100%"};
+  height: ${(props) => props.vertical ? "100%" : "2px"};
+  background-color: ${({ isDropValid, theme }) => isDropValid ? theme.colors.brand[600] : theme.colors.danger[900]};
+  z-index: ${1e3};
+`;
+const CircleIndicator = (style, isDropValid) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { height: "6", width: "6", style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "3", cy: "3", r: "3", strokeWidth: "0", fill: isDropValid ? "#1E79C2" : "#C64252" }) });
+const DropIndicator = (props) => {
+  const { vertical, dropIndicatorPosition, isLast, isDropValid } = props;
+  if (dropIndicatorPosition === false || dropIndicatorPosition === DropIndicatorPosition.None || dropIndicatorPosition === DropIndicatorPosition.Inside)
+    return null;
+  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    CircleIndicator(getCircleStyles({ ...props, dropIndicatorPosition: safeDropIndicatorPosition }), isDropValid),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StyledIndicator,
+      {
+        vertical,
+        dropIndicatorPosition: safeDropIndicatorPosition,
+        isDropValid
+      }
+    )
+  ] });
+};
+//# sourceMappingURL=DropIndicator.js.map

package/dist/cjs/exported-related/DropIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/DropIndicator.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-legacy-system';\n\ntype DropIndicatorPositionT = (typeof DropIndicatorPosition)[keyof typeof DropIndicatorPosition] | false;\ninterface DropIndicatorPropsT {\n  vertical: boolean;\n  dropIndicatorPosition: DropIndicatorPositionT;\n  isLast: boolean;\n  isDropValid: boolean;\n}\n\nconst DropIndicatorPosition = {\n  None: 'none',\n  Before: 'before',\n  After: 'after',\n  Inside: 'inside',\n};\n\nconst getPositionStyles = ({\n  dropIndicatorPosition,\n  vertical,\n}: {\n  dropIndicatorPosition: (typeof DropIndicatorPosition)[keyof typeof DropIndicatorPosition];\n  vertical: boolean;\n}) => {\n  if (vertical) {\n    return `\n      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n  }\n  return `\n      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n};\n\nconst getCircleStyles = ({\n  dropIndicatorPosition,\n  vertical,\n}: {\n  dropIndicatorPosition: (typeof DropIndicatorPosition)[keyof typeof DropIndicatorPosition];\n  vertical: boolean;\n}) => ({\n  position: 'absolute',\n  zIndex: 1000,\n  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  opacity: 1,\n});\n\nconst StyledIndicator = styled.div<{ isDropValid: boolean; vertical: boolean; dropIndicatorPosition: string }>`\n  position: absolute;\n  ${getPositionStyles}\n  box-sizing: border-box;\n  width: ${(props) => (props.vertical ? '2px' : '100%')};\n  height: ${(props) => (props.vertical ? '100%' : '2px')};\n  background-color: ${({ isDropValid, theme }) => (isDropValid ? theme.colors.brand[600] : theme.colors.danger[900])};\n  z-index: ${1000};\n`;\n\nconst CircleIndicator = (style: Record<string, unknown>, isDropValid: boolean) => (\n  <svg height=\"6\" width=\"6\" style={style}>\n    <circle cx=\"3\" cy=\"3\" r=\"3\" strokeWidth=\"0\" fill={isDropValid ? '#1E79C2' : '#C64252'} />\n  </svg>\n);\n\nexport const DropIndicator = (props: DropIndicatorPropsT) => {\n  const { vertical, dropIndicatorPosition, isLast, isDropValid } = props;\n  if (\n    dropIndicatorPosition === false ||\n    dropIndicatorPosition === DropIndicatorPosition.None ||\n    dropIndicatorPosition === DropIndicatorPosition.Inside\n  )\n    return null;\n\n  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;\n\n  return (\n    <>\n      {CircleIndicator(getCircleStyles({ ...props, dropIndicatorPosition: safeDropIndicatorPosition }), isDropValid)}\n      <StyledIndicator\n        vertical={vertical}\n        dropIndicatorPosition={safeDropIndicatorPosition}\n        isDropValid={isDropValid}\n      />\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEnB;AAhEJ,8BAAuB;AAUvB,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AACF,MAGM;AACJ,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,sBAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,sBAAsB,QAAQ,MAAM;AAAA;AAAA,EAE3E;AACA,SAAO;AAAA,aACI,0BAA0B,sBAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,sBAAsB,QAAQ,MAAM;AAAA;AAE9E;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AACF,OAGO;AAAA,EACL,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,KAAK,YAAY,0BAA0B,sBAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,sBAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,sBAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,sBAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AACX;AAEA,MAAM,kBAAkB,+BAAO;AAAA;AAAA,IAE3B;AAAA;AAAA,WAEO,CAAC,UAAW,MAAM,WAAW,QAAQ;AAAA,YACpC,CAAC,UAAW,MAAM,WAAW,SAAS;AAAA,sBAC5B,CAAC,EAAE,aAAa,MAAM,MAAO,cAAc,MAAM,OAAO,MAAM,GAAG,IAAI,MAAM,OAAO,OAAO,GAAG;AAAA,aACrG;AAAA;AAGb,MAAM,kBAAkB,CAAC,OAAgC,gBACvD,4CAAC,SAAI,QAAO,KAAI,OAAM,KAAI,OACxB,sDAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,aAAY,KAAI,MAAM,cAAc,YAAY,WAAW,GACzF;AAGK,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,EAAE,UAAU,uBAAuB,QAAQ,YAAY,IAAI;AACjE,MACE,0BAA0B,SAC1B,0BAA0B,sBAAsB,QAChD,0BAA0B,sBAAsB;AAEhD,WAAO;AAET,QAAM,4BAA4B,SAAS,sBAAsB,SAAS;AAE1E,SACE,4EACG;AAAA,oBAAgB,gBAAgB,EAAE,GAAG,OAAO,uBAAuB,0BAA0B,CAAC,GAAG,WAAW;AAAA,IAC7G;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,uBAAuB;AAAA,QACvB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/exported-related/SortableContainerContext.js

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SortableContainerContext_exports = {};
+__export(SortableContainerContext_exports, {
+  createContainerContext: () => createContainerContext,
+  default: () => SortableContainerContext_default
+});
+module.exports = __toCommonJS(SortableContainerContext_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+function createContainerContext() {
+  return (0, import_react.createContext)({
+    sortableContextProps: {},
+    items: {}
+  });
+}
+const ContainersContext = createContainerContext();
+var SortableContainerContext_default = ContainersContext;
+//# sourceMappingURL=SortableContainerContext.js.map

package/dist/cjs/exported-related/SortableContainerContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/SortableContainerContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createContext } from 'react';\nimport type { DnDKitTree } from '../tree/types.js';\nimport type { Item } from './DSDragAndDrop.js';\ninterface ContainerContextT<T> {\n  isDropValid?: boolean;\n  dropIndicatorPosition?: string;\n  sortableContextProps: Record<string, DnDKitTree.SortableContextPropsType>;\n  items: Record<string, Item<T>[]>;\n  onCollapse?: (nodeId: number) => void;\n}\n\nexport function createContainerContext<T>() {\n  return createContext<ContainerContextT<T>>({\n    sortableContextProps: {},\n    items: {},\n  });\n}\nconst ContainersContext = createContainerContext();\n\nexport default ContainersContext;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAWvB,SAAS,yBAA4B;AAC1C,aAAO,4BAAoC;AAAA,IACzC,sBAAsB,CAAC;AAAA,IACvB,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,MAAM,oBAAoB,uBAAuB;AAEjD,IAAO,mCAAQ;",
+  "names": []
+}

package/dist/cjs/exported-related/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var exported_related_exports = {};
+__export(exported_related_exports, {
+  DSDragAndDrop: () => import_DSDragAndDrop.DSDragAndDrop,
+  DSSortableContainer: () => import_DSSortableContainer.DSSortableContainer,
+  DSSortableItem: () => import_DSSortableItem.DSSortableItem,
+  DropIndicator: () => import_DropIndicator.DropIndicator
+});
+module.exports = __toCommonJS(exported_related_exports);
+var React = __toESM(require("react"));
+var import_DropIndicator = require("./DropIndicator.js");
+var import_DSDragAndDrop = require("./DSDragAndDrop.js");
+var import_DSSortableContainer = require("./DSSortableContainer.js");
+var import_DSSortableItem = require("./DSSortableItem.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DropIndicator } from './DropIndicator.js';\nexport { DSDragAndDrop } from './DSDragAndDrop.js';\nexport { DSSortableContainer } from './DSSortableContainer.js';\nexport { DSSortableItem } from './DSSortableItem.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA8B;AAC9B,2BAA8B;AAC9B,iCAAoC;AACpC,4BAA+B;",
+  "names": []
+}

package/dist/cjs/hierarchy/customCollisionDetection.js

@@ -0,0 +1,69 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var customCollisionDetection_exports = {};
+__export(customCollisionDetection_exports, {
+  customCollisionDetection: () => customCollisionDetection
+});
+module.exports = __toCommonJS(customCollisionDetection_exports);
+var React = __toESM(require("react"));
+const customCollisionDetection = (sensorContext) => ({ droppableContainers, collisionRect }) => {
+  const { flattenedItems, active, itemsDictionary } = sensorContext.current;
+  if (!active)
+    return [];
+  const activeParent = itemsDictionary[active.id].parentId;
+  const entriesWithSameParent = droppableContainers.filter(
+    ({ id }) => flattenedItems.find((item) => item.uid === id)?.parentId === activeParent
+  );
+  const originalContainer = entriesWithSameParent.find(({ id }) => id === active.id);
+  const originalRect = originalContainer?.rect?.current;
+  if (!originalRect)
+    return [];
+  if (originalRect.left <= collisionRect.left && collisionRect.left <= originalRect.left + originalRect.width) {
+    return [{ id: originalContainer.id }];
+  }
+  const isLeft = collisionRect.left <= originalRect.left + collisionRect.width / 2 + 5;
+  let match = null;
+  const collisionPoint = collisionRect.left + collisionRect.width / 2;
+  entriesWithSameParent.forEach((entry) => {
+    const rect = entry.rect.current;
+    if (rect !== null) {
+      const offsetRight = rect.left + rect.width;
+      if (!match) {
+        match = entry;
+      } else if (match && match.rect.current && isLeft && Math.abs(collisionPoint - rect.left) <= Math.abs(collisionPoint - match.rect.current.left)) {
+        match = entry;
+      } else if (match && match.rect.current && !isLeft && Math.abs(collisionPoint - offsetRight) <= Math.abs(collisionPoint - match.rect.current.left - match.rect.current.width)) {
+        match = entry;
+      }
+    }
+  });
+  const matchCastedForSomeReason = match;
+  return matchCastedForSomeReason === null ? [] : [{ id: matchCastedForSomeReason.id }];
+};
+//# sourceMappingURL=customCollisionDetection.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hierarchy/customCollisionDetection.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable indent, complexity */\nimport { type CollisionDetection, type DroppableContainer } from '@dnd-kit/core';\nimport type { DnDKitHierarchy } from './types.js';\n\nexport const customCollisionDetection =\n  <T,>(sensorContext: DnDKitHierarchy.SensorContext<T>): CollisionDetection =>\n  ({ droppableContainers, collisionRect }) => {\n    const { flattenedItems, active, itemsDictionary } = sensorContext.current;\n\n    if (!active) return [];\n\n    const activeParent = itemsDictionary[active.id].parentId;\n\n    const entriesWithSameParent = droppableContainers.filter(\n      ({ id }) => flattenedItems.find((item) => item.uid === id)?.parentId === activeParent,\n    );\n\n    const originalContainer = entriesWithSameParent.find(({ id }) => id === active.id);\n    const originalRect = originalContainer?.rect?.current;\n\n    if (!originalRect) return [];\n\n    if (originalRect.left <= collisionRect.left && collisionRect.left <= originalRect.left + originalRect.width) {\n      return [{ id: originalContainer.id }];\n    }\n\n    const isLeft = collisionRect.left <= originalRect.left + 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.left + collisionRect.width / 2;\n    entriesWithSameParent.forEach((entry) => {\n      const rect = entry.rect.current;\n\n      if (rect !== null) {\n        const offsetRight = rect.left + 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.left) <= Math.abs(collisionPoint - match.rect.current.left)\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.left - 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 ? [] : [{ id: matchCastedForSomeReason.id }];\n  };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIhB,MAAM,2BACX,CAAK,kBACL,CAAC,EAAE,qBAAqB,cAAc,MAAM;AAC1C,QAAM,EAAE,gBAAgB,QAAQ,gBAAgB,IAAI,cAAc;AAElE,MAAI,CAAC;AAAQ,WAAO,CAAC;AAErB,QAAM,eAAe,gBAAgB,OAAO,EAAE,EAAE;AAEhD,QAAM,wBAAwB,oBAAoB;AAAA,IAChD,CAAC,EAAE,GAAG,MAAM,eAAe,KAAK,CAAC,SAAS,KAAK,QAAQ,EAAE,GAAG,aAAa;AAAA,EAC3E;AAEA,QAAM,oBAAoB,sBAAsB,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,OAAO,EAAE;AACjF,QAAM,eAAe,mBAAmB,MAAM;AAE9C,MAAI,CAAC;AAAc,WAAO,CAAC;AAE3B,MAAI,aAAa,QAAQ,cAAc,QAAQ,cAAc,QAAQ,aAAa,OAAO,aAAa,OAAO;AAC3G,WAAO,CAAC,EAAE,IAAI,kBAAkB,GAAG,CAAC;AAAA,EACtC;AAEA,QAAM,SAAS,cAAc,QAAQ,aAAa,OAAO,cAAc,QAAQ,IAAI;AAEnF,MAAI,QAAmC;AAGvC,QAAM,iBAAiB,cAAc,OAAO,cAAc,QAAQ;AAClE,wBAAsB,QAAQ,CAAC,UAAU;AACvC,UAAM,OAAO,MAAM,KAAK;AAExB,QAAI,SAAS,MAAM;AACjB,YAAM,cAAc,KAAK,OAAO,KAAK;AAErC,UAAI,CAAC,OAAO;AACV,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,UACA,KAAK,IAAI,iBAAiB,KAAK,IAAI,KAAK,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,IAAI,GACzF;AACA,gBAAQ;AAAA,MACV,WACE,SACA,MAAM,KAAK,WACX,CAAC,UACD,KAAK,IAAI,iBAAiB,WAAW,KACnC,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,OAAO,MAAM,KAAK,QAAQ,KAAK,GAC9E;AACA,gBAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,2BAA2B;AACjC,SAAO,6BAA6B,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,yBAAyB,GAAG,CAAC;AACtF;",
+  "names": []
+}