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

package/cjs/tree/useTreePreviewHandlers.js

@@ -1,45 +1,61 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var constants = require('./constants.js');
-
-const useTreePreviewHandlers = _ref => {
-  let {
-    setOverId,
-    setActiveId,
-    setDropIndicatorPosition
-  } = _ref;
-  const resetState = react.useCallback(() => {
-    setOverId('');
-    setActiveId('');
-    document.body.style.setProperty('cursor', '');
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useTreePreviewHandlers_exports = {};
+__export(useTreePreviewHandlers_exports, {
+  useTreePreviewHandlers: () => useTreePreviewHandlers
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_constants = __toESM(require("./constants"));
+const useTreePreviewHandlers = ({
+  setOverId,
+  setActiveId,
+  setDropIndicatorPosition
+}) => {
+  const resetState = (0, import_react.useCallback)(() => {
+    setOverId("");
+    setActiveId("");
+    document.body.style.setProperty("cursor", "");
   }, [setOverId, setActiveId]);
-  const handlePreviewDragStart = react.useCallback(_ref2 => {
-    let {
-      active: {
-        id
-      }
-    } = _ref2;
+  const handlePreviewDragStart = (0, import_react.useCallback)(({ active: { id } }) => {
     setActiveId(id);
     setOverId(id);
-    setDropIndicatorPosition(constants.DropIndicatorPosition.Inside);
-    document.body.style.setProperty('cursor', 'grabbing');
+    setDropIndicatorPosition(import_constants.DropIndicatorPosition.Inside);
+    document.body.style.setProperty("cursor", "grabbing");
   }, [setActiveId, setDropIndicatorPosition, setOverId]);
-  const handlePreviewDragMove = react.useCallback(() => null, []);
-  const handlePreviewDragOver = react.useCallback(_ref3 => {
-    var _over$id;
-
-    let {
-      over
-    } = _ref3;
-    setOverId((_over$id = over === null || over === void 0 ? void 0 : over.id) !== null && _over$id !== void 0 ? _over$id : '');
+  const handlePreviewDragMove = (0, import_react.useCallback)(() => null, []);
+  const handlePreviewDragOver = (0, import_react.useCallback)(({ over }) => {
+    setOverId(over?.id ?? "");
   }, [setOverId]);
-  const handlePreviewDragEnd = react.useCallback(() => {
+  const handlePreviewDragEnd = (0, import_react.useCallback)(() => {
     resetState();
   }, [resetState]);
-  const handlePreviewDragCancel = react.useCallback(() => {
+  const handlePreviewDragCancel = (0, import_react.useCallback)(() => {
     resetState();
   }, [resetState]);
   return {
@@ -50,5 +66,5 @@ const useTreePreviewHandlers = _ref => {
     handlePreviewDragCancel
   };
 };
-
-exports.useTreePreviewHandlers = useTreePreviewHandlers;
+module.exports = __toCommonJS(useTreePreviewHandlers_exports);
+//# sourceMappingURL=useTreePreviewHandlers.js.map

package/cjs/tree/useTreePreviewHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tree/useTreePreviewHandlers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback } from 'react';\nimport { DragStartEvent, DragOverEvent } from '@dnd-kit/core';\nimport type { useTreePreviewHandlersReturn, useTreePreviewHandlersArgs } from './types';\nimport { DropIndicatorPosition } from './constants';\n\nexport const useTreePreviewHandlers = ({\n  setOverId,\n  setActiveId,\n  setDropIndicatorPosition,\n}: useTreePreviewHandlersArgs): useTreePreviewHandlersReturn => {\n  const resetState = useCallback(() => {\n    setOverId('');\n    setActiveId('');\n\n    document.body.style.setProperty('cursor', '');\n  }, [setOverId, setActiveId]);\n\n  const handlePreviewDragStart = useCallback(\n    ({ active: { id } }: DragStartEvent) => {\n      setActiveId(id);\n      setOverId(id);\n      setDropIndicatorPosition(DropIndicatorPosition.Inside);\n\n      document.body.style.setProperty('cursor', 'grabbing');\n    },\n    [setActiveId, setDropIndicatorPosition, setOverId],\n  );\n\n  const handlePreviewDragMove = useCallback(() => null, []);\n\n  const handlePreviewDragOver = useCallback(\n    ({ over }: DragOverEvent) => {\n      setOverId(over?.id ?? '');\n    },\n    [setOverId],\n  );\n\n  const handlePreviewDragEnd = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  const handlePreviewDragCancel = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  return {\n    handlePreviewDragStart,\n    handlePreviewDragMove,\n    handlePreviewDragOver,\n    handlePreviewDragEnd,\n    handlePreviewDragCancel,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAG5B,uBAAsC;AAE/B,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,MAC8D;AAC9D,QAAM,aAAa,8BAAY,MAAM;AACnC,cAAU;AACV,gBAAY;AAEZ,aAAS,KAAK,MAAM,YAAY,UAAU;AAAA,KACzC,CAAC,WAAW;AAEf,QAAM,yBAAyB,8BAC7B,CAAC,EAAE,QAAQ,EAAE,WAA2B;AACtC,gBAAY;AACZ,cAAU;AACV,6BAAyB,uCAAsB;AAE/C,aAAS,KAAK,MAAM,YAAY,UAAU;AAAA,KAE5C,CAAC,aAAa,0BAA0B;AAG1C,QAAM,wBAAwB,8BAAY,MAAM,MAAM;AAEtD,QAAM,wBAAwB,8BAC5B,CAAC,EAAE,WAA0B;AAC3B,cAAU,MAAM,MAAM;AAAA,KAExB,CAAC;AAGH,QAAM,uBAAuB,8BAAY,MAAM;AAC7C;AAAA,KACC,CAAC;AAEJ,QAAM,0BAA0B,8BAAY,MAAM;AAChD;AAAA,KACC,CAAC;AAEJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/tree/utilities.js

@@ -1,52 +1,66 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var constants = require('./constants.js');
-
-const getMinDepth = item => {
-  if (item) return item.depth;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var utilities_exports = {};
+__export(utilities_exports, {
+  getProjection: () => getProjection,
+  removeChildrenOf: () => removeChildrenOf
+});
+var React = __toESM(require("react"));
+var import_constants = __toESM(require("./constants"));
+const getMinDepth = (item) => {
+  if (item)
+    return item.depth;
   return 0;
 };
-
 const getProjection = (items, visibleItemsDictionary, overId, dropIndicatorPosition, isExpandable) => {
   const overItemIndex = visibleItemsDictionary[overId].realIndex;
   const previousItem = items[overItemIndex];
   const nextItem = items[overItemIndex + 1];
-
-  if (dropIndicatorPosition === constants.DropIndicatorPosition.Inside && isExpandable) {
+  if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Inside && isExpandable) {
     return {
       depth: visibleItemsDictionary[overId].depth + 1,
       parentId: overId
     };
   }
-
-  if (dropIndicatorPosition === constants.DropIndicatorPosition.Before) {
-    return {
-      depth: getMinDepth(previousItem),
-      parentId: previousItem.parentId
-    };
+  if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Before) {
+    return { depth: getMinDepth(previousItem), parentId: previousItem.parentId };
   }
-
-  return {
-    depth: getMinDepth(nextItem),
-    parentId: nextItem === null || nextItem === void 0 ? void 0 : nextItem.parentId
-  };
+  return { depth: getMinDepth(nextItem), parentId: nextItem?.parentId };
 };
 const removeChildrenOf = (items, id) => {
   const excludeParentIds = [id];
-  return items.filter(item => {
+  return items.filter((item) => {
     if (item.parentId !== null && excludeParentIds.includes(item.parentId)) {
       excludeParentIds.push(item.uid);
       return false;
     }
-
     return true;
   });
 };
-
-exports.getProjection = getProjection;
-exports.removeChildrenOf = removeChildrenOf;
+module.exports = __toCommonJS(utilities_exports);
+//# sourceMappingURL=utilities.js.map

package/cjs/tree/utilities.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tree/utilities.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport { DropIndicatorPosition } from './constants';\n\nimport { Item } from './types';\n\nconst getMinDepth = (item: Item) => {\n  if (item) return item.depth;\n  return 0;\n};\n\nexport const getProjection = (\n  items: Item[],\n  visibleItemsDictionary: Record<string, Item>,\n  overId: string,\n  dropIndicatorPosition: DropIndicatorPosition,\n  isExpandable: boolean,\n): { depth: number; parentId: string } => {\n  const overItemIndex = visibleItemsDictionary[overId].realIndex;\n\n  const previousItem = items[overItemIndex];\n  const nextItem = items[overItemIndex + 1];\n\n  if (dropIndicatorPosition === DropIndicatorPosition.Inside && isExpandable) {\n    return {\n      depth: visibleItemsDictionary[overId].depth + 1,\n      parentId: overId,\n    };\n  }\n  if (dropIndicatorPosition === DropIndicatorPosition.Before) {\n    return { depth: getMinDepth(previousItem), parentId: previousItem.parentId };\n  }\n  return { depth: getMinDepth(nextItem), parentId: nextItem?.parentId };\n};\n\nexport const removeChildrenOf = (items: Item[], id: string): Item[] => {\n  const excludeParentIds = [id];\n\n  return items.filter((item) => {\n    if (item.parentId !== null && excludeParentIds.includes(item.parentId)) {\n      excludeParentIds.push(item.uid);\n      return false;\n    }\n    return true;\n  });\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAsC;AAItC,MAAM,cAAc,CAAC,SAAe;AAClC,MAAI;AAAM,WAAO,KAAK;AACtB,SAAO;AAAA;AAGF,MAAM,gBAAgB,CAC3B,OACA,wBACA,QACA,uBACA,iBACwC;AACxC,QAAM,gBAAgB,uBAAuB,QAAQ;AAErD,QAAM,eAAe,MAAM;AAC3B,QAAM,WAAW,MAAM,gBAAgB;AAEvC,MAAI,0BAA0B,uCAAsB,UAAU,cAAc;AAC1E,WAAO;AAAA,MACL,OAAO,uBAAuB,QAAQ,QAAQ;AAAA,MAC9C,UAAU;AAAA;AAAA;AAGd,MAAI,0BAA0B,uCAAsB,QAAQ;AAC1D,WAAO,EAAE,OAAO,YAAY,eAAe,UAAU,aAAa;AAAA;AAEpE,SAAO,EAAE,OAAO,YAAY,WAAW,UAAU,UAAU;AAAA;AAGtD,MAAM,mBAAmB,CAAC,OAAe,OAAuB;AACrE,QAAM,mBAAmB,CAAC;AAE1B,SAAO,MAAM,OAAO,CAAC,SAAS;AAC5B,QAAI,KAAK,aAAa,QAAQ,iBAAiB,SAAS,KAAK,WAAW;AACtE,uBAAiB,KAAK,KAAK;AAC3B,aAAO;AAAA;AAET,WAAO;AAAA;AAAA;",
+  "names": []
+}

package/esm/hierarchy/customCollisionDetection.js

@@ -1,54 +1,22 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-
-const customCollisionDetection = (activeId, activeParent, dndItems) => _ref => {
-  var _originalContainer$re;
-
-  let {
-    droppableContainers,
-    collisionRect
-  } = _ref;
-  const entriesWithSameParent = droppableContainers.filter(_ref2 => {
-    var _dndItems$find;
-
-    let {
-      id
-    } = _ref2;
-    return ((_dndItems$find = dndItems.find(item => item.id === id)) === null || _dndItems$find === void 0 ? void 0 : _dndItems$find.parentId) === activeParent;
-  });
-  const originalContainer = entriesWithSameParent.find(_ref3 => {
-    let {
-      id
-    } = _ref3;
-    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;
-  if (!originalRect) return null;
-
+import * as React from "react";
+const customCollisionDetection = (activeId, activeParent, dndItems) => ({ droppableContainers, collisionRect }) => {
+  const entriesWithSameParent = droppableContainers.filter(({ id }) => dndItems.find((item) => item.id === id)?.parentId === activeParent);
+  const originalContainer = entriesWithSameParent.find(({ id }) => id === activeId);
+  const originalRect = originalContainer?.rect?.current;
+  if (!originalRect)
+    return null;
   if (originalRect.offsetLeft <= collisionRect.offsetLeft && collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width) {
     return originalContainer.id;
   }
-
   const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + collisionRect.width / 2 + 5;
-  let match = null; // If going to the left, search the closest offset left
-  // Otherwise, get the closest offset right
-
+  let match = null;
   const collisionPoint = collisionRect.offsetLeft + collisionRect.width / 2;
-  entriesWithSameParent.forEach(entry => {
+  entriesWithSameParent.forEach((entry) => {
     const {
-      rect: {
-        current: rect
-      }
+      rect: { current: rect }
     } = entry;
-
     if (rect !== null) {
       const offsetRight = rect.offsetLeft + rect.width;
-
       if (!match) {
         match = entry;
       } else if (match && match.rect.current && isLeft && Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)) {
@@ -57,10 +25,11 @@ const customCollisionDetection = (activeId, activeParent, dndItems) => _ref => {
         match = entry;
       }
     }
-  }); // Typescript believes match is always null for some reason
-
+  });
   const matchCastedForSomeReason = match;
   return matchCastedForSomeReason === null ? null : matchCastedForSomeReason.id;
 };
-
-export { customCollisionDetection };
+export {
+  customCollisionDetection
+};
+//# sourceMappingURL=customCollisionDetection.js.map

package/esm/hierarchy/customCollisionDetection.js.map

@@ -0,0 +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,KAAK,aAAa;AAGpE,QAAM,oBAAoB,sBAAsB,KAAK,CAAC,EAAE,SAAS,OAAO;AACxE,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;AAG3B,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,iBAER,SACA,MAAM,KAAK,WACX,UACA,KAAK,IAAI,iBAAiB,KAAK,eAAe,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,aAC3F;AACA,gBAAQ;AAAA,iBAER,SACA,MAAM,KAAK,WACX,CAAC,UACD,KAAK,IAAI,iBAAiB,gBACxB,KAAK,IAAI,iBAAiB,MAAM,KAAK,QAAQ,aAAa,MAAM,KAAK,QAAQ,QAC/E;AACA,gBAAQ;AAAA;AAAA;AAAA;AAKd,QAAM,2BAA2B;AACjC,SAAO,6BAA6B,OAAO,OAAO,yBAAyB;AAAA;",
+  "names": []
+}

package/esm/hierarchy/getHierarchyKeyboardCoordinates.js

@@ -1,97 +1,61 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-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.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { KeyboardCode, getViewRect, closestCorners } from '@dnd-kit/core';
-
-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; }
+import * as React from "react";
+import { closestCorners, getViewRect, KeyboardCode } from "@dnd-kit/core";
 const directions = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
 const vertical = [KeyboardCode.Up, KeyboardCode.Down];
-
-const getHorizontalKeyboardCoordinates = _ref => {
-  var _droppableContainers$, _droppableContainers$2, _droppableContainers$3, _droppableContainers$4;
-
-  let {
-    items,
-    active,
-    over,
-    event,
-    currentCoordinates,
-    droppableContainers,
-    collisionRect
-  } = _ref;
-  if (vertical.includes(event.code) || !active || !over) return undefined;
-  const activeItem = items.find(item => item.id === active.id);
+const getHorizontalKeyboardCoordinates = ({
+  items,
+  active,
+  over,
+  event,
+  currentCoordinates,
+  droppableContainers,
+  collisionRect
+}) => {
+  if (vertical.includes(event.code) || !active || !over)
+    return void 0;
+  const activeItem = items.find((item) => item.id === active.id);
   const overRect = over.rect;
-  const layoutRects = []; // Get the reacheable rects depending on the arrow key pressed
-
-  droppableContainers.forEach(container => {
-    var _items$find;
-
-    if (container !== null && container !== void 0 && container.disabled || !overRect) {
+  const layoutRects = [];
+  droppableContainers.forEach((container) => {
+    if (container?.disabled || !overRect) {
       return;
     }
-
-    const node = container === null || container === void 0 ? void 0 : container.node.current;
-
+    const node = container?.node.current;
     if (!node) {
       return;
     }
-
-    const itemParent = (_items$find = items.find(item => item.id === container.id)) === null || _items$find === void 0 ? void 0 : _items$find.parentId;
-    if (itemParent !== (activeItem === null || activeItem === void 0 ? void 0 : activeItem.parentId)) return;
+    const itemParent = items.find((item) => item.id === container.id)?.parentId;
+    if (itemParent !== activeItem?.parentId)
+      return;
     const rect = getViewRect(node);
-
     if (event.code === KeyboardCode.Left && collisionRect.left > rect.right - 10) {
       layoutRects.push(container);
     } else if (event.code === KeyboardCode.Right && collisionRect.left < rect.left) {
       layoutRects.push(container);
     }
   });
-  const closestId = closestCorners({
-    droppableContainers: layoutRects,
-    collisionRect,
-    active
-  });
-  if (!closestId) return undefined;
-  const closestDroppableContainer = (_droppableContainers$ = droppableContainers.get(closestId)) === null || _droppableContainers$ === void 0 ? void 0 : (_droppableContainers$2 = _droppableContainers$.node) === null || _droppableContainers$2 === void 0 ? void 0 : _droppableContainers$2.current;
-  const activeDroppableContainer = (_droppableContainers$3 = droppableContainers.get(active === null || active === void 0 ? void 0 : active.id)) === null || _droppableContainers$3 === void 0 ? void 0 : (_droppableContainers$4 = _droppableContainers$3.node) === null || _droppableContainers$4 === void 0 ? void 0 : _droppableContainers$4.current;
-  if (!closestDroppableContainer || !activeDroppableContainer) return undefined;
+  const closestId = closestCorners({ droppableContainers: layoutRects, collisionRect, active });
+  if (!closestId)
+    return void 0;
+  const closestDroppableContainer = droppableContainers.get(closestId)?.node?.current;
+  const activeDroppableContainer = droppableContainers.get(active?.id)?.node?.current;
+  if (!closestDroppableContainer || !activeDroppableContainer)
+    return void 0;
   const closestRect = getViewRect(closestDroppableContainer);
   const activeRect = getViewRect(activeDroppableContainer);
-  return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
+  return {
+    ...currentCoordinates,
     x: closestRect.left + (closestRect.width - collisionRect.width) / 2 + (closestRect.offsetLeft < activeRect.left ? -1 : 1)
-  });
+  };
 };
-
-const getHierarchyKeyboardCoordinates = (context, dragOverlayDataTestid, isHorizontalDnD) => (event, _ref2) => {
-  let {
-    currentCoordinates,
-    context: {
-      active,
-      over,
-      collisionRect,
-      droppableContainers
-    }
-  } = _ref2;
-
+const getHierarchyKeyboardCoordinates = (context, dragOverlayDataTestid, isHorizontalDnD) => (event, { currentCoordinates, context: { active, over, collisionRect, droppableContainers } }) => {
   if (directions.includes(event.code)) {
     event.preventDefault();
-
     if (!collisionRect) {
-      return undefined;
+      return void 0;
     }
-
     const {
-      current: {
-        items
-      }
+      current: { items }
     } = context;
     const args = {
       dragOverlayDataTestid,
@@ -103,11 +67,13 @@ const getHierarchyKeyboardCoordinates = (context, dragOverlayDataTestid, isHoriz
       droppableContainers,
       collisionRect
     };
-    if (isHorizontalDnD) return getHorizontalKeyboardCoordinates(args);
-    return undefined;
+    if (isHorizontalDnD)
+      return getHorizontalKeyboardCoordinates(args);
+    return void 0;
   }
-
-  return undefined;
+  return void 0;
+};
+export {
+  getHierarchyKeyboardCoordinates
 };
-
-export { getHierarchyKeyboardCoordinates };
+//# sourceMappingURL=getHierarchyKeyboardCoordinates.js.map

package/esm/hierarchy/getHierarchyKeyboardCoordinates.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/getHierarchyKeyboardCoordinates.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { closestCorners, getViewRect, KeyboardCode, KeyboardCoordinateGetter, DroppableContainer } from '@dnd-kit/core';\nimport { Coordinates } from '@dnd-kit/core/dist/types';\n\nimport { GetKeyboardCoordinatesArgs, SensorContext } from './types';\n\nconst directions: string[] = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\n\nconst vertical: string[] = [KeyboardCode.Up, KeyboardCode.Down];\n\nconst getHorizontalKeyboardCoordinates = ({\n  items,\n  active,\n  over,\n  event,\n  currentCoordinates,\n  droppableContainers,\n  collisionRect,\n}: GetKeyboardCoordinatesArgs): Coordinates | undefined => {\n  if (vertical.includes(event.code) || !active || !over) return undefined;\n\n  const activeItem = items.find((item) => item.id === active.id);\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 node = container?.node.current;\n    if (!node) {\n      return;\n    }\n    const itemParent = items.find((item) => item.id === container.id)?.parentId;\n    if (itemParent !== activeItem?.parentId) return;\n    const rect = getViewRect(node);\n    if (event.code === KeyboardCode.Left && collisionRect.left > rect.right - 10) {\n      layoutRects.push(container);\n    } else if (event.code === KeyboardCode.Right && collisionRect.left < rect.left) {\n      layoutRects.push(container);\n    }\n  });\n\n  const closestId = closestCorners({ droppableContainers: layoutRects, collisionRect, active });\n\n  if (!closestId) return undefined;\n\n  const closestDroppableContainer = droppableContainers.get(closestId)?.node?.current;\n  const activeDroppableContainer = droppableContainers.get(active?.id)?.node?.current;\n\n  if (!closestDroppableContainer || !activeDroppableContainer) return undefined;\n\n  const closestRect = getViewRect(closestDroppableContainer);\n  const activeRect = getViewRect(activeDroppableContainer);\n  return {\n    ...currentCoordinates,\n    x:\n      closestRect.left +\n      (closestRect.width - collisionRect.width) / 2 +\n      (closestRect.offsetLeft < activeRect.left ? -1 : 1),\n  };\n};\n\nexport const getHierarchyKeyboardCoordinates: (\n  context: SensorContext,\n  dragOverlayDataTestid: string,\n  isHorizontalDnD: boolean,\n) => KeyboardCoordinateGetter =\n  (context, dragOverlayDataTestid, isHorizontalDnD) =>\n  (event, { currentCoordinates, context: { active, over, collisionRect, droppableContainers } }) => {\n    if (directions.includes(event.code)) {\n      event.preventDefault();\n      if (!collisionRect) {\n        return undefined;\n      }\n\n      const {\n        current: { items },\n      } = context;\n\n      const args = {\n        dragOverlayDataTestid,\n        items,\n        active,\n        over,\n        event,\n        currentCoordinates,\n        droppableContainers,\n        collisionRect,\n      };\n\n      if (isHorizontalDnD) return getHorizontalKeyboardCoordinates(args);\n      return undefined;\n    }\n    return undefined;\n  };\n"],
+  "mappings": "AAAA;ACAA;AAKA,MAAM,aAAuB,CAAC,aAAa,MAAM,aAAa,OAAO,aAAa,IAAI,aAAa;AAEnG,MAAM,WAAqB,CAAC,aAAa,IAAI,aAAa;AAE1D,MAAM,mCAAmC,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACyD;AACzD,MAAI,SAAS,SAAS,MAAM,SAAS,CAAC,UAAU,CAAC;AAAM,WAAO;AAE9D,QAAM,aAAa,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,OAAO;AAE3D,QAAM,WAAW,KAAK;AAEtB,QAAM,cAAoC;AAG1C,sBAAoB,QAAQ,CAAC,cAAc;AACzC,QAAI,WAAW,YAAY,CAAC,UAAU;AACpC;AAAA;AAEF,UAAM,OAAO,WAAW,KAAK;AAC7B,QAAI,CAAC,MAAM;AACT;AAAA;AAEF,UAAM,aAAa,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,UAAU,KAAK;AACnE,QAAI,eAAe,YAAY;AAAU;AACzC,UAAM,OAAO,YAAY;AACzB,QAAI,MAAM,SAAS,aAAa,QAAQ,cAAc,OAAO,KAAK,QAAQ,IAAI;AAC5E,kBAAY,KAAK;AAAA,eACR,MAAM,SAAS,aAAa,SAAS,cAAc,OAAO,KAAK,MAAM;AAC9E,kBAAY,KAAK;AAAA;AAAA;AAIrB,QAAM,YAAY,eAAe,EAAE,qBAAqB,aAAa,eAAe;AAEpF,MAAI,CAAC;AAAW,WAAO;AAEvB,QAAM,4BAA4B,oBAAoB,IAAI,YAAY,MAAM;AAC5E,QAAM,2BAA2B,oBAAoB,IAAI,QAAQ,KAAK,MAAM;AAE5E,MAAI,CAAC,6BAA6B,CAAC;AAA0B,WAAO;AAEpE,QAAM,cAAc,YAAY;AAChC,QAAM,aAAa,YAAY;AAC/B,SAAO;AAAA,OACF;AAAA,IACH,GACE,YAAY,OACX,aAAY,QAAQ,cAAc,SAAS,IAC3C,aAAY,aAAa,WAAW,OAAO,KAAK;AAAA;AAAA;AAIhD,MAAM,kCAKX,CAAC,SAAS,uBAAuB,oBACjC,CAAC,OAAO,EAAE,oBAAoB,SAAS,EAAE,QAAQ,MAAM,eAAe,4BAA4B;AAChG,MAAI,WAAW,SAAS,MAAM,OAAO;AACnC,UAAM;AACN,QAAI,CAAC,eAAe;AAClB,aAAO;AAAA;AAGT,UAAM;AAAA,MACJ,SAAS,EAAE;AAAA,QACT;AAEJ,UAAM,OAAO;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,QAAI;AAAiB,aAAO,iCAAiC;AAC7D,WAAO;AAAA;AAET,SAAO;AAAA;",
+  "names": []
+}

package/esm/hierarchy/index.js

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

package/esm/hierarchy/index.js.map

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

package/esm/hierarchy/types.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=types.js.map

package/esm/hierarchy/types.js.map

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

package/esm/hierarchy/useHierarchyActionHandlers.js

@@ -1,46 +1,39 @@
-import { useCallback } from 'react';
-
-const useHierarchyActionHandlers = _ref => {
-  let {
-    handlePreviewDragStart,
-    handlePreviewDragMove,
-    handlePreviewDragEnd,
-    handlePreviewDragCancel,
-    onReorder,
-    dndItems
-  } = _ref;
-  const onDragStart = useCallback(e => {
+import * as React from "react";
+import { useCallback } from "react";
+const useHierarchyActionHandlers = ({
+  handlePreviewDragStart,
+  handlePreviewDragMove,
+  handlePreviewDragEnd,
+  handlePreviewDragCancel,
+  onReorder,
+  dndItems
+}) => {
+  const onDragStart = useCallback((e) => {
     handlePreviewDragStart(e);
   }, [handlePreviewDragStart]);
-  const onDragMove = useCallback(e => {
+  const onDragMove = useCallback((e) => {
     handlePreviewDragMove(e);
   }, [handlePreviewDragMove]);
-  const onDragEnd = useCallback(e => {
+  const onDragEnd = useCallback((e) => {
     handlePreviewDragEnd(e);
-    const {
-      active,
-      over
-    } = e;
-    if (!over) return;
-
+    const { active, over } = e;
+    if (!over)
+      return;
     if (active.id !== over.id) {
-      const activeIndex = dndItems.findIndex(item => item.id === active.id);
-      const overIndex = dndItems.findIndex(item => item.id === over.id);
+      const activeIndex = dndItems.findIndex((item) => item.id === active.id);
+      const overIndex = dndItems.findIndex((item) => item.id === over.id);
       onReorder(dndItems[activeIndex], {
         targetIndex: overIndex,
         fromIndex: activeIndex
       });
     }
   }, [handlePreviewDragEnd, dndItems, onReorder]);
-  const onDragCancel = useCallback(e => {
+  const onDragCancel = useCallback((e) => {
     handlePreviewDragCancel(e);
   }, [handlePreviewDragCancel]);
-  return {
-    onDragStart,
-    onDragMove,
-    onDragEnd,
-    onDragCancel
-  };
+  return { onDragStart, onDragMove, onDragEnd, onDragCancel };
 };
-
-export { useHierarchyActionHandlers };
+export {
+  useHierarchyActionHandlers
+};
+//# sourceMappingURL=useHierarchyActionHandlers.js.map

package/esm/hierarchy/useHierarchyActionHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hierarchy/useHierarchyActionHandlers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { DragStartEvent, DragMoveEvent, DragEndEvent, DragCancelEvent } from '@dnd-kit/core';\nimport { UseHierarchyActionHandlersReturn, UseHierarchyActionHandlersArgs } from './types';\n\nexport const useHierarchyActionHandlers = ({\n  handlePreviewDragStart,\n  handlePreviewDragMove,\n  handlePreviewDragEnd,\n  handlePreviewDragCancel,\n  onReorder,\n  dndItems,\n}: UseHierarchyActionHandlersArgs): UseHierarchyActionHandlersReturn => {\n  const onDragStart = useCallback(\n    (e: DragStartEvent) => {\n      handlePreviewDragStart(e);\n    },\n    [handlePreviewDragStart],\n  );\n\n  const onDragMove = useCallback(\n    (e: DragMoveEvent) => {\n      handlePreviewDragMove(e);\n    },\n    [handlePreviewDragMove],\n  );\n\n  const onDragEnd = useCallback(\n    (e: DragEndEvent) => {\n      handlePreviewDragEnd(e);\n      const { active, over } = e;\n\n      if (!over) return;\n\n      if (active.id !== over.id) {\n        const activeIndex = dndItems.findIndex((item) => item.id === active.id);\n        const overIndex = dndItems.findIndex((item) => item.id === over.id);\n\n        onReorder(dndItems[activeIndex], {\n          targetIndex: overIndex,\n          fromIndex: activeIndex,\n        });\n      }\n    },\n    [handlePreviewDragEnd, dndItems, onReorder],\n  );\n\n  const onDragCancel = useCallback(\n    (e: DragCancelEvent) => {\n      handlePreviewDragCancel(e);\n    },\n    [handlePreviewDragCancel],\n  );\n\n  return { onDragStart, onDragMove, onDragEnd, onDragCancel };\n};\n"],
+  "mappings": "AAAA;ACAA;AAIO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACsE;AACtE,QAAM,cAAc,YAClB,CAAC,MAAsB;AACrB,2BAAuB;AAAA,KAEzB,CAAC;AAGH,QAAM,aAAa,YACjB,CAAC,MAAqB;AACpB,0BAAsB;AAAA,KAExB,CAAC;AAGH,QAAM,YAAY,YAChB,CAAC,MAAoB;AACnB,yBAAqB;AACrB,UAAM,EAAE,QAAQ,SAAS;AAEzB,QAAI,CAAC;AAAM;AAEX,QAAI,OAAO,OAAO,KAAK,IAAI;AACzB,YAAM,cAAc,SAAS,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO;AACpE,YAAM,YAAY,SAAS,UAAU,CAAC,SAAS,KAAK,OAAO,KAAK;AAEhE,gBAAU,SAAS,cAAc;AAAA,QAC/B,aAAa;AAAA,QACb,WAAW;AAAA;AAAA;AAAA,KAIjB,CAAC,sBAAsB,UAAU;AAGnC,QAAM,eAAe,YACnB,CAAC,MAAuB;AACtB,4BAAwB;AAAA,KAE1B,CAAC;AAGH,SAAO,EAAE,aAAa,YAAY,WAAW;AAAA;",
+  "names": []
+}