@atom-learning/components 2.38.1 → 2.40.0

package/dist/utilities/hooks/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sources":["../../../src/utilities/hooks/useScrollPosition.ts"],"sourcesContent":["import { useEffect, useState, useMemo } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseScrollPositionOptions = {\n  element?: HTMLElement | null\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseScrollPositionOutput = {\n  left: number\n  top: number\n}\n\nexport const useScrollPosition = ({\n  element,\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseScrollPositionOptions): TUseScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ left: 0, top: 0 })\n\n  const delayMethodFn = useMemo(() => {\n    if (delayMethod === 'throttle') return throttle\n    if (delayMethod === 'debounce') return debounce\n  }, [delayMethod])\n\n  useEffect(() => {\n    if (!element) return\n\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ left: element.scrollLeft, top: element.scrollTop })\n    })\n\n    element.addEventListener('scroll', handleScroll)\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll)\n    }\n  }, [element, delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"names":["useScrollPosition","element","delay","delayMethod","scrollPosition","setScrollPosition","useState","delayMethodFn","useMemo","throttle","debounce","useEffect","handleScroll"],"mappings":"wHAcO,MAAMA,EAAoB,CAAC,CAChC,QAAAC,EACA,MAAAC,EAAQ,IACR,YAAAC,EAAc,UAChB,IAA2D,CACzD,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAS,CAAE,KAAM,EAAG,IAAK,CAAE,CAAC,EAElEC,EAAgBC,EAAQ,IAAM,CAClC,GAAIL,IAAgB,WAAY,OAAOM,EACvC,GAAIN,IAAgB,WAAY,OAAOO,CACzC,EAAG,CAACP,CAAW,CAAC,EAEhB,OAAAQ,EAAU,IAAM,CACd,GAAI,CAACV,EAAS,OAEd,MAAMW,EAAeL,EAAcL,EAAO,IAAM,CAC9CG,EAAkB,CAAE,KAAMJ,EAAQ,WAAY,IAAKA,EAAQ,SAAU,CAAC,CACxE,CAAC,EAED,OAAAA,EAAQ,iBAAiB,SAAUW,CAAY,EAExC,IAAM,CACXX,EAAQ,oBAAoB,SAAUW,CAAY,CACpD,CACF,EAAG,CAACX,EAASM,EAAeL,CAAK,CAAC,EAE3BE,CACT"}
+{"version":3,"file":"useScrollPosition.js","sources":["../../../src/utilities/hooks/useScrollPosition.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseScrollPositionOptions = {\n  element?: HTMLElement | null\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseScrollPositionOutput = {\n  left: number\n  top: number\n}\n\nexport const useScrollPosition = ({\n  element,\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseScrollPositionOptions): TUseScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ left: 0, top: 0 })\n\n  const delayMethodFn = useMemo(() => {\n    if (delayMethod === 'throttle') return throttle\n    if (delayMethod === 'debounce') return debounce\n  }, [delayMethod])\n\n  useEffect(() => {\n    if (!element) return\n\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ left: element.scrollLeft, top: element.scrollTop })\n    })\n\n    element.addEventListener('scroll', handleScroll)\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll)\n    }\n  }, [element, delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"names":["useScrollPosition","element","delay","delayMethod","scrollPosition","setScrollPosition","useState","delayMethodFn","useMemo","throttle","debounce","useEffect","handleScroll"],"mappings":"wHAcO,MAAMA,EAAoB,CAAC,CAChC,QAAAC,EACA,MAAAC,EAAQ,IACR,YAAAC,EAAc,UAChB,IAA2D,CACzD,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAS,CAAE,KAAM,EAAG,IAAK,CAAE,CAAC,EAElEC,EAAgBC,EAAQ,IAAM,CAClC,GAAIL,IAAgB,WAAY,OAAOM,EACvC,GAAIN,IAAgB,WAAY,OAAOO,CACzC,EAAG,CAACP,CAAW,CAAC,EAEhB,OAAAQ,EAAU,IAAM,CACd,GAAI,CAACV,EAAS,OAEd,MAAMW,EAAeL,EAAcL,EAAO,IAAM,CAC9CG,EAAkB,CAAE,KAAMJ,EAAQ,WAAY,IAAKA,EAAQ,SAAU,CAAC,CACxE,CAAC,EAED,OAAAA,EAAQ,iBAAiB,SAAUW,CAAY,EAExC,IAAM,CACXX,EAAQ,oBAAoB,SAAUW,CAAY,CACpD,CACF,EAAG,CAACX,EAASM,EAAeL,CAAK,CAAC,EAE3BE,CACT"}

package/dist/utilities/hooks/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","sources":["../../../src/utilities/hooks/useSize.ts"],"sourcesContent":["import { useCallback, useState, useMemo } from 'react'\nimport { useResizeObserver } from './useResizeObserver'\n\ninterface Size {\n  width: number | undefined\n  height: number | undefined\n}\n\nexport const useSize = ({\n  element,\n  delay = 500\n}: {\n  element?: HTMLElement | null\n  delay?: number\n}): Size => {\n  const [size, setSize] = useState<Size>({\n    width: undefined,\n    height: undefined\n  })\n\n  const handleResize = useCallback(() => {\n    setSize({\n      width: element?.clientWidth,\n      height: element?.clientHeight\n    })\n  }, [element])\n\n  const elements = useMemo(() => [element], [element])\n\n  useResizeObserver({\n    delay,\n    elements: elements,\n    onResize: handleResize\n  })\n\n  return size\n}\n"],"names":["useSize","element","delay","size","setSize","useState","handleResize","useCallback","elements","useMemo","useResizeObserver"],"mappings":"0HAQa,MAAAA,EAAU,CAAC,CACtB,QAAAC,EACA,MAAAC,EAAQ,GACV,IAGY,CACV,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,CACrC,MAAO,OACP,OAAQ,MACV,CAAC,EAEKC,EAAeC,EAAY,IAAM,CACrCH,EAAQ,CACN,MAAOH,GAAA,KAAA,OAAAA,EAAS,YAChB,OAAQA,GAAA,KAAA,OAAAA,EAAS,YACnB,CAAC,CACH,EAAG,CAACA,CAAO,CAAC,EAENO,EAAWC,EAAQ,IAAM,CAACR,CAAO,EAAG,CAACA,CAAO,CAAC,EAEnD,OAAAS,EAAkB,CAChB,MAAAR,EACA,SAAUM,EACV,SAAUF,CACZ,CAAC,EAEMH,CACT"}
+{"version":3,"file":"useSize.js","sources":["../../../src/utilities/hooks/useSize.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { useResizeObserver } from './useResizeObserver'\n\ninterface Size {\n  width: number | undefined\n  height: number | undefined\n}\n\nexport const useSize = ({\n  element,\n  delay = 500\n}: {\n  element?: HTMLElement | null\n  delay?: number\n}): Size => {\n  const [size, setSize] = useState<Size>({\n    width: undefined,\n    height: undefined\n  })\n\n  const handleResize = useCallback(() => {\n    setSize({\n      width: element?.clientWidth,\n      height: element?.clientHeight\n    })\n  }, [element])\n\n  const elements = useMemo(() => [element], [element])\n\n  useResizeObserver({\n    delay,\n    elements: elements,\n    onResize: handleResize\n  })\n\n  return size\n}\n"],"names":["useSize","element","delay","size","setSize","useState","handleResize","useCallback","elements","useMemo","useResizeObserver"],"mappings":"0HASa,MAAAA,EAAU,CAAC,CACtB,QAAAC,EACA,MAAAC,EAAQ,GACV,IAGY,CACV,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,CACrC,MAAO,OACP,OAAQ,MACV,CAAC,EAEKC,EAAeC,EAAY,IAAM,CACrCH,EAAQ,CACN,MAAOH,GAAA,KAAA,OAAAA,EAAS,YAChB,OAAQA,GAAA,KAAA,OAAAA,EAAS,YACnB,CAAC,CACH,EAAG,CAACA,CAAO,CAAC,EAENO,EAAWC,EAAQ,IAAM,CAACR,CAAO,EAAG,CAACA,CAAO,CAAC,EAEnD,OAAAS,EAAkB,CAChB,MAAAR,EACA,SAAUM,EACV,SAAUF,CACZ,CAAC,EAEMH,CACT"}

package/dist/utilities/hooks/useWindowScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowScrollPosition.js","sources":["../../../src/utilities/hooks/useWindowScrollPosition.ts"],"sourcesContent":["import { useEffect, useState, useMemo } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseWindowScrollPositionOptions = {\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseWindowScrollPositionOutput = {\n  x: number\n  y: number\n}\n\nexport const useWindowScrollPosition = ({ delay = 500, delayMethod = 'throttle' }: TUseWindowScrollPositionOptions = {}): TUseWindowScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })\n\n  const delayMethodFn = useMemo(() => {\n    if (delayMethod === 'throttle') return throttle\n    if (delayMethod === 'debounce') return debounce\n  }, [delayMethod])\n\n  useEffect(() => {\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ x: window.scrollX, y: window.scrollY })\n    })\n\n    window.addEventListener('scroll', handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"names":["useWindowScrollPosition","delay","delayMethod","scrollPosition","setScrollPosition","useState","delayMethodFn","useMemo","throttle","debounce","useEffect","handleScroll"],"mappings":"wHAaO,MAAMA,EAA0B,CAAC,CAAE,MAAAC,EAAQ,IAAK,YAAAC,EAAc,UAAW,EAAqC,CAAA,IAAuC,CAC1J,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAS,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,EAE7DC,EAAgBC,EAAQ,IAAM,CAClC,GAAIL,IAAgB,WAAY,OAAOM,EACvC,GAAIN,IAAgB,WAAY,OAAOO,CACzC,EAAG,CAACP,CAAW,CAAC,EAEhB,OAAAQ,EAAU,IAAM,CACd,MAAMC,EAAeL,EAAcL,EAAO,IAAM,CAC9CG,EAAkB,CAAE,EAAG,OAAO,QAAS,EAAG,OAAO,OAAQ,CAAC,CAC5D,CAAC,EAED,OAAA,OAAO,iBAAiB,SAAUO,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,CACF,EAAG,CAACL,EAAeL,CAAK,CAAC,EAElBE,CACT"}
+{"version":3,"file":"useWindowScrollPosition.js","sources":["../../../src/utilities/hooks/useWindowScrollPosition.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseWindowScrollPositionOptions = {\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseWindowScrollPositionOutput = {\n  x: number\n  y: number\n}\n\nexport const useWindowScrollPosition = ({\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseWindowScrollPositionOptions = {}): TUseWindowScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })\n\n  const delayMethodFn = useMemo(() => {\n    if (delayMethod === 'throttle') return throttle\n    if (delayMethod === 'debounce') return debounce\n  }, [delayMethod])\n\n  useEffect(() => {\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ x: window.scrollX, y: window.scrollY })\n    })\n\n    window.addEventListener('scroll', handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"names":["useWindowScrollPosition","delay","delayMethod","scrollPosition","setScrollPosition","useState","delayMethodFn","useMemo","throttle","debounce","useEffect","handleScroll"],"mappings":"wHAaO,MAAMA,EAA0B,CAAC,CACtC,MAAAC,EAAQ,IACR,YAAAC,EAAc,UAChB,EAAqC,CAAA,IAAuC,CAC1E,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAS,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,EAE7DC,EAAgBC,EAAQ,IAAM,CAClC,GAAIL,IAAgB,WAAY,OAAOM,EACvC,GAAIN,IAAgB,WAAY,OAAOO,CACzC,EAAG,CAACP,CAAW,CAAC,EAEhB,OAAAQ,EAAU,IAAM,CACd,MAAMC,EAAeL,EAAcL,EAAO,IAAM,CAC9CG,EAAkB,CAAE,EAAG,OAAO,QAAS,EAAG,OAAO,OAAQ,CAAC,CAC5D,CAAC,EAED,OAAA,OAAO,iBAAiB,SAAUO,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,CACF,EAAG,CAACL,EAAeL,CAAK,CAAC,EAElBE,CACT"}

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.38.1",
+  "version": "2.40.0",
   "description": "",
   "files": [
     "dist"