@os-design/drag-sort 1.0.30 → 1.0.31

package/dist/DragAndDrop.d.ts

@@ -0,0 +1,52 @@
+import { type PortalProps } from '@os-design/portal';
+import React from 'react';
+import { type DragEndHandler } from './utils/useDragEffect';
+export interface DragAndDropProps {
+    /**
+     * The container in which the dragged node will be rendered.
+     * @default document.body
+     */
+    draggedNodeContainer?: PortalProps['container'];
+    /**
+     * The min distance required to start dragging a node (in px).
+     * @default 10
+     */
+    minMouseDistPx?: number;
+    /**
+     * The delay of the long press event required to start dragging a node on the touch device (in ms).
+     * @default 500
+     */
+    longPressMs?: number;
+    /**
+     * The distance to the bound at which the list starts to scroll automatically (in percent).
+     * @default 20
+     */
+    autoScrollDistPercent?: number;
+    /**
+     * The max auto scroll speed (in px).
+     * @default 100
+     */
+    autoScrollMaxSpeedPx?: number;
+    /**
+     * The animation duration (in ms).
+     * @default 250
+     */
+    transitionDelayMs?: number;
+    /**
+     * The callback that is called when the drag is completed.
+     * @default undefined
+     */
+    onDragEnd?: DragEndHandler;
+    /**
+     * The children.
+     * @default undefined
+     */
+    children?: React.ReactNode;
+}
+/**
+ * The container containing one or more lists with draggable nodes.
+ */
+declare const DragAndDrop: React.FC<DragAndDropProps>;
+export type { DragEndHandler } from './utils/useDragEffect';
+export default DragAndDrop;
+//# sourceMappingURL=DragAndDrop.d.ts.map

package/dist/DragAndDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDrop.d.ts","sourceRoot":"","sources":["../src/DragAndDrop.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAU7D,OAAO,KAON,MAAM,OAAO,CAAC;AAIf,OAAsB,EACpB,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAChD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmJ3C,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAe,WAAW,CAAC"}

package/dist/{esm/DragAndDrop.js → DragAndDrop.js}

@@ -10,6 +10,7 @@ import useDragEffect from './utils/useDragEffect';
 import useGeneratedId from './utils/useGeneratedId';
 import useInitRect from './utils/useInitRect';
 import useTransitionStyle from './utils/useTransitionStyle';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The container containing one or more lists with draggable nodes.
  */
@@ -131,22 +132,23 @@ const DragAndDrop = ({
     onTouchStart: touchStartHandler,
     nodeClassName
   });
-  return /*#__PURE__*/React.createElement(DragAndDropContext.Provider, {
-    value: dragAndDropContext
-  }, children, draggedNode && /*#__PURE__*/React.createElement(Portal, {
-    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
-    }
-  })));
+  return /*#__PURE__*/_jsxs(DragAndDropContext.Provider, {
+    value: dragAndDropContext,
+    children: [children, draggedNode && /*#__PURE__*/_jsx(Portal, {
+      container: draggedNodeContainer,
+      children: 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
+        }
+      })
+    })]
+  });
 };
-export default DragAndDrop;
-//# sourceMappingURL=DragAndDrop.js.map
+export default DragAndDrop;

package/dist/Draggable.d.ts

@@ -0,0 +1,42 @@
+import React, { type CSSProperties, type MouseEvent, type RefObject, type TouchEvent } from 'react';
+export interface DraggableHandlers {
+    /**
+     * The handler that should be called when the mouse down event occurs.
+     */
+    onMouseDown: (e: MouseEvent) => void;
+    /**
+     * The handler that should be called when the touch start event occurs.
+     */
+    onTouchStart: (e: TouchEvent) => void;
+}
+export interface DraggableChildrenProps {
+    /**
+     * The reference to the draggable list item.
+     */
+    ref: RefObject<any>;
+    /**
+     * Additional styles for moving the list item.
+     */
+    style: CSSProperties;
+    /**
+     * The handlers to catch events when the user starts dragging the list item.
+     */
+    handlers: DraggableHandlers;
+}
+export interface DraggableProps {
+    /**
+     * The index of the draggable node.
+     */
+    index: number;
+    /**
+     * The ID of the draggable node.
+     */
+    id: string;
+    /**
+     * The function that renders the draggable node.
+     */
+    children: (props: DraggableChildrenProps) => React.ReactNode;
+}
+declare const Draggable: React.FC<DraggableProps>;
+export default Draggable;
+//# sourceMappingURL=Draggable.d.ts.map

package/dist/Draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.d.ts","sourceRoot":"","sources":["../src/Draggable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,UAAU,EAKhB,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+CvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/{esm/Draggable.js → Draggable.js}

@@ -3,6 +3,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import useAppendClassName from './utils/useAppendClassName';
 import useDragAndDrop from './utils/useDragAndDrop';
 import useDroppable from './utils/useDroppable';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const Draggable = ({
   index,
   id,
@@ -55,11 +56,12 @@ const Draggable = ({
     onMouseDown: mouseDownHandler,
     onTouchStart: touchStartHandler
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children({
-    ref,
-    style,
-    handlers
-  }));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children({
+      ref,
+      style,
+      handlers
+    })
+  });
 };
-export default Draggable;
-//# sourceMappingURL=Draggable.js.map
+export default Draggable;

package/dist/Droppable.d.ts

@@ -0,0 +1,38 @@
+import React, { type RefObject } from 'react';
+import { type RenderDraggedNode } from './utils/NodeList';
+export interface DroppableChildrenProps {
+    /**
+     * The reference to the list.
+     * If a virtual list is used, pass it to the outerRef prop.
+     */
+    ref: RefObject<HTMLDivElement>;
+    /**
+     * The reference to the container inside the virtual list.
+     * Pass it to the innerRef prop.
+     */
+    innerRef: RefObject<HTMLDivElement>;
+}
+export interface DroppableProps {
+    /**
+     * The function that renders the dragged node.
+     */
+    renderDraggedNode: RenderDraggedNode;
+    /**
+     * The ID of the list with draggable nodes.
+     * Used to determine in which list the dragged node was dropped.
+     * @default undefined
+     */
+    id?: string;
+    /**
+     * Whether the list is horizontal.
+     * @default false
+     */
+    horizontal?: boolean;
+    /**
+     * The function that renders the list with draggable nodes.
+     */
+    children: (props: DroppableChildrenProps) => React.ReactNode;
+}
+declare const Droppable: React.FC<DroppableProps>;
+export default Droppable;
+//# sourceMappingURL=Droppable.d.ts.map

package/dist/Droppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Droppable.d.ts","sourceRoot":"","sources":["../src/Droppable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAiB,EAGf,KAAK,iBAAiB,EACvB,MAAM,kBAAkB,CAAC;AAK1B,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IACrC;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/{esm/Droppable.js → Droppable.js}

@@ -4,6 +4,7 @@ import NodeList from './utils/NodeList';
 import useDragAndDrop from './utils/useDragAndDrop';
 import { DroppableContext } from './utils/useDroppable';
 import useGeneratedId from './utils/useGeneratedId';
+import { jsx as _jsx } from "react/jsx-runtime";
 const Droppable = ({
   renderDraggedNode,
   id,
@@ -72,12 +73,12 @@ const Droppable = ({
     onMouseDown: mouseDownHandler,
     onTouchStart: touchStartHandler
   });
-  return /*#__PURE__*/React.createElement(DroppableContext.Provider, {
-    value: droppableContext
-  }, children({
-    ref,
-    innerRef
-  }));
+  return /*#__PURE__*/_jsx(DroppableContext.Provider, {
+    value: droppableContext,
+    children: children({
+      ref,
+      innerRef
+    })
+  });
 };
-export default Droppable;
-//# sourceMappingURL=Droppable.js.map
+export default Droppable;

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/{esm/index.js → index.js}

@@ -3,5 +3,4 @@ export { default as Droppable } from './Droppable';
 export { default as Draggable } from './Draggable';
 export * from './DragAndDrop';
 export * from './Droppable';
-export * from './Draggable';
-//# sourceMappingURL=index.js.map
+export * from './Draggable';

package/dist/utils/ListStore.d.ts

@@ -0,0 +1,22 @@
+import NodeList from './NodeList';
+/**
+ * Stores all the lists where the draggable items is located.
+ */
+declare class ListStore {
+    private lists;
+    constructor();
+    /**
+     * Adds a new list to the store.
+     */
+    add(list: NodeList): void;
+    /**
+     * Removes the list from the store.
+     */
+    remove(id: string): void;
+    /**
+     * Returns the list in which the position is located.
+     */
+    findByPosition(x: number, y: number): NodeList | undefined;
+}
+export default ListStore;
+//# sourceMappingURL=ListStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListStore.d.ts","sourceRoot":"","sources":["../../src/utils/ListStore.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;GAEG;AACH,cAAM,SAAS;IACb,OAAO,CAAC,KAAK,CAAa;;IAM1B;;OAEG;IACI,GAAG,CAAC,IAAI,EAAE,QAAQ;IAIzB;;OAEG;IACI,MAAM,CAAC,EAAE,EAAE,MAAM;IAMxB;;OAEG;IACI,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAa3C;AAED,eAAe,SAAS,CAAC"}

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

@@ -37,5 +37,4 @@ class ListStore {
     });
   }
 }
-export default ListStore;
-//# sourceMappingURL=ListStore.js.map
+export default ListStore;

package/dist/utils/NodeList.d.ts

@@ -0,0 +1,104 @@
+import React, { type CSSProperties, type RefObject } from 'react';
+export type Node = [Node, Node, RefObject<any>, (style: CSSProperties) => void, number, string] | null;
+export type ExistingNode = Exclude<Node, null>;
+export interface NodeProps {
+    ref: React.MutableRefObject<any>;
+    setStyle: (style: CSSProperties) => void;
+    index: number;
+    id: string;
+}
+interface RenderDraggedNodeProps {
+    /**
+     * The index of the dragged node.
+     */
+    index: number;
+    /**
+     * The ID of the dragged node.
+     */
+    id: string;
+    /**
+     * The style of the dragged node with position.
+     */
+    style: CSSProperties;
+}
+export type RenderDraggedNode = (props: RenderDraggedNodeProps) => React.ReactNode;
+interface InitProps {
+    id: string;
+    ref: RefObject<HTMLDivElement>;
+    innerRef: RefObject<HTMLDivElement>;
+    horizontal: boolean;
+    renderDraggedNode: RenderDraggedNode;
+}
+/**
+ * Stores all the draggable items in the list.
+ * The structure of the doubly linked list is used.
+ */
+declare class NodeList {
+    /**
+     * The ID of the list.
+     */
+    id: string;
+    /**
+     * The ref to the list.
+     */
+    ref: RefObject<HTMLDivElement>;
+    /**
+     * The inner ref to the list.
+     * Used by the virtual list.
+     */
+    innerRef: RefObject<HTMLDivElement>;
+    /**
+     * Whether the list is horizontal.
+     */
+    horizontal: boolean;
+    /**
+     * The callback that renders the dragged node.
+     */
+    renderDraggedNode: RenderDraggedNode;
+    /**
+     * The head of draggable nodes.
+     */
+    private head;
+    /**
+     * The tail of draggable nodes.
+     */
+    private tail;
+    /**
+     * Listeners of node addition events.
+     */
+    private listeners;
+    constructor(props: InitProps);
+    getHead(): Node;
+    getTail(): Node;
+    /**
+     * Adds the node to the beginning.
+     * TL: O(1).
+     */
+    private addToTheBeginning;
+    /**
+     * Adds the node to the end.
+     * TL: O(1).
+     */
+    private addToTheEnd;
+    /**
+     * Adds the node after the specified one.
+     * TL: O(1).
+     */
+    private static addAfter;
+    /**
+     * Adds a new node depends on its position.
+     * Called when a new node is mounted.
+     * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.
+     */
+    add(props: NodeProps): ExistingNode;
+    /**
+     * Removes the existing node.
+     * Called when the node is unmounted.
+     * TL: O(1).
+     */
+    remove(node: ExistingNode): void;
+    addListener(callback: (props: NodeProps) => void): void;
+    removeListener(callback: (props: NodeProps) => void): void;
+}
+export default NodeList;
+//# sourceMappingURL=NodeList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeList.d.ts","sourceRoot":"","sources":["../../src/utils/NodeList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlE,MAAM,MAAM,IAAI,GACZ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,GAC5E,IAAI,CAAC;AAET,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,sBAAsB;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,MAAM,iBAAiB,GAAG,CAC9B,KAAK,EAAE,sBAAsB,KAC1B,KAAK,CAAC,SAAS,CAAC;AAErB,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,iBAAiB,CAAC;CACtC;AAED;;;GAGG;AACH,cAAM,QAAQ;IACZ;;OAEG;IACI,EAAE,EAAE,MAAM,CAAC;IAElB;;OAEG;IACI,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAEtC;;;OAGG;IACI,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAE3C;;OAEG;IACI,UAAU,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACI,iBAAiB,EAAE,iBAAiB,CAAC;IAE5C;;OAEG;IACH,OAAO,CAAC,IAAI,CAAO;IAEnB;;OAEG;IACH,OAAO,CAAC,IAAI,CAAO;IAEnB;;OAEG;IACH,OAAO,CAAC,SAAS,CAAoC;gBAElC,KAAK,EAAE,SAAS;IAW5B,OAAO;IAIP,OAAO;IAId;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAezB;;;OAGG;IACH,OAAO,CAAC,WAAW;IAenB;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ;IAMvB;;;;OAIG;IACI,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY;IA2C1C;;;;OAIG;IACI,MAAM,CAAC,IAAI,EAAE,YAAY;IAuBzB,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI;IAIhD,cAAc,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI;CAI3D;AAED,eAAe,QAAQ,CAAC"}

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

@@ -1,4 +1,4 @@
-/* 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]
 
@@ -176,5 +176,4 @@ class NodeList {
     this.listeners.splice(index, 1);
   }
 }
-export default NodeList;
-//# sourceMappingURL=NodeList.js.map
+export default NodeList;

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

@@ -0,0 +1 @@
+{"version":3,"file":"getElementOffset.d.ts","sourceRoot":"","sources":["../../src/utils/getElementOffset.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,YAAa,WAAW;;;CAU7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -12,5 +12,4 @@ const getElementOffset = element => {
     offsetTop
   };
 };
-export default getElementOffset;
-//# sourceMappingURL=getElementOffset.js.map
+export default getElementOffset;

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

@@ -0,0 +1 @@
+{"version":3,"file":"getElementScroll.d.ts","sourceRoot":"","sources":["../../src/utils/getElementScroll.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,YAAa,WAAW;;;CAU7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -12,5 +12,4 @@ const getElementScroll = element => {
     scrollTop
   };
 };
-export default getElementScroll;
-//# sourceMappingURL=getElementScroll.js.map
+export default getElementScroll;

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

@@ -1,4 +1,7 @@
-import { RefObject } from 'react';
+import type { RefObject } from 'react';
+/**
+ * Computes the bounds of the existing node without considering transforms.
+ */
 declare const getNodeRect: (ref: RefObject<HTMLElement>) => {
     left: number;
     top: number;

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

@@ -0,0 +1 @@
+{"version":3,"file":"getNodeRect.d.ts","sourceRoot":"","sources":["../../src/utils/getNodeRect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;GAEG;AACH,QAAA,MAAM,WAAW,QAAS,SAAS,CAAC,WAAW,CAAC;;;;;QAmB/C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -31,5 +31,4 @@ const getNodeRect = ref => {
     bottom: top + height
   };
 };
-export default getNodeRect;
-//# sourceMappingURL=getNodeRect.js.map
+export default getNodeRect;

package/dist/utils/useAppendClassName.d.ts

@@ -0,0 +1,7 @@
+import { type RefObject } from 'react';
+/**
+ * Adds a new class name to the element.
+ */
+declare const useAppendClassName: (ref: RefObject<HTMLElement>, className: string) => void;
+export default useAppendClassName;
+//# sourceMappingURL=useAppendClassName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppendClassName.d.ts","sourceRoot":"","sources":["../../src/utils/useAppendClassName.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD;;GAEG;AACH,QAAA,MAAM,kBAAkB,QAAS,SAAS,CAAC,WAAW,CAAC,aAAa,MAAM,SAYzE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -14,5 +14,4 @@ const useAppendClassName = (ref, className) => {
     };
   }, [className, ref]);
 };
-export default useAppendClassName;
-//# sourceMappingURL=useAppendClassName.js.map
+export default useAppendClassName;

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

@@ -11,6 +11,10 @@ interface UseBlankNodeProps {
     targetList: NodeList | null;
     initDraggedNodeRect: InitSize | null;
 }
+/**
+ * Appends the blank node to the list to increase the height of it.
+ * Used when the dragged node is located inside another list.
+ */
 declare const useBlankNode: (props: UseBlankNodeProps) => () => void;
 export default useBlankNode;
 //# sourceMappingURL=useBlankNode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBlankNode.d.ts","sourceRoot":"","sources":["../../src/utils/useBlankNode.ts"],"names":[],"mappings":"AACA,OAAO,QAA+B,MAAM,YAAY,CAAC;AAEzD,UAAU,QAAQ;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5B,mBAAmB,EAAE,QAAQ,GAAG,IAAI,CAAC;CACtC;AAOD;;;GAGG;AACH,QAAA,MAAM,YAAY,UAAW,iBAAiB,eA0E7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -79,5 +79,4 @@ const useBlankNode = props => {
   }, [draggedNode, removeBlankNode]);
   return removeBlankNode;
 };
-export default useBlankNode;
-//# sourceMappingURL=useBlankNode.js.map
+export default useBlankNode;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDragAndDrop.d.ts","sourceRoot":"","sources":["../../src/utils/useDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAc,MAAM,OAAO,CAAC;AAC5E,OAAO,QAAQ,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;AAE9E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC1C,YAAY,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,wCAM7B,CAAC;AAEH,QAAA,MAAM,cAAc,QAAO,uBACK,CAAC;AAEjC,eAAe,cAAc,CAAC"}

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

@@ -7,5 +7,4 @@ export const DragAndDropContext = /*#__PURE__*/React.createContext({
   nodeClassName: ''
 });
 const useDragAndDrop = () => useContext(DragAndDropContext);
-export default useDragAndDrop;
-//# sourceMappingURL=useDragAndDrop.js.map
+export default useDragAndDrop;

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

@@ -1,7 +1,7 @@
-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';
-import NodeList, { ExistingNode } from './NodeList';
+import NodeList, { type ExistingNode } from './NodeList';
 export interface DraggedNode {
     list: NodeList;
     node: ExistingNode;

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDragEffect.d.ts","sourceRoot":"","sources":["../../src/utils/useDragEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,EAAE,EACf,KAAK,YAAY,EAGlB,MAAM,YAAY,CAAC;AAUpB,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAOD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,cAAc,GAAG,CAC3B,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,YAAY,KACjB,IAAI,CAAC;AAEV,UAAU,kBAAkB;IAC1B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC;IACzB,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,EAAE,cAAc,CAAC;CAC3B;AAeD,QAAA,MAAM,aAAa,UAAW,kBAAkB,SAoa/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -19,9 +19,6 @@ const createEmptyNode = ({
 }) => [prev, next, {
   current: null
 }, () => {}, -1, 'id'];
-
-/* eslint-disable no-constant-condition */
-
 const useDragEffect = props => {
   const {
     draggedNode,
@@ -416,7 +413,6 @@ const useDragEffect = props => {
   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;
@@ -430,5 +426,4 @@ const useDragEffect = props => {
     };
   }, [draggedNode]);
 };
-export default useDragEffect;
-//# sourceMappingURL=useDragEffect.js.map
+export default useDragEffect;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDroppable.d.ts","sourceRoot":"","sources":["../../src/utils/useDroppable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAc,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE1D,UAAU,qBAAqB;IAC7B,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,YAAY,CAAC;IACjD,cAAc,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,gBAAgB,sCAM3B,CAAC;AAEH,QAAA,MAAM,YAAY,QAAO,qBAAqD,CAAC;AAE/E,eAAe,YAAY,CAAC"}

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

@@ -8,5 +8,4 @@ export const DroppableContext = /*#__PURE__*/React.createContext({
   onTouchStart: () => {}
 });
 const useDroppable = () => useContext(DroppableContext);
-export default useDroppable;
-//# sourceMappingURL=useDroppable.js.map
+export default useDroppable;

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGeneratedId.d.ts","sourceRoot":"","sources":["../../src/utils/useGeneratedId.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc,cACoC,CAAC;AAEzD,eAAe,cAAc,CAAC"}

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

@@ -1,4 +1,3 @@
 import { useMemo } from 'react';
 const useGeneratedId = () => useMemo(() => Math.random().toString(16).slice(2), []);
-export default useGeneratedId;
-//# sourceMappingURL=useGeneratedId.js.map
+export default useGeneratedId;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetNodeStyle.d.ts","sourceRoot":"","sources":["../../src/utils/useGetNodeStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAkC,MAAM,OAAO,CAAC;AAE3E,UAAU,QAAQ;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,CAC5B,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,UAAU,EAAE,OAAO,KAChB,aAAa,CAAC;AAEnB,QAAA,MAAM,eAAe,SAAU,QAAQ,GAAG,IAAI,KAAG,eAmBhD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -14,5 +14,4 @@ const useGetNodeStyle = size => {
     return style;
   }, []);
 };
-export default useGetNodeStyle;
-//# sourceMappingURL=useGetNodeStyle.js.map
+export default useGetNodeStyle;

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

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