@elliemae/ds-drag-and-drop 2.1.0 → 2.2.0-alpha.3

package/esm/hierarchy/useHierarchyAnnouncements.js

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

package/esm/hierarchy/useHierarchyAnnouncements.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/useHierarchyAnnouncements.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Announcements } from '@dnd-kit/core';\nimport { useCallback } from 'react';\nimport { Item } from './types';\n\nexport const useHierarchyAnnouncements = (visibleItemsDictionary: Record<string, Item>): Announcements => {\n  const onDragStart = useCallback(\n    (id: string) => `Picked up draggable item from position ${visibleItemsDictionary[id].index + 1}.`,\n    [visibleItemsDictionary],\n  );\n\n  const onDragMove = useCallback(\n    (id: string, overId: string) => {\n      if (overId) {\n        const overIndex = visibleItemsDictionary[overId].index + 1;\n        return `Draggable item was moved to position ${overIndex}.`;\n      }\n\n      return `Draggable item is no longer over a droppable area.`;\n    },\n    [visibleItemsDictionary],\n  );\n\n  const onDragOver = onDragMove;\n\n  const onDragEnd = useCallback(\n    (id: string, overId: string) => {\n      if (overId) {\n        const overIndex = visibleItemsDictionary[overId].index + 1;\n        return `Draggable item was dropped over position ${overIndex}.`;\n      }\n\n      return `Draggable item was dropped at it's original position.`;\n    },\n    [visibleItemsDictionary],\n  );\n\n  const onDragCancel = useCallback(\n    (id: string) =>\n      `Dragging was cancelled. Draggable item from position ${\n        visibleItemsDictionary[id].index + 1\n      } was dropped at it's initial position.`,\n    [visibleItemsDictionary],\n  );\n\n  return { onDragStart, onDragOver, onDragMove, onDragEnd, onDragCancel };\n};\n"],
+  "mappings": "AAAA;ACCA;AAGO,MAAM,4BAA4B,CAAC,2BAAgE;AACxG,QAAM,cAAc,YAClB,CAAC,OAAe,0CAA0C,uBAAuB,IAAI,QAAQ,MAC7F,CAAC;AAGH,QAAM,aAAa,YACjB,CAAC,IAAY,WAAmB;AAC9B,QAAI,QAAQ;AACV,YAAM,YAAY,uBAAuB,QAAQ,QAAQ;AACzD,aAAO,wCAAwC;AAAA;AAGjD,WAAO;AAAA,KAET,CAAC;AAGH,QAAM,aAAa;AAEnB,QAAM,YAAY,YAChB,CAAC,IAAY,WAAmB;AAC9B,QAAI,QAAQ;AACV,YAAM,YAAY,uBAAuB,QAAQ,QAAQ;AACzD,aAAO,4CAA4C;AAAA;AAGrD,WAAO;AAAA,KAET,CAAC;AAGH,QAAM,eAAe,YACnB,CAAC,OACC,wDACE,uBAAuB,IAAI,QAAQ,2CAEvC,CAAC;AAGH,SAAO,EAAE,aAAa,YAAY,YAAY,WAAW;AAAA;",
+  "names": []
+}

package/esm/hierarchy/useHierarchyDndkitConfig.js

@@ -1,68 +1,47 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useMemo, useRef, useEffect } from 'react';
-import { MeasuringStrategy, useSensors, useSensor, PointerSensor, KeyboardSensor } from '@dnd-kit/core';
-import { useHierarchyActionHandlers } from './useHierarchyActionHandlers.js';
-import { useHierarchyPreviewHandlers } from './useHierarchyPreviewHandlers.js';
-import { getHierarchyKeyboardCoordinates } from './getHierarchyKeyboardCoordinates.js';
-import { customCollisionDetection } from './customCollisionDetection.js';
-import { useHierarchyAnnouncements } from './useHierarchyAnnouncements.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-// if second parameter is true, the space will be done on the horizontal axis
-
-const adjustTranslate = isHorizontalDnD => _ref => {
-  let {
-    transform
-  } = _ref;
-
-  const newTransform = _objectSpread({}, transform);
-
+import * as React from "react";
+import { useState, useEffect, useMemo, useRef } from "react";
+import {
+  useSensor,
+  useSensors,
+  KeyboardSensor,
+  PointerSensor,
+  MeasuringStrategy
+} from "@dnd-kit/core";
+import { useHierarchyActionHandlers } from "./useHierarchyActionHandlers";
+import { useHierarchyPreviewHandlers } from "./useHierarchyPreviewHandlers";
+import { getHierarchyKeyboardCoordinates } from "./getHierarchyKeyboardCoordinates";
+import { customCollisionDetection } from "./customCollisionDetection";
+import { useHierarchyAnnouncements } from "./useHierarchyAnnouncements";
+const adjustTranslate = (isHorizontalDnD) => ({ transform }) => {
+  const newTransform = {
+    ...transform
+  };
   if (isHorizontalDnD) {
     newTransform.y = transform.y + 15;
   } else {
     newTransform.y = transform.y - 35;
   }
-
   return newTransform;
 };
-
 const measuring = {
   droppable: {
     strategy: MeasuringStrategy.Always
   }
 };
-
 const noop = () => null;
-
-const useHierarchyDndkitConfig = _ref2 => {
-  var _itemsDictionary$acti;
-
-  let {
-    flattenedItems,
-    dragOverlayDataTestid,
-    isHorizontalDnD = false,
-    onReorder,
-    onPreviewResetState = noop,
-    onPreviewDragStart = noop
-  } = _ref2;
-  const [activeId, setActiveId] = useState('');
-  const dndItems = useMemo(() => flattenedItems.map(_ref3 => {
-    let [item] = _ref3;
-    return item;
-  }), [flattenedItems]);
+const useHierarchyDndkitConfig = ({
+  flattenedItems,
+  dragOverlayDataTestid,
+  isHorizontalDnD = false,
+  onReorder,
+  onPreviewResetState = noop,
+  onPreviewDragStart = noop
+}) => {
+  const [activeId, setActiveId] = useState("");
+  const dndItems = useMemo(() => flattenedItems.map(([item]) => item), [flattenedItems]);
   const itemsDictionary = useMemo(() => {
     const dictionary = {};
-    dndItems.forEach(item => {
+    dndItems.forEach((item) => {
       dictionary[item.id] = item;
     });
     return dictionary;
@@ -85,27 +64,27 @@ const useHierarchyDndkitConfig = _ref2 => {
     onPreviewResetState,
     onPreviewDragStart
   });
-  const dragActionHandlers = useHierarchyActionHandlers(_objectSpread(_objectSpread({}, dragPreviewHandlers), {}, {
+  const dragActionHandlers = useHierarchyActionHandlers({
+    ...dragPreviewHandlers,
     dndItems,
     onReorder
-  }));
+  });
   const announcements = useHierarchyAnnouncements(itemsDictionary);
-  const dndContextProps = useMemo(() => {
-    var _itemsDictionary;
-
-    return _objectSpread({
-      announcements,
-      modifiers,
-      sensors,
-      measuring,
-      collisionDetection: customCollisionDetection(activeId, (_itemsDictionary = itemsDictionary[activeId !== null && activeId !== void 0 ? activeId : '']) === null || _itemsDictionary === void 0 ? void 0 : _itemsDictionary.parentId, dndItems)
-    }, dragActionHandlers);
-  }, [announcements, modifiers, sensors, activeId, itemsDictionary, dndItems, dragActionHandlers]);
+  const dndContextProps = useMemo(() => ({
+    announcements,
+    modifiers,
+    sensors,
+    measuring,
+    collisionDetection: customCollisionDetection(activeId, itemsDictionary[activeId ?? ""]?.parentId, dndItems),
+    ...dragActionHandlers
+  }), [announcements, modifiers, sensors, activeId, itemsDictionary, dndItems, dragActionHandlers]);
   return {
     dndContextProps,
     activeId,
-    activeIndex: activeId ? (_itemsDictionary$acti = itemsDictionary[activeId]) === null || _itemsDictionary$acti === void 0 ? void 0 : _itemsDictionary$acti.index : -1
+    activeIndex: activeId ? itemsDictionary[activeId]?.index : -1
   };
 };
-
-export { useHierarchyDndkitConfig };
+export {
+  useHierarchyDndkitConfig
+};
+//# sourceMappingURL=useHierarchyDndkitConfig.js.map

package/esm/hierarchy/useHierarchyDndkitConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/useHierarchyDndkitConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { useState, useEffect, useMemo, useRef } from 'react';\nimport {\n  useSensor,\n  useSensors,\n  KeyboardSensor,\n  PointerSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  Modifier,\n} from '@dnd-kit/core';\nimport { useHierarchyActionHandlers } from './useHierarchyActionHandlers';\nimport { useHierarchyPreviewHandlers } from './useHierarchyPreviewHandlers';\nimport type { UseHierarchyDndkitConfigType, SensorContext, Item } from './types';\nimport { getHierarchyKeyboardCoordinates } from './getHierarchyKeyboardCoordinates';\nimport { customCollisionDetection } from './customCollisionDetection';\nimport { useHierarchyAnnouncements } from './useHierarchyAnnouncements';\n\n// we make space for the drop indicator\n// if second parameter is true, the space will be done on the horizontal axis\nconst adjustTranslate =\n  (isHorizontalDnD: boolean): Modifier =>\n  ({ transform }) => {\n    const newTransform = {\n      ...transform,\n    };\n    if (isHorizontalDnD) {\n      newTransform.y = transform.y + 15;\n    } else {\n      newTransform.y = transform.y - 35;\n    }\n    return newTransform;\n  };\n\nconst measuring: Partial<MeasuringConfiguration> = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nconst noop = () => null;\n\nexport const useHierarchyDndkitConfig: UseHierarchyDndkitConfigType = ({\n  flattenedItems,\n  dragOverlayDataTestid,\n  isHorizontalDnD = false,\n  onReorder,\n  onPreviewResetState = noop,\n  onPreviewDragStart = noop,\n}) => {\n  const [activeId, setActiveId] = useState('');\n\n  const dndItems = useMemo(() => flattenedItems.map(([item]) => item), [flattenedItems]);\n\n  const itemsDictionary = useMemo(() => {\n    const dictionary: Record<string, Item> = {};\n    dndItems.forEach((item) => {\n      dictionary[item.id] = item;\n    });\n    return dictionary;\n  }, [dndItems]);\n\n  const modifiers: Modifier[] = useMemo(() => [adjustTranslate(isHorizontalDnD)], [isHorizontalDnD]);\n\n  const sensorContext: SensorContext = useRef({\n    items: dndItems,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: dndItems,\n    };\n  }, [dndItems]);\n\n  const coordinateGetter = useMemo(\n    () => getHierarchyKeyboardCoordinates(sensorContext, dragOverlayDataTestid, isHorizontalDnD),\n    [isHorizontalDnD],\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter,\n    }),\n  );\n\n  const dragPreviewHandlers = useHierarchyPreviewHandlers({\n    setActiveId,\n    onPreviewResetState,\n    onPreviewDragStart,\n  });\n\n  const dragActionHandlers = useHierarchyActionHandlers({\n    ...dragPreviewHandlers,\n    dndItems,\n    onReorder,\n  });\n\n  const announcements = useHierarchyAnnouncements(itemsDictionary);\n\n  const dndContextProps = useMemo(\n    () => ({\n      announcements,\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection: customCollisionDetection(activeId, itemsDictionary[activeId ?? '']?.parentId, dndItems),\n      ...dragActionHandlers,\n    }),\n    [announcements, modifiers, sensors, activeId, itemsDictionary, dndItems, dragActionHandlers],\n  );\n\n  return {\n    dndContextProps,\n    activeId,\n    activeIndex: activeId ? itemsDictionary[activeId]?.index : -1,\n  };\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AAEA;AACA;AACA;AAIA,MAAM,kBACJ,CAAC,oBACD,CAAC,EAAE,gBAAgB;AACjB,QAAM,eAAe;AAAA,OAChB;AAAA;AAEL,MAAI,iBAAiB;AACnB,iBAAa,IAAI,UAAU,IAAI;AAAA,SAC1B;AACL,iBAAa,IAAI,UAAU,IAAI;AAAA;AAEjC,SAAO;AAAA;AAGX,MAAM,YAA6C;AAAA,EACjD,WAAW;AAAA,IACT,UAAU,kBAAkB;AAAA;AAAA;AAIhC,MAAM,OAAO,MAAM;AAEZ,MAAM,2BAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,MACjB;AACJ,QAAM,CAAC,UAAU,eAAe,SAAS;AAEzC,QAAM,WAAW,QAAQ,MAAM,eAAe,IAAI,CAAC,CAAC,UAAU,OAAO,CAAC;AAEtE,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,aAAmC;AACzC,aAAS,QAAQ,CAAC,SAAS;AACzB,iBAAW,KAAK,MAAM;AAAA;AAExB,WAAO;AAAA,KACN,CAAC;AAEJ,QAAM,YAAwB,QAAQ,MAAM,CAAC,gBAAgB,mBAAmB,CAAC;AAEjF,QAAM,gBAA+B,OAAO;AAAA,IAC1C,OAAO;AAAA;AAGT,YAAU,MAAM;AACd,kBAAc,UAAU;AAAA,MACtB,OAAO;AAAA;AAAA,KAER,CAAC;AAEJ,QAAM,mBAAmB,QACvB,MAAM,gCAAgC,eAAe,uBAAuB,kBAC5E,CAAC;AAGH,QAAM,UAAU,WACd,UAAU,gBACV,UAAU,gBAAgB;AAAA,IACxB;AAAA;AAIJ,QAAM,sBAAsB,4BAA4B;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,qBAAqB,2BAA2B;AAAA,OACjD;AAAA,IACH;AAAA,IACA;AAAA;AAGF,QAAM,gBAAgB,0BAA0B;AAEhD,QAAM,kBAAkB,QACtB,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,yBAAyB,UAAU,gBAAgB,YAAY,KAAK,UAAU;AAAA,OAC/F;AAAA,MAEL,CAAC,eAAe,WAAW,SAAS,UAAU,iBAAiB,UAAU;AAG3E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa,WAAW,gBAAgB,WAAW,QAAQ;AAAA;AAAA;",
+  "names": []
+}

package/esm/hierarchy/useHierarchyPreviewHandlers.js

@@ -1,24 +1,18 @@
-import { useCallback } from 'react';
-
-const useHierarchyPreviewHandlers = _ref => {
-  let {
-    setActiveId,
-    onPreviewResetState,
-    onPreviewDragStart
-  } = _ref;
+import * as React from "react";
+import { useCallback } from "react";
+const useHierarchyPreviewHandlers = ({
+  setActiveId,
+  onPreviewResetState,
+  onPreviewDragStart
+}) => {
   const resetState = useCallback(() => {
-    setActiveId('');
+    setActiveId("");
     onPreviewResetState();
-    document.body.style.setProperty('cursor', '');
+    document.body.style.setProperty("cursor", "");
   }, [setActiveId, onPreviewResetState]);
-  const handlePreviewDragStart = useCallback(_ref2 => {
-    let {
-      active: {
-        id
-      }
-    } = _ref2;
+  const handlePreviewDragStart = useCallback(({ active: { id } }) => {
     setActiveId(id);
-    document.body.style.setProperty('cursor', 'grabbing');
+    document.body.style.setProperty("cursor", "grabbing");
     onPreviewDragStart();
   }, [setActiveId, onPreviewDragStart]);
   const handlePreviewDragMove = useCallback(() => null, []);
@@ -35,5 +29,7 @@ const useHierarchyPreviewHandlers = _ref => {
     handlePreviewDragCancel
   };
 };
-
-export { useHierarchyPreviewHandlers };
+export {
+  useHierarchyPreviewHandlers
+};
+//# sourceMappingURL=useHierarchyPreviewHandlers.js.map

package/esm/hierarchy/useHierarchyPreviewHandlers.js.map

@@ -0,0 +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"],
+  "mappings": "AAAA;ACAA;AAIO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,MACwE;AACxE,QAAM,aAAa,YAAY,MAAM;AACnC,gBAAY;AACZ;AAEA,aAAS,KAAK,MAAM,YAAY,UAAU;AAAA,KACzC,CAAC,aAAa;AAEjB,QAAM,yBAAyB,YAC7B,CAAC,EAAE,QAAQ,EAAE,WAA2B;AACtC,gBAAY;AACZ,aAAS,KAAK,MAAM,YAAY,UAAU;AAC1C;AAAA,KAEF,CAAC,aAAa;AAGhB,QAAM,wBAAwB,YAAY,MAAM,MAAM;AAEtD,QAAM,uBAAuB,YAAY,MAAM;AAC7C;AAAA,KACC,CAAC;AAEJ,QAAM,0BAA0B,YAAY,MAAM;AAChD;AAAA,KACC,CAAC;AAEJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/esm/index.js

@@ -1,2 +1,4 @@
-export { useHierarchyDndkitConfig } from './hierarchy/useHierarchyDndkitConfig.js';
-export { useTreeDndkitConfig } from './tree/useTreeDndkitConfig.js';
+import * as React from "react";
+export * from "./hierarchy";
+export * from "./tree";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './hierarchy';\nexport * from './tree';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/tree/constants.js

@@ -1,10 +1,12 @@
-let DropIndicatorPosition;
-
-(function (DropIndicatorPosition) {
-  DropIndicatorPosition[DropIndicatorPosition["None"] = 0] = "None";
-  DropIndicatorPosition[DropIndicatorPosition["Before"] = 1] = "Before";
-  DropIndicatorPosition[DropIndicatorPosition["After"] = 2] = "After";
-  DropIndicatorPosition[DropIndicatorPosition["Inside"] = 3] = "Inside";
-})(DropIndicatorPosition || (DropIndicatorPosition = {}));
-
-export { DropIndicatorPosition };
+import * as React from "react";
+var DropIndicatorPosition = /* @__PURE__ */ ((DropIndicatorPosition2) => {
+  DropIndicatorPosition2[DropIndicatorPosition2["None"] = 0] = "None";
+  DropIndicatorPosition2[DropIndicatorPosition2["Before"] = 1] = "Before";
+  DropIndicatorPosition2[DropIndicatorPosition2["After"] = 2] = "After";
+  DropIndicatorPosition2[DropIndicatorPosition2["Inside"] = 3] = "Inside";
+  return DropIndicatorPosition2;
+})(DropIndicatorPosition || {});
+export {
+  DropIndicatorPosition
+};
+//# sourceMappingURL=constants.js.map

package/esm/tree/constants.js.map

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

package/esm/tree/customCollisionDetection.js

@@ -1,133 +1,77 @@
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { DropIndicatorPosition } from './constants.js';
-
-const DUMMY_ID = 'DUMMY_ID_INTERNAL_USE_ONLY';
+import * as React from "react";
+import { DropIndicatorPosition } from "./constants";
+const DUMMY_ID = "DUMMY_ID_INTERNAL_USE_ONLY";
 const RECT_UP = {
   offsetTop: -Infinity,
   offsetLeft: 0,
-  // Doesn't matter,
   width: 0,
-  // Doesn't matter
-  height: 0 // Doesn't matter
-
+  height: 0
 };
 const RECT_DOWN = {
   offsetTop: Infinity,
   offsetLeft: 0,
-  // Doesn't matter,
   width: 0,
-  // Doesn't matter
-  height: 0 // Doesn't matter
-
-}; // Percentage of height to take into consideration when looking for colliding rects
-
-const thresholdRatio = 0.2; // Percentage to be inside
-
+  height: 0
+};
+const thresholdRatio = 0.2;
 const insideThreshold = 0.7;
-const customCollisionDetection = (activeId, visibleItemsDictionary, setDropIndicatorPosition, maxDragAndDropLevel, lastPosition, setLastPosition) => _ref => {
-  var _originalContainer$re;
-
-  let {
-    droppableContainers,
-    collisionRect
-  } = _ref;
-  const originalContainer = droppableContainers.find(_ref2 => {
-    let {
-      id
-    } = _ref2;
-    return id === activeId;
-  });
-  const originalRect = originalContainer === null || originalContainer === void 0 ? void 0 : (_originalContainer$re = originalContainer.rect) === null || _originalContainer$re === void 0 ? void 0 : _originalContainer$re.current; // We first check if the item was moved up or down
-  // This modifies how to search the matching colliding rect
-
-  let isUp = lastPosition === 'up';
-
+const customCollisionDetection = (activeId, visibleItemsDictionary, setDropIndicatorPosition, maxDragAndDropLevel, lastPosition, setLastPosition) => ({ droppableContainers, collisionRect }) => {
+  const originalContainer = droppableContainers.find(({ id }) => id === activeId);
+  const originalRect = originalContainer?.rect?.current;
+  let isUp = lastPosition === "up";
   if (originalRect) {
     isUp = originalRect.offsetTop > collisionRect.top;
-  } // Threshold
-
-
+  }
   const threshold = collisionRect.height * thresholdRatio;
   let collidingContainer = null;
-
   if (isUp) {
-    // Up -- We need to find the first rectangle downwards
     collidingContainer = droppableContainers.reduce((firstRectDown, container) => {
       const rect = container.rect.current;
-
       if (rect && firstRectDown.rect.current) {
-        const {
-          offsetTop: rectOffsetTop
-        } = rect;
-        const {
-          offsetTop: firstRectDownOffsetTop
-        } = firstRectDown.rect.current;
-
+        const { offsetTop: rectOffsetTop } = rect;
+        const { offsetTop: firstRectDownOffsetTop } = firstRectDown.rect.current;
         if (rectOffsetTop + threshold > collisionRect.top && rectOffsetTop < firstRectDownOffsetTop) {
           return container;
         }
       }
-
       return firstRectDown;
-    }, {
-      id: DUMMY_ID,
-      rect: {
-        current: RECT_DOWN
-      }
-    });
+    }, { id: DUMMY_ID, rect: { current: RECT_DOWN } });
   } else {
-    // Down -- We need to find the first rectangle upwards
     collidingContainer = droppableContainers.reduce((firstRectUp, container) => {
       const rect = container.rect.current;
-
       if (rect && firstRectUp.rect.current) {
-        const {
-          offsetTop: rectOffsetTop
-        } = rect;
-        const {
-          offsetTop: firstRectUpOffsetTop
-        } = firstRectUp.rect.current;
-
+        const { offsetTop: rectOffsetTop } = rect;
+        const { offsetTop: firstRectUpOffsetTop } = firstRectUp.rect.current;
         if (rectOffsetTop - threshold < collisionRect.top && rectOffsetTop > firstRectUpOffsetTop) {
           return container;
         }
       }
-
       return firstRectUp;
-    }, {
-      id: DUMMY_ID,
-      rect: {
-        current: RECT_UP
-      }
-    });
-  } // If we didn't find a match, return null
-
-
+    }, { id: DUMMY_ID, rect: { current: RECT_UP } });
+  }
   if (collidingContainer.id === DUMMY_ID) {
     return null;
   }
-
   const collidingRect = collidingContainer.rect.current;
-  if (!collidingRect) return null; // Calculate the intersection interval
-
-  const [top, bottom] = [Math.max(collisionRect.top, collidingRect.offsetTop), Math.min(collisionRect.bottom, collidingRect.offsetTop + collidingRect.height)]; // Calculate the percentage of intersection
-
+  if (!collidingRect)
+    return null;
+  const [top, bottom] = [
+    Math.max(collisionRect.top, collidingRect.offsetTop),
+    Math.min(collisionRect.bottom, collidingRect.offsetTop + collidingRect.height)
+  ];
   const intersectionPercentage = Math.abs(bottom - top) / collidingRect.height;
-
   if (intersectionPercentage > insideThreshold && visibleItemsDictionary[collidingContainer.id].depth + 1 <= maxDragAndDropLevel && collidingContainer.id !== activeId) {
     setDropIndicatorPosition(DropIndicatorPosition.Inside);
   } else {
     setDropIndicatorPosition(isUp ? DropIndicatorPosition.Before : DropIndicatorPosition.After);
   }
-
-  if (isUp && lastPosition !== 'up') setLastPosition('up');else if (!isUp && lastPosition !== 'down') setLastPosition('down'); // Return the id of the match rectangle
-
+  if (isUp && lastPosition !== "up")
+    setLastPosition("up");
+  else if (!isUp && lastPosition !== "down")
+    setLastPosition("down");
   return collidingContainer.id;
 };
-
-export { customCollisionDetection };
+export {
+  customCollisionDetection
+};
+//# sourceMappingURL=customCollisionDetection.js.map

package/esm/tree/customCollisionDetection.js.map

@@ -0,0 +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 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  (\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  ({ 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.bottom, 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"],
+  "mappings": "AAAA;ACIA;AAGA,MAAM,WAAW;AACjB,MAAM,UAAsB;AAAA,EAC1B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA;AAEV,MAAM,YAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA;AAIV,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAEjB,MAAM,2BACX,CACE,UACA,wBACA,0BACA,qBACA,cACA,oBAEF,CAAC,EAAE,qBAAqB,oBAAoB;AAC1C,QAAM,oBAAoB,oBAAoB,KAAK,CAAC,EAAE,SAAS,OAAO;AACtE,QAAM,eAAe,mBAAmB,MAAM;AAI9C,MAAI,OAAO,iBAAiB;AAC5B,MAAI,cAAc;AAChB,WAAO,aAAa,YAAY,cAAc;AAAA;AAIhD,QAAM,YAAY,cAAc,SAAS;AAEzC,MAAI,qBAAgD;AAEpD,MAAI,MAAM;AAER,yBAAqB,oBAAoB,OACvC,CAAC,eAAe,cAAc;AAC5B,YAAM,OAAO,UAAU,KAAK;AAC5B,UAAI,QAAQ,cAAc,KAAK,SAAS;AACtC,cAAM,EAAE,WAAW,kBAAkB;AACrC,cAAM,EAAE,WAAW,2BAA2B,cAAc,KAAK;AACjE,YAAI,gBAAgB,YAAY,cAAc,OAAO,gBAAgB,wBAAwB;AAC3F,iBAAO;AAAA;AAAA;AAGX,aAAO;AAAA,OAET,EAAE,IAAI,UAAU,MAAM,EAAE,SAAS;AAAA,SAE9B;AAEL,yBAAqB,oBAAoB,OACvC,CAAC,aAAa,cAAc;AAC1B,YAAM,OAAO,UAAU,KAAK;AAC5B,UAAI,QAAQ,YAAY,KAAK,SAAS;AACpC,cAAM,EAAE,WAAW,kBAAkB;AACrC,cAAM,EAAE,WAAW,yBAAyB,YAAY,KAAK;AAC7D,YAAI,gBAAgB,YAAY,cAAc,OAAO,gBAAgB,sBAAsB;AACzF,iBAAO;AAAA;AAAA;AAGX,aAAO;AAAA,OAET,EAAE,IAAI,UAAU,MAAM,EAAE,SAAS;AAAA;AAKrC,MAAI,mBAAmB,OAAO,UAAU;AACtC,WAAO;AAAA;AAGT,QAAM,gBAAgB,mBAAmB,KAAK;AAE9C,MAAI,CAAC;AAAe,WAAO;AAG3B,QAAM,CAAC,KAAK,UAAU;AAAA,IACpB,KAAK,IAAI,cAAc,KAAK,cAAc;AAAA,IAC1C,KAAK,IAAI,cAAc,QAAQ,cAAc,YAAY,cAAc;AAAA;AAIzE,QAAM,yBAAyB,KAAK,IAAI,SAAS,OAAO,cAAc;AAEtE,MACE,yBAAyB,mBACzB,uBAAuB,mBAAmB,IAAI,QAAQ,KAAK,uBAC3D,mBAAmB,OAAO,UAC1B;AACA,6BAAyB,sBAAsB;AAAA,SAC1C;AACL,6BAAyB,OAAO,sBAAsB,SAAS,sBAAsB;AAAA;AAGvF,MAAI,QAAQ,iBAAiB;AAAM,oBAAgB;AAAA,WAC1C,CAAC,QAAQ,iBAAiB;AAAQ,oBAAgB;AAG3D,SAAO,mBAAmB;AAAA;",
+  "names": []
+}