@dcl/hooks 0.1.1-20251127124412.commit-425c22a → 0.1.2-20251128115325.commit-18af8a6

package/README.md

@@ -19,6 +19,7 @@ npm install @dcl/hooks
 - `usePatchState`: Partial state updates for complex objects
 - `useAsyncEffect`: Async version of useEffect
 - `useAsyncMemo`: Async version of useMemo
+- `useInfiniteScroll`: Infinite scroll functionality for loading more content
 
 ## Examples
 
@@ -66,6 +67,55 @@ function BrowserInfo() {
 }
 ```
 
+### useInfiniteScroll
+
+```typescript
+import { useInfiniteScroll } from '@dcl/hooks'
+import { useState, useEffect } from 'react'
+
+function InfiniteList() {
+  const [items, setItems] = useState<string[]>([])
+  const [hasMore, setHasMore] = useState(true)
+  const [isLoading, setIsLoading] = useState(false)
+
+  const loadMore = async () => {
+    if (isLoading) return
+
+    setIsLoading(true)
+    try {
+      // Simulate API call
+      const newItems = await fetchMoreItems(items.length)
+      setItems((prev) => [...prev, ...newItems])
+      
+      // Check if there's more data
+      setHasMore(newItems.length > 0)
+    } catch (error) {
+      console.error('Failed to load more items:', error)
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  useInfiniteScroll({
+    onLoadMore: loadMore,
+    hasMore,
+    isLoading,
+    threshold: 500, // Trigger when 500px from bottom
+    debounceMs: 500, // Minimum time between triggers (default: 500ms)
+  })
+
+  return (
+    <div>
+      {items.map((item, index) => (
+        <div key={index}>{item}</div>
+      ))}
+      {isLoading && <div>Loading more...</div>}
+      {!hasMore && <div>No more items</div>}
+    </div>
+  )
+}
+```
+
 ### Analytics Hooks
 
 The package provides a set of hooks for analytics tracking using Segment. Here's how to use them:

package/cjs/hooks/index.d.ts

@@ -1,12 +1,14 @@
-export type { AsyncStateResult, AsyncStateResultState } from "./useAsyncState";
-export type { AsyncMemoResult, AsyncMemoResultState } from "./useAsyncMemo";
 export type { AdvancedNavigatorUAData } from "./useAdvancedUserAgentData";
+export type { AsyncMemoResult, AsyncMemoResultState } from "./useAsyncMemo";
+export type { AsyncStateResult, AsyncStateResultState } from "./useAsyncState";
+export type { UseInfiniteScrollOptions } from "./useInfiniteScroll";
 export { useAdvancedUserAgentData } from "./useAdvancedUserAgentData";
+export { useAnalytics } from "./useAnalytics";
+export { useAsyncEffect } from "./useAsyncEffect";
+export { useAsyncMemo, createAsyncMemoState } from "./useAsyncMemo";
 export { useAsyncState, createAsyncStateState } from "./useAsyncState";
 export { useAsyncTask } from "./useAsyncTask";
 export { useAsyncTasks } from "./useAsyncTasks";
-export { usePatchState } from "./usePatchState";
-export { useAsyncEffect } from "./useAsyncEffect";
-export { useAsyncMemo, createAsyncMemoState } from "./useAsyncMemo";
-export { useAnalytics } from "./useAnalytics";
+export { useInfiniteScroll } from "./useInfiniteScroll";
 export { usePageTracking } from "./usePageTracking";
+export { usePatchState } from "./usePatchState";

package/cjs/hooks/index.js

@@ -1,9 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageTracking = exports.useAnalytics = exports.createAsyncMemoState = exports.useAsyncMemo = exports.useAsyncEffect = exports.usePatchState = exports.useAsyncTasks = exports.useAsyncTask = exports.createAsyncStateState = exports.useAsyncState = exports.useAdvancedUserAgentData = void 0;
+exports.usePatchState = exports.usePageTracking = exports.useInfiniteScroll = exports.useAsyncTasks = exports.useAsyncTask = exports.createAsyncStateState = exports.useAsyncState = exports.createAsyncMemoState = exports.useAsyncMemo = exports.useAsyncEffect = exports.useAnalytics = exports.useAdvancedUserAgentData = void 0;
 // Hooks
 var useAdvancedUserAgentData_1 = require("./useAdvancedUserAgentData");
 Object.defineProperty(exports, "useAdvancedUserAgentData", { enumerable: true, get: function () { return useAdvancedUserAgentData_1.useAdvancedUserAgentData; } });
+var useAnalytics_1 = require("./useAnalytics");
+Object.defineProperty(exports, "useAnalytics", { enumerable: true, get: function () { return useAnalytics_1.useAnalytics; } });
+var useAsyncEffect_1 = require("./useAsyncEffect");
+Object.defineProperty(exports, "useAsyncEffect", { enumerable: true, get: function () { return useAsyncEffect_1.useAsyncEffect; } });
+var useAsyncMemo_1 = require("./useAsyncMemo");
+Object.defineProperty(exports, "useAsyncMemo", { enumerable: true, get: function () { return useAsyncMemo_1.useAsyncMemo; } });
+Object.defineProperty(exports, "createAsyncMemoState", { enumerable: true, get: function () { return useAsyncMemo_1.createAsyncMemoState; } });
 var useAsyncState_1 = require("./useAsyncState");
 Object.defineProperty(exports, "useAsyncState", { enumerable: true, get: function () { return useAsyncState_1.useAsyncState; } });
 Object.defineProperty(exports, "createAsyncStateState", { enumerable: true, get: function () { return useAsyncState_1.createAsyncStateState; } });
@@ -11,15 +18,10 @@ var useAsyncTask_1 = require("./useAsyncTask");
 Object.defineProperty(exports, "useAsyncTask", { enumerable: true, get: function () { return useAsyncTask_1.useAsyncTask; } });
 var useAsyncTasks_1 = require("./useAsyncTasks");
 Object.defineProperty(exports, "useAsyncTasks", { enumerable: true, get: function () { return useAsyncTasks_1.useAsyncTasks; } });
-var usePatchState_1 = require("./usePatchState");
-Object.defineProperty(exports, "usePatchState", { enumerable: true, get: function () { return usePatchState_1.usePatchState; } });
-var useAsyncEffect_1 = require("./useAsyncEffect");
-Object.defineProperty(exports, "useAsyncEffect", { enumerable: true, get: function () { return useAsyncEffect_1.useAsyncEffect; } });
-var useAsyncMemo_1 = require("./useAsyncMemo");
-Object.defineProperty(exports, "useAsyncMemo", { enumerable: true, get: function () { return useAsyncMemo_1.useAsyncMemo; } });
-Object.defineProperty(exports, "createAsyncMemoState", { enumerable: true, get: function () { return useAsyncMemo_1.createAsyncMemoState; } });
-var useAnalytics_1 = require("./useAnalytics");
-Object.defineProperty(exports, "useAnalytics", { enumerable: true, get: function () { return useAnalytics_1.useAnalytics; } });
+var useInfiniteScroll_1 = require("./useInfiniteScroll");
+Object.defineProperty(exports, "useInfiniteScroll", { enumerable: true, get: function () { return useInfiniteScroll_1.useInfiniteScroll; } });
 var usePageTracking_1 = require("./usePageTracking");
 Object.defineProperty(exports, "usePageTracking", { enumerable: true, get: function () { return usePageTracking_1.usePageTracking; } });
+var usePatchState_1 = require("./usePatchState");
+Object.defineProperty(exports, "usePatchState", { enumerable: true, get: function () { return usePatchState_1.usePatchState; } });
 //# sourceMappingURL=index.js.map

package/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAKA,QAAQ;AACR,uEAAqE;AAA5D,oIAAA,wBAAwB,OAAA;AACjC,iDAAsE;AAA7D,8GAAA,aAAa,OAAA;AAAE,sHAAA,qBAAqB,OAAA;AAC7C,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,+CAAmE;AAA1D,4GAAA,YAAY,OAAA;AAAE,oHAAA,oBAAoB,OAAA;AAC3C,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,qDAAmD;AAA1C,kHAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAMA,QAAQ;AACR,uEAAqE;AAA5D,oIAAA,wBAAwB,OAAA;AACjC,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,+CAAmE;AAA1D,4GAAA,YAAY,OAAA;AAAE,oHAAA,oBAAoB,OAAA;AAC3C,iDAAsE;AAA7D,8GAAA,aAAa,OAAA;AAAE,sHAAA,qBAAqB,OAAA;AAC7C,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA;AAC1B,qDAAmD;AAA1C,kHAAA,eAAe,OAAA;AACxB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA"}

package/cjs/hooks/useInfiniteScroll.d.ts

@@ -0,0 +1,25 @@
+interface UseInfiniteScrollOptions {
+    /** Callback to trigger when user scrolls near the end */
+    onLoadMore: () => void;
+    /** Whether more data is available to load */
+    hasMore: boolean;
+    /** Whether data is currently loading */
+    isLoading: boolean;
+    /** Distance from bottom (in pixels) to trigger load. Default: 500 */
+    threshold?: number;
+    /** Minimum time (in milliseconds) between triggers to prevent multiple calls. Default: 500 */
+    debounceMs?: number;
+}
+/**
+ * Hook to implement infinite scroll functionality
+ * Triggers onLoadMore callback when user scrolls near the bottom of the page
+ * @param options - Configuration options for infinite scroll
+ * @param options.onLoadMore - Callback to trigger when user scrolls near the end
+ * @param options.hasMore - Whether more data is available to load
+ * @param options.isLoading - Whether data is currently loading
+ * @param options.threshold - Distance from bottom (in pixels) to trigger load. Default: 500
+ * @param options.debounceMs - Minimum time (in milliseconds) between triggers to prevent multiple calls. Default: 500
+ */
+declare const useInfiniteScroll: ({ onLoadMore, hasMore, isLoading, threshold, debounceMs, }: UseInfiniteScrollOptions) => void;
+export { useInfiniteScroll };
+export type { UseInfiniteScrollOptions };

package/cjs/hooks/useInfiniteScroll.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteScroll = void 0;
+const react_1 = require("react");
+/**
+ * Hook to implement infinite scroll functionality
+ * Triggers onLoadMore callback when user scrolls near the bottom of the page
+ * @param options - Configuration options for infinite scroll
+ * @param options.onLoadMore - Callback to trigger when user scrolls near the end
+ * @param options.hasMore - Whether more data is available to load
+ * @param options.isLoading - Whether data is currently loading
+ * @param options.threshold - Distance from bottom (in pixels) to trigger load. Default: 500
+ * @param options.debounceMs - Minimum time (in milliseconds) between triggers to prevent multiple calls. Default: 500
+ */
+const useInfiniteScroll = ({ onLoadMore, hasMore, isLoading, threshold = 500, debounceMs = 500, }) => {
+    const onLoadMoreRef = (0, react_1.useRef)(onLoadMore);
+    const lastTriggerRef = (0, react_1.useRef)(0);
+    (0, react_1.useEffect)(() => {
+        onLoadMoreRef.current = onLoadMore;
+    }, [onLoadMore]);
+    (0, react_1.useEffect)(() => {
+        const handleScroll = () => {
+            const now = Date.now();
+            if (now - lastTriggerRef.current < debounceMs) {
+                return;
+            }
+            const scrollHeight = document.documentElement.scrollHeight;
+            const scrollTop = document.documentElement.scrollTop;
+            const clientHeight = document.documentElement.clientHeight;
+            const distanceFromBottom = scrollHeight - (scrollTop + clientHeight);
+            if (distanceFromBottom < threshold && hasMore && !isLoading) {
+                lastTriggerRef.current = now;
+                onLoadMoreRef.current();
+            }
+        };
+        window.addEventListener("scroll", handleScroll, { passive: true });
+        const timeoutId = setTimeout(handleScroll, 500);
+        return () => {
+            window.removeEventListener("scroll", handleScroll);
+            clearTimeout(timeoutId);
+        };
+    }, [hasMore, isLoading, threshold, debounceMs]);
+};
+exports.useInfiniteScroll = useInfiniteScroll;
+//# sourceMappingURL=useInfiniteScroll.js.map

package/cjs/hooks/useInfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.js","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAezC;;;;;;;;;GASG;AACH,MAAM,iBAAiB,GAAG,CAAC,EACzB,UAAU,EACV,OAAO,EACP,SAAS,EACT,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,GACS,EAAE,EAAE;IAC7B,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,UAAU,CAAC,CAAA;IACxC,MAAM,cAAc,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,UAAU,CAAA;IACpC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;YACtB,IAAI,GAAG,GAAG,cAAc,CAAC,OAAO,GAAG,UAAU,EAAE,CAAC;gBAC9C,OAAM;YACR,CAAC;YAED,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;YAC1D,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAA;YACpD,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;YAE1D,MAAM,kBAAkB,GAAG,YAAY,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,CAAA;YAEpE,IAAI,kBAAkB,GAAG,SAAS,IAAI,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC5D,cAAc,CAAC,OAAO,GAAG,GAAG,CAAA;gBAC5B,aAAa,CAAC,OAAO,EAAE,CAAA;YACzB,CAAC;QACH,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAElE,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAClD,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;AACjD,CAAC,CAAA;AAEQ,8CAAiB"}

package/esm/hooks/index.d.ts

@@ -1,12 +1,14 @@
-export type { AsyncStateResult, AsyncStateResultState } from "./useAsyncState";
-export type { AsyncMemoResult, AsyncMemoResultState } from "./useAsyncMemo";
 export type { AdvancedNavigatorUAData } from "./useAdvancedUserAgentData";
+export type { AsyncMemoResult, AsyncMemoResultState } from "./useAsyncMemo";
+export type { AsyncStateResult, AsyncStateResultState } from "./useAsyncState";
+export type { UseInfiniteScrollOptions } from "./useInfiniteScroll";
 export { useAdvancedUserAgentData } from "./useAdvancedUserAgentData";
+export { useAnalytics } from "./useAnalytics";
+export { useAsyncEffect } from "./useAsyncEffect";
+export { useAsyncMemo, createAsyncMemoState } from "./useAsyncMemo";
 export { useAsyncState, createAsyncStateState } from "./useAsyncState";
 export { useAsyncTask } from "./useAsyncTask";
 export { useAsyncTasks } from "./useAsyncTasks";
-export { usePatchState } from "./usePatchState";
-export { useAsyncEffect } from "./useAsyncEffect";
-export { useAsyncMemo, createAsyncMemoState } from "./useAsyncMemo";
-export { useAnalytics } from "./useAnalytics";
+export { useInfiniteScroll } from "./useInfiniteScroll";
 export { usePageTracking } from "./usePageTracking";
+export { usePatchState } from "./usePatchState";

package/esm/hooks/index.js

@@ -1,11 +1,12 @@
 // Hooks
 export { useAdvancedUserAgentData } from "./useAdvancedUserAgentData";
+export { useAnalytics } from "./useAnalytics";
+export { useAsyncEffect } from "./useAsyncEffect";
+export { useAsyncMemo, createAsyncMemoState } from "./useAsyncMemo";
 export { useAsyncState, createAsyncStateState } from "./useAsyncState";
 export { useAsyncTask } from "./useAsyncTask";
 export { useAsyncTasks } from "./useAsyncTasks";
-export { usePatchState } from "./usePatchState";
-export { useAsyncEffect } from "./useAsyncEffect";
-export { useAsyncMemo, createAsyncMemoState } from "./useAsyncMemo";
-export { useAnalytics } from "./useAnalytics";
+export { useInfiniteScroll } from "./useInfiniteScroll";
 export { usePageTracking } from "./usePageTracking";
+export { usePatchState } from "./usePatchState";
 //# sourceMappingURL=index.js.map

package/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAKA,QAAQ;AACR,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAMA,QAAQ;AACR,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/esm/hooks/useInfiniteScroll.d.ts

@@ -0,0 +1,25 @@
+interface UseInfiniteScrollOptions {
+    /** Callback to trigger when user scrolls near the end */
+    onLoadMore: () => void;
+    /** Whether more data is available to load */
+    hasMore: boolean;
+    /** Whether data is currently loading */
+    isLoading: boolean;
+    /** Distance from bottom (in pixels) to trigger load. Default: 500 */
+    threshold?: number;
+    /** Minimum time (in milliseconds) between triggers to prevent multiple calls. Default: 500 */
+    debounceMs?: number;
+}
+/**
+ * Hook to implement infinite scroll functionality
+ * Triggers onLoadMore callback when user scrolls near the bottom of the page
+ * @param options - Configuration options for infinite scroll
+ * @param options.onLoadMore - Callback to trigger when user scrolls near the end
+ * @param options.hasMore - Whether more data is available to load
+ * @param options.isLoading - Whether data is currently loading
+ * @param options.threshold - Distance from bottom (in pixels) to trigger load. Default: 500
+ * @param options.debounceMs - Minimum time (in milliseconds) between triggers to prevent multiple calls. Default: 500
+ */
+declare const useInfiniteScroll: ({ onLoadMore, hasMore, isLoading, threshold, debounceMs, }: UseInfiniteScrollOptions) => void;
+export { useInfiniteScroll };
+export type { UseInfiniteScrollOptions };

package/esm/hooks/useInfiniteScroll.js

@@ -0,0 +1,42 @@
+import { useEffect, useRef } from "react";
+/**
+ * Hook to implement infinite scroll functionality
+ * Triggers onLoadMore callback when user scrolls near the bottom of the page
+ * @param options - Configuration options for infinite scroll
+ * @param options.onLoadMore - Callback to trigger when user scrolls near the end
+ * @param options.hasMore - Whether more data is available to load
+ * @param options.isLoading - Whether data is currently loading
+ * @param options.threshold - Distance from bottom (in pixels) to trigger load. Default: 500
+ * @param options.debounceMs - Minimum time (in milliseconds) between triggers to prevent multiple calls. Default: 500
+ */
+const useInfiniteScroll = ({ onLoadMore, hasMore, isLoading, threshold = 500, debounceMs = 500, }) => {
+    const onLoadMoreRef = useRef(onLoadMore);
+    const lastTriggerRef = useRef(0);
+    useEffect(() => {
+        onLoadMoreRef.current = onLoadMore;
+    }, [onLoadMore]);
+    useEffect(() => {
+        const handleScroll = () => {
+            const now = Date.now();
+            if (now - lastTriggerRef.current < debounceMs) {
+                return;
+            }
+            const scrollHeight = document.documentElement.scrollHeight;
+            const scrollTop = document.documentElement.scrollTop;
+            const clientHeight = document.documentElement.clientHeight;
+            const distanceFromBottom = scrollHeight - (scrollTop + clientHeight);
+            if (distanceFromBottom < threshold && hasMore && !isLoading) {
+                lastTriggerRef.current = now;
+                onLoadMoreRef.current();
+            }
+        };
+        window.addEventListener("scroll", handleScroll, { passive: true });
+        const timeoutId = setTimeout(handleScroll, 500);
+        return () => {
+            window.removeEventListener("scroll", handleScroll);
+            clearTimeout(timeoutId);
+        };
+    }, [hasMore, isLoading, threshold, debounceMs]);
+};
+export { useInfiniteScroll };
+//# sourceMappingURL=useInfiniteScroll.js.map

package/esm/hooks/useInfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.js","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAezC;;;;;;;;;GASG;AACH,MAAM,iBAAiB,GAAG,CAAC,EACzB,UAAU,EACV,OAAO,EACP,SAAS,EACT,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,GACS,EAAE,EAAE;IAC7B,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,UAAU,CAAA;IACpC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;YACtB,IAAI,GAAG,GAAG,cAAc,CAAC,OAAO,GAAG,UAAU,EAAE,CAAC;gBAC9C,OAAM;YACR,CAAC;YAED,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;YAC1D,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAA;YACpD,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;YAE1D,MAAM,kBAAkB,GAAG,YAAY,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,CAAA;YAEpE,IAAI,kBAAkB,GAAG,SAAS,IAAI,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC5D,cAAc,CAAC,OAAO,GAAG,GAAG,CAAA;gBAC5B,aAAa,CAAC,OAAO,EAAE,CAAA;YACzB,CAAC;QACH,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAElE,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAClD,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;AACjD,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/hooks",
-  "version": "0.1.1-20251127124412.commit-425c22a",
+  "version": "0.1.2-20251128115325.commit-18af8a6",
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "exports": {
@@ -84,5 +84,5 @@
       "<rootDir>/test/setup.ts"
     ]
   },
-  "commit": "425c22a552fd70b399fc418eb1bef091cccc4fe9"
+  "commit": "18af8a6f5206c928dea81f87997b5f77db47de32"
 }