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

package/esm/tree/useTreePreviewHandlers.js

@@ -1,36 +1,25 @@
-import { useCallback } from 'react';
-import { DropIndicatorPosition } from './constants.js';
-
-const useTreePreviewHandlers = _ref => {
-  let {
-    setOverId,
-    setActiveId,
-    setDropIndicatorPosition
-  } = _ref;
+import * as React from "react";
+import { useCallback } from "react";
+import { DropIndicatorPosition } from "./constants";
+const useTreePreviewHandlers = ({
+  setOverId,
+  setActiveId,
+  setDropIndicatorPosition
+}) => {
   const resetState = useCallback(() => {
-    setOverId('');
-    setActiveId('');
-    document.body.style.setProperty('cursor', '');
+    setOverId("");
+    setActiveId("");
+    document.body.style.setProperty("cursor", "");
   }, [setOverId, setActiveId]);
-  const handlePreviewDragStart = useCallback(_ref2 => {
-    let {
-      active: {
-        id
-      }
-    } = _ref2;
+  const handlePreviewDragStart = useCallback(({ active: { id } }) => {
     setActiveId(id);
     setOverId(id);
     setDropIndicatorPosition(DropIndicatorPosition.Inside);
-    document.body.style.setProperty('cursor', 'grabbing');
+    document.body.style.setProperty("cursor", "grabbing");
   }, [setActiveId, setDropIndicatorPosition, setOverId]);
   const handlePreviewDragMove = useCallback(() => null, []);
-  const handlePreviewDragOver = 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 handlePreviewDragOver = useCallback(({ over }) => {
+    setOverId(over?.id ?? "");
   }, [setOverId]);
   const handlePreviewDragEnd = useCallback(() => {
     resetState();
@@ -46,5 +35,7 @@ const useTreePreviewHandlers = _ref => {
     handlePreviewDragCancel
   };
 };
-
-export { useTreePreviewHandlers };
+export {
+  useTreePreviewHandlers
+};
+//# sourceMappingURL=useTreePreviewHandlers.js.map

package/esm/tree/useTreePreviewHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/useTreePreviewHandlers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { 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"],
+  "mappings": "AAAA;ACAA;AAGA;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,MAC8D;AAC9D,QAAM,aAAa,YAAY,MAAM;AACnC,cAAU;AACV,gBAAY;AAEZ,aAAS,KAAK,MAAM,YAAY,UAAU;AAAA,KACzC,CAAC,WAAW;AAEf,QAAM,yBAAyB,YAC7B,CAAC,EAAE,QAAQ,EAAE,WAA2B;AACtC,gBAAY;AACZ,cAAU;AACV,6BAAyB,sBAAsB;AAE/C,aAAS,KAAK,MAAM,YAAY,UAAU;AAAA,KAE5C,CAAC,aAAa,0BAA0B;AAG1C,QAAM,wBAAwB,YAAY,MAAM,MAAM;AAEtD,QAAM,wBAAwB,YAC5B,CAAC,EAAE,WAA0B;AAC3B,cAAU,MAAM,MAAM;AAAA,KAExB,CAAC;AAGH,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,IACA;AAAA;AAAA;",
+  "names": []
+}

package/esm/tree/utilities.js

@@ -1,47 +1,37 @@
-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 { DropIndicatorPosition } from './constants.js';
-
-const getMinDepth = item => {
-  if (item) return item.depth;
+import * as React from "react";
+import { DropIndicatorPosition } from "./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 === DropIndicatorPosition.Inside && isExpandable) {
     return {
       depth: visibleItemsDictionary[overId].depth + 1,
       parentId: overId
     };
   }
-
   if (dropIndicatorPosition === DropIndicatorPosition.Before) {
-    return {
-      depth: getMinDepth(previousItem),
-      parentId: previousItem.parentId
-    };
+    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;
   });
 };
-
-export { getProjection, removeChildrenOf };
+export {
+  getProjection,
+  removeChildrenOf
+};
+//# sourceMappingURL=utilities.js.map

package/esm/tree/utilities.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/utilities.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { 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"],
+  "mappings": "AAAA;ACCA;AAIA,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,sBAAsB,UAAU,cAAc;AAC1E,WAAO;AAAA,MACL,OAAO,uBAAuB,QAAQ,QAAQ;AAAA,MAC9C,UAAU;AAAA;AAAA;AAGd,MAAI,0BAA0B,sBAAsB,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-drag-and-drop",
-  "version": "2.1.0",
+  "version": "2.2.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Drag And Drop",
   "module": "./esm/index.js",