@codeleap/web 7.0.1 → 7.1.1

package/dist/components/List/elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/components/List/elements.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAuC,QAAQ,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEvF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,4BAA4B,SAAS,qDAOhE,CAAA;AA+FD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2DAIrE;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,4BAA4B,SAAS,qDAO/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,4BAA4B,SAAS,4DAa/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,+DAK3B,CAAA"}
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/components/List/elements.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAuC,QAAQ,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGvF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,4BAA4B,SAAS,qDAOhE,CAAA;AAoHD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2DAIrE;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,4BAA4B,SAAS,qDAO/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,4BAA4B,SAAS,4DAa/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,+DAK3B,CAAA"}

package/dist/components/List/elements.js

@@ -4,6 +4,7 @@ import { useMasonry, usePositioner, useResizeObserver, useInfiniteLoader, useScr
 import { TypeGuards } from '@codeleap/types';
 import { View } from '../View';
 import { useListContext } from './context';
+import { useScrollEdgeDetection } from './useScrollEdgeDetection';
 /**
  * Outer `View` that measures its own dimensions for the Masonic positioner via a `ResizeObserver`.
  * Must be rendered inside `List.Provider`; forwards extra `ViewProps` to the underlying `View`.
@@ -12,11 +13,16 @@ export const ListWrapper = ({ children, ...viewProps }) => {
     const { wrapperRef, styles, padding } = useListContext();
     return (_jsx(View, { ...viewProps, css: [styles.wrapper, padding, viewProps.css], ref: wrapperRef, children: children }));
 };
-function _ListItemsContent({ data, renderItem: providedRenderItem, fetchNextPage: itemsFetchNextPage, hasNextPage: itemsHasNextPage, ref, }) {
+function _ListItemsContent({ data, renderItem: providedRenderItem, infiniteLoaderCallback: itemsInfiniteLoaderCallback, hasMore: itemsHasMore, onEndReached: itemsOnEndReached, onEndReachedThreshold: itemsOnEndReachedThreshold, onStartReached: itemsOnStartReached, onStartReachedThreshold: itemsOnStartReachedThreshold, ref, }) {
     const { wrapperRef, wrapperLayout, scrollHook, styles, props, padding } = useListContext();
-    const fetchNextPage = itemsFetchNextPage ?? props.fetchNextPage;
-    const hasNextPage = itemsHasNextPage ?? props.hasNextPage;
-    const { scrollTop, isScrolling, height, width, scrollElement } = scrollHook(wrapperRef, wrapperLayout);
+    const infiniteLoaderCallback = itemsInfiniteLoaderCallback ?? props.infiniteLoaderCallback;
+    const hasMore = itemsHasMore ?? props.hasMore;
+    const onEndReached = itemsOnEndReached ?? props.onEndReached;
+    const onEndReachedThreshold = itemsOnEndReachedThreshold ?? props.onEndReachedThreshold;
+    const onStartReached = itemsOnStartReached ?? props.onStartReached;
+    const onStartReachedThreshold = itemsOnStartReachedThreshold ?? props.onStartReachedThreshold;
+    const useScrollBasedLoading = !!onEndReached || !!onStartReached;
+    const { scrollTop, scrollHeight, isScrolling, height, width, scrollElement } = scrollHook(wrapperRef, wrapperLayout);
     const innerWidth = width - padding.paddingLeft - padding.paddingRight;
     const stylePositioner = styles.positioner ?? {};
     const positionerConfig = {
@@ -38,11 +44,22 @@ function _ListItemsContent({ data, renderItem: providedRenderItem, fetchNextPage
             scrollToIndexFn(index);
         },
     }), [scrollToIndexFn]);
-    const maybeLoadMore = useInfiniteLoader(async () => {
-        if (hasNextPage)
-            fetchNextPage?.();
-    }, {
+    useScrollEdgeDetection({
+        scrollTop,
+        scrollHeight,
+        clientHeight: height,
+        onEndReached,
+        onEndReachedThreshold,
+        onStartReached,
+        onStartReachedThreshold,
+    });
+    const maybeLoadMore = useInfiniteLoader(useScrollBasedLoading
+        ? async () => { }
+        : async () => { if (hasMore)
+            infiniteLoaderCallback?.(); }, {
         isItemLoaded: (index, items) => !!items?.[index],
+        minimumBatchSize: 10,
+        threshold: 4,
         ...props.infiniteLoaderProps,
     });
     const separator = useMemo(() => {
@@ -74,7 +91,7 @@ function _ListItemsContent({ data, renderItem: providedRenderItem, fetchNextPage
         isScrolling,
         items: data ?? [],
         render: wrappedRenderItem,
-        onRender: maybeLoadMore,
+        onRender: useScrollBasedLoading ? undefined : maybeLoadMore,
     });
 }
 /**

package/dist/components/List/elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/components/List/elements.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/components/List/elements.tsx"],"names":[],"mappings":"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"}

package/dist/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGxE,OAAO,EAAe,SAAS,EAA2C,MAAM,YAAY,CAAA;AAC5F,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAE7C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AAExB;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,oDAuB3D;yBAvBe,IAAI;;;;;;;;;;2BAoCK,CAAC,SAAS,SAAS,UAAU,CAAC,KACtC,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGxE,OAAO,EAAe,SAAS,EAA2C,MAAM,YAAY,CAAA;AAC5F,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAE7C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AAExB;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,oDA+B3D;yBA/Be,IAAI;;;;;;;;;;2BA4CK,CAAC,SAAS,SAAS,UAAU,CAAC,KACtC,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI"}

package/dist/components/List/index.js

@@ -13,8 +13,8 @@ export * from './scroll';
  * Uses: `List.Provider`, `List.Wrapper`, `List.Items`, `List.Footer`, `List.Placeholder`
  */
 export function List(props) {
-    const { data, renderItem, fetchNextPage, hasNextPage, ...providerProps } = { ...List.defaultProps, ...props };
-    return (_jsx(ListProvider, { ...providerProps, children: _jsxs(ListWrapper, { children: [_jsx(ListPlaceholder, {}), _jsx(ListItems, { data: data, renderItem: renderItem, fetchNextPage: fetchNextPage, hasNextPage: hasNextPage }), _jsx(ListFooter, {})] }) }));
+    const { data, renderItem, infiniteLoaderCallback, hasMore, onEndReached, onEndReachedThreshold, onStartReached, onStartReachedThreshold, ...providerProps } = { ...List.defaultProps, ...props };
+    return (_jsx(ListProvider, { ...providerProps, children: _jsxs(ListWrapper, { children: [_jsx(ListPlaceholder, {}), _jsx(ListItems, { data: data, renderItem: renderItem, infiniteLoaderCallback: infiniteLoaderCallback, hasMore: hasMore, onEndReached: onEndReached, onEndReachedThreshold: onEndReachedThreshold, onStartReached: onStartReached, onStartReachedThreshold: onStartReachedThreshold }), _jsx(ListFooter, {})] }) }));
 }
 List.Provider = ListProvider;
 List.Wrapper = ListWrapper;

package/dist/components/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AAExB;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAqB,KAAmB;IAC1D,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,aAAa,EACb,WAAW,EACX,GAAG,aAAa,EACjB,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,KAAK,EAAkB,CAAA;IAEtD,OAAO,CACL,KAAC,YAAY,OAAK,aAAa,YAC7B,MAAC,WAAW,eACV,KAAC,eAAe,KAAG,EACnB,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,GACxB,EACF,KAAC,UAAU,KAAG,IACF,GACD,CAChB,CAAA;AACH,CAAC;AAED,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;AAC5B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;AACtB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAA;AACxB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAA;AACxB,IAAI,CAAC,WAAW,GAAG,eAAe,CAAA;AAElC,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,CAAC,CAAA;AACjG,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,IAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,IAA8F,CAAA;AACvG,CAAC,CAAA;AAED,IAAI,CAAC,YAAY,GAAG;IAClB,UAAU,EAAE,IAAI;CACe,CAAA;AAEjC,gBAAgB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AAExB;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAqB,KAAmB;IAC1D,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,sBAAsB,EACtB,OAAO,EACP,YAAY,EACZ,qBAAqB,EACrB,cAAc,EACd,uBAAuB,EACvB,GAAG,aAAa,EACjB,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,KAAK,EAAkB,CAAA;IAEtD,OAAO,CACL,KAAC,YAAY,OAAK,aAAa,YAC7B,MAAC,WAAW,eACV,KAAC,eAAe,KAAG,EACnB,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EAAE,cAAc,EAC9B,uBAAuB,EAAE,uBAAuB,GAChD,EACF,KAAC,UAAU,KAAG,IACF,GACD,CAChB,CAAA;AACH,CAAC;AAED,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;AAC5B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;AACtB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAA;AACxB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAA;AACxB,IAAI,CAAC,WAAW,GAAG,eAAe,CAAA;AAElC,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,CAAC,CAAA;AACjG,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,IAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,IAA8F,CAAA;AACvG,CAAC,CAAA;AAED,IAAI,CAAC,YAAY,GAAG;IAClB,UAAU,EAAE,IAAI;CACe,CAAA;AAEjC,gBAAgB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/List/scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../../src/components/List/scroll.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,SAAS,CAAA;AAyC9D;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,iBAS9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,iBAY7B,CAAA"}
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../../src/components/List/scroll.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,SAAS,CAAA;AA2C9D;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,iBAU9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,iBAc7B,CAAA"}

package/dist/components/List/scroll.js

@@ -5,6 +5,7 @@ import { useWindowSize } from '../../lib/hooks/useWindowSize';
 function useElementScroller(ref) {
     const [isScrolling, setIsScrolling] = useState(false);
     const [scrollTop, setScrollTop] = useState(0);
+    const [scrollHeight, setScrollHeight] = useState(0);
     useIsomorphicEffect(() => {
         if (typeof window === 'undefined')
             return;
@@ -16,6 +17,7 @@ function useElementScroller(ref) {
                     return;
                 tick = window.requestAnimationFrame(() => {
                     setScrollTop(current.scrollTop);
+                    setScrollHeight(current.scrollHeight);
                     tick = void 0;
                 });
             };
@@ -37,7 +39,7 @@ function useElementScroller(ref) {
         }, 1000 / 6);
         return () => window.clearTimeout(to);
     }, [scrollTop]);
-    return { scrollTop, isScrolling };
+    return { scrollTop, scrollHeight, isScrolling };
 }
 /**
  * `UseListScrollHook` implementation that tracks scroll position on a specific container element.
@@ -45,9 +47,10 @@ function useElementScroller(ref) {
  * This is the default scroll hook; override via `ListProviderProps.scrollHook` or set `windowScroll` to switch to `useWindowScroll`.
  */
 export const useElementScroll = (wrapperRef, layout) => {
-    const { scrollTop, isScrolling } = useElementScroller(wrapperRef);
+    const { scrollTop, scrollHeight, isScrolling } = useElementScroller(wrapperRef);
     return {
         scrollTop,
+        scrollHeight,
         isScrolling,
         height: layout?.offsetHeight ?? 0,
         width: layout?.width ?? 0,
@@ -64,8 +67,10 @@ export const useWindowScroll = (wrapperRef, layout) => {
     const windowHeight = windowSize[1];
     const { offset } = useContainerPosition(wrapperRef, windowSize);
     const { scrollTop, isScrolling } = useMasonicScroller(offset);
+    const scrollHeight = typeof document !== 'undefined' ? document.documentElement.scrollHeight : 0;
     return {
         scrollTop,
+        scrollHeight,
         isScrolling,
         height: windowHeight,
         width: layout?.width ?? 0,

package/dist/components/List/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../src/components/List/scroll.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../src/components/List/scroll.ts"],"names":[],"mappings":"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"}

package/dist/components/List/types.d.ts

@@ -37,6 +37,7 @@ export type ListWrapperLayout = {
  */
 export type UseListScrollHook = (wrapperRef: React.RefObject<HTMLElement>, wrapperLayout: ListWrapperLayout | null) => {
     scrollTop: number;
+    scrollHeight: number;
     isScrolling: boolean;
     height: number;
     width: number;
@@ -58,9 +59,13 @@ export type ListHandle = {
 export type ListProviderProps = Partial<ListPositionerConfig> & ListPaddingProps & {
     scrollHook?: UseListScrollHook;
     windowScroll?: boolean;
-    fetchNextPage?: () => void;
-    hasNextPage?: boolean;
+    infiniteLoaderCallback?: () => void;
+    hasMore?: boolean;
     infiniteLoaderProps?: UseInfiniteLoaderOptions<unknown>;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: number;
+    onStartReached?: () => void;
+    onStartReachedThreshold?: number;
     separators?: boolean;
     ItemSeparatorComponent?: React.ReactElement;
     style?: StyleProp<ListComposition, keyof ListStyleDef>;
@@ -74,8 +79,12 @@ export type ListProviderProps = Partial<ListPositionerConfig> & ListPaddingProps
 export type ListItemsProps<T extends ListItem> = {
     data: T[];
     renderItem: (data: AugmentedRenderItemInfo<T>) => React.ReactElement;
-    fetchNextPage?: () => void;
-    hasNextPage?: boolean;
+    infiniteLoaderCallback?: () => void;
+    hasMore?: boolean;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: number;
+    onStartReached?: () => void;
+    onStartReachedThreshold?: number;
     ref?: React.Ref<ListHandle>;
 };
 export type ListProps<T extends ListItem> = ListProviderProps & ListItemsProps<T>;

package/dist/components/List/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,uGAAuG;AACvG,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,EAC1D,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,WAAW,CACnG,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,oBAAoB,CAAC,EAAE,gBAAgB;CAAG;AAExF,yGAAyG;AACzG,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB,CAAA;AAED,6HAA6H;AAC7H,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG;IACjE,IAAI,EAAE,CAAC,CAAA;IACP,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAA;AAEvE;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAC9B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,aAAa,EAAE,iBAAiB,GAAG,IAAI,KACpC;IACH,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;CAC5D,CAAA;AAED,oGAAoG;AACpG,MAAM,MAAM,UAAU,GAAG;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;KAAE,KAAK,IAAI,CAAA;CAC1F,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,oBAAoB,CAAC,GAAG,gBAAgB,GAAG;IACjF,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAA;IACvD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,eAAe,EAAE,MAAM,YAAY,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,CAAC,MAAM,KAAK,CAAC,YAAY,CAAC,CAAA;IACrE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,2FAA2F;AAC3F,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,QAAQ,IAAI;IAC/C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,UAAU,EAAE,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;IACpE,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,QAAQ,IAAI,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA"}

package/dist/components/List/useScrollEdgeDetection.d.ts

@@ -0,0 +1,12 @@
+type UseScrollEdgeDetectionOptions = {
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: number;
+    onStartReached?: () => void;
+    onStartReachedThreshold?: number;
+};
+export declare function useScrollEdgeDetection(options: UseScrollEdgeDetectionOptions): void;
+export {};
+//# sourceMappingURL=useScrollEdgeDetection.d.ts.map

package/dist/components/List/useScrollEdgeDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollEdgeDetection.d.ts","sourceRoot":"","sources":["../../../src/components/List/useScrollEdgeDetection.ts"],"names":[],"mappings":"AAEA,KAAK,6BAA6B,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAA;CACjC,CAAA;AAID,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,6BAA6B,QA4C5E"}

package/dist/components/List/useScrollEdgeDetection.js

@@ -0,0 +1,37 @@
+import { useEffect, useRef } from 'react';
+const DEFAULT_THRESHOLD = 0.5;
+export function useScrollEdgeDetection(options) {
+    const { scrollTop, scrollHeight, clientHeight, onEndReached, onEndReachedThreshold = DEFAULT_THRESHOLD, onStartReached, onStartReachedThreshold = DEFAULT_THRESHOLD, } = options;
+    const hasFiredEnd = useRef(false);
+    const hasFiredStart = useRef(false);
+    useEffect(() => {
+        if (clientHeight <= 0 || scrollHeight <= 0)
+            return;
+        if (onEndReached) {
+            const distanceFromEnd = scrollHeight - scrollTop - clientHeight;
+            const endThreshold = clientHeight * onEndReachedThreshold;
+            if (distanceFromEnd <= endThreshold) {
+                if (!hasFiredEnd.current) {
+                    hasFiredEnd.current = true;
+                    onEndReached();
+                }
+            }
+            else {
+                hasFiredEnd.current = false;
+            }
+        }
+        if (onStartReached) {
+            const startThreshold = clientHeight * onStartReachedThreshold;
+            if (scrollTop <= startThreshold) {
+                if (!hasFiredStart.current) {
+                    hasFiredStart.current = true;
+                    onStartReached();
+                }
+            }
+            else {
+                hasFiredStart.current = false;
+            }
+        }
+    }, [scrollTop, scrollHeight, clientHeight, onEndReached, onEndReachedThreshold, onStartReached, onStartReachedThreshold]);
+}
+//# sourceMappingURL=useScrollEdgeDetection.js.map

package/dist/components/List/useScrollEdgeDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollEdgeDetection.js","sourceRoot":"","sources":["../../../src/components/List/useScrollEdgeDetection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAYzC,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAE7B,MAAM,UAAU,sBAAsB,CAAC,OAAsC;IAC3E,MAAM,EACJ,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,GAAG,iBAAiB,EACzC,cAAc,EACd,uBAAuB,GAAG,iBAAiB,GAC5C,GAAG,OAAO,CAAA;IAEX,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACjC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC;YAAE,OAAM;QAElD,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,CAAA;YAC/D,MAAM,YAAY,GAAG,YAAY,GAAG,qBAAqB,CAAA;YAEzD,IAAI,eAAe,IAAI,YAAY,EAAE,CAAC;gBACpC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;oBACzB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;oBAC1B,YAAY,EAAE,CAAA;gBAChB,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,WAAW,CAAC,OAAO,GAAG,KAAK,CAAA;YAC7B,CAAC;QACH,CAAC;QAED,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,cAAc,GAAG,YAAY,GAAG,uBAAuB,CAAA;YAE7D,IAAI,SAAS,IAAI,cAAc,EAAE,CAAC;gBAChC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;oBAC3B,aAAa,CAAC,OAAO,GAAG,IAAI,CAAA;oBAC5B,cAAc,EAAE,CAAA;gBAClB,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,OAAO,GAAG,KAAK,CAAA;YAC/B,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,cAAc,EAAE,uBAAuB,CAAC,CAAC,CAAA;AAC3H,CAAC"}

package/dist/components/PaginationIndicator/ImperativePaginationIndicator.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PaginationIndicatorHandle, PaginationIndicatorProps, PaginationIndicatorState } from './types';
+type ImperativePaginationIndicatorProps = Omit<PaginationIndicatorProps, 'isFetching' | 'hasMore' | 'noMoreItemsText'> & {
+    initialState?: PaginationIndicatorState;
+    ref?: React.Ref<PaginationIndicatorHandle>;
+};
+/**
+ * Self-contained pagination indicator that manages its own render state.
+ * The parent pushes updates via the ref handle instead of passing reactive props, avoiding full tree re-renders.
+ */
+export declare const ImperativePaginationIndicator: (props: ImperativePaginationIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImperativePaginationIndicator.d.ts.map

package/dist/components/PaginationIndicator/ImperativePaginationIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImperativePaginationIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/ImperativePaginationIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvG,KAAK,kCAAkC,GAAG,IAAI,CAAC,wBAAwB,EAAE,YAAY,GAAG,SAAS,GAAG,iBAAiB,CAAC,GAAG;IACvH,YAAY,CAAC,EAAE,wBAAwB,CAAA;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAA;CAC3C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,GAAI,OAAO,kCAAkC,qDAqBtF,CAAA"}

package/dist/components/PaginationIndicator/ImperativePaginationIndicator.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useState, useImperativeHandle } from 'react';
+import { PaginationIndicator } from './index';
+/**
+ * Self-contained pagination indicator that manages its own render state.
+ * The parent pushes updates via the ref handle instead of passing reactive props, avoiding full tree re-renders.
+ */
+export const ImperativePaginationIndicator = (props) => {
+    const { initialState, ref, ...rest } = props;
+    const [state, setState] = useState({
+        isFetching: false,
+        hasMore: true,
+        ...initialState,
+    });
+    useImperativeHandle(ref, () => ({
+        update: (next) => setState(prev => ({ ...prev, ...next })),
+    }), []);
+    return (_jsx(PaginationIndicator, { ...rest, isFetching: state.isFetching, hasMore: state.hasMore, noMoreItemsText: state.noMoreItemsText }));
+};
+//# sourceMappingURL=ImperativePaginationIndicator.js.map

package/dist/components/PaginationIndicator/ImperativePaginationIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImperativePaginationIndicator.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/ImperativePaginationIndicator.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAQ7C;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,KAAyC,EAAE,EAAE;IACzF,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAE5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA2B;QAC3D,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,IAAI;QACb,GAAG,YAAY;KAChB,CAAC,CAAA;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;KAC3D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEP,OAAO,CACL,KAAC,mBAAmB,OACd,IAAI,EACR,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,eAAe,EAAE,KAAK,CAAC,eAAe,GACtC,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/PaginationIndicator/index.d.ts

@@ -2,6 +2,7 @@ import { PaginationIndicatorProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+export { ImperativePaginationIndicator } from './ImperativePaginationIndicator';
 /**
  * Status indicator placed at the bottom of a paginated or infinite-scroll list — shows a spinner while fetching, a "no more items" message when exhausted, or nothing otherwise.
  * Uses: `ActivityIndicator`, `Text`

package/dist/components/PaginationIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAwB,MAAM,kBAAkB,CAAA;AAE9F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;GAGG;AACH,eAAO,MAAM,mBAAmB;YAAW,wBAAwB;;;;qBAiD3B,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAP7G,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAwB,MAAM,kBAAkB,CAAA;AAE9F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAA;AAE/E;;;GAGG;AACH,eAAO,MAAM,mBAAmB;YAAW,wBAAwB;;;;qBAiD3B,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAP7G,CAAA"}

package/dist/components/PaginationIndicator/index.js

@@ -8,6 +8,7 @@ import { WebStyleRegistry } from '../../lib/WebStyleRegistry';
 import { useNestedStylesByKey } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+export { ImperativePaginationIndicator } from './ImperativePaginationIndicator';
 /**
  * Status indicator placed at the bottom of a paginated or infinite-scroll list — shows a spinner while fetching, a "no more items" message when exhausted, or nothing otherwise.
  * Uses: `ActivityIndicator`, `Text`

package/dist/components/PaginationIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAyC,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE9F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EACJ,OAAO,EACP,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,SAAS,GACV,GAAG;QACF,GAAG,mBAAmB,CAAC,YAAY;QACnC,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE3D,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,iBAAiB,IAAI,CAC1B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,KAAM,cAAc,EAAE,KAAK,EAAE,YAAY,GAAI,GAC/E,CACR,CAAA;IACH,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;YACjF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,GAC7B,GACG,CACR,CAAA;QACH,CAAC;QAED,OAAO,eAAe,CAAA;IACxB,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,GAAG,qBAAqB,CAAA;AAC7D,mBAAmB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;AAC5D,mBAAmB,CAAC,WAAW,GAAG,SAAS,CAAA;AAE3C,mBAAmB,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACxE,OAAO,mBAAqG,CAAA;AAC9G,CAAC,CAAA;AAED,mBAAmB,CAAC,YAAY,GAAG,EAAuC,CAAA;AAE1E,gBAAgB,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAyC,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE9F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAA;AAE/E;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EACJ,OAAO,EACP,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,SAAS,GACV,GAAG;QACF,GAAG,mBAAmB,CAAC,YAAY;QACnC,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE3D,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,iBAAiB,IAAI,CAC1B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,KAAM,cAAc,EAAE,KAAK,EAAE,YAAY,GAAI,GAC/E,CACR,CAAA;IACH,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;YACjF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,GAC7B,GACG,CACR,CAAA;QACH,CAAC;QAED,OAAO,eAAe,CAAA;IACxB,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,GAAG,qBAAqB,CAAA;AAC7D,mBAAmB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;AAC5D,mBAAmB,CAAC,WAAW,GAAG,SAAS,CAAA;AAE3C,mBAAmB,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACxE,OAAO,mBAAqG,CAAA;AAC9G,CAAC,CAAA;AAED,mBAAmB,CAAC,YAAY,GAAG,EAAuC,CAAA;AAE1E,gBAAgB,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA"}

package/dist/components/PaginationIndicator/types.d.ts

@@ -4,6 +4,15 @@ import { TextProps } from '../Text';
 import { ComponentCommonProps } from '../../types';
 import { PaginationIndicatorComposition } from './styles';
 import { StyleProp } from '@codeleap/styles';
+export type PaginationIndicatorState = {
+    isFetching?: boolean;
+    hasMore?: boolean;
+    noMoreItemsText?: React.ReactElement | string | number;
+};
+/** Imperative handle for updating a `PaginationIndicator` without re-rendering its parent. */
+export type PaginationIndicatorHandle = {
+    update: (state: PaginationIndicatorState) => void;
+};
 export interface PaginationIndicatorStyleDef {
 }
 /**

package/dist/components/PaginationIndicator/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,WAAW,2BAA2B;CAAG;AAE/C;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAClC,oBAAoB,GACpB;IACE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,8BAA8B,EAAE,MAAM,2BAA2B,CAAC,CAAA;IACpF,cAAc,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;CACpC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;CACvD,CAAA;AAED,8FAA8F;AAC9F,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAA;CAClD,CAAA;AAED,MAAM,WAAW,2BAA2B;CAAG;AAE/C;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAClC,oBAAoB,GACpB;IACE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,8BAA8B,EAAE,MAAM,2BAA2B,CAAC,CAAA;IACpF,cAAc,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;CACpC,CAAA"}

package/dist/components/Touchable/index.js

@@ -70,7 +70,8 @@ Touchable.rootElement = 'wrapper';
 Touchable.defaultProps = {
     propagate: true,
     debounce: null,
-    component: 'button',
+    component: 'div',
+    role: 'button',
     analyticsEnabled: false,
     analyticsName: null,
     analyticsData: {},

package/dist/components/Touchable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "7.0.1",
+  "version": "7.1.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -22,15 +22,15 @@
   },
   "license": "UNLICENSED",
   "devDependencies": {
-    "@codeleap/config": "7.0.1",
-    "@codeleap/form": "7.0.1",
-    "@codeleap/hooks": "7.0.1",
-    "@codeleap/logger": "7.0.1",
-    "@codeleap/query": "7.0.1",
-    "@codeleap/styles": "7.0.1",
-    "@codeleap/types": "7.0.1",
-    "@codeleap/utils": "7.0.1",
-    "@codeleap/store": "7.0.1",
+    "@codeleap/config": "7.0.2",
+    "@codeleap/form": "7.0.2",
+    "@codeleap/hooks": "7.0.2",
+    "@codeleap/logger": "7.0.2",
+    "@codeleap/query": "7.0.2",
+    "@codeleap/styles": "7.0.2",
+    "@codeleap/types": "7.0.2",
+    "@codeleap/utils": "7.0.2",
+    "@codeleap/store": "7.0.2",
     "@tanstack/react-query": "5.100.9"
   },
   "scripts": {
@@ -60,13 +60,13 @@
     "uuid": "13.0.0"
   },
   "peerDependencies": {
-    "@codeleap/types": "7.0.1",
-    "@codeleap/utils": "7.0.1",
-    "@codeleap/hooks": "7.0.1",
-    "@codeleap/query": "7.0.1",
-    "@codeleap/logger": "7.0.1",
-    "@codeleap/styles": "7.0.1",
-    "@codeleap/store": "7.0.1",
+    "@codeleap/types": "7.0.2",
+    "@codeleap/utils": "7.0.2",
+    "@codeleap/hooks": "7.0.2",
+    "@codeleap/query": "7.0.2",
+    "@codeleap/logger": "7.0.2",
+    "@codeleap/styles": "7.0.2",
+    "@codeleap/store": "7.0.2",
     "@emotion/react": "11.14.0",
     "@reach/router": "^1.3.4",
     "dayjs": "1.11.18",

package/src/components/List/elements.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useImperativeHandle, useMemo } from 'react'
+import React, { useCallback, useImperativeHandle, useMemo, useRef } from 'react'
 import {
   useMasonry,
   usePositioner,
@@ -11,6 +11,7 @@ import { TypeGuards } from '@codeleap/types'
 import { View, ViewProps } from '../View'
 import { useListContext } from './context'
 import { AugmentedRenderItemInfo, ListHandle, ListItem, ListItemsProps } from './types'
+import { useScrollEdgeDetection } from './useScrollEdgeDetection'
 
 /**
  * Outer `View` that measures its own dimensions for the Masonic positioner via a `ResizeObserver`.
@@ -28,16 +29,26 @@ export const ListWrapper = ({ children, ...viewProps }: ViewProps) => {
 function _ListItemsContent<T extends ListItem>({
   data,
   renderItem: providedRenderItem,
-  fetchNextPage: itemsFetchNextPage,
-  hasNextPage: itemsHasNextPage,
+  infiniteLoaderCallback: itemsInfiniteLoaderCallback,
+  hasMore: itemsHasMore,
+  onEndReached: itemsOnEndReached,
+  onEndReachedThreshold: itemsOnEndReachedThreshold,
+  onStartReached: itemsOnStartReached,
+  onStartReachedThreshold: itemsOnStartReachedThreshold,
   ref,
 }: ListItemsProps<T>) {
   const { wrapperRef, wrapperLayout, scrollHook, styles, props, padding } = useListContext()
 
-  const fetchNextPage = itemsFetchNextPage ?? props.fetchNextPage
-  const hasNextPage = itemsHasNextPage ?? props.hasNextPage
+  const infiniteLoaderCallback = itemsInfiniteLoaderCallback ?? props.infiniteLoaderCallback
+  const hasMore = itemsHasMore ?? props.hasMore
+  const onEndReached = itemsOnEndReached ?? props.onEndReached
+  const onEndReachedThreshold = itemsOnEndReachedThreshold ?? props.onEndReachedThreshold
+  const onStartReached = itemsOnStartReached ?? props.onStartReached
+  const onStartReachedThreshold = itemsOnStartReachedThreshold ?? props.onStartReachedThreshold
 
-  const { scrollTop, isScrolling, height, width, scrollElement } = scrollHook(wrapperRef, wrapperLayout)
+  const useScrollBasedLoading = !!onEndReached || !!onStartReached
+
+  const { scrollTop, scrollHeight, isScrolling, height, width, scrollElement } = scrollHook(wrapperRef, wrapperLayout)
   const innerWidth = width - padding.paddingLeft - padding.paddingRight
 
   const stylePositioner = (styles as any).positioner ?? {}
@@ -69,12 +80,24 @@ function _ListItemsContent<T extends ListItem>({
     },
   }), [scrollToIndexFn])
 
+  useScrollEdgeDetection({
+    scrollTop,
+    scrollHeight,
+    clientHeight: height,
+    onEndReached,
+    onEndReachedThreshold,
+    onStartReached,
+    onStartReachedThreshold,
+  })
+
   const maybeLoadMore = useInfiniteLoader(
-    async () => {
-      if (hasNextPage) fetchNextPage?.()
-    },
+    useScrollBasedLoading
+      ? async () => {}
+      : async () => { if (hasMore) infiniteLoaderCallback?.() },
     {
       isItemLoaded: (index, items) => !!items?.[index],
+      minimumBatchSize: 10,
+      threshold: 4,
       ...props.infiniteLoaderProps,
     }
   )
@@ -92,7 +115,7 @@ function _ListItemsContent<T extends ListItem>({
     const isFirst = index === 0
     const isLast = index === dataLength - 1
     const isOnly = dataLength === 1
-
+    
     return <>
       {isFirst ? null : separator}
       {providedRenderItem({
@@ -104,7 +127,7 @@ function _ListItemsContent<T extends ListItem>({
       } as AugmentedRenderItemInfo<T>)}
     </>
   }, [providedRenderItem, separator, dataLength])
-
+  
   return useMasonry({
     positioner,
     resizeObserver,
@@ -112,9 +135,8 @@ function _ListItemsContent<T extends ListItem>({
     scrollTop,
     isScrolling,
     items: data ?? [],
-  
     render: wrappedRenderItem,
-    onRender: maybeLoadMore,
+    onRender: useScrollBasedLoading ? undefined : maybeLoadMore,
   })
 }
 

package/src/components/List/index.tsx

@@ -19,8 +19,12 @@ export function List<T extends ListItem>(props: ListProps<T>) {
   const {
     data,
     renderItem,
-    fetchNextPage,
-    hasNextPage,
+    infiniteLoaderCallback,
+    hasMore,
+    onEndReached,
+    onEndReachedThreshold,
+    onStartReached,
+    onStartReachedThreshold,
     ...providerProps
   } = { ...List.defaultProps, ...props } as ListProps<T>
 
@@ -31,8 +35,12 @@ export function List<T extends ListItem>(props: ListProps<T>) {
         <ListItems
           data={data}
           renderItem={renderItem}
-          fetchNextPage={fetchNextPage}
-          hasNextPage={hasNextPage}
+          infiniteLoaderCallback={infiniteLoaderCallback}
+          hasMore={hasMore}
+          onEndReached={onEndReached}
+          onEndReachedThreshold={onEndReachedThreshold}
+          onStartReached={onStartReached}
+          onStartReachedThreshold={onStartReachedThreshold}
         />
         <ListFooter />
       </ListWrapper>

package/src/components/List/scroll.ts

@@ -8,9 +8,10 @@ import { useIsomorphicEffect } from '../../lib/hooks/useIsomorphicEffect'
 import { useWindowSize } from '../../lib/hooks/useWindowSize'
 import { UseListScrollHook, ListWrapperLayout } from './types'
 
-function useElementScroller(ref: React.RefObject<HTMLElement>): { scrollTop: number; isScrolling: boolean } {
+function useElementScroller(ref: React.RefObject<HTMLElement>): { scrollTop: number; scrollHeight: number; isScrolling: boolean } {
   const [isScrolling, setIsScrolling] = useState(false)
   const [scrollTop, setScrollTop] = useState(0)
+  const [scrollHeight, setScrollHeight] = useState(0)
 
   useIsomorphicEffect(() => {
     if (typeof window === 'undefined') return
@@ -22,6 +23,7 @@ function useElementScroller(ref: React.RefObject<HTMLElement>): { scrollTop: num
         if (tick) return
         tick = window.requestAnimationFrame(() => {
           setScrollTop(current.scrollTop)
+          setScrollHeight(current.scrollHeight)
           tick = void 0
         })
       }
@@ -44,7 +46,7 @@ function useElementScroller(ref: React.RefObject<HTMLElement>): { scrollTop: num
     return () => window.clearTimeout(to)
   }, [scrollTop])
 
-  return { scrollTop, isScrolling }
+  return { scrollTop, scrollHeight, isScrolling }
 }
 
 /**
@@ -53,9 +55,10 @@ function useElementScroller(ref: React.RefObject<HTMLElement>): { scrollTop: num
  * This is the default scroll hook; override via `ListProviderProps.scrollHook` or set `windowScroll` to switch to `useWindowScroll`.
  */
 export const useElementScroll: UseListScrollHook = (wrapperRef: React.RefObject<HTMLElement>, layout: ListWrapperLayout | null) => {
-  const { scrollTop, isScrolling } = useElementScroller(wrapperRef)
+  const { scrollTop, scrollHeight, isScrolling } = useElementScroller(wrapperRef)
   return {
     scrollTop,
+    scrollHeight,
     isScrolling,
     height: layout?.offsetHeight ?? 0,
     width: layout?.width ?? 0,
@@ -73,8 +76,10 @@ export const useWindowScroll: UseListScrollHook = (wrapperRef: React.RefObject<H
   const windowHeight = windowSize[1]
   const { offset } = useContainerPosition(wrapperRef, windowSize)
   const { scrollTop, isScrolling } = useMasonicScroller(offset)
+  const scrollHeight = typeof document !== 'undefined' ? document.documentElement.scrollHeight : 0
   return {
     scrollTop,
+    scrollHeight,
     isScrolling,
     height: windowHeight,
     width: layout?.width ?? 0,

package/src/components/List/types.ts

@@ -45,6 +45,7 @@ export type UseListScrollHook = (
   wrapperLayout: ListWrapperLayout | null
 ) => {
   scrollTop: number
+  scrollHeight: number
   isScrolling: boolean
   height: number
   width: number
@@ -66,9 +67,13 @@ export type ListHandle = {
 export type ListProviderProps = Partial<ListPositionerConfig> & ListPaddingProps & {
   scrollHook?: UseListScrollHook
   windowScroll?: boolean
-  fetchNextPage?: () => void
-  hasNextPage?: boolean
+  infiniteLoaderCallback?: () => void
+  hasMore?: boolean
   infiniteLoaderProps?: UseInfiniteLoaderOptions<unknown>
+  onEndReached?: () => void
+  onEndReachedThreshold?: number
+  onStartReached?: () => void
+  onStartReachedThreshold?: number
   separators?: boolean
   ItemSeparatorComponent?: React.ReactElement
   style?: StyleProp<ListComposition, keyof ListStyleDef>
@@ -83,8 +88,12 @@ export type ListProviderProps = Partial<ListPositionerConfig> & ListPaddingProps
 export type ListItemsProps<T extends ListItem> = {
   data: T[]
   renderItem: (data: AugmentedRenderItemInfo<T>) => React.ReactElement
-  fetchNextPage?: () => void
-  hasNextPage?: boolean
+  infiniteLoaderCallback?: () => void
+  hasMore?: boolean
+  onEndReached?: () => void
+  onEndReachedThreshold?: number
+  onStartReached?: () => void
+  onStartReachedThreshold?: number
   ref?: React.Ref<ListHandle>
 }
 

package/src/components/List/useScrollEdgeDetection.ts

@@ -0,0 +1,59 @@
+import { useEffect, useRef } from 'react'
+
+type UseScrollEdgeDetectionOptions = {
+  scrollTop: number
+  scrollHeight: number
+  clientHeight: number
+  onEndReached?: () => void
+  onEndReachedThreshold?: number
+  onStartReached?: () => void
+  onStartReachedThreshold?: number
+}
+
+const DEFAULT_THRESHOLD = 0.5
+
+export function useScrollEdgeDetection(options: UseScrollEdgeDetectionOptions) {
+  const {
+    scrollTop,
+    scrollHeight,
+    clientHeight,
+    onEndReached,
+    onEndReachedThreshold = DEFAULT_THRESHOLD,
+    onStartReached,
+    onStartReachedThreshold = DEFAULT_THRESHOLD,
+  } = options
+
+  const hasFiredEnd = useRef(false)
+  const hasFiredStart = useRef(false)
+
+  useEffect(() => {
+    if (clientHeight <= 0 || scrollHeight <= 0) return
+
+    if (onEndReached) {
+      const distanceFromEnd = scrollHeight - scrollTop - clientHeight
+      const endThreshold = clientHeight * onEndReachedThreshold
+
+      if (distanceFromEnd <= endThreshold) {
+        if (!hasFiredEnd.current) {
+          hasFiredEnd.current = true
+          onEndReached()
+        }
+      } else {
+        hasFiredEnd.current = false
+      }
+    }
+
+    if (onStartReached) {
+      const startThreshold = clientHeight * onStartReachedThreshold
+
+      if (scrollTop <= startThreshold) {
+        if (!hasFiredStart.current) {
+          hasFiredStart.current = true
+          onStartReached()
+        }
+      } else {
+        hasFiredStart.current = false
+      }
+    }
+  }, [scrollTop, scrollHeight, clientHeight, onEndReached, onEndReachedThreshold, onStartReached, onStartReachedThreshold])
+}

package/src/components/PaginationIndicator/ImperativePaginationIndicator.tsx

@@ -0,0 +1,35 @@
+import React, { useState, useImperativeHandle } from 'react'
+import { PaginationIndicator } from './index'
+import { PaginationIndicatorHandle, PaginationIndicatorProps, PaginationIndicatorState } from './types'
+
+type ImperativePaginationIndicatorProps = Omit<PaginationIndicatorProps, 'isFetching' | 'hasMore' | 'noMoreItemsText'> & {
+  initialState?: PaginationIndicatorState
+  ref?: React.Ref<PaginationIndicatorHandle>
+}
+
+/**
+ * Self-contained pagination indicator that manages its own render state.
+ * The parent pushes updates via the ref handle instead of passing reactive props, avoiding full tree re-renders.
+ */
+export const ImperativePaginationIndicator = (props: ImperativePaginationIndicatorProps) => {
+  const { initialState, ref, ...rest } = props
+
+  const [state, setState] = useState<PaginationIndicatorState>({
+    isFetching: false,
+    hasMore: true,
+    ...initialState,
+  })
+
+  useImperativeHandle(ref, () => ({
+    update: (next) => setState(prev => ({ ...prev, ...next })),
+  }), [])
+
+  return (
+    <PaginationIndicator
+      {...rest}
+      isFetching={state.isFetching}
+      hasMore={state.hasMore}
+      noMoreItemsText={state.noMoreItemsText}
+    />
+  )
+}

package/src/components/PaginationIndicator/index.tsx

@@ -10,6 +10,7 @@ import { AnyRecord, IJSX, StyledComponentProps, useNestedStylesByKey } from '@co
 
 export * from './styles'
 export * from './types'
+export { ImperativePaginationIndicator } from './ImperativePaginationIndicator'
 
 /**
  * Status indicator placed at the bottom of a paginated or infinite-scroll list — shows a spinner while fetching, a "no more items" message when exhausted, or nothing otherwise.

package/src/components/PaginationIndicator/types.ts

@@ -5,6 +5,17 @@ import { ComponentCommonProps } from '../../types'
 import { PaginationIndicatorComposition } from './styles'
 import { StyleProp } from '@codeleap/styles'
 
+export type PaginationIndicatorState = {
+  isFetching?: boolean
+  hasMore?: boolean
+  noMoreItemsText?: React.ReactElement | string | number
+}
+
+/** Imperative handle for updating a `PaginationIndicator` without re-rendering its parent. */
+export type PaginationIndicatorHandle = {
+  update: (state: PaginationIndicatorState) => void
+}
+
 export interface PaginationIndicatorStyleDef {}
 
 /**

package/src/components/Touchable/index.tsx

@@ -118,7 +118,8 @@ Touchable.rootElement = 'wrapper'
 Touchable.defaultProps = {
   propagate: true,
   debounce: null,
-  component: 'button',
+  component: 'div',
+  role: 'button',
   analyticsEnabled: false,
   analyticsName: null,
   analyticsData: {},