lkd-web-kit 0.2.6 → 0.2.7

package/dist/index.d.ts

@@ -91,6 +91,7 @@ export declare type FetchNextPageOnScrollOptions = {
         data: unknown[];
     }, number>, Error>;
     scrollRef?: RefObject<HTMLElement | null>;
+    disabled?: boolean;
 };
 
 export declare const Form: <T extends FieldValues, TContext = any, TT extends T = T>({ methods, onSubmit, onSubmitError, ...rest }: FormProps<T, TContext, TT>) => JSX.Element;
@@ -370,6 +371,13 @@ export declare const nullableButRequired: <T extends ZodTypeAny>(schema: T, mess
 
 export declare const numberToTimeInput: (number: number) => string;
 
+export declare type OnScrollProgressOptions = {
+    triggerPercentage: number;
+    callback: () => void;
+    scrollRef?: RefObject<HTMLElement | null>;
+    disabled?: boolean;
+};
+
 export declare const optionalButRequired: <T extends ZodTypeAny>(schema: T, message?: string) => z.ZodEffects<z.ZodOptional<T>, T["_output"] | undefined, T["_input"] | undefined>;
 
 export declare const PageDataProvider: ({ value, children }: PageDataProviderProps) => JSX.Element;
@@ -469,7 +477,7 @@ export declare type TSearchParams = {
 
 export declare const useBreakpoint: (breakpoint: keyof typeof breakpointsWithPx) => boolean;
 
-export declare const useFetchNextPageOnScroll: ({ infinity, scrollRef }: FetchNextPageOnScrollOptions) => void;
+export declare const useFetchNextPageOnScroll: ({ infinity, scrollRef, disabled, }: FetchNextPageOnScrollOptions) => void;
 
 /**
  * Hook para usar el historial de navegación
@@ -477,7 +485,7 @@ export declare const useFetchNextPageOnScroll: ({ infinity, scrollRef }: FetchNe
  */
 export declare function useNavigationHistory(): NavigationHistoryHook;
 
-export declare const useOnScrollProgress: (triggerPercentage: number, callback: () => void, scrollRef?: RefObject<HTMLElement | null>) => void;
+export declare const useOnScrollProgress: ({ triggerPercentage, callback, scrollRef, disabled, }: OnScrollProgressOptions) => void;
 
 export declare const usePageData: <T>() => T;
 

package/dist/src/hooks/useFetchNextPageOnScroll.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("./useOnScrollProgress.cjs"),a=({infinity:e,scrollRef:t})=>{s.useOnScrollProgress(.9,()=>{e.hasNextPage&&e.fetchNextPage()},t),r.useEffect(()=>{if(t&&t.current===null)return;const c=t?.current??document.documentElement;!(c.scrollHeight>c.clientHeight)&&e.hasNextPage&&e.fetchNextPage()},[e.data,t,e.hasNextPage])};exports.useFetchNextPageOnScroll=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("./useOnScrollProgress.cjs"),l=({infinity:e,scrollRef:t,disabled:c=!1})=>{s.useOnScrollProgress({triggerPercentage:.9,callback:()=>{e.hasNextPage&&e.fetchNextPage()},scrollRef:t,disabled:c}),a.useEffect(()=>{if(c||t&&t.current===null)return;const r=t?.current??document.documentElement;!(r.scrollHeight>r.clientHeight)&&e.hasNextPage&&e.fetchNextPage()},[e.data,t,e.hasNextPage,c])};exports.useFetchNextPageOnScroll=l;
 //# sourceMappingURL=useFetchNextPageOnScroll.cjs.map

package/dist/src/hooks/useFetchNextPageOnScroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchNextPageOnScroll.cjs","sources":["../../../src/hooks/useFetchNextPageOnScroll.ts"],"sourcesContent":["'use client';\r\nimport { InfiniteData } from '@tanstack/react-query';\r\nimport { RefObject, useEffect } from 'react';\r\nimport { InfiniteQueryHookResult } from 'react-query-kit';\r\nimport { useOnScrollProgress } from './useOnScrollProgress';\r\n\r\nexport type FetchNextPageOnScrollOptions = {\r\n  infinity: InfiniteQueryHookResult<InfiniteData<{ data: unknown[] }, number>, Error>;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({ infinity, scrollRef }: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress(\r\n    0.9,\r\n    () => {\r\n      if (infinity.hasNextPage) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n  );\r\n\r\n  useEffect(() => {\r\n    // Si scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (scrollRef && scrollRef.current === null) {\r\n      return;\r\n    }\r\n\r\n    const el = scrollRef?.current;\r\n    const scrollTarget = el ?? document.documentElement;\r\n\r\n    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;\r\n\r\n    if (!hasScroll && infinity.hasNextPage) infinity.fetchNextPage();\r\n  }, [infinity.data, scrollRef, infinity.hasNextPage]);\r\n};\r\n"],"names":["useFetchNextPageOnScroll","infinity","scrollRef","useOnScrollProgress","useEffect","scrollTarget"],"mappings":"6JAWaA,EAA2B,CAAC,CAAE,SAAAC,EAAU,UAAAC,KAA8C,CACjGC,EAAA,oBACE,GACA,IAAM,CACAF,EAAS,aAAaA,EAAS,cAAc,CACnD,EACAC,CACF,EAEAE,EAAAA,UAAU,IAAM,CAEV,GAAAF,GAAaA,EAAU,UAAY,KACrC,OAII,MAAAG,EADKH,GAAW,SACK,SAAS,gBAIhC,EAFcG,EAAa,aAAeA,EAAa,eAEzCJ,EAAS,eAAsB,cAAc,CAAA,EAC9D,CAACA,EAAS,KAAMC,EAAWD,EAAS,WAAW,CAAC,CACrD"}
+{"version":3,"file":"useFetchNextPageOnScroll.cjs","sources":["../../../src/hooks/useFetchNextPageOnScroll.ts"],"sourcesContent":["'use client';\r\nimport { InfiniteData } from '@tanstack/react-query';\r\nimport { RefObject, useEffect } from 'react';\r\nimport { InfiniteQueryHookResult } from 'react-query-kit';\r\nimport { useOnScrollProgress } from './useOnScrollProgress';\r\n\r\nexport type FetchNextPageOnScrollOptions = {\r\n  infinity: InfiniteQueryHookResult<InfiniteData<{ data: unknown[] }, number>, Error>;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({\r\n  infinity,\r\n  scrollRef,\r\n  disabled = false,\r\n}: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress({\r\n    triggerPercentage: 0.9,\r\n    callback: () => {\r\n      if (infinity.hasNextPage) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n    disabled,\r\n  });\r\n\r\n  useEffect(() => {\r\n    // Si está deshabilitado o scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (disabled || (scrollRef && scrollRef.current === null)) {\r\n      return;\r\n    }\r\n\r\n    const el = scrollRef?.current;\r\n    const scrollTarget = el ?? document.documentElement;\r\n\r\n    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;\r\n\r\n    if (!hasScroll && infinity.hasNextPage) infinity.fetchNextPage();\r\n  }, [infinity.data, scrollRef, infinity.hasNextPage, disabled]);\r\n};\r\n"],"names":["useFetchNextPageOnScroll","infinity","scrollRef","disabled","useOnScrollProgress","useEffect","scrollTarget"],"mappings":"6JAYaA,EAA2B,CAAC,CACvC,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,EACb,IAAoC,CACdC,sBAAA,CAClB,kBAAmB,GACnB,SAAU,IAAM,CACVH,EAAS,aAAaA,EAAS,cAAc,CACnD,EACA,UAAAC,EACA,SAAAC,CAAA,CACD,EAEDE,EAAAA,UAAU,IAAM,CAEd,GAAIF,GAAaD,GAAaA,EAAU,UAAY,KAClD,OAII,MAAAI,EADKJ,GAAW,SACK,SAAS,gBAIhC,EAFcI,EAAa,aAAeA,EAAa,eAEzCL,EAAS,eAAsB,cAAc,CAAA,EAC9D,CAACA,EAAS,KAAMC,EAAWD,EAAS,YAAaE,CAAQ,CAAC,CAC/D"}

package/dist/src/hooks/useFetchNextPageOnScroll.mjs

@@ -1,21 +1,26 @@
 "use client";
-import { useEffect as r } from "react";
-import { useOnScrollProgress as a } from "./useOnScrollProgress.mjs";
-const h = ({ infinity: e, scrollRef: t }) => {
-  a(
-    0.9,
-    () => {
+import { useEffect as a } from "react";
+import { useOnScrollProgress as o } from "./useOnScrollProgress.mjs";
+const u = ({
+  infinity: e,
+  scrollRef: t,
+  disabled: c = !1
+}) => {
+  o({
+    triggerPercentage: 0.9,
+    callback: () => {
       e.hasNextPage && e.fetchNextPage();
     },
-    t
-  ), r(() => {
-    if (t && t.current === null)
+    scrollRef: t,
+    disabled: c
+  }), a(() => {
+    if (c || t && t.current === null)
       return;
-    const c = t?.current ?? document.documentElement;
-    !(c.scrollHeight > c.clientHeight) && e.hasNextPage && e.fetchNextPage();
-  }, [e.data, t, e.hasNextPage]);
+    const r = t?.current ?? document.documentElement;
+    !(r.scrollHeight > r.clientHeight) && e.hasNextPage && e.fetchNextPage();
+  }, [e.data, t, e.hasNextPage, c]);
 };
 export {
-  h as useFetchNextPageOnScroll
+  u as useFetchNextPageOnScroll
 };
 //# sourceMappingURL=useFetchNextPageOnScroll.mjs.map

package/dist/src/hooks/useFetchNextPageOnScroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchNextPageOnScroll.mjs","sources":["../../../src/hooks/useFetchNextPageOnScroll.ts"],"sourcesContent":["'use client';\r\nimport { InfiniteData } from '@tanstack/react-query';\r\nimport { RefObject, useEffect } from 'react';\r\nimport { InfiniteQueryHookResult } from 'react-query-kit';\r\nimport { useOnScrollProgress } from './useOnScrollProgress';\r\n\r\nexport type FetchNextPageOnScrollOptions = {\r\n  infinity: InfiniteQueryHookResult<InfiniteData<{ data: unknown[] }, number>, Error>;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({ infinity, scrollRef }: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress(\r\n    0.9,\r\n    () => {\r\n      if (infinity.hasNextPage) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n  );\r\n\r\n  useEffect(() => {\r\n    // Si scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (scrollRef && scrollRef.current === null) {\r\n      return;\r\n    }\r\n\r\n    const el = scrollRef?.current;\r\n    const scrollTarget = el ?? document.documentElement;\r\n\r\n    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;\r\n\r\n    if (!hasScroll && infinity.hasNextPage) infinity.fetchNextPage();\r\n  }, [infinity.data, scrollRef, infinity.hasNextPage]);\r\n};\r\n"],"names":["useFetchNextPageOnScroll","infinity","scrollRef","useOnScrollProgress","useEffect","scrollTarget"],"mappings":";;;AAWO,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAA8C;AACjG,EAAAC;AAAA,IACE;AAAA,IACA,MAAM;AACA,MAAAF,EAAS,eAAaA,EAAS,cAAc;AAAA,IACnD;AAAA,IACAC;AAAA,EACF,GAEAE,EAAU,MAAM;AAEV,QAAAF,KAAaA,EAAU,YAAY;AACrC;AAII,UAAAG,IADKH,GAAW,WACK,SAAS;AAIpC,IAAI,EAFcG,EAAa,eAAeA,EAAa,iBAEzCJ,EAAS,iBAAsB,cAAc;AAAA,EAAA,GAC9D,CAACA,EAAS,MAAMC,GAAWD,EAAS,WAAW,CAAC;AACrD;"}
+{"version":3,"file":"useFetchNextPageOnScroll.mjs","sources":["../../../src/hooks/useFetchNextPageOnScroll.ts"],"sourcesContent":["'use client';\r\nimport { InfiniteData } from '@tanstack/react-query';\r\nimport { RefObject, useEffect } from 'react';\r\nimport { InfiniteQueryHookResult } from 'react-query-kit';\r\nimport { useOnScrollProgress } from './useOnScrollProgress';\r\n\r\nexport type FetchNextPageOnScrollOptions = {\r\n  infinity: InfiniteQueryHookResult<InfiniteData<{ data: unknown[] }, number>, Error>;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({\r\n  infinity,\r\n  scrollRef,\r\n  disabled = false,\r\n}: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress({\r\n    triggerPercentage: 0.9,\r\n    callback: () => {\r\n      if (infinity.hasNextPage) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n    disabled,\r\n  });\r\n\r\n  useEffect(() => {\r\n    // Si está deshabilitado o scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (disabled || (scrollRef && scrollRef.current === null)) {\r\n      return;\r\n    }\r\n\r\n    const el = scrollRef?.current;\r\n    const scrollTarget = el ?? document.documentElement;\r\n\r\n    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;\r\n\r\n    if (!hasScroll && infinity.hasNextPage) infinity.fetchNextPage();\r\n  }, [infinity.data, scrollRef, infinity.hasNextPage, disabled]);\r\n};\r\n"],"names":["useFetchNextPageOnScroll","infinity","scrollRef","disabled","useOnScrollProgress","useEffect","scrollTarget"],"mappings":";;;AAYO,MAAMA,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAoC;AACd,EAAAC,EAAA;AAAA,IAClB,mBAAmB;AAAA,IACnB,UAAU,MAAM;AACV,MAAAH,EAAS,eAAaA,EAAS,cAAc;AAAA,IACnD;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEDE,EAAU,MAAM;AAEd,QAAIF,KAAaD,KAAaA,EAAU,YAAY;AAClD;AAII,UAAAI,IADKJ,GAAW,WACK,SAAS;AAIpC,IAAI,EAFcI,EAAa,eAAeA,EAAa,iBAEzCL,EAAS,iBAAsB,cAAc;AAAA,EAAA,GAC9D,CAACA,EAAS,MAAMC,GAAWD,EAAS,aAAaE,CAAQ,CAAC;AAC/D;"}

package/dist/src/hooks/useOnScrollProgress.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),h=(t,n,e)=>{if(t<0||t>1)throw new Error("El porcentaje debe estar entre 0 y 1");a.useEffect(()=>{if(e&&e.current===null)return;let s=!1;const r=()=>{const c=e?.current,o=c??document.documentElement,u=o.scrollHeight-o.clientHeight,i=c?o.scrollTop:window.scrollY,d=u>0?Math.min(1,i/u):0;!s&&d>=t&&(n(),s=!0)},l=e?.current??window;return l.addEventListener("scroll",r),r(),()=>{l.removeEventListener("scroll",r)}},[t,n,e])};exports.useOnScrollProgress=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),m=({triggerPercentage:t,callback:n,scrollRef:e,disabled:s=!1})=>{if(t<0||t>1)throw new Error("El porcentaje debe estar entre 0 y 1");h.useEffect(()=>{if(s||e&&e.current===null)return;let l=!1;const r=()=>{const u=e?.current,o=u??document.documentElement,i=o.scrollHeight-o.clientHeight,d=u?o.scrollTop:window.scrollY,a=i>0?Math.min(1,d/i):0;!l&&a>=t&&(n(),l=!0)},c=e?.current??window;return c.addEventListener("scroll",r),r(),()=>{c.removeEventListener("scroll",r)}},[t,n,e,s])};exports.useOnScrollProgress=m;
 //# sourceMappingURL=useOnScrollProgress.cjs.map

package/dist/src/hooks/useOnScrollProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOnScrollProgress.cjs","sources":["../../../src/hooks/useOnScrollProgress.ts"],"sourcesContent":["'use client';\r\nimport { RefObject, useEffect } from 'react';\r\n\r\nexport const useOnScrollProgress = (\r\n  triggerPercentage: number,\r\n  callback: () => void,\r\n  scrollRef?: RefObject<HTMLElement | null>,\r\n): void => {\r\n  if (triggerPercentage < 0 || triggerPercentage > 1) {\r\n    throw new Error('El porcentaje debe estar entre 0 y 1');\r\n  }\r\n\r\n  useEffect(() => {\r\n    // Si scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (scrollRef && scrollRef.current === null) {\r\n      return;\r\n    }\r\n\r\n    let hasTriggered = false;\r\n\r\n    const handleScroll = () => {\r\n      const el = scrollRef?.current;\r\n      const target = el ?? document.documentElement;\r\n\r\n      const scrollHeight = target.scrollHeight - target.clientHeight;\r\n      const scrollTop = el ? target.scrollTop : window.scrollY;\r\n\r\n      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;\r\n\r\n      if (!hasTriggered && scrollProgress >= triggerPercentage) {\r\n        callback();\r\n        hasTriggered = true;\r\n      }\r\n    };\r\n\r\n    const scrollTarget = scrollRef?.current ?? window;\r\n    scrollTarget.addEventListener('scroll', handleScroll);\r\n    handleScroll();\r\n\r\n    return () => {\r\n      scrollTarget.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [triggerPercentage, callback, scrollRef]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":"sHAGaA,EAAsB,CACjCC,EACAC,EACAC,IACS,CACL,GAAAF,EAAoB,GAAKA,EAAoB,EACzC,MAAA,IAAI,MAAM,sCAAsC,EAGxDG,EAAAA,UAAU,IAAM,CAEV,GAAAD,GAAaA,EAAU,UAAY,KACrC,OAGF,IAAIE,EAAe,GAEnB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAKJ,GAAW,QAChBK,EAASD,GAAM,SAAS,gBAExBE,EAAeD,EAAO,aAAeA,EAAO,aAC5CE,EAAYH,EAAKC,EAAO,UAAY,OAAO,QAE3CG,EAAiBF,EAAe,EAAI,KAAK,IAAI,EAAGC,EAAYD,CAAY,EAAI,EAE9E,CAACJ,GAAgBM,GAAkBV,IAC5BC,EAAA,EACMG,EAAA,GAEnB,EAEMO,EAAeT,GAAW,SAAW,OAC9B,OAAAS,EAAA,iBAAiB,SAAUN,CAAY,EACvCA,EAAA,EAEN,IAAM,CACEM,EAAA,oBAAoB,SAAUN,CAAY,CACzD,CACC,EAAA,CAACL,EAAmBC,EAAUC,CAAS,CAAC,CAC7C"}
+{"version":3,"file":"useOnScrollProgress.cjs","sources":["../../../src/hooks/useOnScrollProgress.ts"],"sourcesContent":["'use client';\r\nimport { RefObject, useEffect } from 'react';\r\n\r\nexport type OnScrollProgressOptions = {\r\n  triggerPercentage: number;\r\n  callback: () => void;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const useOnScrollProgress = ({\r\n  triggerPercentage,\r\n  callback,\r\n  scrollRef,\r\n  disabled = false,\r\n}: OnScrollProgressOptions): void => {\r\n  if (triggerPercentage < 0 || triggerPercentage > 1) {\r\n    throw new Error('El porcentaje debe estar entre 0 y 1');\r\n  }\r\n\r\n  useEffect(() => {\r\n    // Si está deshabilitado o scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (disabled || (scrollRef && scrollRef.current === null)) {\r\n      return;\r\n    }\r\n\r\n    let hasTriggered = false;\r\n\r\n    const handleScroll = () => {\r\n      const el = scrollRef?.current;\r\n      const target = el ?? document.documentElement;\r\n\r\n      const scrollHeight = target.scrollHeight - target.clientHeight;\r\n      const scrollTop = el ? target.scrollTop : window.scrollY;\r\n\r\n      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;\r\n\r\n      if (!hasTriggered && scrollProgress >= triggerPercentage) {\r\n        callback();\r\n        hasTriggered = true;\r\n      }\r\n    };\r\n\r\n    const scrollTarget = scrollRef?.current ?? window;\r\n    scrollTarget.addEventListener('scroll', handleScroll);\r\n    handleScroll();\r\n\r\n    return () => {\r\n      scrollTarget.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [triggerPercentage, callback, scrollRef, disabled]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","disabled","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":"sHAUaA,EAAsB,CAAC,CAClC,kBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,EACb,IAAqC,CAC/B,GAAAH,EAAoB,GAAKA,EAAoB,EACzC,MAAA,IAAI,MAAM,sCAAsC,EAGxDI,EAAAA,UAAU,IAAM,CAEd,GAAID,GAAaD,GAAaA,EAAU,UAAY,KAClD,OAGF,IAAIG,EAAe,GAEnB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAKL,GAAW,QAChBM,EAASD,GAAM,SAAS,gBAExBE,EAAeD,EAAO,aAAeA,EAAO,aAC5CE,EAAYH,EAAKC,EAAO,UAAY,OAAO,QAE3CG,EAAiBF,EAAe,EAAI,KAAK,IAAI,EAAGC,EAAYD,CAAY,EAAI,EAE9E,CAACJ,GAAgBM,GAAkBX,IAC5BC,EAAA,EACMI,EAAA,GAEnB,EAEMO,EAAeV,GAAW,SAAW,OAC9B,OAAAU,EAAA,iBAAiB,SAAUN,CAAY,EACvCA,EAAA,EAEN,IAAM,CACEM,EAAA,oBAAoB,SAAUN,CAAY,CACzD,GACC,CAACN,EAAmBC,EAAUC,EAAWC,CAAQ,CAAC,CACvD"}

package/dist/src/hooks/useOnScrollProgress.mjs

@@ -1,22 +1,27 @@
 "use client";
-import { useEffect as h } from "react";
-const w = (e, n, t) => {
+import { useEffect as m } from "react";
+const E = ({
+  triggerPercentage: e,
+  callback: n,
+  scrollRef: t,
+  disabled: s = !1
+}) => {
   if (e < 0 || e > 1)
     throw new Error("El porcentaje debe estar entre 0 y 1");
-  h(() => {
-    if (t && t.current === null)
+  m(() => {
+    if (s || t && t.current === null)
       return;
-    let s = !1;
+    let l = !1;
     const o = () => {
-      const c = t?.current, r = c ?? document.documentElement, i = r.scrollHeight - r.clientHeight, u = c ? r.scrollTop : window.scrollY, d = i > 0 ? Math.min(1, u / i) : 0;
-      !s && d >= e && (n(), s = !0);
-    }, l = t?.current ?? window;
-    return l.addEventListener("scroll", o), o(), () => {
-      l.removeEventListener("scroll", o);
+      const u = t?.current, r = u ?? document.documentElement, i = r.scrollHeight - r.clientHeight, d = u ? r.scrollTop : window.scrollY, h = i > 0 ? Math.min(1, d / i) : 0;
+      !l && h >= e && (n(), l = !0);
+    }, c = t?.current ?? window;
+    return c.addEventListener("scroll", o), o(), () => {
+      c.removeEventListener("scroll", o);
     };
-  }, [e, n, t]);
+  }, [e, n, t, s]);
 };
 export {
-  w as useOnScrollProgress
+  E as useOnScrollProgress
 };
 //# sourceMappingURL=useOnScrollProgress.mjs.map

package/dist/src/hooks/useOnScrollProgress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOnScrollProgress.mjs","sources":["../../../src/hooks/useOnScrollProgress.ts"],"sourcesContent":["'use client';\r\nimport { RefObject, useEffect } from 'react';\r\n\r\nexport const useOnScrollProgress = (\r\n  triggerPercentage: number,\r\n  callback: () => void,\r\n  scrollRef?: RefObject<HTMLElement | null>,\r\n): void => {\r\n  if (triggerPercentage < 0 || triggerPercentage > 1) {\r\n    throw new Error('El porcentaje debe estar entre 0 y 1');\r\n  }\r\n\r\n  useEffect(() => {\r\n    // Si scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (scrollRef && scrollRef.current === null) {\r\n      return;\r\n    }\r\n\r\n    let hasTriggered = false;\r\n\r\n    const handleScroll = () => {\r\n      const el = scrollRef?.current;\r\n      const target = el ?? document.documentElement;\r\n\r\n      const scrollHeight = target.scrollHeight - target.clientHeight;\r\n      const scrollTop = el ? target.scrollTop : window.scrollY;\r\n\r\n      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;\r\n\r\n      if (!hasTriggered && scrollProgress >= triggerPercentage) {\r\n        callback();\r\n        hasTriggered = true;\r\n      }\r\n    };\r\n\r\n    const scrollTarget = scrollRef?.current ?? window;\r\n    scrollTarget.addEventListener('scroll', handleScroll);\r\n    handleScroll();\r\n\r\n    return () => {\r\n      scrollTarget.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [triggerPercentage, callback, scrollRef]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":";;AAGO,MAAMA,IAAsB,CACjCC,GACAC,GACAC,MACS;AACL,MAAAF,IAAoB,KAAKA,IAAoB;AACzC,UAAA,IAAI,MAAM,sCAAsC;AAGxD,EAAAG,EAAU,MAAM;AAEV,QAAAD,KAAaA,EAAU,YAAY;AACrC;AAGF,QAAIE,IAAe;AAEnB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAKJ,GAAW,SAChBK,IAASD,KAAM,SAAS,iBAExBE,IAAeD,EAAO,eAAeA,EAAO,cAC5CE,IAAYH,IAAKC,EAAO,YAAY,OAAO,SAE3CG,IAAiBF,IAAe,IAAI,KAAK,IAAI,GAAGC,IAAYD,CAAY,IAAI;AAE9E,MAAA,CAACJ,KAAgBM,KAAkBV,MAC5BC,EAAA,GACMG,IAAA;AAAA,IAEnB,GAEMO,IAAeT,GAAW,WAAW;AAC9B,WAAAS,EAAA,iBAAiB,UAAUN,CAAY,GACvCA,EAAA,GAEN,MAAM;AACE,MAAAM,EAAA,oBAAoB,UAAUN,CAAY;AAAA,IACzD;AAAA,EACC,GAAA,CAACL,GAAmBC,GAAUC,CAAS,CAAC;AAC7C;"}
+{"version":3,"file":"useOnScrollProgress.mjs","sources":["../../../src/hooks/useOnScrollProgress.ts"],"sourcesContent":["'use client';\r\nimport { RefObject, useEffect } from 'react';\r\n\r\nexport type OnScrollProgressOptions = {\r\n  triggerPercentage: number;\r\n  callback: () => void;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const useOnScrollProgress = ({\r\n  triggerPercentage,\r\n  callback,\r\n  scrollRef,\r\n  disabled = false,\r\n}: OnScrollProgressOptions): void => {\r\n  if (triggerPercentage < 0 || triggerPercentage > 1) {\r\n    throw new Error('El porcentaje debe estar entre 0 y 1');\r\n  }\r\n\r\n  useEffect(() => {\r\n    // Si está deshabilitado o scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (disabled || (scrollRef && scrollRef.current === null)) {\r\n      return;\r\n    }\r\n\r\n    let hasTriggered = false;\r\n\r\n    const handleScroll = () => {\r\n      const el = scrollRef?.current;\r\n      const target = el ?? document.documentElement;\r\n\r\n      const scrollHeight = target.scrollHeight - target.clientHeight;\r\n      const scrollTop = el ? target.scrollTop : window.scrollY;\r\n\r\n      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;\r\n\r\n      if (!hasTriggered && scrollProgress >= triggerPercentage) {\r\n        callback();\r\n        hasTriggered = true;\r\n      }\r\n    };\r\n\r\n    const scrollTarget = scrollRef?.current ?? window;\r\n    scrollTarget.addEventListener('scroll', handleScroll);\r\n    handleScroll();\r\n\r\n    return () => {\r\n      scrollTarget.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [triggerPercentage, callback, scrollRef, disabled]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","disabled","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":";;AAUO,MAAMA,IAAsB,CAAC;AAAA,EAClC,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAqC;AAC/B,MAAAH,IAAoB,KAAKA,IAAoB;AACzC,UAAA,IAAI,MAAM,sCAAsC;AAGxD,EAAAI,EAAU,MAAM;AAEd,QAAID,KAAaD,KAAaA,EAAU,YAAY;AAClD;AAGF,QAAIG,IAAe;AAEnB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAKL,GAAW,SAChBM,IAASD,KAAM,SAAS,iBAExBE,IAAeD,EAAO,eAAeA,EAAO,cAC5CE,IAAYH,IAAKC,EAAO,YAAY,OAAO,SAE3CG,IAAiBF,IAAe,IAAI,KAAK,IAAI,GAAGC,IAAYD,CAAY,IAAI;AAE9E,MAAA,CAACJ,KAAgBM,KAAkBX,MAC5BC,EAAA,GACMI,IAAA;AAAA,IAEnB,GAEMO,IAAeV,GAAW,WAAW;AAC9B,WAAAU,EAAA,iBAAiB,UAAUN,CAAY,GACvCA,EAAA,GAEN,MAAM;AACE,MAAAM,EAAA,oBAAoB,UAAUN,CAAY;AAAA,IACzD;AAAA,KACC,CAACN,GAAmBC,GAAUC,GAAWC,CAAQ,CAAC;AACvD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",