@os-design/drag-sort 1.0.30 → 1.0.31

package/dist/utils/useInitRect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitRect.d.ts","sourceRoot":"","sources":["../../src/utils/useInitRect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAEhD,QAAA,MAAM,WAAW,SAAU,SAAS,CAAC,WAAW,CAAC;;;;;QAYtC,CAAC;AAEZ,eAAe,WAAW,CAAC"}

package/dist/{esm/utils → utils}/useInitRect.js

@@ -9,5 +9,4 @@ const useInitRect = ref => useMemo(() => {
     initHeight: rect.height
   };
 }, [ref]);
-export default useInitRect;
-//# sourceMappingURL=useInitRect.js.map
+export default useInitRect;

package/dist/{types/utils → utils}/useInitScrollOffset.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 declare const useInitScrollOffset: (ref?: RefObject<HTMLElement>) => {
     initScrollLeft: number;
     initScrollTop: number;

package/dist/utils/useInitScrollOffset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitScrollOffset.d.ts","sourceRoot":"","sources":["../../src/utils/useInitScrollOffset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAGhD,QAAA,MAAM,mBAAmB,SAAU,SAAS,CAAC,WAAW,CAAC;;;QAU9C,CAAC;AAEZ,eAAe,mBAAmB,CAAC"}

package/dist/{esm/utils → utils}/useInitScrollOffset.js

@@ -8,5 +8,4 @@ const useInitScrollOffset = ref => useMemo(() => {
     initScrollTop: scrollOffset.scrollTop
   };
 }, [ref]);
-export default useInitScrollOffset;
-//# sourceMappingURL=useInitScrollOffset.js.map
+export default useInitScrollOffset;

package/dist/{types/utils → utils}/useMoveNode.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { Position } from '@os-design/use-drag';
-import NodeList, { ExistingNode } from './NodeList';
-import { NodeStyleGetter } from './useGetNodeStyle';
+import { type Position } from '@os-design/use-drag';
+import NodeList, { type ExistingNode } from './NodeList';
+import type { NodeStyleGetter } from './useGetNodeStyle';
 interface DraggedNode {
     node: ExistingNode;
 }

package/dist/utils/useMoveNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMoveNode.d.ts","sourceRoot":"","sources":["../../src/utils/useMoveNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,QAAQ,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,UAAU,WAAW;IACnB,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,eAAe,CAAC;CAC/B;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,YAAY,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,WAAW,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,WAAW,UAAW,gBAAgB,eAI9B,SAAS,2JAgEtB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/{esm/utils → utils}/useMoveNode.js

@@ -1,7 +1,5 @@
 import { useCallback } from 'react';
 import getNodeRect from './getNodeRect';
-/* eslint-disable no-constant-condition */
-
 const useMoveNode = props => {
   const {
     position,
@@ -61,5 +59,4 @@ const useMoveNode = props => {
     }
   }, [draggedNode, getNodeStyle, position]);
 };
-export default useMoveNode;
-//# sourceMappingURL=useMoveNode.js.map
+export default useMoveNode;

package/dist/utils/useScrollEventByPoint.d.ts

@@ -0,0 +1,11 @@
+export interface Point {
+    x: number;
+    y: number;
+}
+/**
+ * Sets the listener that will be called whenever the scroll event occurs
+ * in one of the elements located under the specified point.
+ */
+declare const useScrollEventByPoint: (point: Point | null, listener: (e: Event) => void) => void;
+export default useScrollEventByPoint;
+//# sourceMappingURL=useScrollEventByPoint.d.ts.map

package/dist/utils/useScrollEventByPoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollEventByPoint.d.ts","sourceRoot":"","sources":["../../src/utils/useScrollEventByPoint.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;GAGG;AACH,QAAA,MAAM,qBAAqB,UAClB,KAAK,GAAG,IAAI,YACT,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,SA2B7B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/{esm/utils → utils}/useScrollEventByPoint.js

@@ -44,5 +44,4 @@ const useScrollEventByPoint = (point, listener) => {
     });
   }, [eventListener, point]);
 };
-export default useScrollEventByPoint;
-//# sourceMappingURL=useScrollEventByPoint.js.map
+export default useScrollEventByPoint;

package/dist/{types/utils → utils}/useTargetList.d.ts

@@ -1,5 +1,5 @@
-import { Position } from '@os-design/use-drag';
-import { RefObject } from 'react';
+import type { Position } from '@os-design/use-drag';
+import { type RefObject } from 'react';
 import ListStore from './ListStore';
 declare const useTargetList: (position: Position | null, listStoreRef: RefObject<ListStore>) => import("./NodeList").default | null;
 export default useTargetList;

package/dist/utils/useTargetList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTargetList.d.ts","sourceRoot":"","sources":["../../src/utils/useTargetList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AACvE,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,QAAA,MAAM,aAAa,aACP,QAAQ,GAAG,IAAI,gBACX,SAAS,CAAC,SAAS,CAAC,wCAoBnC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/{esm/utils → utils}/useTargetList.js

@@ -22,5 +22,4 @@ const useTargetList = (position, listStoreRef) => {
   useScrollEventByPoint(position, throttledForceUpdate);
   return targetList;
 };
-export default useTargetList;
-//# sourceMappingURL=useTargetList.js.map
+export default useTargetList;

package/dist/{types/utils → utils}/useTransitionStyle.d.ts

@@ -3,6 +3,9 @@ interface UseTransitionStyleProps {
     ms: number;
     enabled: boolean;
 }
+/**
+ * Creates the global style for setting the transition delay.
+ */
 declare const useTransitionStyle: (props: UseTransitionStyleProps) => void;
 export default useTransitionStyle;
 //# sourceMappingURL=useTransitionStyle.d.ts.map

package/dist/utils/useTransitionStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionStyle.d.ts","sourceRoot":"","sources":["../../src/utils/useTransitionStyle.ts"],"names":[],"mappings":"AAEA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,SAYzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/{esm/utils → utils}/useTransitionStyle.js

@@ -18,5 +18,4 @@ const useTransitionStyle = props => {
     };
   }, [className, enabled, ms]);
 };
-export default useTransitionStyle;
-//# sourceMappingURL=useTransitionStyle.js.map
+export default useTransitionStyle;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@os-design/drag-sort",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "src",
@@ -20,9 +20,8 @@
   "sideEffects": false,
   "scripts": {
     "clean": "rimraf dist",
-    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/esm --source-maps",
-    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx --out-dir dist/cjs --source-maps",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
     "ncu": "ncu -u"
   },
@@ -30,22 +29,22 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/portal": "^1.0.17",
-    "@os-design/use-auto-scroll": "^1.0.21",
-    "@os-design/use-drag": "^1.0.19",
-    "@os-design/use-event": "^1.0.22",
-    "@os-design/use-memo-object": "^1.0.17",
-    "@os-design/use-prevent-default-event": "^1.0.19",
-    "@os-design/use-throttle": "^1.0.21"
+    "@os-design/portal": "^1.0.18",
+    "@os-design/use-auto-scroll": "^1.0.22",
+    "@os-design/use-drag": "^1.0.20",
+    "@os-design/use-event": "^1.0.23",
+    "@os-design/use-memo-object": "^1.0.18",
+    "@os-design/use-prevent-default-event": "^1.0.20",
+    "@os-design/use-throttle": "^1.0.22"
   },
   "devDependencies": {
-    "@os-design/omit-emotion-props": "^1.0.19",
-    "@os-design/use-size": "^1.0.23",
+    "@os-design/omit-emotion-props": "^1.0.20",
+    "@os-design/use-size": "^1.0.24",
     "react-window": "^1.8.10"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "d0565d7592fff84723233b42ec230acbaa2103bb"
+  "gitHead": "86a83e87297a07afe132782ca2c95023b7139276"
 }

package/src/DragAndDrop.tsx

@@ -1,27 +1,27 @@
-import Portal, { PortalProps } from '@os-design/portal';
+import Portal, { type PortalProps } from '@os-design/portal';
 import useAutoScroll from '@os-design/use-auto-scroll';
 import useDrag, {
-  OnDragEnd,
-  OnDragMove,
-  OnDragStart,
-  Position,
+  type OnDragEnd,
+  type OnDragMove,
+  type OnDragStart,
+  type Position,
 } from '@os-design/use-drag';
 import useMemoObject from '@os-design/use-memo-object';
 import usePreventDefaultEvent from '@os-design/use-prevent-default-event';
 import React, {
-  MouseEvent,
-  TouchEvent,
+  type MouseEvent,
+  type TouchEvent,
   useCallback,
   useMemo,
   useRef,
   useState,
 } from 'react';
 import ListStore from './utils/ListStore';
-import NodeList, { ExistingNode } from './utils/NodeList';
+import NodeList, { type ExistingNode } from './utils/NodeList';
 import { DragAndDropContext } from './utils/useDragAndDrop';
 import useDragEffect, {
-  DragEndHandler,
-  DraggedNode,
+  type DragEndHandler,
+  type DraggedNode,
 } from './utils/useDragEffect';
 import useGeneratedId from './utils/useGeneratedId';
 import useInitRect from './utils/useInitRect';

package/src/Draggable.tsx

@@ -1,15 +1,15 @@
 import useMemoObject from '@os-design/use-memo-object';
 import React, {
-  CSSProperties,
-  MouseEvent,
-  RefObject,
-  TouchEvent,
+  type CSSProperties,
+  type MouseEvent,
+  type RefObject,
+  type TouchEvent,
   useCallback,
   useEffect,
   useRef,
   useState,
 } from 'react';
-import { Node } from './utils/NodeList';
+import type { Node } from './utils/NodeList';
 import useAppendClassName from './utils/useAppendClassName';
 import useDragAndDrop from './utils/useDragAndDrop';
 import useDroppable from './utils/useDroppable';

package/src/Droppable.tsx

@@ -1,17 +1,17 @@
 import useMemoObject from '@os-design/use-memo-object';
 import React, {
-  MouseEvent,
-  RefObject,
-  TouchEvent,
+  type MouseEvent,
+  type RefObject,
+  type TouchEvent,
   useCallback,
   useEffect,
   useMemo,
   useRef,
 } from 'react';
 import NodeList, {
-  ExistingNode,
-  NodeProps,
-  RenderDraggedNode,
+  type ExistingNode,
+  type NodeProps,
+  type RenderDraggedNode,
 } from './utils/NodeList';
 import useDragAndDrop from './utils/useDragAndDrop';
 import { DroppableContext } from './utils/useDroppable';

package/src/utils/NodeList.ts

@@ -1,6 +1,6 @@
-import React, { CSSProperties, RefObject } from 'react';
+import React, { type CSSProperties, type RefObject } from 'react';
 
-/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
 // [prev, next, ref, setStyle, index, id]
 export type Node =

package/src/utils/getNodeRect.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import type { RefObject } from 'react';
 import getElementOffset from './getElementOffset';
 import getElementScroll from './getElementScroll';
 

package/src/utils/useAppendClassName.ts

@@ -1,4 +1,4 @@
-import { RefObject, useEffect } from 'react';
+import { type RefObject, useEffect } from 'react';
 
 /**
  * Adds a new class name to the element.

package/src/utils/useBlankNode.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react';
-import NodeList, { ExistingNode } from './NodeList';
+import NodeList, { type ExistingNode } from './NodeList';
 
 interface InitSize {
   initWidth: number;

package/src/utils/useDragAndDrop.ts

@@ -1,6 +1,6 @@
-import { Position } from '@os-design/use-drag';
-import React, { MouseEvent, TouchEvent, useContext } from 'react';
-import NodeList, { ExistingNode } from './NodeList';
+import type { Position } from '@os-design/use-drag';
+import React, { type MouseEvent, type TouchEvent, useContext } from 'react';
+import NodeList, { type ExistingNode } from './NodeList';
 
 export interface SetDraggedNodeProps {
   list: NodeList;

package/src/utils/useDragEffect.ts

@@ -1,16 +1,20 @@
-import { Position } from '@os-design/use-drag';
+import type { Position } from '@os-design/use-drag';
 import useEvent from '@os-design/use-event';
 import useThrottle from '@os-design/use-throttle';
 import {
-  CSSProperties,
-  RefObject,
+  type CSSProperties,
+  type RefObject,
   useCallback,
   useEffect,
   useMemo,
   useRef,
 } from 'react';
 import ListStore from './ListStore';
-import NodeList, { ExistingNode, Node, NodeProps } from './NodeList';
+import NodeList, {
+  type ExistingNode,
+  type Node,
+  type NodeProps,
+} from './NodeList';
 import getElementScroll from './getElementScroll';
 import getNodeRect from './getNodeRect';
 import useBlankNode from './useBlankNode';
@@ -62,8 +66,6 @@ const createEmptyNode = ({
   next?: Node;
 }): ExistingNode => [prev, next, { current: null }, () => {}, -1, 'id'];
 
-/* eslint-disable no-constant-condition */
-
 const useDragEffect = (props: UseDragEffectProps) => {
   const { draggedNode, cursorPosition, listStoreRef, onDragEnd } = props;
 
@@ -472,7 +474,6 @@ const useDragEffect = (props: UseDragEffectProps) => {
   useEffect(() => {
     if (!draggedNode) return () => {};
     return () => {
-      // eslint-disable-next-line react-hooks/exhaustive-deps
       const target = targetRef.current;
       if (!target) return;
       const [, , , , draggedNodeIndex, draggedNodeId] = draggedNode.node;

package/src/utils/useDroppable.ts

@@ -1,5 +1,5 @@
-import React, { MouseEvent, TouchEvent, useContext } from 'react';
-import { ExistingNode, NodeProps } from './NodeList';
+import React, { type MouseEvent, type TouchEvent, useContext } from 'react';
+import type { ExistingNode, NodeProps } from './NodeList';
 
 interface DroppableContextProps {
   registerNode: (props: NodeProps) => ExistingNode;

package/src/utils/useGetNodeStyle.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, useCallback, useEffect, useRef } from 'react';
+import { type CSSProperties, useCallback, useEffect, useRef } from 'react';
 
 interface InitSize {
   initWidth: number;

package/src/utils/useInitRect.ts

@@ -1,4 +1,4 @@
-import { RefObject, useMemo } from 'react';
+import { type RefObject, useMemo } from 'react';
 
 const useInitRect = (ref?: RefObject<HTMLElement>) =>
   useMemo(() => {

package/src/utils/useInitScrollOffset.ts

@@ -1,4 +1,4 @@
-import { RefObject, useMemo } from 'react';
+import { type RefObject, useMemo } from 'react';
 import getElementScroll from './getElementScroll';
 
 const useInitScrollOffset = (ref?: RefObject<HTMLElement>) =>

package/src/utils/useMoveNode.ts

@@ -1,8 +1,8 @@
-import { Position } from '@os-design/use-drag';
+import { type Position } from '@os-design/use-drag';
 import { useCallback } from 'react';
-import NodeList, { ExistingNode } from './NodeList';
+import NodeList, { type ExistingNode } from './NodeList';
 import getNodeRect from './getNodeRect';
-import { NodeStyleGetter } from './useGetNodeStyle';
+import type { NodeStyleGetter } from './useGetNodeStyle';
 
 interface DraggedNode {
   node: ExistingNode;
@@ -22,8 +22,6 @@ interface MoveProps {
   isAnotherList?: boolean;
 }
 
-/* eslint-disable no-constant-condition */
-
 const useMoveNode = (props: UseMoveNodeProps) => {
   const { position, draggedNode, getNodeStyle } = props;
 

package/src/utils/useTargetList.ts

@@ -1,6 +1,6 @@
-import { Position } from '@os-design/use-drag';
+import type { Position } from '@os-design/use-drag';
 import useThrottle from '@os-design/use-throttle';
-import { RefObject, useCallback, useMemo, useState } from 'react';
+import { type RefObject, useCallback, useMemo, useState } from 'react';
 import ListStore from './ListStore';
 import useScrollEventByPoint from './useScrollEventByPoint';
 

package/dist/cjs/DragAndDrop.js

@@ -1,181 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _portal = _interopRequireDefault(require("@os-design/portal"));
-var _useAutoScroll = _interopRequireDefault(require("@os-design/use-auto-scroll"));
-var _useDrag2 = _interopRequireDefault(require("@os-design/use-drag"));
-var _useMemoObject = _interopRequireDefault(require("@os-design/use-memo-object"));
-var _usePreventDefaultEvent = _interopRequireDefault(require("@os-design/use-prevent-default-event"));
-var _react = _interopRequireWildcard(require("react"));
-var _ListStore = _interopRequireDefault(require("./utils/ListStore"));
-var _useDragAndDrop = require("./utils/useDragAndDrop");
-var _useDragEffect = _interopRequireDefault(require("./utils/useDragEffect"));
-var _useGeneratedId = _interopRequireDefault(require("./utils/useGeneratedId"));
-var _useInitRect = _interopRequireDefault(require("./utils/useInitRect"));
-var _useTransitionStyle = _interopRequireDefault(require("./utils/useTransitionStyle"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * The container containing one or more lists with draggable nodes.
- */
-var DragAndDrop = function DragAndDrop(_ref) {
-  var draggedNodeContainer = _ref.draggedNodeContainer,
-    _ref$minMouseDistPx = _ref.minMouseDistPx,
-    minMouseDistPx = _ref$minMouseDistPx === void 0 ? 10 : _ref$minMouseDistPx,
-    _ref$longPressMs = _ref.longPressMs,
-    longPressMs = _ref$longPressMs === void 0 ? 500 : _ref$longPressMs,
-    _ref$autoScrollDistPe = _ref.autoScrollDistPercent,
-    autoScrollDistPercent = _ref$autoScrollDistPe === void 0 ? 20 : _ref$autoScrollDistPe,
-    _ref$autoScrollMaxSpe = _ref.autoScrollMaxSpeedPx,
-    autoScrollMaxSpeedPx = _ref$autoScrollMaxSpe === void 0 ? 100 : _ref$autoScrollMaxSpe,
-    _ref$transitionDelayM = _ref.transitionDelayMs,
-    transitionDelayMs = _ref$transitionDelayM === void 0 ? 250 : _ref$transitionDelayM,
-    _ref$onDragEnd = _ref.onDragEnd,
-    onDragEnd = _ref$onDragEnd === void 0 ? function () {} : _ref$onDragEnd,
-    children = _ref.children;
-  // The user can drag a node between the lists (the Droppable components).
-  // To determine which list a node should be dropped in, we need to store refs to all the lists.
-  var listStoreRef = (0, _react.useRef)(new _ListStore["default"]());
-
-  // The class name for a node used to set the transition style
-  var generatedId = (0, _useGeneratedId["default"])();
-  var nodeClassName = (0, _react.useMemo)(function () {
-    return "n".concat(generatedId);
-  }, [generatedId]);
-
-  // The node that is currently being dragged
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    draggedNode = _useState2[0],
-    setDraggedNode = _useState2[1];
-  var startNodeRef = (0, _react.useRef)(null);
-  var _useState3 = (0, _react.useState)({
-      x: 0,
-      y: 0
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    cursorPosition = _useState4[0],
-    setCursorPosition = _useState4[1];
-
-  // Add a new list to the store
-  var registerList = (0, _react.useCallback)(function (list) {
-    listStoreRef.current.add(list);
-  }, []);
-
-  // Remove the existing list from the store
-  var deregisterList = (0, _react.useCallback)(function (id) {
-    listStoreRef.current.remove(id);
-  }, []);
-
-  // Set the style to delay transitions when the node is dragging
-  (0, _useTransitionStyle["default"])({
-    className: nodeClassName,
-    ms: transitionDelayMs,
-    enabled: !!draggedNode
-  });
-  var onDragStart = (0, _react.useCallback)(function (pos, startPos) {
-    var startNode = startNodeRef.current;
-    if (!startNode) return;
-    var _startNode$node = _slicedToArray(startNode.node, 3),
-      nodeRef = _startNode$node[2];
-    if (!nodeRef.current) return;
-    var rect = nodeRef.current.getBoundingClientRect();
-    setCursorPosition(pos);
-    setDraggedNode({
-      list: startNode.list,
-      node: startNode.node,
-      position: {
-        x: startPos.x - rect.x,
-        y: startPos.y - rect.y
-      }
-    });
-    startNodeRef.current = null;
-  }, []);
-  var onDragMove = (0, _react.useCallback)(function (pos) {
-    setCursorPosition(pos);
-  }, []);
-  var dragEndHandler = (0, _react.useCallback)(function () {
-    setDraggedNode(null);
-  }, []);
-  var _useDrag = (0, _useDrag2["default"])({
-      onDragStart: onDragStart,
-      onDragMove: onDragMove,
-      onDragEnd: dragEndHandler,
-      minMouseDistPx: minMouseDistPx,
-      longPressMs: longPressMs
-    }),
-    onMouseDown = _useDrag.onMouseDown,
-    onTouchStart = _useDrag.onTouchStart;
-
-  // Handlers that determine whether a user clicks on the node
-  var mouseDownHandler = (0, _react.useCallback)(function (e, list, node) {
-    startNodeRef.current = {
-      list: list,
-      node: node
-    };
-    onMouseDown(e);
-  }, [onMouseDown]);
-  var touchStartHandler = (0, _react.useCallback)(function (e, list, node) {
-    startNodeRef.current = {
-      list: list,
-      node: node
-    };
-    onTouchStart(e);
-  }, [onTouchStart]);
-
-  // Prevent body scrolling when the node is dragging.
-  // It's important to attach the event to the body (not to the document). Otherwise, it won't work in mobile chrome.
-  (0, _usePreventDefaultEvent["default"])(document.body, 'touchmove', !!draggedNode);
-
-  // Implement the drag animation
-  (0, _useDragEffect["default"])({
-    draggedNode: draggedNode,
-    cursorPosition: cursorPosition,
-    listStoreRef: listStoreRef,
-    onDragEnd: onDragEnd
-  });
-
-  // Auto scroll if the cursor position is located near the border
-  (0, _useAutoScroll["default"])({
-    enabled: !!draggedNode,
-    distPercent: autoScrollDistPercent,
-    maxSpeedPx: autoScrollMaxSpeedPx
-  });
-  var initRect = (0, _useInitRect["default"])(draggedNode ? draggedNode.node[2] : undefined);
-  var dragAndDropContext = (0, _useMemoObject["default"])({
-    registerList: registerList,
-    deregisterList: deregisterList,
-    onMouseDown: mouseDownHandler,
-    onTouchStart: touchStartHandler,
-    nodeClassName: nodeClassName
-  });
-  return /*#__PURE__*/_react["default"].createElement(_useDragAndDrop.DragAndDropContext.Provider, {
-    value: dragAndDropContext
-  }, children, draggedNode && /*#__PURE__*/_react["default"].createElement(_portal["default"], {
-    container: draggedNodeContainer
-  }, draggedNode.list.renderDraggedNode({
-    index: draggedNode.node[4],
-    id: draggedNode.node[5],
-    style: {
-      position: 'fixed',
-      left: cursorPosition.x - draggedNode.position.x,
-      top: cursorPosition.y - draggedNode.position.y,
-      width: initRect ? initRect.initWidth : undefined,
-      height: initRect ? initRect.initHeight : undefined,
-      zIndex: 1001
-    }
-  })));
-};
-var _default = exports["default"] = DragAndDrop;
-//# sourceMappingURL=DragAndDrop.js.map