@os-design/drag-sort 1.0.0

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

@@ -0,0 +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"}

package/dist/esm/utils/useScrollEventByPoint.js

@@ -0,0 +1,53 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { getScrollableElements } from '@os-design/use-auto-scroll';
+
+const compare = (prevArr, nextArr) => {
+  const remove = [];
+  const add = [];
+  prevArr.forEach(item => {
+    if (!nextArr.includes(item)) remove.push(item);
+  });
+  nextArr.forEach(item => {
+    if (!prevArr.includes(item)) add.push(item);
+  });
+  return {
+    remove,
+    add
+  };
+};
+
+/**
+ * Sets the listener that will be called whenever the scroll event occurs
+ * in one of the elements located under the specified point.
+ */
+const useScrollEventByPoint = (point, listener) => {
+  const listenerRef = useRef(listener);
+  useEffect(() => {
+    listenerRef.current = listener;
+  }, [listener]);
+  const eventListener = useCallback(e => listenerRef.current(e), []);
+  const elementsRef = useRef([]);
+  useEffect(() => {
+    if (!point) return;
+    const scrollableElements = getScrollableElements(point.x, point.y);
+    const {
+      remove,
+      add
+    } = compare(elementsRef.current, scrollableElements);
+
+    const getTarget = item => item === document.body ? window : item;
+
+    remove.forEach(item => {
+      const index = elementsRef.current.indexOf(item);
+      if (index >= 0) elementsRef.current.splice(index, 1);
+      getTarget(item).removeEventListener('scroll', eventListener);
+    });
+    add.forEach(item => {
+      elementsRef.current.push(item);
+      getTarget(item).addEventListener('scroll', eventListener);
+    });
+  }, [eventListener, point]);
+};
+
+export default useScrollEventByPoint;
+//# sourceMappingURL=useScrollEventByPoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/useScrollEventByPoint.ts"],"names":["useCallback","useEffect","useRef","getScrollableElements","compare","prevArr","nextArr","remove","add","forEach","item","includes","push","useScrollEventByPoint","point","listener","listenerRef","current","eventListener","e","elementsRef","scrollableElements","x","y","getTarget","document","body","window","index","indexOf","splice","removeEventListener","addEventListener"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,SAAtB,EAAiCC,MAAjC,QAA+C,OAA/C;AACA,SAASC,qBAAT,QAAsC,4BAAtC;;AAEA,MAAMC,OAAO,GAAG,CAAIC,OAAJ,EAAkBC,OAAlB,KAAmC;AACjD,QAAMC,MAAW,GAAG,EAApB;AACA,QAAMC,GAAQ,GAAG,EAAjB;AACAH,EAAAA,OAAO,CAACI,OAAR,CAAiBC,IAAD,IAAU;AACxB,QAAI,CAACJ,OAAO,CAACK,QAAR,CAAiBD,IAAjB,CAAL,EAA6BH,MAAM,CAACK,IAAP,CAAYF,IAAZ;AAC9B,GAFD;AAGAJ,EAAAA,OAAO,CAACG,OAAR,CAAiBC,IAAD,IAAU;AACxB,QAAI,CAACL,OAAO,CAACM,QAAR,CAAiBD,IAAjB,CAAL,EAA6BF,GAAG,CAACI,IAAJ,CAASF,IAAT;AAC9B,GAFD;AAGA,SAAO;AAAEH,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAP;AACD,CAVD;;AAiBA;AACA;AACA;AACA;AACA,MAAMK,qBAAqB,GAAG,CAC5BC,KAD4B,EAE5BC,QAF4B,KAGzB;AACH,QAAMC,WAAW,GAAGd,MAAM,CAACa,QAAD,CAA1B;AACAd,EAAAA,SAAS,CAAC,MAAM;AACde,IAAAA,WAAW,CAACC,OAAZ,GAAsBF,QAAtB;AACD,GAFQ,EAEN,CAACA,QAAD,CAFM,CAAT;AAIA,QAAMG,aAAa,GAAGlB,WAAW,CAAEmB,CAAD,IAAcH,WAAW,CAACC,OAAZ,CAAoBE,CAApB,CAAf,EAAuC,EAAvC,CAAjC;AACA,QAAMC,WAAW,GAAGlB,MAAM,CAAY,EAAZ,CAA1B;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAACa,KAAL,EAAY;AACZ,UAAMO,kBAAkB,GAAGlB,qBAAqB,CAACW,KAAK,CAACQ,CAAP,EAAUR,KAAK,CAACS,CAAhB,CAAhD;AACA,UAAM;AAAEhB,MAAAA,MAAF;AAAUC,MAAAA;AAAV,QAAkBJ,OAAO,CAACgB,WAAW,CAACH,OAAb,EAAsBI,kBAAtB,CAA/B;;AACA,UAAMG,SAAS,GAAId,IAAD,IAChBA,IAAI,KAAKe,QAAQ,CAACC,IAAlB,GAAyBC,MAAzB,GAAkCjB,IADpC;;AAGAH,IAAAA,MAAM,CAACE,OAAP,CAAgBC,IAAD,IAAU;AACvB,YAAMkB,KAAK,GAAGR,WAAW,CAACH,OAAZ,CAAoBY,OAApB,CAA4BnB,IAA5B,CAAd;AACA,UAAIkB,KAAK,IAAI,CAAb,EAAgBR,WAAW,CAACH,OAAZ,CAAoBa,MAApB,CAA2BF,KAA3B,EAAkC,CAAlC;AAChBJ,MAAAA,SAAS,CAACd,IAAD,CAAT,CAAgBqB,mBAAhB,CAAoC,QAApC,EAA8Cb,aAA9C;AACD,KAJD;AAKAV,IAAAA,GAAG,CAACC,OAAJ,CAAaC,IAAD,IAAU;AACpBU,MAAAA,WAAW,CAACH,OAAZ,CAAoBL,IAApB,CAAyBF,IAAzB;AACAc,MAAAA,SAAS,CAACd,IAAD,CAAT,CAAgBsB,gBAAhB,CAAiC,QAAjC,EAA2Cd,aAA3C;AACD,KAHD;AAID,GAhBQ,EAgBN,CAACA,aAAD,EAAgBJ,KAAhB,CAhBM,CAAT;AAiBD,CA7BD;;AA+BA,eAAeD,qBAAf","sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { getScrollableElements } from '@os-design/use-auto-scroll';\n\nconst compare = <T>(prevArr: T[], nextArr: T[]) => {\n  const remove: T[] = [];\n  const add: T[] = [];\n  prevArr.forEach((item) => {\n    if (!nextArr.includes(item)) remove.push(item);\n  });\n  nextArr.forEach((item) => {\n    if (!prevArr.includes(item)) add.push(item);\n  });\n  return { remove, add };\n};\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\n/**\n * Sets the listener that will be called whenever the scroll event occurs\n * in one of the elements located under the specified point.\n */\nconst useScrollEventByPoint = (\n  point: Point | null,\n  listener: (e: Event) => void\n) => {\n  const listenerRef = useRef(listener);\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  const eventListener = useCallback((e: Event) => listenerRef.current(e), []);\n  const elementsRef = useRef<Element[]>([]);\n\n  useEffect(() => {\n    if (!point) return;\n    const scrollableElements = getScrollableElements(point.x, point.y);\n    const { remove, add } = compare(elementsRef.current, scrollableElements);\n    const getTarget = (item: Element) =>\n      item === document.body ? window : item;\n\n    remove.forEach((item) => {\n      const index = elementsRef.current.indexOf(item);\n      if (index >= 0) elementsRef.current.splice(index, 1);\n      getTarget(item).removeEventListener('scroll', eventListener);\n    });\n    add.forEach((item) => {\n      elementsRef.current.push(item);\n      getTarget(item).addEventListener('scroll', eventListener);\n    });\n  }, [eventListener, point]);\n};\n\nexport default useScrollEventByPoint;\n"],"file":"useScrollEventByPoint.js"}

package/dist/esm/utils/useTargetList.js

@@ -0,0 +1,27 @@
+import { useCallback, useMemo, useState } from 'react';
+import useThrottle from '@os-design/use-throttle';
+import useScrollEventByPoint from './useScrollEventByPoint';
+
+const useTargetList = (position, listStoreRef) => {
+  const [number, setNumber] = useState(0);
+  const targetList = useMemo(() => {
+    if (!position || !listStoreRef.current) return null;
+    const {
+      x,
+      y
+    } = position;
+    const list = listStoreRef.current.findByPosition(x, y);
+    return list || null;
+  }, [listStoreRef, position, number]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const forceUpdate = useCallback(() => {
+    setNumber(n => n + 1);
+  }, []); // Update the target list if one of the elements located under the specified point has been scrolled
+
+  const [throttledForceUpdate] = useThrottle(forceUpdate, 100);
+  useScrollEventByPoint(position, throttledForceUpdate);
+  return targetList;
+};
+
+export default useTargetList;
+//# sourceMappingURL=useTargetList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/useTargetList.ts"],"names":["useCallback","useMemo","useState","useThrottle","useScrollEventByPoint","useTargetList","position","listStoreRef","number","setNumber","targetList","current","x","y","list","findByPosition","forceUpdate","n","throttledForceUpdate"],"mappings":"AAAA,SAAoBA,WAApB,EAAiCC,OAAjC,EAA0CC,QAA1C,QAA0D,OAA1D;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AAGA,OAAOC,qBAAP,MAAkC,yBAAlC;;AAEA,MAAMC,aAAa,GAAG,CACpBC,QADoB,EAEpBC,YAFoB,KAGjB;AACH,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBP,QAAQ,CAAC,CAAD,CAApC;AAEA,QAAMQ,UAAU,GAAGT,OAAO,CAAC,MAAM;AAC/B,QAAI,CAACK,QAAD,IAAa,CAACC,YAAY,CAACI,OAA/B,EAAwC,OAAO,IAAP;AACxC,UAAM;AAAEC,MAAAA,CAAF;AAAKC,MAAAA;AAAL,QAAWP,QAAjB;AACA,UAAMQ,IAAI,GAAGP,YAAY,CAACI,OAAb,CAAqBI,cAArB,CAAoCH,CAApC,EAAuCC,CAAvC,CAAb;AACA,WAAOC,IAAI,IAAI,IAAf;AACD,GALyB,EAKvB,CAACP,YAAD,EAAeD,QAAf,EAAyBE,MAAzB,CALuB,CAA1B,CAHG,CAQmC;;AAEtC,QAAMQ,WAAW,GAAGhB,WAAW,CAAC,MAAM;AACpCS,IAAAA,SAAS,CAAEQ,CAAD,IAAOA,CAAC,GAAG,CAAZ,CAAT;AACD,GAF8B,EAE5B,EAF4B,CAA/B,CAVG,CAcH;;AACA,QAAM,CAACC,oBAAD,IAAyBf,WAAW,CAACa,WAAD,EAAc,GAAd,CAA1C;AACAZ,EAAAA,qBAAqB,CAACE,QAAD,EAAWY,oBAAX,CAArB;AAEA,SAAOR,UAAP;AACD,CAtBD;;AAwBA,eAAeL,aAAf","sourcesContent":["import { RefObject, useCallback, useMemo, useState } from 'react';\nimport useThrottle from '@os-design/use-throttle';\nimport { Position } from '@os-design/use-drag';\nimport ListStore from './ListStore';\nimport useScrollEventByPoint from './useScrollEventByPoint';\n\nconst useTargetList = (\n  position: Position | null,\n  listStoreRef: RefObject<ListStore>\n) => {\n  const [number, setNumber] = useState(0);\n\n  const targetList = useMemo(() => {\n    if (!position || !listStoreRef.current) return null;\n    const { x, y } = position;\n    const list = listStoreRef.current.findByPosition(x, y);\n    return list || null;\n  }, [listStoreRef, position, number]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const forceUpdate = useCallback(() => {\n    setNumber((n) => n + 1);\n  }, []);\n\n  // Update the target list if one of the elements located under the specified point has been scrolled\n  const [throttledForceUpdate] = useThrottle(forceUpdate, 100);\n  useScrollEventByPoint(position, throttledForceUpdate);\n\n  return targetList;\n};\n\nexport default useTargetList;\n"],"file":"useTargetList.js"}

package/dist/esm/utils/useTransitionStyle.js

@@ -0,0 +1,24 @@
+import { useEffect } from 'react';
+
+/**
+ * Creates the global style for setting the transition delay.
+ */
+const useTransitionStyle = props => {
+  const {
+    className,
+    ms,
+    enabled
+  } = props;
+  useEffect(() => {
+    if (!enabled) return () => {};
+    const style = document.createElement('style');
+    style.innerHTML = `.${className}{transition:transform ${ms}ms;}`;
+    const child = document.head.appendChild(style);
+    return () => {
+      document.head.removeChild(child);
+    };
+  }, [className, enabled, ms]);
+};
+
+export default useTransitionStyle;
+//# sourceMappingURL=useTransitionStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/useTransitionStyle.ts"],"names":["useEffect","useTransitionStyle","props","className","ms","enabled","style","document","createElement","innerHTML","child","head","appendChild","removeChild"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;;AAQA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAIC,KAAD,IAAoC;AAC7D,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,EAAb;AAAiBC,IAAAA;AAAjB,MAA6BH,KAAnC;AAEAF,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAACK,OAAL,EAAc,OAAO,MAAM,CAAE,CAAf;AACd,UAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAd;AACAF,IAAAA,KAAK,CAACG,SAAN,GAAmB,IAAGN,SAAU,yBAAwBC,EAAG,MAA3D;AACA,UAAMM,KAAK,GAAGH,QAAQ,CAACI,IAAT,CAAcC,WAAd,CAA0BN,KAA1B,CAAd;AACA,WAAO,MAAM;AACXC,MAAAA,QAAQ,CAACI,IAAT,CAAcE,WAAd,CAA0BH,KAA1B;AACD,KAFD;AAGD,GARQ,EAQN,CAACP,SAAD,EAAYE,OAAZ,EAAqBD,EAArB,CARM,CAAT;AASD,CAZD;;AAcA,eAAeH,kBAAf","sourcesContent":["import { useEffect } from 'react';\n\ninterface UseTransitionStyleProps {\n  className: string;\n  ms: number;\n  enabled: boolean;\n}\n\n/**\n * Creates the global style for setting the transition delay.\n */\nconst useTransitionStyle = (props: UseTransitionStyleProps) => {\n  const { className, ms, enabled } = props;\n\n  useEffect(() => {\n    if (!enabled) return () => {};\n    const style = document.createElement('style');\n    style.innerHTML = `.${className}{transition:transform ${ms}ms;}`;\n    const child = document.head.appendChild(style);\n    return () => {\n      document.head.removeChild(child);\n    };\n  }, [className, enabled, ms]);\n};\n\nexport default useTransitionStyle;\n"],"file":"useTransitionStyle.js"}

package/dist/types/DragAndDrop.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PortalProps } from '@os-design/portal';
+import { DragEndHandler } from './utils/useDragEffect';
+export interface DragAndDropProps {
+    draggedNodeContainer?: PortalProps['container'];
+    minMouseDistPx?: number;
+    longPressMs?: number;
+    autoScrollDistPercent?: number;
+    autoScrollMaxSpeedPx?: number;
+    transitionDelayMs?: number;
+    onDragEnd?: DragEndHandler;
+}
+declare const DragAndDrop: React.FC<DragAndDropProps>;
+export type { DragEndHandler } from './utils/useDragEffect';
+export default DragAndDrop;
+//# sourceMappingURL=DragAndDrop.d.ts.map

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

@@ -0,0 +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"}

package/dist/types/Draggable.d.ts

@@ -0,0 +1,17 @@
+import React, { CSSProperties, RefObject, MouseEvent, TouchEvent } from 'react';
+export interface DraggableHandlers {
+    onMouseDown: (e: MouseEvent) => void;
+    onTouchStart: (e: TouchEvent) => void;
+}
+export interface DraggableChildrenProps {
+    ref: RefObject<HTMLDivElement>;
+    style: CSSProperties;
+    handlers: DraggableHandlers;
+}
+export interface DraggableProps {
+    index: number;
+    children: (props: DraggableChildrenProps) => React.ReactNode;
+}
+declare const Draggable: React.FC<DraggableProps>;
+export default Draggable;
+//# sourceMappingURL=Draggable.d.ts.map

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

@@ -0,0 +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"}

package/dist/types/Droppable.d.ts

@@ -0,0 +1,15 @@
+import React, { RefObject } from 'react';
+import { RenderDraggedNode } from './utils/NodeList';
+export interface DroppableChildrenProps {
+    ref: RefObject<HTMLDivElement>;
+    innerRef: RefObject<HTMLDivElement>;
+}
+export interface DroppableProps {
+    renderDraggedNode: RenderDraggedNode;
+    id?: string;
+    horizontal?: boolean;
+    children: React.ReactNode | ((props: DroppableChildrenProps) => React.ReactNode);
+}
+declare const Droppable: React.FC<DroppableProps>;
+export default Droppable;
+//# sourceMappingURL=Droppable.d.ts.map

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

@@ -0,0 +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"}

package/dist/types/index.d.ts

@@ -0,0 +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';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/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/types/utils/ListStore.d.ts

@@ -0,0 +1,10 @@
+import NodeList from './NodeList';
+declare class ListStore {
+    private lists;
+    constructor();
+    add(list: NodeList): void;
+    remove(id: string): void;
+    findByPosition(x: number, y: number): NodeList | undefined;
+}
+export default ListStore;
+//# sourceMappingURL=ListStore.d.ts.map

package/dist/types/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;AAKlC,cAAM,SAAS;IACb,OAAO,CAAC,KAAK,CAAa;;IASnB,GAAG,CAAC,IAAI,EAAE,QAAQ;IAOlB,MAAM,CAAC,EAAE,EAAE,MAAM;IASjB,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAa3C;AAED,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,42 @@
+import React, { CSSProperties, RefObject } from 'react';
+export declare type Node = [Node, Node, RefObject<any>, (style: CSSProperties) => void, number] | null;
+export declare type ExistingNode = Exclude<Node, null>;
+export interface NodeProps {
+    ref: React.MutableRefObject<any>;
+    setStyle: (style: CSSProperties) => void;
+    index: number;
+}
+interface RenderDraggedNodeProps {
+    index: number;
+    style: CSSProperties;
+}
+export declare type RenderDraggedNode = (props: RenderDraggedNodeProps) => React.ReactNode;
+interface InitProps {
+    id: string;
+    ref: RefObject<HTMLDivElement>;
+    innerRef: RefObject<HTMLDivElement>;
+    horizontal: boolean;
+    renderDraggedNode: RenderDraggedNode;
+}
+declare class NodeList {
+    id: string;
+    ref: RefObject<HTMLDivElement>;
+    innerRef: RefObject<HTMLDivElement>;
+    horizontal: boolean;
+    renderDraggedNode: RenderDraggedNode;
+    private head;
+    private tail;
+    private listeners;
+    constructor(props: InitProps);
+    getHead(): Node;
+    getTail(): Node;
+    private addToTheBeginning;
+    private addToTheEnd;
+    private static addAfter;
+    add(props: NodeProps): ExistingNode;
+    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/types/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,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxD,oBAAY,IAAI,GACZ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,EAAE,MAAM,CAAC,GACpE,IAAI,CAAC;AAET,oBAAY,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;CACf;AAED,UAAU,sBAAsB;IAI9B,KAAK,EAAE,MAAM,CAAC;IAId,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,oBAAY,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;AAMD,cAAM,QAAQ;IAIL,EAAE,EAAE,MAAM,CAAC;IAKX,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAM/B,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAKpC,UAAU,EAAE,OAAO,CAAC;IAKpB,iBAAiB,EAAE,iBAAiB,CAAC;IAK5C,OAAO,CAAC,IAAI,CAAO;IAKnB,OAAO,CAAC,IAAI,CAAO;IAKnB,OAAO,CAAC,SAAS,CAAoC;gBAElC,KAAK,EAAE,SAAS;IAW5B,OAAO;IAIP,OAAO;IAQd,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAWhB,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY;IAgDnC,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/types/utils/getElementOffset.d.ts

@@ -0,0 +1,6 @@
+declare const getElementOffset: (element: HTMLElement) => {
+    offsetLeft: number;
+    offsetTop: number;
+};
+export default getElementOffset;
+//# sourceMappingURL=getElementOffset.d.ts.map

package/dist/types/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/types/utils/getElementScroll.d.ts

@@ -0,0 +1,6 @@
+declare const getElementScroll: (element: HTMLElement) => {
+    scrollLeft: number;
+    scrollTop: number;
+};
+export default getElementScroll;
+//# sourceMappingURL=getElementScroll.d.ts.map

package/dist/types/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/types/utils/getNodeRect.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+declare const getNodeRect: (ref: RefObject<HTMLElement>) => {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+} | null;
+export default getNodeRect;
+//# sourceMappingURL=getNodeRect.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+declare const useAppendClassName: (ref: RefObject<HTMLElement>, className: string) => void;
+export default useAppendClassName;
+//# sourceMappingURL=useAppendClassName.d.ts.map

package/dist/types/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,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,QAAA,MAAM,kBAAkB,QAAS,UAAU,WAAW,CAAC,aAAa,MAAM,SAYzE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,14 @@
+import NodeList from './NodeList';
+import { DraggedNode } from './useDragEffect';
+interface InitSize {
+    initWidth: number;
+    initHeight: number;
+}
+interface UseBlankNodeProps {
+    draggedNode: DraggedNode | null;
+    targetList: NodeList | null;
+    initDraggedNodeRect: InitSize | null;
+}
+declare const useBlankNode: (props: UseBlankNodeProps) => () => void;
+export default useBlankNode;
+//# sourceMappingURL=useBlankNode.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+import React, { MouseEvent, TouchEvent } from 'react';
+import { Position } from '@os-design/use-drag';
+import NodeList, { ExistingNode } from './NodeList';
+export interface SetDraggedNodeProps {
+    list: NodeList;
+    node: ExistingNode;
+    position: Position;
+}
+declare type NodeEventHandler<T> = (e: T, list: NodeList, node: ExistingNode) => void;
+interface DragAndDropContextProps {
+    registerList: (list: NodeList) => void;
+    deregisterList: (id: string) => void;
+    onMouseDown: NodeEventHandler<MouseEvent>;
+    onTouchStart: NodeEventHandler<TouchEvent>;
+    nodeClassName: string;
+}
+export declare const DragAndDropContext: React.Context<DragAndDropContextProps>;
+declare const useDragAndDrop: () => DragAndDropContextProps;
+export default useDragAndDrop;
+//# sourceMappingURL=useDragAndDrop.d.ts.map

package/dist/types/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,EAAc,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,QAAQ,EAAE,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,aAAK,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/types/utils/useDragEffect.d.ts

@@ -0,0 +1,23 @@
+import { Position } from '@os-design/use-drag';
+import { RefObject } from 'react';
+import NodeList, { ExistingNode } from './NodeList';
+import ListStore from './ListStore';
+export interface DraggedNode {
+    list: NodeList;
+    node: ExistingNode;
+    position: Position;
+}
+export interface ItemLocation {
+    id: string;
+    index: number;
+}
+export declare type DragEndHandler = (dragged: ItemLocation, target: ItemLocation) => void;
+interface UseDragEffectProps {
+    draggedNode: DraggedNode | null;
+    cursorPosition: Position;
+    listStoreRef: RefObject<ListStore>;
+    onDragEnd: DragEndHandler;
+}
+declare const useDragEffect: (props: UseDragEffectProps) => void;
+export default useDragEffect;
+//# sourceMappingURL=useDragEffect.d.ts.map

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

@@ -0,0 +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,SAqY/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,12 @@
+import React, { MouseEvent, TouchEvent } from 'react';
+import { ExistingNode, NodeProps } from './NodeList';
+interface DroppableContextProps {
+    registerNode: (props: NodeProps) => ExistingNode;
+    deregisterNode: (node: ExistingNode) => void;
+    onMouseDown: (e: MouseEvent, node: ExistingNode) => void;
+    onTouchStart: (e: TouchEvent, node: ExistingNode) => void;
+}
+export declare const DroppableContext: React.Context<DroppableContextProps>;
+declare const useDroppable: () => DroppableContextProps;
+export default useDroppable;
+//# sourceMappingURL=useDroppable.d.ts.map

package/dist/types/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,EAAc,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAErD,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/types/utils/useGeneratedId.d.ts

@@ -0,0 +1,3 @@
+declare const useGeneratedId: (size: number) => string;
+export default useGeneratedId;
+//# sourceMappingURL=useGeneratedId.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+interface InitSize {
+    initWidth: number;
+    initHeight: number;
+}
+export declare type NodeStyleGetter = (type: 'up' | 'down' | 'init', horizontal: boolean) => CSSProperties;
+declare const useGetNodeStyle: (size: InitSize | null) => NodeStyleGetter;
+export default useGetNodeStyle;
+//# sourceMappingURL=useGetNodeStyle.d.ts.map

package/dist/types/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,aAAa,EAAkC,MAAM,OAAO,CAAC;AAEtE,UAAU,QAAQ;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,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/types/utils/useInitRect.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+declare const useInitRect: (ref?: RefObject<HTMLElement> | undefined) => {
+    initX: number;
+    initY: number;
+    initWidth: number;
+    initHeight: number;
+} | null;
+export default useInitRect;
+//# sourceMappingURL=useInitRect.d.ts.map

package/dist/types/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,SAAS,EAAW,MAAM,OAAO,CAAC;AAE3C,QAAA,MAAM,WAAW;;;;;QAUN,CAAC;AAEZ,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+declare const useInitScrollOffset: (ref?: RefObject<HTMLElement> | undefined) => {
+    initScrollLeft: number;
+    initScrollTop: number;
+} | null;
+export default useInitScrollOffset;
+//# sourceMappingURL=useInitScrollOffset.d.ts.map

package/dist/types/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,SAAS,EAAW,MAAM,OAAO,CAAC;AAG3C,QAAA,MAAM,mBAAmB;;;QAQd,CAAC;AAEZ,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Position } from '@os-design/use-drag';
+import NodeList, { ExistingNode } from './NodeList';
+import { DraggedNode } from './useDragEffect';
+import { NodeStyleGetter } from './useGetNodeStyle';
+interface MoveProps {
+    list: NodeList;
+    startNode: ExistingNode;
+    type: 'up' | 'down';
+    untilTheEnd?: boolean;
+    insideAnotherList?: 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];
+export default useMoveNode;
+//# sourceMappingURL=useMoveNode.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+export interface Point {
+    x: number;
+    y: number;
+}
+declare const useScrollEventByPoint: (point: Point | null, listener: (e: Event) => void) => void;
+export default useScrollEventByPoint;
+//# sourceMappingURL=useScrollEventByPoint.d.ts.map

package/dist/types/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;AAMD,QAAA,MAAM,qBAAqB,UAClB,KAAK,GAAG,IAAI,gBACL,KAAK,KAAK,IAAI,SA2B7B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+interface UseTransitionStyleProps {
+    className: string;
+    ms: number;
+    enabled: boolean;
+}
+declare const useTransitionStyle: (props: UseTransitionStyleProps) => void;
+export default useTransitionStyle;
+//# sourceMappingURL=useTransitionStyle.d.ts.map

package/dist/types/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;AAKD,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,SAYzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@os-design/drag-sort",
+  "version": "1.0.0",
+  "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",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "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": "yarn clean && npm-run-all build:*",
+    "ncu": "ncu -u"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@os-design/portal": "^1.0.0",
+    "@os-design/use-auto-scroll": "^1.0.0",
+    "@os-design/use-drag": "^1.0.0",
+    "@os-design/use-event": "^1.0.5",
+    "@os-design/use-memo-object": "^1.0.0",
+    "@os-design/use-prevent-default-event": "^1.0.0",
+    "@os-design/use-throttle": "^1.0.5"
+  },
+  "devDependencies": {
+    "@os-design/omit-emotion-props": "^1.0.2",
+    "@os-design/use-size": "^1.0.5",
+    "react-window": "^1.8.6"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "gitHead": "4f41a962d4c0afb57d65e8c3e104215794d3c6a7"
+}