@os-design/drag-sort 1.0.33 → 1.0.35

package/dist/DragAndDrop.d.ts

@@ -1,6 +1,6 @@
 import { type PortalProps } from '@os-design/portal';
 import React from 'react';
-import { type DragEndHandler } from './utils/useDragEffect';
+import { type DragEndHandler } from './utils/useDragEffect.js';
 export interface DragAndDropProps {
     /**
      * The container in which the dragged node will be rendered.
@@ -47,6 +47,6 @@ export interface DragAndDropProps {
  * The container containing one or more lists with draggable nodes.
  */
 declare const DragAndDrop: React.FC<DragAndDropProps>;
-export type { DragEndHandler } from './utils/useDragEffect';
+export type { DragEndHandler } from './utils/useDragEffect.js';
 export default DragAndDrop;
 //# sourceMappingURL=DragAndDrop.d.ts.map

package/dist/DragAndDrop.d.ts.map

@@ -1 +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"}
+{"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,0BAA0B,CAAC;AAKlC,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,0BAA0B,CAAC;AAE/D,eAAe,WAAW,CAAC"}

package/dist/DragAndDrop.js

@@ -4,12 +4,12 @@ import useDrag from '@os-design/use-drag';
 import useMemoObject from '@os-design/use-memo-object';
 import usePreventDefaultEvent from '@os-design/use-prevent-default-event';
 import React, { useCallback, useMemo, useRef, useState } from 'react';
-import ListStore from "./utils/ListStore.js";
-import { DragAndDropContext } from "./utils/useDragAndDrop.js";
-import useDragEffect from "./utils/useDragEffect.js";
-import useGeneratedId from "./utils/useGeneratedId.js";
-import useInitRect from "./utils/useInitRect.js";
-import useTransitionStyle from "./utils/useTransitionStyle.js";
+import ListStore from './utils/ListStore.js';
+import { DragAndDropContext } from './utils/useDragAndDrop.js';
+import useDragEffect from './utils/useDragEffect.js';
+import useGeneratedId from './utils/useGeneratedId.js';
+import useInitRect from './utils/useInitRect.js';
+import useTransitionStyle from './utils/useTransitionStyle.js';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The container containing one or more lists with draggable nodes.

package/dist/Draggable.js

@@ -1,8 +1,8 @@
 import useMemoObject from '@os-design/use-memo-object';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import useAppendClassName from "./utils/useAppendClassName.js";
-import useDragAndDrop from "./utils/useDragAndDrop.js";
-import useDroppable from "./utils/useDroppable.js";
+import useAppendClassName from './utils/useAppendClassName.js';
+import useDragAndDrop from './utils/useDragAndDrop.js';
+import useDroppable from './utils/useDroppable.js';
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const Draggable = ({
   index,

package/dist/Droppable.d.ts

@@ -1,5 +1,5 @@
 import React, { type RefObject } from 'react';
-import { type RenderDraggedNode } from './utils/NodeList';
+import { type RenderDraggedNode } from './utils/NodeList.js';
 export interface DroppableChildrenProps {
     /**
      * The reference to the list.

package/dist/Droppable.d.ts.map

@@ -1 +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"}
+{"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,qBAAqB,CAAC;AAK7B,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/Droppable.js

@@ -1,9 +1,9 @@
 import useMemoObject from '@os-design/use-memo-object';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import NodeList from "./utils/NodeList.js";
-import useDragAndDrop from "./utils/useDragAndDrop.js";
-import { DroppableContext } from "./utils/useDroppable.js";
-import useGeneratedId from "./utils/useGeneratedId.js";
+import NodeList from './utils/NodeList.js';
+import useDragAndDrop from './utils/useDragAndDrop.js';
+import { DroppableContext } from './utils/useDroppable.js';
+import useGeneratedId from './utils/useGeneratedId.js';
 import { jsx as _jsx } from "react/jsx-runtime";
 const Droppable = ({
   renderDraggedNode,

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { default as DragAndDrop } from './DragAndDrop';
-export { default as Droppable } from './Droppable';
-export { default as Draggable } from './Draggable';
-export * from './DragAndDrop';
-export * from './Droppable';
-export * from './Draggable';
+export { default as DragAndDrop } from './DragAndDrop.js';
+export { default as Droppable } from './Droppable.js';
+export { default as Draggable } from './Draggable.js';
+export * from './DragAndDrop.js';
+export * from './Droppable.js';
+export * from './Draggable.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEtD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
-export { default as DragAndDrop } from "./DragAndDrop.js";
-export { default as Droppable } from "./Droppable.js";
-export { default as Draggable } from "./Draggable.js";
-export * from "./DragAndDrop.js";
-export * from "./Droppable.js";
-export * from "./Draggable.js";
+export { default as DragAndDrop } from './DragAndDrop.js';
+export { default as Droppable } from './Droppable.js';
+export { default as Draggable } from './Draggable.js';
+export * from './DragAndDrop.js';
+export * from './Droppable.js';
+export * from './Draggable.js';

package/dist/utils/ListStore.d.ts

@@ -1,4 +1,4 @@
-import NodeList from './NodeList';
+import NodeList from './NodeList.js';
 /**
  * Stores all the lists where the draggable items is located.
  */

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

@@ -1 +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"}
+{"version":3,"file":"ListStore.d.ts","sourceRoot":"","sources":["../../src/utils/ListStore.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC;;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/utils/getNodeRect.js

@@ -1,5 +1,6 @@
-import getElementOffset from "./getElementOffset.js";
-import getElementScroll from "./getElementScroll.js";
+import getElementOffset from './getElementOffset.js';
+import getElementScroll from './getElementScroll.js';
+
 /**
  * Computes the bounds of the existing node without considering transforms.
  */

package/dist/utils/useBlankNode.d.ts

@@ -1,4 +1,4 @@
-import NodeList from './NodeList';
+import NodeList from './NodeList.js';
 interface InitSize {
     initWidth: number;
     initHeight: number;

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

@@ -1 +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"}
+{"version":3,"file":"useBlankNode.d.ts","sourceRoot":"","sources":["../../src/utils/useBlankNode.ts"],"names":[],"mappings":"AACA,OAAO,QAA+B,MAAM,eAAe,CAAC;AAE5D,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/utils/useDragAndDrop.d.ts

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

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

@@ -1 +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"}
+{"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,eAAe,CAAC;AAE5D,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/utils/useDragEffect.d.ts

@@ -1,7 +1,7 @@
 import type { Position } from '@os-design/use-drag';
 import { type RefObject } from 'react';
-import ListStore from './ListStore';
-import NodeList, { type ExistingNode } from './NodeList';
+import ListStore from './ListStore.js';
+import NodeList, { type ExistingNode } from './NodeList.js';
 export interface DraggedNode {
     list: NodeList;
     node: ExistingNode;

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

@@ -1 +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"}
+{"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,gBAAgB,CAAC;AACvC,OAAO,QAAQ,EAAE,EACf,KAAK,YAAY,EAGlB,MAAM,eAAe,CAAC;AAUvB,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/utils/useDragEffect.js

@@ -1,14 +1,14 @@
 import useEvent from '@os-design/use-event';
 import useThrottle from '@os-design/use-throttle';
 import { useCallback, useEffect, useMemo, useRef } from 'react';
-import getElementScroll from "./getElementScroll.js";
-import getNodeRect from "./getNodeRect.js";
-import useBlankNode from "./useBlankNode.js";
-import useGetNodeStyle from "./useGetNodeStyle.js";
-import useInitRect from "./useInitRect.js";
-import useInitScrollOffset from "./useInitScrollOffset.js";
-import useMoveNode from "./useMoveNode.js";
-import useTargetList from "./useTargetList.js";
+import getElementScroll from './getElementScroll.js';
+import getNodeRect from './getNodeRect.js';
+import useBlankNode from './useBlankNode.js';
+import useGetNodeStyle from './useGetNodeStyle.js';
+import useInitRect from './useInitRect.js';
+import useInitScrollOffset from './useInitScrollOffset.js';
+import useMoveNode from './useMoveNode.js';
+import useTargetList from './useTargetList.js';
 const HIDDEN_NODE_STYLE = {
   opacity: 0,
   pointerEvents: 'none'

package/dist/utils/useDroppable.d.ts

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

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

@@ -1 +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"}
+{"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,eAAe,CAAC;AAE7D,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/utils/useInitScrollOffset.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import getElementScroll from "./getElementScroll.js";
+import getElementScroll from './getElementScroll.js';
 const useInitScrollOffset = ref => useMemo(() => {
   if (!ref || !ref.current) return null;
   const scrollOffset = getElementScroll(ref.current);

package/dist/utils/useMoveNode.d.ts

@@ -1,6 +1,6 @@
 import { type Position } from '@os-design/use-drag';
-import NodeList, { type ExistingNode } from './NodeList';
-import type { NodeStyleGetter } from './useGetNodeStyle';
+import NodeList, { type ExistingNode } from './NodeList.js';
+import type { NodeStyleGetter } from './useGetNodeStyle.js';
 interface DraggedNode {
     node: ExistingNode;
 }
@@ -16,6 +16,6 @@ interface MoveProps {
     destination: 'cursor' | 'end';
     isAnotherList?: boolean;
 }
-declare const useMoveNode: (props: UseMoveNodeProps) => (options: MoveProps) => [import("./NodeList").Node, import("./NodeList").Node, import("react").RefObject<any>, (style: import("react").CSSProperties) => void, number, string];
+declare const useMoveNode: (props: UseMoveNodeProps) => (options: MoveProps) => [import("./NodeList.js").Node, import("./NodeList.js").Node, import("react").RefObject<any>, (style: import("react").CSSProperties) => void, number, string];
 export default useMoveNode;
 //# sourceMappingURL=useMoveNode.d.ts.map

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

@@ -1 +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"}
+{"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,eAAe,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,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,iKAgEtB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/utils/useMoveNode.js

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import getNodeRect from "./getNodeRect.js";
+import getNodeRect from './getNodeRect.js';
 const useMoveNode = props => {
   const {
     position,

package/dist/utils/useTargetList.d.ts

@@ -1,6 +1,6 @@
 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;
+import ListStore from './ListStore.js';
+declare const useTargetList: (position: Position | null, listStoreRef: RefObject<ListStore>) => import("./NodeList.js").default | null;
 export default useTargetList;
 //# sourceMappingURL=useTargetList.d.ts.map

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

@@ -1 +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"}
+{"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,gBAAgB,CAAC;AAGvC,QAAA,MAAM,aAAa,aACP,QAAQ,GAAG,IAAI,gBACX,SAAS,CAAC,SAAS,CAAC,2CAoBnC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/utils/useTargetList.js

@@ -1,6 +1,6 @@
 import useThrottle from '@os-design/use-throttle';
 import { useCallback, useMemo, useState } from 'react';
-import useScrollEventByPoint from "./useScrollEventByPoint.js";
+import useScrollEventByPoint from './useScrollEventByPoint.js';
 const useTargetList = (position, listStoreRef) => {
   const [number, setNumber] = useState(0);
   const targetList = useMemo(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/drag-sort",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -29,22 +29,22 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/portal": "^1.0.20",
-    "@os-design/use-auto-scroll": "^1.0.24",
-    "@os-design/use-drag": "^1.0.22",
-    "@os-design/use-event": "^1.0.25",
-    "@os-design/use-memo-object": "^1.0.20",
-    "@os-design/use-prevent-default-event": "^1.0.22",
-    "@os-design/use-throttle": "^1.0.24"
+    "@os-design/portal": "^1.0.21",
+    "@os-design/use-auto-scroll": "^1.0.25",
+    "@os-design/use-drag": "^1.0.23",
+    "@os-design/use-event": "^1.0.26",
+    "@os-design/use-memo-object": "^1.0.22",
+    "@os-design/use-prevent-default-event": "^1.0.23",
+    "@os-design/use-throttle": "^1.0.26"
   },
   "devDependencies": {
-    "@os-design/omit-emotion-props": "^1.0.22",
-    "@os-design/use-size": "^1.0.26",
+    "@os-design/omit-emotion-props": "^1.0.24",
+    "@os-design/use-size": "^1.0.27",
     "react-window": "^1.8.10"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "53c233a23d50ce2f7d9bc3ae9c96d9142e14b7ac"
+  "gitHead": "6d9438b5e0aa2deb50cba4e59fe409ab6c3c4e46"
 }

package/src/DragAndDrop.tsx

@@ -16,16 +16,16 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import ListStore from './utils/ListStore';
-import NodeList, { type ExistingNode } from './utils/NodeList';
-import { DragAndDropContext } from './utils/useDragAndDrop';
+import ListStore from './utils/ListStore.js';
+import NodeList, { type ExistingNode } from './utils/NodeList.js';
+import { DragAndDropContext } from './utils/useDragAndDrop.js';
 import useDragEffect, {
   type DragEndHandler,
   type DraggedNode,
-} from './utils/useDragEffect';
-import useGeneratedId from './utils/useGeneratedId';
-import useInitRect from './utils/useInitRect';
-import useTransitionStyle from './utils/useTransitionStyle';
+} from './utils/useDragEffect.js';
+import useGeneratedId from './utils/useGeneratedId.js';
+import useInitRect from './utils/useInitRect.js';
+import useTransitionStyle from './utils/useTransitionStyle.js';
 
 export interface DragAndDropProps {
   /**
@@ -227,6 +227,6 @@ const DragAndDrop: React.FC<DragAndDropProps> = ({
   );
 };
 
-export type { DragEndHandler } from './utils/useDragEffect';
+export type { DragEndHandler } from './utils/useDragEffect.js';
 
 export default DragAndDrop;

package/src/Draggable.tsx

@@ -9,10 +9,10 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import type { Node } from './utils/NodeList';
-import useAppendClassName from './utils/useAppendClassName';
-import useDragAndDrop from './utils/useDragAndDrop';
-import useDroppable from './utils/useDroppable';
+import type { Node } from './utils/NodeList.js';
+import useAppendClassName from './utils/useAppendClassName.js';
+import useDragAndDrop from './utils/useDragAndDrop.js';
+import useDroppable from './utils/useDroppable.js';
 
 export interface DraggableHandlers {
   /**

package/src/Droppable.tsx

@@ -12,10 +12,10 @@ import NodeList, {
   type ExistingNode,
   type NodeProps,
   type RenderDraggedNode,
-} from './utils/NodeList';
-import useDragAndDrop from './utils/useDragAndDrop';
-import { DroppableContext } from './utils/useDroppable';
-import useGeneratedId from './utils/useGeneratedId';
+} from './utils/NodeList.js';
+import useDragAndDrop from './utils/useDragAndDrop.js';
+import { DroppableContext } from './utils/useDroppable.js';
+import useGeneratedId from './utils/useGeneratedId.js';
 
 export interface DroppableChildrenProps {
   /**

package/src/index.ts

@@ -1,7 +1,7 @@
-export { default as DragAndDrop } from './DragAndDrop';
-export { default as Droppable } from './Droppable';
-export { default as Draggable } from './Draggable';
+export { default as DragAndDrop } from './DragAndDrop.js';
+export { default as Droppable } from './Droppable.js';
+export { default as Draggable } from './Draggable.js';
 
-export * from './DragAndDrop';
-export * from './Droppable';
-export * from './Draggable';
+export * from './DragAndDrop.js';
+export * from './Droppable.js';
+export * from './Draggable.js';

package/src/utils/ListStore.ts

@@ -1,4 +1,4 @@
-import NodeList from './NodeList';
+import NodeList from './NodeList.js';
 
 /**
  * Stores all the lists where the draggable items is located.

package/src/utils/getNodeRect.ts

@@ -1,6 +1,6 @@
 import type { RefObject } from 'react';
-import getElementOffset from './getElementOffset';
-import getElementScroll from './getElementScroll';
+import getElementOffset from './getElementOffset.js';
+import getElementScroll from './getElementScroll.js';
 
 /**
  * Computes the bounds of the existing node without considering transforms.

package/src/utils/useBlankNode.ts

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

package/src/utils/useDragAndDrop.ts

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

package/src/utils/useDragEffect.ts

@@ -9,20 +9,20 @@ import {
   useMemo,
   useRef,
 } from 'react';
-import ListStore from './ListStore';
+import ListStore from './ListStore.js';
 import NodeList, {
   type ExistingNode,
   type Node,
   type NodeProps,
-} from './NodeList';
-import getElementScroll from './getElementScroll';
-import getNodeRect from './getNodeRect';
-import useBlankNode from './useBlankNode';
-import useGetNodeStyle from './useGetNodeStyle';
-import useInitRect from './useInitRect';
-import useInitScrollOffset from './useInitScrollOffset';
-import useMoveNode from './useMoveNode';
-import useTargetList from './useTargetList';
+} from './NodeList.js';
+import getElementScroll from './getElementScroll.js';
+import getNodeRect from './getNodeRect.js';
+import useBlankNode from './useBlankNode.js';
+import useGetNodeStyle from './useGetNodeStyle.js';
+import useInitRect from './useInitRect.js';
+import useInitScrollOffset from './useInitScrollOffset.js';
+import useMoveNode from './useMoveNode.js';
+import useTargetList from './useTargetList.js';
 
 export interface DraggedNode {
   list: NodeList;

package/src/utils/useDroppable.ts

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

package/src/utils/useInitScrollOffset.ts

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

package/src/utils/useMoveNode.ts

@@ -1,8 +1,8 @@
 import { type Position } from '@os-design/use-drag';
 import { useCallback } from 'react';
-import NodeList, { type ExistingNode } from './NodeList';
-import getNodeRect from './getNodeRect';
-import type { NodeStyleGetter } from './useGetNodeStyle';
+import NodeList, { type ExistingNode } from './NodeList.js';
+import getNodeRect from './getNodeRect.js';
+import type { NodeStyleGetter } from './useGetNodeStyle.js';
 
 interface DraggedNode {
   node: ExistingNode;

package/src/utils/useTargetList.ts

@@ -1,8 +1,8 @@
 import type { Position } from '@os-design/use-drag';
 import useThrottle from '@os-design/use-throttle';
 import { type RefObject, useCallback, useMemo, useState } from 'react';
-import ListStore from './ListStore';
-import useScrollEventByPoint from './useScrollEventByPoint';
+import ListStore from './ListStore.js';
+import useScrollEventByPoint from './useScrollEventByPoint.js';
 
 const useTargetList = (
   position: Position | null,