@os-design/drag-sort 1.0.25 → 1.0.27

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

@@ -1 +1 @@
-{"version":3,"file":"useMoveNode.js","names":["_react","require","_getNodeRect","_interopRequireDefault","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","useMoveNode","props","position","draggedNode","getNodeStyle","useCallback","options","list","startNode","direction","destination","_options$isAnotherLis","isAnotherList","_draggedNode$node","node","draggedNodeIndex","axis","horizontal","startRectProp","endRectProp","_node","_node2","prev","nodeSetStyle","nodeIndex","_prev","prevNodeRef","prevNodeSetStyle","prevNodeIndex","prevNodeRect","getNodeRect","_node3","_node4","_next","nextNodeRef","nextNodeSetStyle","nextNodeIndex","nextNodeRect","_default","exports"],"sources":["../../../src/utils/useMoveNode.ts"],"sourcesContent":["import { Position } from '@os-design/use-drag';\nimport { useCallback } from 'react';\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":"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"}
+{"version":3,"file":"useMoveNode.js","names":["_react","require","_getNodeRect","_interopRequireDefault","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","isArray","useMoveNode","props","position","draggedNode","getNodeStyle","useCallback","options","list","startNode","direction","destination","_options$isAnotherLis","isAnotherList","_draggedNode$node","node","draggedNodeIndex","axis","horizontal","startRectProp","endRectProp","_node","_node2","prev","nodeSetStyle","nodeIndex","_prev","prevNodeRef","prevNodeSetStyle","prevNodeIndex","prevNodeRect","getNodeRect","_node3","_node4","_next","nextNodeRef","nextNodeSetStyle","nextNodeIndex","nextNodeRect","_default","exports"],"sources":["../../../src/utils/useMoveNode.ts"],"sourcesContent":["import { Position } from '@os-design/use-drag';\nimport { useCallback } from 'react';\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":"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"}

package/dist/cjs/utils/useScrollEventByPoint.js

@@ -53,6 +53,5 @@ var useScrollEventByPoint = function useScrollEventByPoint(point, listener) {
     });
   }, [eventListener, point]);
 };
-var _default = useScrollEventByPoint;
-exports["default"] = _default;
+var _default = exports["default"] = useScrollEventByPoint;
 //# sourceMappingURL=useScrollEventByPoint.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollEventByPoint.js","names":["_useAutoScroll","require","_react","compare","prevArr","nextArr","remove","add","forEach","item","includes","push","useScrollEventByPoint","point","listener","listenerRef","useRef","useEffect","current","eventListener","useCallback","e","elementsRef","scrollableElements","getScrollableElements","x","y","_compare","getTarget","document","body","window","index","indexOf","splice","removeEventListener","addEventListener","_default","exports"],"sources":["../../../src/utils/useScrollEventByPoint.ts"],"sourcesContent":["import { getScrollableElements } from '@os-design/use-auto-scroll';\nimport { useCallback, useEffect, useRef } from 'react';\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,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAOC,OAAY,EAAEC,OAAY,EAAK;EACjD,IAAMC,MAAW,GAAG,EAAE;EACtB,IAAMC,GAAQ,GAAG,EAAE;EACnBH,OAAO,CAACI,OAAO,CAAC,UAACC,IAAI,EAAK;IACxB,IAAI,CAACJ,OAAO,CAACK,QAAQ,CAACD,IAAI,CAAC,EAAEH,MAAM,CAACK,IAAI,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EACFJ,OAAO,CAACG,OAAO,CAAC,UAACC,IAAI,EAAK;IACxB,IAAI,CAACL,OAAO,CAACM,QAAQ,CAACD,IAAI,CAAC,EAAEF,GAAG,CAACI,IAAI,CAACF,IAAI,CAAC;EAC7C,CAAC,CAAC;EACF,OAAO;IAAEH,MAAM,EAANA,MAAM;IAAEC,GAAG,EAAHA;EAAI,CAAC;AACxB,CAAC;AAOD;AACA;AACA;AACA;AACA,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAqBA,CACzBC,KAAmB,EACnBC,QAA4B,EACzB;EACH,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAACF,QAAQ,CAAC;EACpC,IAAAG,gBAAS,EAAC,YAAM;IACdF,WAAW,CAACG,OAAO,GAAGJ,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMK,aAAa,GAAG,IAAAC,kBAAW,EAAC,UAACC,CAAQ;IAAA,OAAKN,WAAW,CAACG,OAAO,CAACG,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAC3E,IAAMC,WAAW,GAAG,IAAAN,aAAM,EAAY,EAAE,CAAC;EAEzC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACJ,KAAK,EAAE;IACZ,IAAMU,kBAAkB,GAAG,IAAAC,oCAAqB,EAACX,KAAK,CAACY,CAAC,EAAEZ,KAAK,CAACa,CAAC,CAAC;IAClE,IAAAC,QAAA,GAAwBxB,OAAO,CAACmB,WAAW,CAACJ,OAAO,EAAEK,kBAAkB,CAAC;MAAhEjB,MAAM,GAAAqB,QAAA,CAANrB,MAAM;MAAEC,GAAG,GAAAoB,QAAA,CAAHpB,GAAG;IACnB,IAAMqB,SAAS,GAAG,SAAZA,SAASA,CAAInB,IAAa;MAAA,OAC9BA,IAAI,KAAKoB,QAAQ,CAACC,IAAI,GAAGC,MAAM,GAAGtB,IAAI;IAAA;IAExCH,MAAM,CAACE,OAAO,CAAC,UAACC,IAAI,EAAK;MACvB,IAAMuB,KAAK,GAAGV,WAAW,CAACJ,OAAO,CAACe,OAAO,CAACxB,IAAI,CAAC;MAC/C,IAAIuB,KAAK,IAAI,CAAC,EAAEV,WAAW,CAACJ,OAAO,CAACgB,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACpDJ,SAAS,CAACnB,IAAI,CAAC,CAAC0B,mBAAmB,CAAC,QAAQ,EAAEhB,aAAa,CAAC;IAC9D,CAAC,CAAC;IACFZ,GAAG,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;MACpBa,WAAW,CAACJ,OAAO,CAACP,IAAI,CAACF,IAAI,CAAC;MAC9BmB,SAAS,CAACnB,IAAI,CAAC,CAAC2B,gBAAgB,CAAC,QAAQ,EAAEjB,aAAa,CAAC;IAC3D,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,aAAa,EAAEN,KAAK,CAAC,CAAC;AAC5B,CAAC;AAAC,IAAAwB,QAAA,GAEazB,qBAAqB;AAAA0B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"useScrollEventByPoint.js","names":["_useAutoScroll","require","_react","compare","prevArr","nextArr","remove","add","forEach","item","includes","push","useScrollEventByPoint","point","listener","listenerRef","useRef","useEffect","current","eventListener","useCallback","e","elementsRef","scrollableElements","getScrollableElements","x","y","_compare","getTarget","document","body","window","index","indexOf","splice","removeEventListener","addEventListener","_default","exports"],"sources":["../../../src/utils/useScrollEventByPoint.ts"],"sourcesContent":["import { getScrollableElements } from '@os-design/use-auto-scroll';\nimport { useCallback, useEffect, useRef } from 'react';\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,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAOC,OAAY,EAAEC,OAAY,EAAK;EACjD,IAAMC,MAAW,GAAG,EAAE;EACtB,IAAMC,GAAQ,GAAG,EAAE;EACnBH,OAAO,CAACI,OAAO,CAAC,UAACC,IAAI,EAAK;IACxB,IAAI,CAACJ,OAAO,CAACK,QAAQ,CAACD,IAAI,CAAC,EAAEH,MAAM,CAACK,IAAI,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EACFJ,OAAO,CAACG,OAAO,CAAC,UAACC,IAAI,EAAK;IACxB,IAAI,CAACL,OAAO,CAACM,QAAQ,CAACD,IAAI,CAAC,EAAEF,GAAG,CAACI,IAAI,CAACF,IAAI,CAAC;EAC7C,CAAC,CAAC;EACF,OAAO;IAAEH,MAAM,EAANA,MAAM;IAAEC,GAAG,EAAHA;EAAI,CAAC;AACxB,CAAC;AAOD;AACA;AACA;AACA;AACA,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAqBA,CACzBC,KAAmB,EACnBC,QAA4B,EACzB;EACH,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAACF,QAAQ,CAAC;EACpC,IAAAG,gBAAS,EAAC,YAAM;IACdF,WAAW,CAACG,OAAO,GAAGJ,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMK,aAAa,GAAG,IAAAC,kBAAW,EAAC,UAACC,CAAQ;IAAA,OAAKN,WAAW,CAACG,OAAO,CAACG,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAC3E,IAAMC,WAAW,GAAG,IAAAN,aAAM,EAAY,EAAE,CAAC;EAEzC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACJ,KAAK,EAAE;IACZ,IAAMU,kBAAkB,GAAG,IAAAC,oCAAqB,EAACX,KAAK,CAACY,CAAC,EAAEZ,KAAK,CAACa,CAAC,CAAC;IAClE,IAAAC,QAAA,GAAwBxB,OAAO,CAACmB,WAAW,CAACJ,OAAO,EAAEK,kBAAkB,CAAC;MAAhEjB,MAAM,GAAAqB,QAAA,CAANrB,MAAM;MAAEC,GAAG,GAAAoB,QAAA,CAAHpB,GAAG;IACnB,IAAMqB,SAAS,GAAG,SAAZA,SAASA,CAAInB,IAAa;MAAA,OAC9BA,IAAI,KAAKoB,QAAQ,CAACC,IAAI,GAAGC,MAAM,GAAGtB,IAAI;IAAA;IAExCH,MAAM,CAACE,OAAO,CAAC,UAACC,IAAI,EAAK;MACvB,IAAMuB,KAAK,GAAGV,WAAW,CAACJ,OAAO,CAACe,OAAO,CAACxB,IAAI,CAAC;MAC/C,IAAIuB,KAAK,IAAI,CAAC,EAAEV,WAAW,CAACJ,OAAO,CAACgB,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACpDJ,SAAS,CAACnB,IAAI,CAAC,CAAC0B,mBAAmB,CAAC,QAAQ,EAAEhB,aAAa,CAAC;IAC9D,CAAC,CAAC;IACFZ,GAAG,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;MACpBa,WAAW,CAACJ,OAAO,CAACP,IAAI,CAACF,IAAI,CAAC;MAC9BmB,SAAS,CAACnB,IAAI,CAAC,CAAC2B,gBAAgB,CAAC,QAAQ,EAAEjB,aAAa,CAAC;IAC3D,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,aAAa,EAAEN,KAAK,CAAC,CAAC;AAC5B,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,cAEa1B,qBAAqB"}

package/dist/cjs/utils/useTargetList.js

@@ -12,7 +12,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var useTargetList = function useTargetList(position, listStoreRef) {
   var _useState = (0, _react.useState)(0),
@@ -40,6 +40,5 @@ var useTargetList = function useTargetList(position, listStoreRef) {
   (0, _useScrollEventByPoint["default"])(position, throttledForceUpdate);
   return targetList;
 };
-var _default = useTargetList;
-exports["default"] = _default;
+var _default = exports["default"] = useTargetList;
 //# sourceMappingURL=useTargetList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTargetList.js","names":["_useThrottle3","_interopRequireDefault","require","_react","_useScrollEventByPoint","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","useTargetList","position","listStoreRef","_useState","useState","_useState2","number","setNumber","targetList","useMemo","current","x","y","list","findByPosition","forceUpdate","useCallback","_useThrottle","useThrottle","_useThrottle2","throttledForceUpdate","useScrollEventByPoint","_default","exports"],"sources":["../../../src/utils/useTargetList.ts"],"sourcesContent":["import { Position } from '@os-design/use-drag';\nimport useThrottle from '@os-design/use-throttle';\nimport { RefObject, useCallback, useMemo, useState } from 'react';\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":"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"}
+{"version":3,"file":"useTargetList.js","names":["_useThrottle3","_interopRequireDefault","require","_react","_useScrollEventByPoint","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","isArray","useTargetList","position","listStoreRef","_useState","useState","_useState2","number","setNumber","targetList","useMemo","current","x","y","list","findByPosition","forceUpdate","useCallback","_useThrottle","useThrottle","_useThrottle2","throttledForceUpdate","useScrollEventByPoint","_default","exports"],"sources":["../../../src/utils/useTargetList.ts"],"sourcesContent":["import { Position } from '@os-design/use-drag';\nimport useThrottle from '@os-design/use-throttle';\nimport { RefObject, useCallback, useMemo, useState } from 'react';\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":"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"}

package/dist/cjs/utils/useTransitionStyle.js

@@ -22,6 +22,5 @@ var useTransitionStyle = function useTransitionStyle(props) {
     };
   }, [className, enabled, ms]);
 };
-var _default = useTransitionStyle;
-exports["default"] = _default;
+var _default = exports["default"] = useTransitionStyle;
 //# sourceMappingURL=useTransitionStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTransitionStyle.js","names":["_react","require","useTransitionStyle","props","className","ms","enabled","useEffect","style","document","createElement","innerHTML","concat","child","head","appendChild","removeChild","_default","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAQA;AACA;AACA;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;EAC7D,IAAQC,SAAS,GAAkBD,KAAK,CAAhCC,SAAS;IAAEC,EAAE,GAAcF,KAAK,CAArBE,EAAE;IAAEC,OAAO,GAAKH,KAAK,CAAjBG,OAAO;EAE9B,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACD,OAAO,EAAE,OAAO,YAAM,CAAC,CAAC;IAC7B,IAAME,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IAC7CF,KAAK,CAACG,SAAS,OAAAC,MAAA,CAAOR,SAAS,4BAAAQ,MAAA,CAAyBP,EAAE,SAAM;IAChE,IAAMQ,KAAK,GAAGJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,KAAK,CAAC;IAC9C,OAAO,YAAM;MACXC,QAAQ,CAACK,IAAI,CAACE,WAAW,CAACH,KAAK,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACT,SAAS,EAAEE,OAAO,EAAED,EAAE,CAAC,CAAC;AAC9B,CAAC;AAAC,IAAAY,QAAA,GAEaf,kBAAkB;AAAAgB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"useTransitionStyle.js","names":["_react","require","useTransitionStyle","props","className","ms","enabled","useEffect","style","document","createElement","innerHTML","concat","child","head","appendChild","removeChild","_default","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAQA;AACA;AACA;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;EAC7D,IAAQC,SAAS,GAAkBD,KAAK,CAAhCC,SAAS;IAAEC,EAAE,GAAcF,KAAK,CAArBE,EAAE;IAAEC,OAAO,GAAKH,KAAK,CAAjBG,OAAO;EAE9B,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACD,OAAO,EAAE,OAAO,YAAM,CAAC,CAAC;IAC7B,IAAME,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IAC7CF,KAAK,CAACG,SAAS,OAAAC,MAAA,CAAOR,SAAS,4BAAAQ,MAAA,CAAyBP,EAAE,SAAM;IAChE,IAAMQ,KAAK,GAAGJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,KAAK,CAAC;IAC9C,OAAO,YAAM;MACXC,QAAQ,CAACK,IAAI,CAACE,WAAW,CAACH,KAAK,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACT,SAAS,EAAEE,OAAO,EAAED,EAAE,CAAC,CAAC;AAC9B,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEahB,kBAAkB"}

package/dist/esm/Droppable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Droppable.js","names":["useMemoObject","React","useCallback","useEffect","useMemo","useRef","NodeList","useDragAndDrop","DroppableContext","useGeneratedId","Droppable","renderDraggedNode","id","horizontal","children","ref","innerRef","generatedId","droppableId","listRef","current","registerList","deregisterList","onMouseDown","onTouchStart","listId","registerNode","props","add","deregisterNode","node","remove","mouseDownHandler","e","touchStartHandler","droppableContext","createElement","Provider","value"],"sources":["../../src/Droppable.tsx"],"sourcesContent":["import useMemoObject from '@os-design/use-memo-object';\nimport React, {\n  MouseEvent,\n  RefObject,\n  TouchEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport NodeList, {\n  ExistingNode,\n  NodeProps,\n  RenderDraggedNode,\n} from './utils/NodeList';\nimport useDragAndDrop from './utils/useDragAndDrop';\nimport { DroppableContext } from './utils/useDroppable';\nimport useGeneratedId from './utils/useGeneratedId';\n\nexport interface DroppableChildrenProps {\n  /**\n   * The reference to the list.\n   * If a virtual list is used, pass it to the outerRef prop.\n   */\n  ref: RefObject<HTMLDivElement>;\n  /**\n   * The reference to the container inside the virtual list.\n   * Pass it to the innerRef prop.\n   */\n  innerRef: RefObject<HTMLDivElement>;\n}\n\nexport interface DroppableProps {\n  /**\n   * The function that renders the dragged node.\n   */\n  renderDraggedNode: RenderDraggedNode;\n  /**\n   * The ID of the list with draggable nodes.\n   * Used to determine in which list the dragged node was dropped.\n   * @default undefined\n   */\n  id?: string;\n  /**\n   * Whether the list is horizontal.\n   * @default false\n   */\n  horizontal?: boolean;\n  /**\n   * The function that renders the list with draggable nodes.\n   */\n  children: (props: DroppableChildrenProps) => React.ReactNode;\n}\n\nconst Droppable: React.FC<DroppableProps> = ({\n  renderDraggedNode,\n  id,\n  horizontal = false,\n  children,\n}) => {\n  // The reference to the list\n  const ref = useRef<HTMLDivElement>(null);\n  // The reference to the container inside the virtual list\n  const innerRef = useRef<HTMLDivElement>(null);\n  // The unique ID of the list. If no ID was specified, the generated one is used.\n  const generatedId = useGeneratedId();\n  const droppableId = useMemo(() => id || generatedId, [generatedId, id]);\n  // The reference to the list of nodes\n  const listRef = useRef(\n    new NodeList({\n      id: droppableId,\n      ref,\n      innerRef,\n      horizontal,\n      renderDraggedNode,\n    })\n  );\n\n  // Update the ID of the list if it changes\n  useEffect(() => {\n    listRef.current.id = droppableId;\n  }, [droppableId]);\n\n  // Update the list orientation if it changes.\n  // There is no need to check the order of the nodes in the list because it will be the same.\n  useEffect(() => {\n    listRef.current.horizontal = horizontal;\n  }, [horizontal]);\n\n  // Update the callback that renders the dragged node if it changes\n  useEffect(() => {\n    listRef.current.renderDraggedNode = renderDraggedNode;\n  }, [renderDraggedNode]);\n\n  const { registerList, deregisterList, onMouseDown, onTouchStart } =\n    useDragAndDrop();\n\n  // Register the list in the store\n  useEffect(() => {\n    registerList(listRef.current);\n    const listId = listRef.current.id;\n    return () => deregisterList(listId);\n  }, [deregisterList, registerList]);\n\n  const registerNode = useCallback(\n    (props: NodeProps) => listRef.current.add(props),\n    []\n  );\n  const deregisterNode = useCallback((node: ExistingNode) => {\n    listRef.current.remove(node);\n  }, []);\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent, node: ExistingNode) => {\n      onMouseDown(e, listRef.current, node);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent, node: ExistingNode) => {\n      onTouchStart(e, listRef.current, node);\n    },\n    [onTouchStart]\n  );\n\n  const droppableContext = useMemoObject({\n    registerNode,\n    deregisterNode,\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n  });\n\n  return (\n    <DroppableContext.Provider value={droppableContext}>\n      {(children as Function)({ ref, innerRef })}\n    </DroppableContext.Provider>\n  );\n};\n\nexport default Droppable;\n"],"mappings":"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"}
+{"version":3,"file":"Droppable.js","names":["useMemoObject","React","useCallback","useEffect","useMemo","useRef","NodeList","useDragAndDrop","DroppableContext","useGeneratedId","Droppable","renderDraggedNode","id","horizontal","children","ref","innerRef","generatedId","droppableId","listRef","current","registerList","deregisterList","onMouseDown","onTouchStart","listId","registerNode","props","add","deregisterNode","node","remove","mouseDownHandler","e","touchStartHandler","droppableContext","createElement","Provider","value"],"sources":["../../src/Droppable.tsx"],"sourcesContent":["import useMemoObject from '@os-design/use-memo-object';\nimport React, {\n  MouseEvent,\n  RefObject,\n  TouchEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport NodeList, {\n  ExistingNode,\n  NodeProps,\n  RenderDraggedNode,\n} from './utils/NodeList';\nimport useDragAndDrop from './utils/useDragAndDrop';\nimport { DroppableContext } from './utils/useDroppable';\nimport useGeneratedId from './utils/useGeneratedId';\n\nexport interface DroppableChildrenProps {\n  /**\n   * The reference to the list.\n   * If a virtual list is used, pass it to the outerRef prop.\n   */\n  ref: RefObject<HTMLDivElement>;\n  /**\n   * The reference to the container inside the virtual list.\n   * Pass it to the innerRef prop.\n   */\n  innerRef: RefObject<HTMLDivElement>;\n}\n\nexport interface DroppableProps {\n  /**\n   * The function that renders the dragged node.\n   */\n  renderDraggedNode: RenderDraggedNode;\n  /**\n   * The ID of the list with draggable nodes.\n   * Used to determine in which list the dragged node was dropped.\n   * @default undefined\n   */\n  id?: string;\n  /**\n   * Whether the list is horizontal.\n   * @default false\n   */\n  horizontal?: boolean;\n  /**\n   * The function that renders the list with draggable nodes.\n   */\n  children: (props: DroppableChildrenProps) => React.ReactNode;\n}\n\nconst Droppable: React.FC<DroppableProps> = ({\n  renderDraggedNode,\n  id,\n  horizontal = false,\n  children,\n}) => {\n  // The reference to the list\n  const ref = useRef<HTMLDivElement>(null);\n  // The reference to the container inside the virtual list\n  const innerRef = useRef<HTMLDivElement>(null);\n  // The unique ID of the list. If no ID was specified, the generated one is used.\n  const generatedId = useGeneratedId();\n  const droppableId = useMemo(() => id || generatedId, [generatedId, id]);\n  // The reference to the list of nodes\n  const listRef = useRef(\n    new NodeList({\n      id: droppableId,\n      ref,\n      innerRef,\n      horizontal,\n      renderDraggedNode,\n    })\n  );\n\n  // Update the ID of the list if it changes\n  useEffect(() => {\n    listRef.current.id = droppableId;\n  }, [droppableId]);\n\n  // Update the list orientation if it changes.\n  // There is no need to check the order of the nodes in the list because it will be the same.\n  useEffect(() => {\n    listRef.current.horizontal = horizontal;\n  }, [horizontal]);\n\n  // Update the callback that renders the dragged node if it changes\n  useEffect(() => {\n    listRef.current.renderDraggedNode = renderDraggedNode;\n  }, [renderDraggedNode]);\n\n  const { registerList, deregisterList, onMouseDown, onTouchStart } =\n    useDragAndDrop();\n\n  // Register the list in the store\n  useEffect(() => {\n    registerList(listRef.current);\n    const listId = listRef.current.id;\n    return () => deregisterList(listId);\n  }, [deregisterList, registerList]);\n\n  const registerNode = useCallback(\n    (props: NodeProps) => listRef.current.add(props),\n    []\n  );\n  const deregisterNode = useCallback((node: ExistingNode) => {\n    listRef.current.remove(node);\n  }, []);\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent, node: ExistingNode) => {\n      onMouseDown(e, listRef.current, node);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent, node: ExistingNode) => {\n      onTouchStart(e, listRef.current, node);\n    },\n    [onTouchStart]\n  );\n\n  const droppableContext = useMemoObject({\n    registerNode,\n    deregisterNode,\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n  });\n\n  return (\n    <DroppableContext.Provider value={droppableContext}>\n      {(children as (props: DroppableChildrenProps) => React.ReactNode)({\n        ref,\n        innerRef,\n      })}\n    </DroppableContext.Provider>\n  );\n};\n\nexport default Droppable;\n"],"mappings":"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"}

package/dist/esm/utils/NodeList.js

@@ -1,4 +1,7 @@
-/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */ // [prev, next, ref, setStyle, index, id]
+/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */
+
+// [prev, next, ref, setStyle, index, id]
+
 /**
  * Stores all the draggable items in the list.
  * The structure of the doubly linked list is used.

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

@@ -1 +1 @@
-{"version":3,"file":"NodeList.js","names":["NodeList","constructor","props","id","ref","innerRef","horizontal","renderDraggedNode","head","tail","listeners","getHead","getTail","addToTheBeginning","setStyle","index","next","addToTheEnd","prev","addAfter","node","add","forEach","listener","headIndex","tailIndex","nextIndex","remove","addListener","callback","push","removeListener","findIndex","splice"],"sources":["../../../src/utils/NodeList.ts"],"sourcesContent":["import React, { CSSProperties, RefObject } from 'react';\n\n/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */\n\n// [prev, next, ref, setStyle, index, id]\nexport type Node =\n  | [Node, Node, RefObject<any>, (style: CSSProperties) => void, number, string]\n  | null;\n\nexport type ExistingNode = Exclude<Node, null>;\n\nexport interface NodeProps {\n  ref: React.MutableRefObject<any>;\n  setStyle: (style: CSSProperties) => void;\n  index: number;\n  id: string;\n}\n\ninterface RenderDraggedNodeProps {\n  /**\n   * The index of the dragged node.\n   */\n  index: number;\n  /**\n   * The ID of the dragged node.\n   */\n  id: string;\n  /**\n   * The style of the dragged node with position.\n   */\n  style: CSSProperties;\n}\n\nexport type RenderDraggedNode = (\n  props: RenderDraggedNodeProps\n) => React.ReactNode;\n\ninterface InitProps {\n  id: string;\n  ref: RefObject<HTMLDivElement>;\n  innerRef: RefObject<HTMLDivElement>;\n  horizontal: boolean;\n  renderDraggedNode: RenderDraggedNode;\n}\n\n/**\n * Stores all the draggable items in the list.\n * The structure of the doubly linked list is used.\n */\nclass NodeList {\n  /**\n   * The ID of the list.\n   */\n  public id: string;\n\n  /**\n   * The ref to the list.\n   */\n  public ref: RefObject<HTMLDivElement>;\n\n  /**\n   * The inner ref to the list.\n   * Used by the virtual list.\n   */\n  public innerRef: RefObject<HTMLDivElement>;\n\n  /**\n   * Whether the list is horizontal.\n   */\n  public horizontal: boolean;\n\n  /**\n   * The callback that renders the dragged node.\n   */\n  public renderDraggedNode: RenderDraggedNode;\n\n  /**\n   * The head of draggable nodes.\n   */\n  private head: Node;\n\n  /**\n   * The tail of draggable nodes.\n   */\n  private tail: Node;\n\n  /**\n   * Listeners of node addition events.\n   */\n  private listeners: Array<(props: NodeProps) => void>;\n\n  public constructor(props: InitProps) {\n    this.id = props.id;\n    this.ref = props.ref;\n    this.innerRef = props.innerRef;\n    this.horizontal = props.horizontal;\n    this.renderDraggedNode = props.renderDraggedNode;\n    this.head = null;\n    this.tail = null;\n    this.listeners = [];\n  }\n\n  public getHead() {\n    return this.head;\n  }\n\n  public getTail() {\n    return this.tail;\n  }\n\n  /**\n   * Adds the node to the beginning.\n   * TL: O(1).\n   */\n  private addToTheBeginning(props: NodeProps): ExistingNode {\n    this.head = [\n      null,\n      this.head,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [, next] = this.head;\n    if (next) next[0] = this.head; // Set the prev cursor of the next element\n    if (!this.tail) this.tail = this.head;\n    return this.head;\n  }\n\n  /**\n   * Adds the node to the end.\n   * TL: O(1).\n   */\n  private addToTheEnd(props: NodeProps): ExistingNode {\n    this.tail = [\n      this.tail,\n      null,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [prev] = this.tail;\n    if (prev) prev[1] = this.tail; // Set the next cursor of the prev element\n    if (!this.head) this.head = this.tail;\n    return this.tail;\n  }\n\n  /**\n   * Adds the node after the specified one.\n   * TL: O(1).\n   */\n  private static addAfter(node: ExistingNode, props: NodeProps): ExistingNode {\n    node[1] = [node, node[1], props.ref, props.setStyle, props.index, props.id];\n    if (node[1][1]) node[1][1][0] = node[1];\n    return node[1];\n  }\n\n  /**\n   * Adds a new node depends on its position.\n   * Called when a new node is mounted.\n   * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.\n   */\n  public add(props: NodeProps): ExistingNode {\n    const { index } = props;\n\n    // Run listeners\n    this.listeners.forEach((listener) => listener(props));\n\n    // Add the first node to the beginning\n    if (!this.head || !this.tail) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the beginning if it is located above the first one\n    const [, , , , headIndex] = this.head;\n    if (index < headIndex) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the end if it is located below the last one\n    const [, , , , tailIndex] = this.tail;\n    if (index === tailIndex) {\n      // The tail is the blank node\n      const [prev] = this.tail;\n      if (prev) {\n        this.tail[4] += 1;\n        return NodeList.addAfter(prev, props);\n      }\n    }\n    if (index > tailIndex) {\n      return this.addToTheEnd(props);\n    }\n\n    // Add the node after the one that is located above the current one\n    let node = this.head;\n    while (true) {\n      const [, next] = node;\n      if (!next) break;\n      const [, , , , nextIndex] = next;\n      if (index < nextIndex) break;\n      node = next;\n    }\n    return NodeList.addAfter(node, props);\n  }\n\n  /**\n   * Removes the existing node.\n   * Called when the node is unmounted.\n   * TL: O(1).\n   */\n  public remove(node: ExistingNode) {\n    const [prev, next] = node;\n    if (!prev && !next) {\n      this.head = null;\n      this.tail = null;\n      return;\n    }\n    if (!prev && next) {\n      next[0] = null;\n      this.head = next;\n      return;\n    }\n    if (prev && !next) {\n      prev[1] = null;\n      this.tail = prev;\n      return;\n    }\n    if (prev && next) {\n      prev[1] = next;\n      next[0] = prev;\n    }\n  }\n\n  public addListener(callback: (props: NodeProps) => void) {\n    this.listeners.push(callback);\n  }\n\n  public removeListener(callback: (props: NodeProps) => void) {\n    const index = this.listeners.findIndex((listener) => listener === callback);\n    this.listeners.splice(index, 1);\n  }\n}\n\nexport default NodeList;\n"],"mappings":"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"}
+{"version":3,"file":"NodeList.js","names":["NodeList","constructor","props","id","ref","innerRef","horizontal","renderDraggedNode","head","tail","listeners","getHead","getTail","addToTheBeginning","setStyle","index","next","addToTheEnd","prev","addAfter","node","add","forEach","listener","headIndex","tailIndex","nextIndex","remove","addListener","callback","push","removeListener","findIndex","splice"],"sources":["../../../src/utils/NodeList.ts"],"sourcesContent":["import React, { CSSProperties, RefObject } from 'react';\n\n/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */\n\n// [prev, next, ref, setStyle, index, id]\nexport type Node =\n  | [Node, Node, RefObject<any>, (style: CSSProperties) => void, number, string]\n  | null;\n\nexport type ExistingNode = Exclude<Node, null>;\n\nexport interface NodeProps {\n  ref: React.MutableRefObject<any>;\n  setStyle: (style: CSSProperties) => void;\n  index: number;\n  id: string;\n}\n\ninterface RenderDraggedNodeProps {\n  /**\n   * The index of the dragged node.\n   */\n  index: number;\n  /**\n   * The ID of the dragged node.\n   */\n  id: string;\n  /**\n   * The style of the dragged node with position.\n   */\n  style: CSSProperties;\n}\n\nexport type RenderDraggedNode = (\n  props: RenderDraggedNodeProps\n) => React.ReactNode;\n\ninterface InitProps {\n  id: string;\n  ref: RefObject<HTMLDivElement>;\n  innerRef: RefObject<HTMLDivElement>;\n  horizontal: boolean;\n  renderDraggedNode: RenderDraggedNode;\n}\n\n/**\n * Stores all the draggable items in the list.\n * The structure of the doubly linked list is used.\n */\nclass NodeList {\n  /**\n   * The ID of the list.\n   */\n  public id: string;\n\n  /**\n   * The ref to the list.\n   */\n  public ref: RefObject<HTMLDivElement>;\n\n  /**\n   * The inner ref to the list.\n   * Used by the virtual list.\n   */\n  public innerRef: RefObject<HTMLDivElement>;\n\n  /**\n   * Whether the list is horizontal.\n   */\n  public horizontal: boolean;\n\n  /**\n   * The callback that renders the dragged node.\n   */\n  public renderDraggedNode: RenderDraggedNode;\n\n  /**\n   * The head of draggable nodes.\n   */\n  private head: Node;\n\n  /**\n   * The tail of draggable nodes.\n   */\n  private tail: Node;\n\n  /**\n   * Listeners of node addition events.\n   */\n  private listeners: Array<(props: NodeProps) => void>;\n\n  public constructor(props: InitProps) {\n    this.id = props.id;\n    this.ref = props.ref;\n    this.innerRef = props.innerRef;\n    this.horizontal = props.horizontal;\n    this.renderDraggedNode = props.renderDraggedNode;\n    this.head = null;\n    this.tail = null;\n    this.listeners = [];\n  }\n\n  public getHead() {\n    return this.head;\n  }\n\n  public getTail() {\n    return this.tail;\n  }\n\n  /**\n   * Adds the node to the beginning.\n   * TL: O(1).\n   */\n  private addToTheBeginning(props: NodeProps): ExistingNode {\n    this.head = [\n      null,\n      this.head,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [, next] = this.head;\n    if (next) next[0] = this.head; // Set the prev cursor of the next element\n    if (!this.tail) this.tail = this.head;\n    return this.head;\n  }\n\n  /**\n   * Adds the node to the end.\n   * TL: O(1).\n   */\n  private addToTheEnd(props: NodeProps): ExistingNode {\n    this.tail = [\n      this.tail,\n      null,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [prev] = this.tail;\n    if (prev) prev[1] = this.tail; // Set the next cursor of the prev element\n    if (!this.head) this.head = this.tail;\n    return this.tail;\n  }\n\n  /**\n   * Adds the node after the specified one.\n   * TL: O(1).\n   */\n  private static addAfter(node: ExistingNode, props: NodeProps): ExistingNode {\n    node[1] = [node, node[1], props.ref, props.setStyle, props.index, props.id];\n    if (node[1][1]) node[1][1][0] = node[1];\n    return node[1];\n  }\n\n  /**\n   * Adds a new node depends on its position.\n   * Called when a new node is mounted.\n   * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.\n   */\n  public add(props: NodeProps): ExistingNode {\n    const { index } = props;\n\n    // Run listeners\n    this.listeners.forEach((listener) => listener(props));\n\n    // Add the first node to the beginning\n    if (!this.head || !this.tail) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the beginning if it is located above the first one\n    const [, , , , headIndex] = this.head;\n    if (index < headIndex) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the end if it is located below the last one\n    const [, , , , tailIndex] = this.tail;\n    if (index === tailIndex) {\n      // The tail is the blank node\n      const [prev] = this.tail;\n      if (prev) {\n        this.tail[4] += 1;\n        return NodeList.addAfter(prev, props);\n      }\n    }\n    if (index > tailIndex) {\n      return this.addToTheEnd(props);\n    }\n\n    // Add the node after the one that is located above the current one\n    let node = this.head;\n    while (true) {\n      const [, next] = node;\n      if (!next) break;\n      const [, , , , nextIndex] = next;\n      if (index < nextIndex) break;\n      node = next;\n    }\n    return NodeList.addAfter(node, props);\n  }\n\n  /**\n   * Removes the existing node.\n   * Called when the node is unmounted.\n   * TL: O(1).\n   */\n  public remove(node: ExistingNode) {\n    const [prev, next] = node;\n    if (!prev && !next) {\n      this.head = null;\n      this.tail = null;\n      return;\n    }\n    if (!prev && next) {\n      next[0] = null;\n      this.head = next;\n      return;\n    }\n    if (prev && !next) {\n      prev[1] = null;\n      this.tail = prev;\n      return;\n    }\n    if (prev && next) {\n      prev[1] = next;\n      next[0] = prev;\n    }\n  }\n\n  public addListener(callback: (props: NodeProps) => void) {\n    this.listeners.push(callback);\n  }\n\n  public removeListener(callback: (props: NodeProps) => void) {\n    const index = this.listeners.findIndex((listener) => listener === callback);\n    this.listeners.splice(index, 1);\n  }\n}\n\nexport default NodeList;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Droppable.d.ts","sourceRoot":"","sources":["../../src/Droppable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,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"}
+{"version":3,"file":"Droppable.d.ts","sourceRoot":"","sources":["../../src/Droppable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,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,CAuFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/drag-sort",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -23,29 +23,29 @@
     "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:*",
+    "build": "yarn clean && npm-run-all 'build:*'",
     "ncu": "ncu -u"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@os-design/portal": "^1.0.15",
-    "@os-design/use-auto-scroll": "^1.0.17",
-    "@os-design/use-drag": "^1.0.15",
-    "@os-design/use-event": "^1.0.18",
-    "@os-design/use-memo-object": "^1.0.13",
-    "@os-design/use-prevent-default-event": "^1.0.15",
-    "@os-design/use-throttle": "^1.0.19"
+    "@os-design/portal": "^1.0.16",
+    "@os-design/use-auto-scroll": "^1.0.18",
+    "@os-design/use-drag": "^1.0.16",
+    "@os-design/use-event": "^1.0.19",
+    "@os-design/use-memo-object": "^1.0.14",
+    "@os-design/use-prevent-default-event": "^1.0.16",
+    "@os-design/use-throttle": "^1.0.20"
   },
   "devDependencies": {
-    "@os-design/omit-emotion-props": "^1.0.17",
-    "@os-design/use-size": "^1.0.19",
-    "react-window": "^1.8.9"
+    "@os-design/omit-emotion-props": "^1.0.18",
+    "@os-design/use-size": "^1.0.20",
+    "react-window": "^1.8.10"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "f838bd8885cdaf45e62a3b61fa2f83f2d2036e09"
+  "gitHead": "60a50e7c10af17bd9da35a631e74cc3df33d3e7b"
 }

package/src/Droppable.tsx

@@ -133,7 +133,10 @@ const Droppable: React.FC<DroppableProps> = ({
 
   return (
     <DroppableContext.Provider value={droppableContext}>
-      {(children as Function)({ ref, innerRef })}
+      {(children as (props: DroppableChildrenProps) => React.ReactNode)({
+        ref,
+        innerRef,
+      })}
     </DroppableContext.Provider>
   );
 };