@os-design/drag-sort 1.0.1 → 1.0.5

package/dist/esm/utils/useMoveNode.js

@@ -2,61 +2,74 @@ import { useCallback } from 'react';
 import getNodeRect from './getNodeRect';
 
 /* eslint-disable no-constant-condition */
-const useMoveNode = (position, draggedNode, getNodeStyle) => useCallback(props => {
+const useMoveNode = props => {
   const {
-    list,
-    startNode,
-    type,
-    untilTheEnd = false,
-    insideAnotherList = false
+    position,
+    draggedNode,
+    getNodeStyle
   } = props;
-  if (!draggedNode || !position) return startNode;
-  const [,,,, draggedNodeIndex] = draggedNode.node;
-  const axis = list.horizontal ? 'x' : 'y';
-  let node = startNode;
-
-  if (type === 'up') {
-    while (true) {
-      const [prev,,, nodeSetStyle, nodeIndex] = node;
-      if (!prev) return node;
-      const [,, prevNodeRef, prevNodeSetStyle, prevNodeIndex] = prev;
-
-      if (!untilTheEnd) {
-        const prevNodeRect = getNodeRect(prevNodeRef);
-        const rectProp = list.horizontal ? 'right' : 'bottom';
-        if (prevNodeRect && position[axis] > prevNodeRect[rectProp]) return node;
-      }
+  return useCallback(options => {
+    const {
+      list,
+      startNode,
+      direction,
+      destination,
+      isAnotherList = false
+    } = options;
+    if (!draggedNode || !position) return startNode;
+    const [,,,, draggedNodeIndex] = draggedNode.node;
+    const axis = list.horizontal ? 'x' : 'y';
+    const startRectProp = list.horizontal ? 'left' : 'top';
+    const endRectProp = list.horizontal ? 'right' : 'bottom';
+    let node = startNode;
 
-      if (insideAnotherList || prevNodeIndex < draggedNodeIndex) {
-        prevNodeSetStyle(getNodeStyle('down', list.horizontal));
-      } else if (nodeIndex > draggedNodeIndex) {
-        nodeSetStyle(getNodeStyle('init', list.horizontal));
-      }
+    if (direction === 'up') {
+      while (true) {
+        const [prev,,, nodeSetStyle, nodeIndex] = node;
+        if (!prev) return node;
+        const [,, prevNodeRef, prevNodeSetStyle, prevNodeIndex] = prev;
 
-      node = prev;
-    }
-  } else {
-    while (true) {
-      const [, next,, nodeSetStyle, nodeIndex] = node;
-      if (!next) return node;
-      const [,, nextNodeRef, nextNodeSetStyle, nextNodeIndex] = next;
-
-      if (!untilTheEnd) {
-        const nextNodeRect = getNodeRect(nextNodeRef);
-        const rectProp = list.horizontal ? 'left' : 'top';
-        if (nextNodeRect && position[axis] < nextNodeRect[rectProp]) return node;
-      }
+        if (destination === 'cursor') {
+          const prevNodeRect = getNodeRect(prevNodeRef);
+
+          if (prevNodeRect && position[axis] > prevNodeRect[endRectProp]) {
+            return node;
+          }
+        }
 
-      if (insideAnotherList || nodeIndex < draggedNodeIndex) {
-        nodeSetStyle(getNodeStyle('init', list.horizontal));
-      } else if (nextNodeIndex > draggedNodeIndex) {
-        nextNodeSetStyle(getNodeStyle('up', list.horizontal));
+        if (isAnotherList || prevNodeIndex < draggedNodeIndex) {
+          prevNodeSetStyle(getNodeStyle('down', list.horizontal));
+        } else if (nodeIndex > draggedNodeIndex) {
+          nodeSetStyle(getNodeStyle('init', list.horizontal));
+        }
+
+        node = prev;
       }
+    } else {
+      while (true) {
+        const [, next,, nodeSetStyle, nodeIndex] = node;
+        if (!next) return node;
+        const [,, nextNodeRef, nextNodeSetStyle, nextNodeIndex] = next;
+
+        if (destination === 'cursor') {
+          const nextNodeRect = getNodeRect(nextNodeRef);
+
+          if (nextNodeRect && position[axis] < nextNodeRect[startRectProp]) {
+            return node;
+          }
+        }
 
-      node = next;
+        if (isAnotherList || nodeIndex < draggedNodeIndex) {
+          nodeSetStyle(getNodeStyle('init', list.horizontal));
+        } else if (nextNodeIndex > draggedNodeIndex) {
+          nextNodeSetStyle(getNodeStyle('up', list.horizontal));
+        }
+
+        node = next;
+      }
     }
-  }
-}, [draggedNode, getNodeStyle, position]);
+  }, [draggedNode, getNodeStyle, position]);
+};
 
 export default useMoveNode;
 //# sourceMappingURL=useMoveNode.js.map

package/dist/esm/utils/useMoveNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/useMoveNode.ts"],"names":["useCallback","getNodeRect","useMoveNode","position","draggedNode","getNodeStyle","props","list","startNode","type","untilTheEnd","insideAnotherList","draggedNodeIndex","node","axis","horizontal","prev","nodeSetStyle","nodeIndex","prevNodeRef","prevNodeSetStyle","prevNodeIndex","prevNodeRect","rectProp","next","nextNodeRef","nextNodeSetStyle","nextNodeIndex","nextNodeRect"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AAKA,OAAOC,WAAP,MAAwB,eAAxB;;AAWA;AAEA,MAAMC,WAAW,GAAG,CAClBC,QADkB,EAElBC,WAFkB,EAGlBC,YAHkB,KAKlBL,WAAW,CACRM,KAAD,IAAsB;AACpB,QAAM;AACJC,IAAAA,IADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,WAAW,GAAG,KAJV;AAKJC,IAAAA,iBAAiB,GAAG;AALhB,MAMFL,KANJ;AAQA,MAAI,CAACF,WAAD,IAAgB,CAACD,QAArB,EAA+B,OAAOK,SAAP;AAC/B,QAAM,MAASI,gBAAT,IAA6BR,WAAW,CAACS,IAA/C;AACA,QAAMC,IAAI,GAAGP,IAAI,CAACQ,UAAL,GAAkB,GAAlB,GAAwB,GAArC;AACA,MAAIF,IAAI,GAAGL,SAAX;;AAEA,MAAIC,IAAI,KAAK,IAAb,EAAmB;AACjB,WAAO,IAAP,EAAa;AACX,YAAM,CAACO,IAAD,IAAWC,YAAX,EAAyBC,SAAzB,IAAsCL,IAA5C;AACA,UAAI,CAACG,IAAL,EAAW,OAAOH,IAAP;AACX,YAAM,IAAKM,WAAL,EAAkBC,gBAAlB,EAAoCC,aAApC,IAAqDL,IAA3D;;AACA,UAAI,CAACN,WAAL,EAAkB;AAChB,cAAMY,YAAY,GAAGrB,WAAW,CAACkB,WAAD,CAAhC;AACA,cAAMI,QAAQ,GAAGhB,IAAI,CAACQ,UAAL,GAAkB,OAAlB,GAA4B,QAA7C;AACA,YAAIO,YAAY,IAAInB,QAAQ,CAACW,IAAD,CAAR,GAAiBQ,YAAY,CAACC,QAAD,CAAjD,EACE,OAAOV,IAAP;AACH;;AACD,UAAIF,iBAAiB,IAAIU,aAAa,GAAGT,gBAAzC,EAA2D;AACzDQ,QAAAA,gBAAgB,CAACf,YAAY,CAAC,MAAD,EAASE,IAAI,CAACQ,UAAd,CAAb,CAAhB;AACD,OAFD,MAEO,IAAIG,SAAS,GAAGN,gBAAhB,EAAkC;AACvCK,QAAAA,YAAY,CAACZ,YAAY,CAAC,MAAD,EAASE,IAAI,CAACQ,UAAd,CAAb,CAAZ;AACD;;AACDF,MAAAA,IAAI,GAAGG,IAAP;AACD;AACF,GAlBD,MAkBO;AACL,WAAO,IAAP,EAAa;AACX,YAAM,GAAGQ,IAAH,GAAWP,YAAX,EAAyBC,SAAzB,IAAsCL,IAA5C;AACA,UAAI,CAACW,IAAL,EAAW,OAAOX,IAAP;AACX,YAAM,IAAKY,WAAL,EAAkBC,gBAAlB,EAAoCC,aAApC,IAAqDH,IAA3D;;AACA,UAAI,CAACd,WAAL,EAAkB;AAChB,cAAMkB,YAAY,GAAG3B,WAAW,CAACwB,WAAD,CAAhC;AACA,cAAMF,QAAQ,GAAGhB,IAAI,CAACQ,UAAL,GAAkB,MAAlB,GAA2B,KAA5C;AACA,YAAIa,YAAY,IAAIzB,QAAQ,CAACW,IAAD,CAAR,GAAiBc,YAAY,CAACL,QAAD,CAAjD,EACE,OAAOV,IAAP;AACH;;AACD,UAAIF,iBAAiB,IAAIO,SAAS,GAAGN,gBAArC,EAAuD;AACrDK,QAAAA,YAAY,CAACZ,YAAY,CAAC,MAAD,EAASE,IAAI,CAACQ,UAAd,CAAb,CAAZ;AACD,OAFD,MAEO,IAAIY,aAAa,GAAGf,gBAApB,EAAsC;AAC3Cc,QAAAA,gBAAgB,CAACrB,YAAY,CAAC,IAAD,EAAOE,IAAI,CAACQ,UAAZ,CAAb,CAAhB;AACD;;AACDF,MAAAA,IAAI,GAAGW,IAAP;AACD;AACF;AACF,CApDQ,EAqDT,CAACpB,WAAD,EAAcC,YAAd,EAA4BF,QAA5B,CArDS,CALb;;AA6DA,eAAeD,WAAf","sourcesContent":["import { useCallback } from 'react';\nimport { Position } from '@os-design/use-drag';\nimport NodeList, { ExistingNode } from './NodeList';\n// eslint-disable-next-line import/no-cycle\nimport { DraggedNode } from './useDragEffect';\nimport getNodeRect from './getNodeRect';\nimport { NodeStyleGetter } from './useGetNodeStyle';\n\ninterface MoveProps {\n  list: NodeList;\n  startNode: ExistingNode;\n  type: 'up' | 'down';\n  untilTheEnd?: boolean;\n  insideAnotherList?: boolean;\n}\n\n/* eslint-disable no-constant-condition */\n\nconst useMoveNode = (\n  position: Position | null,\n  draggedNode: DraggedNode | null,\n  getNodeStyle: NodeStyleGetter\n) =>\n  useCallback(\n    (props: MoveProps) => {\n      const {\n        list,\n        startNode,\n        type,\n        untilTheEnd = false,\n        insideAnotherList = false,\n      } = props;\n\n      if (!draggedNode || !position) return startNode;\n      const [, , , , draggedNodeIndex] = draggedNode.node;\n      const axis = list.horizontal ? 'x' : 'y';\n      let node = startNode;\n\n      if (type === 'up') {\n        while (true) {\n          const [prev, , , nodeSetStyle, nodeIndex] = node;\n          if (!prev) return node;\n          const [, , prevNodeRef, prevNodeSetStyle, prevNodeIndex] = prev;\n          if (!untilTheEnd) {\n            const prevNodeRect = getNodeRect(prevNodeRef);\n            const rectProp = list.horizontal ? 'right' : 'bottom';\n            if (prevNodeRect && position[axis] > prevNodeRect[rectProp])\n              return node;\n          }\n          if (insideAnotherList || prevNodeIndex < draggedNodeIndex) {\n            prevNodeSetStyle(getNodeStyle('down', list.horizontal));\n          } else if (nodeIndex > draggedNodeIndex) {\n            nodeSetStyle(getNodeStyle('init', list.horizontal));\n          }\n          node = prev;\n        }\n      } else {\n        while (true) {\n          const [, next, , nodeSetStyle, nodeIndex] = node;\n          if (!next) return node;\n          const [, , nextNodeRef, nextNodeSetStyle, nextNodeIndex] = next;\n          if (!untilTheEnd) {\n            const nextNodeRect = getNodeRect(nextNodeRef);\n            const rectProp = list.horizontal ? 'left' : 'top';\n            if (nextNodeRect && position[axis] < nextNodeRect[rectProp])\n              return node;\n          }\n          if (insideAnotherList || nodeIndex < draggedNodeIndex) {\n            nodeSetStyle(getNodeStyle('init', list.horizontal));\n          } else if (nextNodeIndex > draggedNodeIndex) {\n            nextNodeSetStyle(getNodeStyle('up', list.horizontal));\n          }\n          node = next;\n        }\n      }\n    },\n    [draggedNode, getNodeStyle, position]\n  );\n\nexport default useMoveNode;\n"],"file":"useMoveNode.js"}
+{"version":3,"sources":["../../../src/utils/useMoveNode.ts"],"names":["useCallback","getNodeRect","useMoveNode","props","position","draggedNode","getNodeStyle","options","list","startNode","direction","destination","isAnotherList","draggedNodeIndex","node","axis","horizontal","startRectProp","endRectProp","prev","nodeSetStyle","nodeIndex","prevNodeRef","prevNodeSetStyle","prevNodeIndex","prevNodeRect","next","nextNodeRef","nextNodeSetStyle","nextNodeIndex","nextNodeRect"],"mappings":"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","sourcesContent":["import { useCallback } from 'react';\nimport { Position } from '@os-design/use-drag';\nimport NodeList, { ExistingNode } from './NodeList';\nimport getNodeRect from './getNodeRect';\nimport { NodeStyleGetter } from './useGetNodeStyle';\n\ninterface DraggedNode {\n  node: ExistingNode;\n}\n\ninterface UseMoveNodeProps {\n  position: Position | null;\n  draggedNode: DraggedNode | null;\n  getNodeStyle: NodeStyleGetter;\n}\n\ninterface MoveProps {\n  list: NodeList;\n  startNode: ExistingNode;\n  direction: 'up' | 'down';\n  destination: 'cursor' | 'end';\n  isAnotherList?: boolean;\n}\n\n/* eslint-disable no-constant-condition */\n\nconst useMoveNode = (props: UseMoveNodeProps) => {\n  const { position, draggedNode, getNodeStyle } = props;\n\n  return useCallback(\n    (options: MoveProps) => {\n      const {\n        list,\n        startNode,\n        direction,\n        destination,\n        isAnotherList = false,\n      } = options;\n\n      if (!draggedNode || !position) return startNode;\n      const [, , , , draggedNodeIndex] = draggedNode.node;\n      const axis = list.horizontal ? 'x' : 'y';\n      const startRectProp = list.horizontal ? 'left' : 'top';\n      const endRectProp = list.horizontal ? 'right' : 'bottom';\n      let node = startNode;\n\n      if (direction === 'up') {\n        while (true) {\n          const [prev, , , nodeSetStyle, nodeIndex] = node;\n          if (!prev) return node;\n\n          const [, , prevNodeRef, prevNodeSetStyle, prevNodeIndex] = prev;\n\n          if (destination === 'cursor') {\n            const prevNodeRect = getNodeRect(prevNodeRef);\n            if (prevNodeRect && position[axis] > prevNodeRect[endRectProp]) {\n              return node;\n            }\n          }\n\n          if (isAnotherList || prevNodeIndex < draggedNodeIndex) {\n            prevNodeSetStyle(getNodeStyle('down', list.horizontal));\n          } else if (nodeIndex > draggedNodeIndex) {\n            nodeSetStyle(getNodeStyle('init', list.horizontal));\n          }\n\n          node = prev;\n        }\n      } else {\n        while (true) {\n          const [, next, , nodeSetStyle, nodeIndex] = node;\n          if (!next) return node;\n\n          const [, , nextNodeRef, nextNodeSetStyle, nextNodeIndex] = next;\n\n          if (destination === 'cursor') {\n            const nextNodeRect = getNodeRect(nextNodeRef);\n            if (nextNodeRect && position[axis] < nextNodeRect[startRectProp]) {\n              return node;\n            }\n          }\n\n          if (isAnotherList || nodeIndex < draggedNodeIndex) {\n            nodeSetStyle(getNodeStyle('init', list.horizontal));\n          } else if (nextNodeIndex > draggedNodeIndex) {\n            nextNodeSetStyle(getNodeStyle('up', list.horizontal));\n          }\n\n          node = next;\n        }\n      }\n    },\n    [draggedNode, getNodeStyle, position]\n  );\n};\n\nexport default useMoveNode;\n"],"file":"useMoveNode.js"}

package/dist/types/DragAndDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDrop.d.ts","sourceRoot":"","sources":["../../src/DragAndDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AASf,OAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKxD,OAAsB,EACpB,cAAc,EAEf,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAK/B,oBAAoB,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAKhD,cAAc,CAAC,EAAE,MAAM,CAAC;IAKxB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAK/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAK9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAK3B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B;AAUD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6I3C,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,OAAO,KAON,MAAM,OAAO,CAAC;AASf,OAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKxD,OAAsB,EACpB,cAAc,EAEf,MAAM,uBAAuB,CAAC;AAK/B,MAAM,WAAW,gBAAgB;IAK/B,oBAAoB,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAKhD,cAAc,CAAC,EAAE,MAAM,CAAC;IAKxB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAK/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAK9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAK3B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B;AAUD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkJ3C,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAe,WAAW,CAAC"}

package/dist/types/Draggable.d.ts

@@ -4,7 +4,7 @@ export interface DraggableHandlers {
     onTouchStart: (e: TouchEvent) => void;
 }
 export interface DraggableChildrenProps {
-    ref: RefObject<HTMLDivElement>;
+    ref: RefObject<any>;
     style: CSSProperties;
     handlers: DraggableHandlers;
 }

package/dist/types/Draggable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Draggable.d.ts","sourceRoot":"","sources":["../../src/Draggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,SAAS,EAKT,UAAU,EACV,UAAU,EACX,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,iBAAiB;IAIhC,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAIrC,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IAIrC,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAI/B,KAAK,EAAE,aAAa,CAAC;IAIrB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAI7B,KAAK,EAAE,MAAM,CAAC;IAId,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"}
+{"version":3,"file":"Draggable.d.ts","sourceRoot":"","sources":["../../src/Draggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,SAAS,EAKT,UAAU,EACV,UAAU,EACX,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,iBAAiB;IAIhC,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAIrC,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IAIrC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAIpB,KAAK,EAAE,aAAa,CAAC;IAIrB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAI7B,KAAK,EAAE,MAAM,CAAC;IAId,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/types/Droppable.d.ts

@@ -8,7 +8,7 @@ export interface DroppableProps {
     renderDraggedNode: RenderDraggedNode;
     id?: string;
     horizontal?: boolean;
-    children: React.ReactNode | ((props: DroppableChildrenProps) => React.ReactNode);
+    children: (props: DroppableChildrenProps) => React.ReactNode;
 }
 declare const Droppable: React.FC<DroppableProps>;
 export default Droppable;

package/dist/types/Droppable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Droppable.d.ts","sourceRoot":"","sources":["../../src/Droppable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAEf,OAAiB,EAGf,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAK1B,MAAM,WAAW,sBAAsB;IAKrC,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAK/B,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,cAAc;IAI7B,iBAAiB,EAAE,iBAAiB,CAAC;IAMrC,EAAE,CAAC,EAAE,MAAM,CAAC;IAKZ,UAAU,CAAC,EAAE,OAAO,CAAC;IAIrB,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC1D;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Droppable.d.ts","sourceRoot":"","sources":["../../src/Droppable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAEf,OAAiB,EAGf,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAK1B,MAAM,WAAW,sBAAsB;IAKrC,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAK/B,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,cAAc;IAI7B,iBAAiB,EAAE,iBAAiB,CAAC;IAMrC,EAAE,CAAC,EAAE,MAAM,CAAC;IAKZ,UAAU,CAAC,EAAE,OAAO,CAAC;IAIrB,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,9 +1,11 @@
 import NodeList from './NodeList';
-import { DraggedNode } from './useDragEffect';
 interface InitSize {
     initWidth: number;
     initHeight: number;
 }
+interface DraggedNode {
+    list: NodeList;
+}
 interface UseBlankNodeProps {
     draggedNode: DraggedNode | null;
     targetList: NodeList | null;

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

@@ -1 +1 @@
-{"version":3,"file":"useBlankNode.d.ts","sourceRoot":"","sources":["../../../src/utils/useBlankNode.ts"],"names":[],"mappings":"AACA,OAAO,QAA0B,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,UAAU,QAAQ;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;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;AAWD,QAAA,MAAM,YAAY,UAAW,iBAAiB,eAyE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"useBlankNode.d.ts","sourceRoot":"","sources":["../../../src/utils/useBlankNode.ts"],"names":[],"mappings":"AACA,OAAO,QAA0B,MAAM,YAAY,CAAC;AAEpD,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;AAWD,QAAA,MAAM,YAAY,UAAW,iBAAiB,eAyE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDragEffect.d.ts","sourceRoot":"","sources":["../../../src/utils/useDragEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,OAAO,QAAQ,EAAE,EAAE,YAAY,EAAmB,MAAM,YAAY,CAAC;AACrE,OAAO,SAAS,MAAM,aAAa,CAAC;AAYpC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAOD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,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;AAiBD,QAAA,MAAM,aAAa,UAAW,kBAAkB,SA6Y/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"useDragEffect.d.ts","sourceRoot":"","sources":["../../../src/utils/useDragEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,OAAO,QAAQ,EAAE,EAAE,YAAY,EAAmB,MAAM,YAAY,CAAC;AACrE,OAAO,SAAS,MAAM,aAAa,CAAC;AAUpC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAOD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,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;AAiBD,QAAA,MAAM,aAAa,UAAW,kBAAkB,SA6Z/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

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

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

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

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

@@ -1,15 +1,22 @@
 /// <reference types="react" />
 import { Position } from '@os-design/use-drag';
 import NodeList, { ExistingNode } from './NodeList';
-import { DraggedNode } from './useDragEffect';
 import { NodeStyleGetter } from './useGetNodeStyle';
+interface DraggedNode {
+    node: ExistingNode;
+}
+interface UseMoveNodeProps {
+    position: Position | null;
+    draggedNode: DraggedNode | null;
+    getNodeStyle: NodeStyleGetter;
+}
 interface MoveProps {
     list: NodeList;
     startNode: ExistingNode;
-    type: 'up' | 'down';
-    untilTheEnd?: boolean;
-    insideAnotherList?: boolean;
+    direction: 'up' | 'down';
+    destination: 'cursor' | 'end';
+    isAnotherList?: boolean;
 }
-declare const useMoveNode: (position: Position | null, draggedNode: DraggedNode | null, getNodeStyle: NodeStyleGetter) => (props: MoveProps) => [import("./NodeList").Node, import("./NodeList").Node, import("react").RefObject<any>, (style: import("react").CSSProperties) => void, number];
+declare const useMoveNode: (props: UseMoveNodeProps) => (options: MoveProps) => [import("./NodeList").Node, import("./NodeList").Node, import("react").RefObject<any>, (style: import("react").CSSProperties) => void, number];
 export default useMoveNode;
 //# sourceMappingURL=useMoveNode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMoveNode.d.ts","sourceRoot":"","sources":["../../../src/utils/useMoveNode.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,QAAQ,EAAE,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID,QAAA,MAAM,WAAW,aACL,QAAQ,GAAG,IAAI,eACZ,WAAW,GAAG,IAAI,gBACjB,eAAe,aAGnB,SAAS,mJAqDlB,CAAC;AAEJ,eAAe,WAAW,CAAC"}
+{"version":3,"file":"useMoveNode.d.ts","sourceRoot":"","sources":["../../../src/utils/useMoveNode.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,QAAQ,EAAE,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,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;AAID,QAAA,MAAM,WAAW,UAAW,gBAAgB,eAI9B,SAAS,mJAgEtB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/drag-sort",
-  "version": "1.0.1",
+  "version": "1.0.5",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@os-design/portal": "^1.0.0",
-    "@os-design/use-auto-scroll": "^1.0.0",
+    "@os-design/use-auto-scroll": "^1.0.1",
     "@os-design/use-drag": "^1.0.0",
     "@os-design/use-event": "^1.0.5",
     "@os-design/use-memo-object": "^1.0.0",
@@ -45,5 +45,5 @@
     "react": ">=17",
     "react-dom": ">=17"
   },
-  "gitHead": "4e9164206eea452c2481c1f458632a72067172ec"
+  "gitHead": "64269f60ac23373277a70d247145ff934f00948c"
 }