@consta/uikit 5.10.0 → 5.12.0

package/__internal__/src/hooks/useScrollElements/useScrollElements.js

@@ -1,2 +1,2 @@
-import{createRef,useMemo}from"react";export function useScrollElements(a){var b=useMemo(function(){for(var b=[],c=0;c<a.length;c++)b[c]=createRef();return b},[a]);return{refs:b,scrollTo:function scrollTo(a){var c,d=b[Math.max(a,0)],e=null===(c=d.current)||void 0===c?void 0:c.parentElement;if(d.current&&e){var f="relative"===getComputedStyle(e).position?0:e.offsetLeft,g=d.current.offsetLeft-f;0>=a?g=0:a==b.length-1&&(g=e.scrollWidth),e.scrollLeft=g}}}}
+import{createRef,useMemo}from"react";import{useDebounce}from"../useDebounce";export function useScrollElements(a){var b=useMemo(function(){for(var b=[],c=0;c<a.length;c++)b[c]=createRef();return b},[a]),c=useDebounce(function(a){var c,d=b[Math.max(a,0)],e=null===d||void 0===d||null===(c=d.current)||void 0===c?void 0:c.parentElement;if(null!==d&&void 0!==d&&d.current&&e){var f="relative"===getComputedStyle(e).position?0:e.offsetLeft,g=d.current.offsetLeft-f;0>=a?g=0:a==b.length-1&&(g=e.scrollWidth),e.scrollTo({left:g,behavior:"smooth"})}},20);return{refs:b,scrollTo:c}}
 //# sourceMappingURL=useScrollElements.js.map

package/__internal__/src/hooks/useScrollElements/useScrollElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollElements.js","names":["createRef","useMemo","useScrollElements","items","refs","refArray","i","length","scrollTo","index","currentRef","Math","max","container","current","parentElement","defaultPadding","getComputedStyle","position","offsetLeft","scrollLeft","scrollWidth"],"sources":["../../../../../src/hooks/useScrollElements/useScrollElements.tsx"],"sourcesContent":["import React, { createRef, useMemo } from 'react';\n\ntype UseScrollElementsResult = {\n  refs: React.RefObject<HTMLElement>[];\n  scrollTo: (index: number) => void;\n};\n\nexport function useScrollElements<ITEM>(\n  items: ITEM[],\n): UseScrollElementsResult {\n  const refs = useMemo(() => {\n    const refArray: React.RefObject<HTMLElement>[] = [];\n\n    for (let i = 0; i < items.length; i++) {\n      refArray[i] = createRef<HTMLElement>();\n    }\n\n    return refArray;\n  }, [items]);\n\n  const scrollTo = (index: number) => {\n    const currentRef = refs[Math.max(index, 0)];\n    const container = currentRef.current?.parentElement;\n    if (currentRef.current && container) {\n      const defaultPadding =\n        getComputedStyle(container).position !== 'relative'\n          ? container.offsetLeft\n          : 0;\n      let scrollLeft = currentRef.current.offsetLeft - defaultPadding;\n      if (index <= 0) {\n        scrollLeft = 0;\n      } else if (index === refs.length - 1) {\n        scrollLeft = container.scrollWidth;\n      }\n      container.scrollLeft = scrollLeft;\n    }\n  };\n\n  return {\n    refs,\n    scrollTo,\n  };\n}\n"],"mappings":"AAAA,OAAgBA,SAAhB,CAA2BC,OAA3B,KAA0C,OAA1C,CAOA,MAAO,SAASC,kBAAT,CACLC,CADK,CAEoB,IACnBC,EAAI,CAAGH,OAAO,CAAC,UAAM,CAGzB,OAFMI,EAAwC,CAAG,EAEjD,CAASC,CAAC,CAAG,CAAb,CAAgBA,CAAC,CAAGH,CAAK,CAACI,MAA1B,CAAkCD,CAAC,EAAnC,CACED,CAAQ,CAACC,CAAD,CAAR,CAAcN,SAAS,EAAvB,CAGF,MAAOK,EACR,CARmB,CAQjB,CAACF,CAAD,CARiB,CADK,CA6BzB,MAAO,CACLC,IAAI,CAAJA,CADK,CAELI,QAAQ,CApBO,QAAXA,SAAW,CAACC,CAAD,CAAmB,OAC5BC,CAAU,CAAGN,CAAI,CAACO,IAAI,CAACC,GAAL,CAASH,CAAT,CAAgB,CAAhB,CAAD,CADW,CAE5BI,CAAS,WAAGH,CAAU,CAACI,OAAd,qBAAG,EAAoBC,aAFJ,CAGlC,GAAIL,CAAU,CAACI,OAAX,EAAsBD,CAA1B,CAAqC,IAC7BG,EAAc,CACuB,UAAzC,GAAAC,gBAAgB,CAACJ,CAAD,CAAhB,CAA4BK,QAA5B,CAEI,CAFJ,CACIL,CAAS,CAACM,UAHmB,CAK/BC,CAAU,CAAGV,CAAU,CAACI,OAAX,CAAmBK,UAAnB,CAAgCH,CALd,CAMtB,CAAT,EAAAP,CAN+B,CAOjCW,CAAU,CAAG,CAPoB,CAQxBX,CAAK,EAAKL,CAAI,CAACG,MAAL,CAAc,CARA,GASjCa,CAAU,CAAGP,CAAS,CAACQ,WATU,EAWnCR,CAAS,CAACO,UAAV,CAAuBA,CACxB,CACF,CAEM,CAIR"}
+{"version":3,"file":"useScrollElements.js","names":["createRef","useMemo","useDebounce","useScrollElements","items","refs","refArray","i","length","scrollTo","index","currentRef","Math","max","container","current","parentElement","defaultPadding","getComputedStyle","position","offsetLeft","scrollLeft","scrollWidth","left","behavior"],"sources":["../../../../../src/hooks/useScrollElements/useScrollElements.tsx"],"sourcesContent":["import React, { createRef, useMemo } from 'react';\n\nimport { useDebounce } from '##/hooks/useDebounce';\n\ntype UseScrollElementsResult = {\n  refs: React.RefObject<HTMLElement>[];\n  scrollTo: (index: number) => void;\n};\n\nexport function useScrollElements<ITEM>(\n  items: ITEM[],\n): UseScrollElementsResult {\n  const refs = useMemo(() => {\n    const refArray: React.RefObject<HTMLElement>[] = [];\n\n    for (let i = 0; i < items.length; i++) {\n      refArray[i] = createRef<HTMLElement>();\n    }\n\n    return refArray;\n  }, [items]);\n\n  const scrollTo = useDebounce((index: number) => {\n    const currentRef = refs[Math.max(index, 0)];\n    const container = currentRef?.current?.parentElement;\n    if (currentRef?.current && container) {\n      const defaultPadding =\n        getComputedStyle(container).position !== 'relative'\n          ? container.offsetLeft\n          : 0;\n\n      let scrollLeft = currentRef.current.offsetLeft - defaultPadding;\n\n      if (index <= 0) {\n        scrollLeft = 0;\n      } else if (index === refs.length - 1) {\n        scrollLeft = container.scrollWidth;\n      }\n\n      container.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n    }\n  }, 20);\n\n  return {\n    refs,\n    scrollTo,\n  };\n}\n"],"mappings":"AAAA,OAAgBA,SAAhB,CAA2BC,OAA3B,KAA0C,OAA1C,CAEA,OAASC,WAAT,sBAOA,MAAO,SAASC,kBAAT,CACLC,CADK,CAEoB,IACnBC,EAAI,CAAGJ,OAAO,CAAC,UAAM,CAGzB,OAFMK,EAAwC,CAAG,EAEjD,CAASC,CAAC,CAAG,CAAb,CAAgBA,CAAC,CAAGH,CAAK,CAACI,MAA1B,CAAkCD,CAAC,EAAnC,CACED,CAAQ,CAACC,CAAD,CAAR,CAAcP,SAAS,EAAvB,CAGF,MAAOM,EACR,CARmB,CAQjB,CAACF,CAAD,CARiB,CADK,CAWnBK,CAAQ,CAAGP,WAAW,CAAC,SAACQ,CAAD,CAAmB,OACxCC,CAAU,CAAGN,CAAI,CAACO,IAAI,CAACC,GAAL,CAASH,CAAT,CAAgB,CAAhB,CAAD,CADuB,CAExCI,CAAS,QAAGH,CAAH,WAAGA,CAAH,YAAGA,CAAU,CAAEI,OAAf,qBAAG,EAAqBC,aAFO,CAG9C,GAAI,OAAAL,CAAU,WAAVA,CAAA,EAAAA,CAAU,CAAEI,OAAZ,EAAuBD,CAA3B,CAAsC,IAC9BG,EAAc,CACuB,UAAzC,GAAAC,gBAAgB,CAACJ,CAAD,CAAhB,CAA4BK,QAA5B,CAEI,CAFJ,CACIL,CAAS,CAACM,UAHoB,CAMhCC,CAAU,CAAGV,CAAU,CAACI,OAAX,CAAmBK,UAAnB,CAAgCH,CANb,CAQvB,CAAT,EAAAP,CARgC,CASlCW,CAAU,CAAG,CATqB,CAUzBX,CAAK,EAAKL,CAAI,CAACG,MAAL,CAAc,CAVC,GAWlCa,CAAU,CAAGP,CAAS,CAACQ,WAXW,EAcpCR,CAAS,CAACL,QAAV,CAAmB,CACjBc,IAAI,CAAEF,CADW,CAEjBG,QAAQ,CAAE,QAFO,CAAnB,CAID,CACF,CAtB2B,CAsBzB,EAtByB,CAXH,CAmCzB,MAAO,CACLnB,IAAI,CAAJA,CADK,CAELI,QAAQ,CAARA,CAFK,CAIR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "5.10.0",
+  "version": "5.12.0",
   "keywords": [
     "ui-kit",
     "design-system",