@os-design/drag-sort 1.0.13 → 1.0.15

package/dist/esm/utils/useMoveNode.js

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import getNodeRect from './getNodeRect';
-
 /* eslint-disable no-constant-condition */
+
 const useMoveNode = props => {
   const {
     position,
@@ -22,27 +22,22 @@ const useMoveNode = props => {
     const startRectProp = list.horizontal ? 'left' : 'top';
     const endRectProp = list.horizontal ? 'right' : 'bottom';
     let node = startNode;
-
     if (direction === 'up') {
       while (true) {
         const [prev,,, nodeSetStyle, nodeIndex] = node;
         if (!prev) return node;
         const [,, prevNodeRef, prevNodeSetStyle, prevNodeIndex] = prev;
-
         if (destination === 'cursor') {
           const prevNodeRect = getNodeRect(prevNodeRef);
-
           if (prevNodeRect && position[axis] > prevNodeRect[endRectProp]) {
             return node;
           }
         }
-
         if (isAnotherList || prevNodeIndex < draggedNodeIndex) {
           prevNodeSetStyle(getNodeStyle('down', list.horizontal));
         } else if (nodeIndex > draggedNodeIndex) {
           nodeSetStyle(getNodeStyle('init', list.horizontal));
         }
-
         node = prev;
       }
     } else {
@@ -50,26 +45,21 @@ const useMoveNode = props => {
         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;
           }
         }
-
         if (isAnotherList || nodeIndex < draggedNodeIndex) {
           nodeSetStyle(getNodeStyle('init', list.horizontal));
         } else if (nextNodeIndex > draggedNodeIndex) {
           nextNodeSetStyle(getNodeStyle('up', list.horizontal));
         }
-
         node = next;
       }
     }
   }, [draggedNode, getNodeStyle, position]);
 };
-
 export default useMoveNode;
 //# sourceMappingURL=useMoveNode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMoveNode.js","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"],"sources":["../../../src/utils/useMoveNode.ts"],"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"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AAGA,OAAOC,WAAP,MAAwB,eAAxB;;AAqBA;AAEA,MAAMC,WAAW,GAAIC,KAAD,IAA6B;EAC/C,MAAM;IAAEC,QAAF;IAAYC,WAAZ;IAAyBC;EAAzB,IAA0CH,KAAhD;EAEA,OAAOH,WAAW,CACfO,OAAD,IAAwB;IACtB,MAAM;MACJC,IADI;MAEJC,SAFI;MAGJC,SAHI;MAIJC,WAJI;MAKJC,aAAa,GAAG;IALZ,IAMFL,OANJ;IAQA,IAAI,CAACF,WAAD,IAAgB,CAACD,QAArB,EAA+B,OAAOK,SAAP;IAC/B,MAAM,MAASI,gBAAT,IAA6BR,WAAW,CAACS,IAA/C;IACA,MAAMC,IAAI,GAAGP,IAAI,CAACQ,UAAL,GAAkB,GAAlB,GAAwB,GAArC;IACA,MAAMC,aAAa,GAAGT,IAAI,CAACQ,UAAL,GAAkB,MAAlB,GAA2B,KAAjD;IACA,MAAME,WAAW,GAAGV,IAAI,CAACQ,UAAL,GAAkB,OAAlB,GAA4B,QAAhD;IACA,IAAIF,IAAI,GAAGL,SAAX;;IAEA,IAAIC,SAAS,KAAK,IAAlB,EAAwB;MACtB,OAAO,IAAP,EAAa;QACX,MAAM,CAACS,IAAD,IAAWC,YAAX,EAAyBC,SAAzB,IAAsCP,IAA5C;QACA,IAAI,CAACK,IAAL,EAAW,OAAOL,IAAP;QAEX,MAAM,IAAKQ,WAAL,EAAkBC,gBAAlB,EAAoCC,aAApC,IAAqDL,IAA3D;;QAEA,IAAIR,WAAW,KAAK,QAApB,EAA8B;UAC5B,MAAMc,YAAY,GAAGxB,WAAW,CAACqB,WAAD,CAAhC;;UACA,IAAIG,YAAY,IAAIrB,QAAQ,CAACW,IAAD,CAAR,GAAiBU,YAAY,CAACP,WAAD,CAAjD,EAAgE;YAC9D,OAAOJ,IAAP;UACD;QACF;;QAED,IAAIF,aAAa,IAAIY,aAAa,GAAGX,gBAArC,EAAuD;UACrDU,gBAAgB,CAACjB,YAAY,CAAC,MAAD,EAASE,IAAI,CAACQ,UAAd,CAAb,CAAhB;QACD,CAFD,MAEO,IAAIK,SAAS,GAAGR,gBAAhB,EAAkC;UACvCO,YAAY,CAACd,YAAY,CAAC,MAAD,EAASE,IAAI,CAACQ,UAAd,CAAb,CAAZ;QACD;;QAEDF,IAAI,GAAGK,IAAP;MACD;IACF,CAtBD,MAsBO;MACL,OAAO,IAAP,EAAa;QACX,MAAM,GAAGO,IAAH,GAAWN,YAAX,EAAyBC,SAAzB,IAAsCP,IAA5C;QACA,IAAI,CAACY,IAAL,EAAW,OAAOZ,IAAP;QAEX,MAAM,IAAKa,WAAL,EAAkBC,gBAAlB,EAAoCC,aAApC,IAAqDH,IAA3D;;QAEA,IAAIf,WAAW,KAAK,QAApB,EAA8B;UAC5B,MAAMmB,YAAY,GAAG7B,WAAW,CAAC0B,WAAD,CAAhC;;UACA,IAAIG,YAAY,IAAI1B,QAAQ,CAACW,IAAD,CAAR,GAAiBe,YAAY,CAACb,aAAD,CAAjD,EAAkE;YAChE,OAAOH,IAAP;UACD;QACF;;QAED,IAAIF,aAAa,IAAIS,SAAS,GAAGR,gBAAjC,EAAmD;UACjDO,YAAY,CAACd,YAAY,CAAC,MAAD,EAASE,IAAI,CAACQ,UAAd,CAAb,CAAZ;QACD,CAFD,MAEO,IAAIa,aAAa,GAAGhB,gBAApB,EAAsC;UAC3Ce,gBAAgB,CAACtB,YAAY,CAAC,IAAD,EAAOE,IAAI,CAACQ,UAAZ,CAAb,CAAhB;QACD;;QAEDF,IAAI,GAAGY,IAAP;MACD;IACF;EACF,CA9De,EA+DhB,CAACrB,WAAD,EAAcC,YAAd,EAA4BF,QAA5B,CA/DgB,CAAlB;AAiED,CApED;;AAsEA,eAAeF,WAAf"}
+{"version":3,"file":"useMoveNode.js","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"],"sources":["../../../src/utils/useMoveNode.ts"],"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"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAGnC,OAAOC,WAAW,MAAM,eAAe;AAqBvC;;AAEA,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC/C,MAAM;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAErD,OAAOH,WAAW,CACfO,OAAkB,IAAK;IACtB,MAAM;MACJC,IAAI;MACJC,SAAS;MACTC,SAAS;MACTC,WAAW;MACXC,aAAa,GAAG;IAClB,CAAC,GAAGL,OAAO;IAEX,IAAI,CAACF,WAAW,IAAI,CAACD,QAAQ,EAAE,OAAOK,SAAS;IAC/C,MAAM,MAASI,gBAAgB,CAAC,GAAGR,WAAW,CAACS,IAAI;IACnD,MAAMC,IAAI,GAAGP,IAAI,CAACQ,UAAU,GAAG,GAAG,GAAG,GAAG;IACxC,MAAMC,aAAa,GAAGT,IAAI,CAACQ,UAAU,GAAG,MAAM,GAAG,KAAK;IACtD,MAAME,WAAW,GAAGV,IAAI,CAACQ,UAAU,GAAG,OAAO,GAAG,QAAQ;IACxD,IAAIF,IAAI,GAAGL,SAAS;IAEpB,IAAIC,SAAS,KAAK,IAAI,EAAE;MACtB,OAAO,IAAI,EAAE;QACX,MAAM,CAACS,IAAI,IAAMC,YAAY,EAAEC,SAAS,CAAC,GAAGP,IAAI;QAChD,IAAI,CAACK,IAAI,EAAE,OAAOL,IAAI;QAEtB,MAAM,IAAKQ,WAAW,EAAEC,gBAAgB,EAAEC,aAAa,CAAC,GAAGL,IAAI;QAE/D,IAAIR,WAAW,KAAK,QAAQ,EAAE;UAC5B,MAAMc,YAAY,GAAGxB,WAAW,CAACqB,WAAW,CAAC;UAC7C,IAAIG,YAAY,IAAIrB,QAAQ,CAACW,IAAI,CAAC,GAAGU,YAAY,CAACP,WAAW,CAAC,EAAE;YAC9D,OAAOJ,IAAI;UACb;QACF;QAEA,IAAIF,aAAa,IAAIY,aAAa,GAAGX,gBAAgB,EAAE;UACrDU,gBAAgB,CAACjB,YAAY,CAAC,MAAM,EAAEE,IAAI,CAACQ,UAAU,CAAC,CAAC;QACzD,CAAC,MAAM,IAAIK,SAAS,GAAGR,gBAAgB,EAAE;UACvCO,YAAY,CAACd,YAAY,CAAC,MAAM,EAAEE,IAAI,CAACQ,UAAU,CAAC,CAAC;QACrD;QAEAF,IAAI,GAAGK,IAAI;MACb;IACF,CAAC,MAAM;MACL,OAAO,IAAI,EAAE;QACX,MAAM,GAAGO,IAAI,GAAIN,YAAY,EAAEC,SAAS,CAAC,GAAGP,IAAI;QAChD,IAAI,CAACY,IAAI,EAAE,OAAOZ,IAAI;QAEtB,MAAM,IAAKa,WAAW,EAAEC,gBAAgB,EAAEC,aAAa,CAAC,GAAGH,IAAI;QAE/D,IAAIf,WAAW,KAAK,QAAQ,EAAE;UAC5B,MAAMmB,YAAY,GAAG7B,WAAW,CAAC0B,WAAW,CAAC;UAC7C,IAAIG,YAAY,IAAI1B,QAAQ,CAACW,IAAI,CAAC,GAAGe,YAAY,CAACb,aAAa,CAAC,EAAE;YAChE,OAAOH,IAAI;UACb;QACF;QAEA,IAAIF,aAAa,IAAIS,SAAS,GAAGR,gBAAgB,EAAE;UACjDO,YAAY,CAACd,YAAY,CAAC,MAAM,EAAEE,IAAI,CAACQ,UAAU,CAAC,CAAC;QACrD,CAAC,MAAM,IAAIa,aAAa,GAAGhB,gBAAgB,EAAE;UAC3Ce,gBAAgB,CAACtB,YAAY,CAAC,IAAI,EAAEE,IAAI,CAACQ,UAAU,CAAC,CAAC;QACvD;QAEAF,IAAI,GAAGY,IAAI;MACb;IACF;EACF,CAAC,EACD,CAACrB,WAAW,EAAEC,YAAY,EAAEF,QAAQ,CAAC,CACtC;AACH,CAAC;AAED,eAAeF,WAAW"}

package/dist/esm/utils/useScrollEventByPoint.js

@@ -1,6 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react';
 import { getScrollableElements } from '@os-design/use-auto-scroll';
-
 const compare = (prevArr, nextArr) => {
   const remove = [];
   const add = [];
@@ -15,7 +14,6 @@ const compare = (prevArr, nextArr) => {
     add
   };
 };
-
 /**
  * Sets the listener that will be called whenever the scroll event occurs
  * in one of the elements located under the specified point.
@@ -34,9 +32,7 @@ const useScrollEventByPoint = (point, listener) => {
       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);
@@ -48,6 +44,5 @@ const useScrollEventByPoint = (point, listener) => {
     });
   }, [eventListener, point]);
 };
-
 export default useScrollEventByPoint;
 //# sourceMappingURL=useScrollEventByPoint.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollEventByPoint.js","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"],"sources":["../../../src/utils/useScrollEventByPoint.ts"],"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"],"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;EACjD,MAAMC,MAAW,GAAG,EAApB;EACA,MAAMC,GAAQ,GAAG,EAAjB;EACAH,OAAO,CAACI,OAAR,CAAiBC,IAAD,IAAU;IACxB,IAAI,CAACJ,OAAO,CAACK,QAAR,CAAiBD,IAAjB,CAAL,EAA6BH,MAAM,CAACK,IAAP,CAAYF,IAAZ;EAC9B,CAFD;EAGAJ,OAAO,CAACG,OAAR,CAAiBC,IAAD,IAAU;IACxB,IAAI,CAACL,OAAO,CAACM,QAAR,CAAiBD,IAAjB,CAAL,EAA6BF,GAAG,CAACI,IAAJ,CAASF,IAAT;EAC9B,CAFD;EAGA,OAAO;IAAEH,MAAF;IAAUC;EAAV,CAAP;AACD,CAVD;;AAiBA;AACA;AACA;AACA;AACA,MAAMK,qBAAqB,GAAG,CAC5BC,KAD4B,EAE5BC,QAF4B,KAGzB;EACH,MAAMC,WAAW,GAAGd,MAAM,CAACa,QAAD,CAA1B;EACAd,SAAS,CAAC,MAAM;IACde,WAAW,CAACC,OAAZ,GAAsBF,QAAtB;EACD,CAFQ,EAEN,CAACA,QAAD,CAFM,CAAT;EAIA,MAAMG,aAAa,GAAGlB,WAAW,CAAEmB,CAAD,IAAcH,WAAW,CAACC,OAAZ,CAAoBE,CAApB,CAAf,EAAuC,EAAvC,CAAjC;EACA,MAAMC,WAAW,GAAGlB,MAAM,CAAY,EAAZ,CAA1B;EAEAD,SAAS,CAAC,MAAM;IACd,IAAI,CAACa,KAAL,EAAY;IACZ,MAAMO,kBAAkB,GAAGlB,qBAAqB,CAACW,KAAK,CAACQ,CAAP,EAAUR,KAAK,CAACS,CAAhB,CAAhD;IACA,MAAM;MAAEhB,MAAF;MAAUC;IAAV,IAAkBJ,OAAO,CAACgB,WAAW,CAACH,OAAb,EAAsBI,kBAAtB,CAA/B;;IACA,MAAMG,SAAS,GAAId,IAAD,IAChBA,IAAI,KAAKe,QAAQ,CAACC,IAAlB,GAAyBC,MAAzB,GAAkCjB,IADpC;;IAGAH,MAAM,CAACE,OAAP,CAAgBC,IAAD,IAAU;MACvB,MAAMkB,KAAK,GAAGR,WAAW,CAACH,OAAZ,CAAoBY,OAApB,CAA4BnB,IAA5B,CAAd;MACA,IAAIkB,KAAK,IAAI,CAAb,EAAgBR,WAAW,CAACH,OAAZ,CAAoBa,MAApB,CAA2BF,KAA3B,EAAkC,CAAlC;MAChBJ,SAAS,CAACd,IAAD,CAAT,CAAgBqB,mBAAhB,CAAoC,QAApC,EAA8Cb,aAA9C;IACD,CAJD;IAKAV,GAAG,CAACC,OAAJ,CAAaC,IAAD,IAAU;MACpBU,WAAW,CAACH,OAAZ,CAAoBL,IAApB,CAAyBF,IAAzB;MACAc,SAAS,CAACd,IAAD,CAAT,CAAgBsB,gBAAhB,CAAiC,QAAjC,EAA2Cd,aAA3C;IACD,CAHD;EAID,CAhBQ,EAgBN,CAACA,aAAD,EAAgBJ,KAAhB,CAhBM,CAAT;AAiBD,CA7BD;;AA+BA,eAAeD,qBAAf"}
+{"version":3,"file":"useScrollEventByPoint.js","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"],"sources":["../../../src/utils/useScrollEventByPoint.ts"],"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"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,MAAMC,OAAO,GAAG,CAAIC,OAAY,EAAEC,OAAY,KAAK;EACjD,MAAMC,MAAW,GAAG,EAAE;EACtB,MAAMC,GAAQ,GAAG,EAAE;EACnBH,OAAO,CAACI,OAAO,CAAEC,IAAI,IAAK;IACxB,IAAI,CAACJ,OAAO,CAACK,QAAQ,CAACD,IAAI,CAAC,EAAEH,MAAM,CAACK,IAAI,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EACFJ,OAAO,CAACG,OAAO,CAAEC,IAAI,IAAK;IACxB,IAAI,CAACL,OAAO,CAACM,QAAQ,CAACD,IAAI,CAAC,EAAEF,GAAG,CAACI,IAAI,CAACF,IAAI,CAAC;EAC7C,CAAC,CAAC;EACF,OAAO;IAAEH,MAAM;IAAEC;EAAI,CAAC;AACxB,CAAC;AAOD;AACA;AACA;AACA;AACA,MAAMK,qBAAqB,GAAG,CAC5BC,KAAmB,EACnBC,QAA4B,KACzB;EACH,MAAMC,WAAW,GAAGd,MAAM,CAACa,QAAQ,CAAC;EACpCd,SAAS,CAAC,MAAM;IACde,WAAW,CAACC,OAAO,GAAGF,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMG,aAAa,GAAGlB,WAAW,CAAEmB,CAAQ,IAAKH,WAAW,CAACC,OAAO,CAACE,CAAC,CAAC,EAAE,EAAE,CAAC;EAC3E,MAAMC,WAAW,GAAGlB,MAAM,CAAY,EAAE,CAAC;EAEzCD,SAAS,CAAC,MAAM;IACd,IAAI,CAACa,KAAK,EAAE;IACZ,MAAMO,kBAAkB,GAAGlB,qBAAqB,CAACW,KAAK,CAACQ,CAAC,EAAER,KAAK,CAACS,CAAC,CAAC;IAClE,MAAM;MAAEhB,MAAM;MAAEC;IAAI,CAAC,GAAGJ,OAAO,CAACgB,WAAW,CAACH,OAAO,EAAEI,kBAAkB,CAAC;IACxE,MAAMG,SAAS,GAAId,IAAa,IAC9BA,IAAI,KAAKe,QAAQ,CAACC,IAAI,GAAGC,MAAM,GAAGjB,IAAI;IAExCH,MAAM,CAACE,OAAO,CAAEC,IAAI,IAAK;MACvB,MAAMkB,KAAK,GAAGR,WAAW,CAACH,OAAO,CAACY,OAAO,CAACnB,IAAI,CAAC;MAC/C,IAAIkB,KAAK,IAAI,CAAC,EAAER,WAAW,CAACH,OAAO,CAACa,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACpDJ,SAAS,CAACd,IAAI,CAAC,CAACqB,mBAAmB,CAAC,QAAQ,EAAEb,aAAa,CAAC;IAC9D,CAAC,CAAC;IACFV,GAAG,CAACC,OAAO,CAAEC,IAAI,IAAK;MACpBU,WAAW,CAACH,OAAO,CAACL,IAAI,CAACF,IAAI,CAAC;MAC9Bc,SAAS,CAACd,IAAI,CAAC,CAACsB,gBAAgB,CAAC,QAAQ,EAAEd,aAAa,CAAC;IAC3D,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,aAAa,EAAEJ,KAAK,CAAC,CAAC;AAC5B,CAAC;AAED,eAAeD,qBAAqB"}

package/dist/esm/utils/useTargetList.js

@@ -1,7 +1,6 @@
 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(() => {
@@ -16,12 +15,12 @@ const useTargetList = (position, listStoreRef) => {
 
   const forceUpdate = useCallback(() => {
     setNumber(n => n + 1);
-  }, []); // Update the target list if one of the elements located under the specified point has been scrolled
+  }, []);
 
+  // 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

@@ -1 +1 @@
-{"version":3,"file":"useTargetList.js","names":["useCallback","useMemo","useState","useThrottle","useScrollEventByPoint","useTargetList","position","listStoreRef","number","setNumber","targetList","current","x","y","list","findByPosition","forceUpdate","n","throttledForceUpdate"],"sources":["../../../src/utils/useTargetList.ts"],"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"],"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;EACH,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBP,QAAQ,CAAC,CAAD,CAApC;EAEA,MAAMQ,UAAU,GAAGT,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACK,QAAD,IAAa,CAACC,YAAY,CAACI,OAA/B,EAAwC,OAAO,IAAP;IACxC,MAAM;MAAEC,CAAF;MAAKC;IAAL,IAAWP,QAAjB;IACA,MAAMQ,IAAI,GAAGP,YAAY,CAACI,OAAb,CAAqBI,cAArB,CAAoCH,CAApC,EAAuCC,CAAvC,CAAb;IACA,OAAOC,IAAI,IAAI,IAAf;EACD,CALyB,EAKvB,CAACP,YAAD,EAAeD,QAAf,EAAyBE,MAAzB,CALuB,CAA1B,CAHG,CAQmC;;EAEtC,MAAMQ,WAAW,GAAGhB,WAAW,CAAC,MAAM;IACpCS,SAAS,CAAEQ,CAAD,IAAOA,CAAC,GAAG,CAAZ,CAAT;EACD,CAF8B,EAE5B,EAF4B,CAA/B,CAVG,CAcH;;EACA,MAAM,CAACC,oBAAD,IAAyBf,WAAW,CAACa,WAAD,EAAc,GAAd,CAA1C;EACAZ,qBAAqB,CAACE,QAAD,EAAWY,oBAAX,CAArB;EAEA,OAAOR,UAAP;AACD,CAtBD;;AAwBA,eAAeL,aAAf"}
+{"version":3,"file":"useTargetList.js","names":["useCallback","useMemo","useState","useThrottle","useScrollEventByPoint","useTargetList","position","listStoreRef","number","setNumber","targetList","current","x","y","list","findByPosition","forceUpdate","n","throttledForceUpdate"],"sources":["../../../src/utils/useTargetList.ts"],"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"],"mappings":"AAAA,SAAoBA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACjE,OAAOC,WAAW,MAAM,yBAAyB;AAGjD,OAAOC,qBAAqB,MAAM,yBAAyB;AAE3D,MAAMC,aAAa,GAAG,CACpBC,QAAyB,EACzBC,YAAkC,KAC/B;EACH,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC;EAEvC,MAAMQ,UAAU,GAAGT,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACK,QAAQ,IAAI,CAACC,YAAY,CAACI,OAAO,EAAE,OAAO,IAAI;IACnD,MAAM;MAAEC,CAAC;MAAEC;IAAE,CAAC,GAAGP,QAAQ;IACzB,MAAMQ,IAAI,GAAGP,YAAY,CAACI,OAAO,CAACI,cAAc,CAACH,CAAC,EAAEC,CAAC,CAAC;IACtD,OAAOC,IAAI,IAAI,IAAI;EACrB,CAAC,EAAE,CAACP,YAAY,EAAED,QAAQ,EAAEE,MAAM,CAAC,CAAC,CAAC,CAAC;;EAEtC,MAAMQ,WAAW,GAAGhB,WAAW,CAAC,MAAM;IACpCS,SAAS,CAAEQ,CAAC,IAAKA,CAAC,GAAG,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAM,CAACC,oBAAoB,CAAC,GAAGf,WAAW,CAACa,WAAW,EAAE,GAAG,CAAC;EAC5DZ,qBAAqB,CAACE,QAAQ,EAAEY,oBAAoB,CAAC;EAErD,OAAOR,UAAU;AACnB,CAAC;AAED,eAAeL,aAAa"}

package/dist/esm/utils/useTransitionStyle.js

@@ -1,5 +1,4 @@
 import { useEffect } from 'react';
-
 /**
  * Creates the global style for setting the transition delay.
  */
@@ -19,6 +18,5 @@ const useTransitionStyle = props => {
     };
   }, [className, enabled, ms]);
 };
-
 export default useTransitionStyle;
 //# sourceMappingURL=useTransitionStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTransitionStyle.js","names":["useEffect","useTransitionStyle","props","className","ms","enabled","style","document","createElement","innerHTML","child","head","appendChild","removeChild"],"sources":["../../../src/utils/useTransitionStyle.ts"],"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"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;;AAQA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAIC,KAAD,IAAoC;EAC7D,MAAM;IAAEC,SAAF;IAAaC,EAAb;IAAiBC;EAAjB,IAA6BH,KAAnC;EAEAF,SAAS,CAAC,MAAM;IACd,IAAI,CAACK,OAAL,EAAc,OAAO,MAAM,CAAE,CAAf;IACd,MAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAd;IACAF,KAAK,CAACG,SAAN,GAAmB,IAAGN,SAAU,yBAAwBC,EAAG,MAA3D;IACA,MAAMM,KAAK,GAAGH,QAAQ,CAACI,IAAT,CAAcC,WAAd,CAA0BN,KAA1B,CAAd;IACA,OAAO,MAAM;MACXC,QAAQ,CAACI,IAAT,CAAcE,WAAd,CAA0BH,KAA1B;IACD,CAFD;EAGD,CARQ,EAQN,CAACP,SAAD,EAAYE,OAAZ,EAAqBD,EAArB,CARM,CAAT;AASD,CAZD;;AAcA,eAAeH,kBAAf"}
+{"version":3,"file":"useTransitionStyle.js","names":["useEffect","useTransitionStyle","props","className","ms","enabled","style","document","createElement","innerHTML","child","head","appendChild","removeChild"],"sources":["../../../src/utils/useTransitionStyle.ts"],"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"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAQjC;AACA;AACA;AACA,MAAMC,kBAAkB,GAAIC,KAA8B,IAAK;EAC7D,MAAM;IAAEC,SAAS;IAAEC,EAAE;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAExCF,SAAS,CAAC,MAAM;IACd,IAAI,CAACK,OAAO,EAAE,OAAO,MAAM,CAAC,CAAC;IAC7B,MAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IAC7CF,KAAK,CAACG,SAAS,GAAI,IAAGN,SAAU,yBAAwBC,EAAG,MAAK;IAChE,MAAMM,KAAK,GAAGH,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,KAAK,CAAC;IAC9C,OAAO,MAAM;MACXC,QAAQ,CAACI,IAAI,CAACE,WAAW,CAACH,KAAK,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACP,SAAS,EAAEE,OAAO,EAAED,EAAE,CAAC,CAAC;AAC9B,CAAC;AAED,eAAeH,kBAAkB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/drag-sort",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -29,22 +29,22 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/portal": "^1.0.5",
-    "@os-design/use-auto-scroll": "^1.0.6",
-    "@os-design/use-drag": "^1.0.5",
-    "@os-design/use-event": "^1.0.10",
-    "@os-design/use-memo-object": "^1.0.5",
-    "@os-design/use-prevent-default-event": "^1.0.5",
-    "@os-design/use-throttle": "^1.0.10"
+    "@os-design/portal": "^1.0.7",
+    "@os-design/use-auto-scroll": "^1.0.8",
+    "@os-design/use-drag": "^1.0.6",
+    "@os-design/use-event": "^1.0.11",
+    "@os-design/use-memo-object": "^1.0.6",
+    "@os-design/use-prevent-default-event": "^1.0.6",
+    "@os-design/use-throttle": "^1.0.12"
   },
   "devDependencies": {
-    "@os-design/omit-emotion-props": "^1.0.7",
-    "@os-design/use-size": "^1.0.10",
+    "@os-design/omit-emotion-props": "^1.0.8",
+    "@os-design/use-size": "^1.0.11",
     "react-window": "^1.8.7"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "174987fc6c9d55db201be10abde3a4cf5a790573"
+  "gitHead": "8cb28f6719d699c014fbce91d832a9ff06abe515"
 }