@e1011/es-kit 1.1.62 → 1.1.66

package/dist/hooks/esm/src/core/hooks/useAnimation.js

@@ -1,2 +1,2 @@
-import{gsap as r}from"../../../node_modules/gsap/index.js";import{useState as t,useRef as e,useEffect as o,useLayoutEffect as n}from"react";const a=a=>{let{start:s,end:d,duration:u,ease:p="expo.inOut",rounded:c}=a;const[i,l]=t(d),m=e(s);return o((()=>{m.current=i}),[i]),n((()=>{const t={val:m.current},e=r.context((()=>{r.to(t,u,{val:d,ease:p,duration:u,...c?{roundProps:"val"}:{},onUpdate(){l(t.val)}})}));return()=>e.revert()}),[u,p,d,c,s]),i};export{a as useAnimation};
+import{gsap as e}from"../../../node_modules/gsap/index.js";import{useState as r,useRef as t,useEffect as o,useLayoutEffect as n}from"react";const a=a=>{let{start:s=0,end:d,duration:u=2,ease:l="expo.inOut",rounded:p,roundingFn:v}=a;const[c,i]=r(d),m=t(s);return o((()=>{m.current=c}),[c]),n((()=>{const r={val:m.current},t=e.context((()=>{e.to(r,u,{val:d,ease:l,duration:u,...p?{roundProps:"val"}:{},onUpdate(){i(v?v(r.val):r.val)},onComplete(){i(v?v(r.val):r.val)}})}));return()=>t.revert()}),[u,l,d,p,v,s]),c};export{a as useAnimation};
 //# sourceMappingURL=useAnimation.js.map

package/dist/hooks/esm/src/core/hooks/useAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimation.js","sources":["../../../../../../src/core/hooks/useAnimation.ts"],"sourcesContent":["import gsap from 'gsap'\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\n/**\n * Type definition for the parameters used in the `useAnimation` hook.\n * @typedef {Object} UseAnimationType\n * @property {number} start - The starting value of the animation.\n * @property {number} end - The ending value of the animation.\n * @property {number} duration - The duration of the animation in seconds.\n * @property {string} [ease='expo.inOut'] - The easing function for the animation.\n * @property {boolean} [rounded] - Flag to determine if the value should be rounded during the animation.\n */\nexport type UseAnimationType = {\n  start: number\n  end: number\n  duration: number\n  ease?: string\n  rounded?: boolean\n}\n\n/**\n * Custom hook to create an animation using GSAP.\n * @param {UseAnimationType} params - The parameters for the animation.\n * @returns {number} The current value of the animation.\n */\nexport const useAnimation = ({ start, end, duration, ease = 'expo.inOut', rounded }: UseAnimationType): number => {\n  const [val, setVal] = useState(end)\n\n  const startValueRef = useRef(start)\n\n  useEffect(() => {\n    startValueRef.current = val\n  }, [val])\n\n  useLayoutEffect(() => {\n    const valObj = { val: startValueRef.current }\n\n    const gsapCtx = gsap.context(() => {\n      gsap.to(valObj, duration, {\n        val: end,\n        ease,\n        duration,\n        ...(rounded ? { roundProps: 'val' } : {}),\n        onUpdate () {\n          setVal(valObj.val)\n        },\n      })\n    })\n\n    return (): void => gsapCtx.revert()\n  }, [duration, ease, end, rounded, start])\n\n  return val\n}\n"],"names":["useAnimation","_ref","start","end","duration","ease","rounded","val","setVal","useState","startValueRef","useRef","useEffect","current","useLayoutEffect","valObj","gsapCtx","gsap","context","to","roundProps","onUpdate","revert"],"mappings":"4IAyBaA,MAAAA,EAAeC,IAAsF,IAArFC,MAAEA,EAAKC,IAAEA,EAAGC,SAAEA,EAAQC,KAAEA,EAAO,aAAYC,QAAEA,GAA2BL,EACnG,MAAOM,EAAKC,GAAUC,EAASN,GAEzBO,EAAgBC,EAAOT,GAwB7B,OAtBAU,GAAU,KACRF,EAAcG,QAAUN,CAAG,GAC1B,CAACA,IAEJO,GAAgB,KACd,MAAMC,EAAS,CAAER,IAAKG,EAAcG,SAE9BG,EAAUC,EAAKC,SAAQ,KAC3BD,EAAKE,GAAGJ,EAAQX,EAAU,CACxBG,IAAKJ,EACLE,OACAD,cACIE,EAAU,CAAEc,WAAY,OAAU,GACtCC,QAAAA,GACEb,EAAOO,EAAOR,IAChB,GACA,IAGJ,MAAO,IAAYS,EAAQM,QAAQ,GAClC,CAAClB,EAAUC,EAAMF,EAAKG,EAASJ,IAE3BK,CAAG"}
+{"version":3,"file":"useAnimation.js","sources":["../../../../../../src/core/hooks/useAnimation.ts"],"sourcesContent":["import gsap from 'gsap'\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\n/**\n * Type definition for the parameters used in the `useAnimation` hook.\n * @typedef {Object} UseAnimationType\n * @property {number} start - The starting value of the animation.\n * @property {number} end - The ending value of the animation.\n * @property {number} duration - The duration of the animation in seconds.\n * @property {string} [ease='expo.inOut'] - The easing function for the animation.\n * @property {boolean} [rounded] - Flag to determine if the value should be rounded during the animation.\n */\nexport type UseAnimationType = {\n  start?: number\n  end: number\n  duration?: number\n  ease?: string\n  rounded?: boolean\n  roundingFn?: (value: number | string) => number | string\n}\n\n/**\n * Custom hook to create an animation using GSAP.\n * @param {UseAnimationType} params - The parameters for the animation.\n * @returns {number} The current value of the animation.\n */\nexport const useAnimation = ({\n  start = 0,\n  end,\n  duration = 2,\n  ease = 'expo.inOut',\n  rounded,\n  roundingFn,\n}: UseAnimationType): number | string => {\n  const [val, setVal] = useState<number | string>(end)\n\n  const startValueRef = useRef<number | string>(start)\n\n  useEffect(() => {\n    startValueRef.current = val\n  }, [val])\n\n  useLayoutEffect(() => {\n    const valObj = { val: startValueRef.current }\n\n    const gsapCtx = gsap.context(() => {\n      gsap.to(valObj, duration, {\n        val: end,\n        ease,\n        duration,\n        ...(rounded ? { roundProps: 'val' } : {}),\n        onUpdate () {\n          setVal(roundingFn ? roundingFn(valObj.val) : valObj.val)\n        },\n        onComplete () {\n          setVal(roundingFn ? roundingFn(valObj.val) : valObj.val)\n        },\n      })\n    })\n\n    return (): void => gsapCtx.revert()\n  }, [duration, ease, end, rounded, roundingFn, start])\n\n  return val\n}\n"],"names":["useAnimation","_ref","start","end","duration","ease","rounded","roundingFn","val","setVal","useState","startValueRef","useRef","useEffect","current","useLayoutEffect","valObj","gsapCtx","gsap","context","to","roundProps","onUpdate","onComplete","revert"],"mappings":"4IA0BaA,MAAAA,EAAeC,IAOa,IAPZC,MAC3BA,EAAQ,EAACC,IACTA,EAAGC,SACHA,EAAW,EAACC,KACZA,EAAO,aAAYC,QACnBA,EAAOC,WACPA,GACiBN,EACjB,MAAOO,EAAKC,GAAUC,EAA0BP,GAE1CQ,EAAgBC,EAAwBV,GA2B9C,OAzBAW,GAAU,KACRF,EAAcG,QAAUN,CAAG,GAC1B,CAACA,IAEJO,GAAgB,KACd,MAAMC,EAAS,CAAER,IAAKG,EAAcG,SAE9BG,EAAUC,EAAKC,SAAQ,KAC3BD,EAAKE,GAAGJ,EAAQZ,EAAU,CACxBI,IAAKL,EACLE,OACAD,cACIE,EAAU,CAAEe,WAAY,OAAU,GACtCC,QAAAA,GACEb,EAAOF,EAAaA,EAAWS,EAAOR,KAAOQ,EAAOR,IACrD,EACDe,UAAAA,GACEd,EAAOF,EAAaA,EAAWS,EAAOR,KAAOQ,EAAOR,IACtD,GACA,IAGJ,MAAO,IAAYS,EAAQO,QAAQ,GAClC,CAACpB,EAAUC,EAAMF,EAAKG,EAASC,EAAYL,IAEvCM,CAAG"}