@soulbatical/tetra-ui 0.1.0

package/dist/hooks/useFilterConfigs.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Filter configuration from backend
+ */
+export interface FilterConfig {
+    name: string;
+    type: 'column' | 'enum' | 'multiselect' | 'daterange' | 'search' | 'time' | 'related' | 'nullable' | 'boolean';
+    column?: string;
+    ui: {
+        label: string;
+        placeholder?: string;
+        description?: string;
+        icon?: string;
+        options?: Array<{
+            value: string;
+            label: string;
+            icon?: string;
+        }>;
+        order?: number;
+        defaultVisible?: boolean;
+    };
+}
+/**
+ * Sort field configuration from backend (Config-Driven v2.0)
+ */
+export interface SortFieldConfig {
+    field: string;
+    alias?: string;
+    label: string;
+    defaultDirection?: 'asc' | 'desc';
+    ui?: {
+        ascLabel?: string;
+        descLabel?: string;
+    };
+}
+/**
+ * Pagination configuration from backend (Config-Driven v2.0)
+ */
+export interface PaginationConfig {
+    defaultLimit?: number;
+    maxLimit?: number;
+    minLimit?: number;
+}
+export interface FilterConfigsResponse {
+    filters: FilterConfig[];
+    sortOptions?: SortFieldConfig[];
+    pagination?: PaginationConfig;
+    display?: any;
+    meta: {
+        totalFilters: number;
+        feature: string;
+        autoRendered: boolean;
+    };
+}
+/**
+ * Helper: Generate sort options for GenericListLayout from backend config
+ *
+ * @example
+ * ```typescript
+ * const { data } = useFilterConfigs('orders');
+ * const sortOptions = generateSortOptions(data?.sortOptions);
+ * // Returns: [
+ * //   { value: 'order_date-desc', label: 'Date (Newest first)' },
+ * //   { value: 'order_date-asc', label: 'Date (Oldest first)' },
+ * //   ...
+ * // ]
+ * ```
+ */
+export declare function generateSortOptions(sortFields?: SortFieldConfig[]): Array<{
+    value: string;
+    label: string;
+}>;
+/**
+ * Hook to fetch filter configurations from backend
+ *
+ * @param feature - Feature name (e.g., 'orders', 'products')
+ * @returns Query result with filter configs
+ */
+export declare const useFilterConfigs: (feature: string, options?: {
+    apiPrefix?: string;
+}) => import("@tanstack/react-query").UseQueryResult<FilterConfigsResponse, Error>;
+//# sourceMappingURL=useFilterConfigs.d.ts.map

package/dist/hooks/useFilterConfigs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterConfigs.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterConfigs.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,aAAa,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/G,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE;QACF,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACjE,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAClC,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,EAAE;QACJ,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,OAAO,CAAC;KACvB,CAAC;CACH;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CA6B3G;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,EAAE,UAAU;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,iFA4BjF,CAAC"}

package/dist/hooks/useFilterConfigs.js

@@ -0,0 +1,68 @@
+"use client";
+import { useQuery } from '@tanstack/react-query';
+import { apiClient } from '../services/apiClient.js';
+/**
+ * Helper: Generate sort options for GenericListLayout from backend config
+ *
+ * @example
+ * ```typescript
+ * const { data } = useFilterConfigs('orders');
+ * const sortOptions = generateSortOptions(data?.sortOptions);
+ * // Returns: [
+ * //   { value: 'order_date-desc', label: 'Date (Newest first)' },
+ * //   { value: 'order_date-asc', label: 'Date (Oldest first)' },
+ * //   ...
+ * // ]
+ * ```
+ */
+export function generateSortOptions(sortFields) {
+    if (!sortFields || sortFields.length === 0)
+        return [];
+    const options = [];
+    for (const field of sortFields) {
+        // Use alias if available (for SQL RPC), otherwise use field
+        const sortKey = field.alias || field.field;
+        // Determine default direction
+        const defaultDir = field.defaultDirection || 'desc';
+        const otherDir = defaultDir === 'desc' ? 'asc' : 'desc';
+        // Add default direction first
+        const defaultLabel = field.ui?.[`${defaultDir}Label`] || `${field.label} (${defaultDir})`;
+        options.push({
+            value: `${sortKey}-${defaultDir}`,
+            label: defaultLabel
+        });
+        // Add other direction
+        const otherLabel = field.ui?.[`${otherDir}Label`] || `${field.label} (${otherDir})`;
+        options.push({
+            value: `${sortKey}-${otherDir}`,
+            label: otherLabel
+        });
+    }
+    return options;
+}
+/**
+ * Hook to fetch filter configurations from backend
+ *
+ * @param feature - Feature name (e.g., 'orders', 'products')
+ * @returns Query result with filter configs
+ */
+export const useFilterConfigs = (feature, options) => {
+    const apiPrefix = options?.apiPrefix || 'admin';
+    return useQuery({
+        queryKey: ['filter-configs', feature, apiPrefix],
+        queryFn: async () => {
+            // apiClient.get returns parsed JSON directly and throws on error
+            const result = await apiClient.get(`/api/${apiPrefix}/${feature}/filters`);
+            if (!result.success) {
+                throw new Error(`Invalid response from /api/${apiPrefix}/${feature}/filters: missing 'success' property.`);
+            }
+            if (!result.data) {
+                throw new Error(`Invalid response from /api/${apiPrefix}/${feature}/filters: missing 'data' property.`);
+            }
+            return result.data;
+        },
+        staleTime: 5 * 60 * 1000, // Cache for 5 minutes (configs rarely change)
+        retry: 1, // Retry once on failure
+    });
+};
+//# sourceMappingURL=useFilterConfigs.js.map

package/dist/hooks/useFilterConfigs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterConfigs.js","sourceRoot":"","sources":["../../src/hooks/useFilterConfigs.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAuDrD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,mBAAmB,CAAC,UAA8B;IAChE,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAEtD,MAAM,OAAO,GAA4C,EAAE,CAAC;IAE5D,KAAK,MAAM,KAAK,IAAI,UAAU,EAAE,CAAC;QAC/B,4DAA4D;QAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC;QAE3C,8BAA8B;QAC9B,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,IAAI,MAAM,CAAC;QACpD,MAAM,QAAQ,GAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QAExD,8BAA8B;QAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,OAAgC,CAAW,IAAI,GAAG,KAAK,CAAC,KAAK,KAAK,UAAU,GAAG,CAAC;QAC7H,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,GAAG,OAAO,IAAI,UAAU,EAAE;YACjC,KAAK,EAAE,YAAY;SACpB,CAAC,CAAC;QAEH,sBAAsB;QACtB,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,QAAQ,OAAgC,CAAW,IAAI,GAAG,KAAK,CAAC,KAAK,KAAK,QAAQ,GAAG,CAAC;QACvH,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,GAAG,OAAO,IAAI,QAAQ,EAAE;YAC/B,KAAK,EAAE,UAAU;SAClB,CAAC,CAAC;IACL,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAe,EAAE,OAAgC,EAAE,EAAE;IACpF,MAAM,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,OAAO,CAAC;IAEhD,OAAO,QAAQ,CAAwB;QACrC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,OAAO,EAAE,SAAS,CAAC;QAChD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,iEAAiE;YACjE,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,GAAG,CAChC,QAAQ,SAAS,IAAI,OAAO,UAAU,CACvC,CAAC;YAEF,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,IAAI,KAAK,CACb,8BAA8B,SAAS,IAAI,OAAO,uCAAuC,CAC1F,CAAC;YACJ,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;gBACjB,MAAM,IAAI,KAAK,CACb,8BAA8B,SAAS,IAAI,OAAO,oCAAoC,CACvF,CAAC;YACJ,CAAC;YAED,OAAO,MAAM,CAAC,IAAI,CAAC;QACrB,CAAC;QACD,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,8CAA8C;QACxE,KAAK,EAAE,CAAC,EAAE,wBAAwB;KACnC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/hooks/useFormSubmit.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Hook for handling form submissions with standard patterns
+ *
+ * Handles loading state, error handling, success messages, cache invalidation, and navigation.
+ * Toast and navigation are provided via callbacks -- the consumer project supplies these.
+ *
+ * @example
+ * ```tsx
+ * const { handleSubmit, isSubmitting } = useFormSubmit({
+ *   onSubmit: async (data) => createItem(data),
+ *   successMessage: 'Item created successfully!',
+ *   invalidateQueries: ['items', 'item-counts'],
+ *   onSuccess: () => router.push('/items'),
+ *   toast: { success: toast.success, error: toast.error },
+ * });
+ *
+ * return (
+ *   <form onSubmit={(e) => handleSubmit(e, formData)}>
+ *     <Button type="submit" disabled={isSubmitting}>
+ *       {isSubmitting ? 'Creating...' : 'Create'}
+ *     </Button>
+ *   </form>
+ * );
+ * ```
+ */
+interface UseFormSubmitOptions<TData = any, TResult = any> {
+    /**
+     * The async function to execute on form submit.
+     * Receives the form data and should return the result.
+     */
+    onSubmit: (data: TData) => Promise<TResult>;
+    /**
+     * Success message to show via toast (optional).
+     * If not provided, no success toast is shown.
+     */
+    successMessage?: string;
+    /**
+     * Error message to show via toast (optional).
+     * If not provided, uses error.message from caught error.
+     */
+    errorMessage?: string;
+    /**
+     * Array of query keys to invalidate after successful submission.
+     */
+    invalidateQueries?: string[];
+    /**
+     * Optional callback after successful submission.
+     * Receives the result from onSubmit. Use for navigation, closing dialogs, etc.
+     */
+    onSuccess?: (result: TResult) => void;
+    /**
+     * Optional callback after failed submission.
+     * Receives the error.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Optional callback that always runs after submission (success or error).
+     */
+    onSettled?: () => void;
+    /**
+     * Whether to prevent default form submission behavior.
+     * Default: true
+     */
+    preventDefault?: boolean;
+    /**
+     * Toast functions for displaying messages.
+     * Consumer project provides these (e.g., from sonner, react-hot-toast, etc.)
+     */
+    toast?: {
+        success?: (message: string) => void;
+        error?: (message: string) => void;
+    };
+}
+export declare const useFormSubmit: <TData = any, TResult = any>(options: UseFormSubmitOptions<TData, TResult>) => {
+    handleSubmit: (e: React.FormEvent, data?: TData) => Promise<TResult | undefined>;
+    isSubmitting: boolean;
+};
+export {};
+//# sourceMappingURL=useFormSubmit.d.ts.map

package/dist/hooks/useFormSubmit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSubmit.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormSubmit.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,UAAU,oBAAoB,CAAC,KAAK,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG;IACvD;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE5C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE7B;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;QACpC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;KACnC,CAAC;CACH;AAED,eAAO,MAAM,aAAa,GAAI,KAAK,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG,EACtD,SAAS,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC;sBAMxC,KAAK,CAAC,SAAS,SACX,KAAK,KACX,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;;CA4DhC,CAAC"}

package/dist/hooks/useFormSubmit.js

@@ -0,0 +1,57 @@
+"use client";
+import { useState, useCallback } from 'react';
+import { useCacheInvalidation } from './useCacheInvalidation.js';
+export const useFormSubmit = (options) => {
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const { invalidate } = useCacheInvalidation();
+    const handleSubmit = useCallback(async (e, data) => {
+        // Prevent default form submission if enabled
+        if (options.preventDefault !== false) {
+            e.preventDefault();
+        }
+        setIsSubmitting(true);
+        try {
+            // Execute the submit function
+            const result = await options.onSubmit(data);
+            // Show success message if provided
+            if (options.successMessage && options.toast?.success) {
+                options.toast.success(options.successMessage);
+            }
+            // Invalidate queries if provided
+            if (options.invalidateQueries && options.invalidateQueries.length > 0) {
+                invalidate(...options.invalidateQueries);
+            }
+            // Call onSuccess callback if provided
+            if (options.onSuccess) {
+                options.onSuccess(result);
+            }
+            return result;
+        }
+        catch (error) {
+            console.error('Form submission error:', error);
+            // Show error message
+            const errorMsg = options.errorMessage ||
+                (error instanceof Error ? error.message : 'An error occurred during submission');
+            if (options.toast?.error) {
+                options.toast.error(errorMsg);
+            }
+            // Call onError callback if provided
+            if (options.onError && error instanceof Error) {
+                options.onError(error);
+            }
+            return undefined;
+        }
+        finally {
+            setIsSubmitting(false);
+            // Call onSettled callback if provided
+            if (options.onSettled) {
+                options.onSettled();
+            }
+        }
+    }, [options, invalidate]);
+    return {
+        handleSubmit,
+        isSubmitting,
+    };
+};
+//# sourceMappingURL=useFormSubmit.js.map

package/dist/hooks/useFormSubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSubmit.js","sourceRoot":"","sources":["../../src/hooks/useFormSubmit.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAqFjE,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAA6C,EAC7C,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE9C,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EACpC,CAAkB,EAClB,IAAY,EACkB,EAAE;QAChC,6CAA6C;QAC7C,IAAI,OAAO,CAAC,cAAc,KAAK,KAAK,EAAE,CAAC;YACrC,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QAED,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,IAAI,CAAC;YACH,8BAA8B;YAC9B,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,IAAa,CAAC,CAAC;YAErD,mCAAmC;YACnC,IAAI,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;gBACrD,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;YAChD,CAAC;YAED,iCAAiC;YACjC,IAAI,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtE,UAAU,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;YAC3C,CAAC;YAED,sCAAsC;YACtC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;gBACtB,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;YAE/C,qBAAqB;YACrB,MAAM,QAAQ,GACZ,OAAO,CAAC,YAAY;gBACpB,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC;YAEnF,IAAI,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;gBACzB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAChC,CAAC;YAED,oCAAoC;YACpC,IAAI,OAAO,CAAC,OAAO,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;gBAC9C,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;YAED,OAAO,SAAS,CAAC;QACnB,CAAC;gBAAS,CAAC;YACT,eAAe,CAAC,KAAK,CAAC,CAAC;YAEvB,sCAAsC;YACtC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;gBACtB,OAAO,CAAC,SAAS,EAAE,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO;QACL,YAAY;QACZ,YAAY;KACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/useGenericList.d.ts

@@ -0,0 +1,62 @@
+/**
+ * useGenericList - Universal hook for list pages with filtering, infinite scroll, and counts
+ *
+ * Combines:
+ * - Filter state management with persistence (usePersistedQueryState)
+ * - Data fetching (custom list hook)
+ * - Counts fetching (custom counts hook)
+ * - Infinite scroll setup (useInfiniteScroll)
+ * - Data flattening
+ *
+ * Filter persistence per feature:
+ * - Filters are saved to sessionStorage per entity
+ * - Restored when navigating back (breadcrumbs, back button, sidebar)
+ * - Each feature remembers its own filters independently
+ *
+ * @example
+ * const { items, counts, filters, setFilter, isLoading, sentinelRef } = useGenericList({
+ *   entity: 'orders',
+ *   dataKey: 'orders',
+ *   defaultFilters: { status: 'all', search: '', sortBy: 'date-desc' },
+ *   useListHook: useOrdersList,
+ *   useCountsHook: useOrdersCounts
+ * });
+ */
+export declare function useGenericList<TItem, TFilters extends Record<string, any>, TCounts>({ entity, dataKey, defaultFilters, useListHook, useCountsHook, enabled, }: {
+    entity: string;
+    dataKey: string;
+    defaultFilters: TFilters;
+    useListHook: (filters: TFilters, options?: {
+        enabled?: boolean;
+    }) => {
+        data: any;
+        isLoading: boolean;
+        fetchNextPage: () => void;
+        hasNextPage?: boolean;
+        hasMoreItems?: boolean;
+        loadMore?: () => void;
+        isFetchingNextPage: boolean;
+        refetch?: () => void;
+    };
+    useCountsHook: (filters: Partial<TFilters>, options?: {
+        enabled?: boolean;
+    }) => {
+        data: TCounts | undefined;
+        isLoading: boolean;
+    };
+    enabled?: boolean;
+}): {
+    items: TItem[];
+    counts: TCounts | undefined;
+    isLoading: boolean;
+    isLoadingCounts: boolean;
+    isFetchingNextPage: boolean;
+    filters: TFilters;
+    setFilter: <K extends keyof TFilters>(key: K, value: TFilters[K]) => void;
+    resetFilters: () => void;
+    sentinelRef: (node: HTMLDivElement | null) => void;
+    hasMore: boolean;
+    fetchNextPage: () => void;
+    refetch: (() => void) | undefined;
+};
+//# sourceMappingURL=useGenericList.d.ts.map

package/dist/hooks/useGenericList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenericList.d.ts","sourceRoot":"","sources":["../../src/hooks/useGenericList.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,EACnF,MAAM,EACN,OAAO,EACP,cAAc,EACd,WAAW,EACX,aAAa,EACb,OAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IACzB,WAAW,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK;QACnE,IAAI,EAAE,GAAG,CAAC;QACV,SAAS,EAAE,OAAO,CAAC;QACnB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK;QAC9E,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;QAC1B,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;;;;;;;;;;yBAZwB,IAAI;oBAKT,IAAI;EA6EvB"}

package/dist/hooks/useGenericList.js

@@ -0,0 +1,75 @@
+"use client";
+import { usePersistedQueryState } from './usePersistedQueryState.js';
+import { useInfiniteScroll } from './useInfiniteScroll.js';
+/**
+ * useGenericList - Universal hook for list pages with filtering, infinite scroll, and counts
+ *
+ * Combines:
+ * - Filter state management with persistence (usePersistedQueryState)
+ * - Data fetching (custom list hook)
+ * - Counts fetching (custom counts hook)
+ * - Infinite scroll setup (useInfiniteScroll)
+ * - Data flattening
+ *
+ * Filter persistence per feature:
+ * - Filters are saved to sessionStorage per entity
+ * - Restored when navigating back (breadcrumbs, back button, sidebar)
+ * - Each feature remembers its own filters independently
+ *
+ * @example
+ * const { items, counts, filters, setFilter, isLoading, sentinelRef } = useGenericList({
+ *   entity: 'orders',
+ *   dataKey: 'orders',
+ *   defaultFilters: { status: 'all', search: '', sortBy: 'date-desc' },
+ *   useListHook: useOrdersList,
+ *   useCountsHook: useOrdersCounts
+ * });
+ */
+export function useGenericList({ entity, dataKey, defaultFilters, useListHook, useCountsHook, enabled = true, }) {
+    // 1. Filter state management with persistence
+    const { filters, setFilter, resetFilters } = usePersistedQueryState(entity, defaultFilters);
+    // 2. Data fetching
+    const { data, isLoading, fetchNextPage, hasNextPage, hasMoreItems, loadMore, isFetchingNextPage, refetch } = useListHook(filters, { enabled });
+    // 3. Counts fetching (parallel request)
+    const { data: counts, isLoading: isLoadingCounts } = useCountsHook(filters, { enabled });
+    // 4. Data flattening with deduplication
+    // Defensive: filter out pages with missing/invalid data
+    const flatItems = (data?.pages?.flatMap((page) => page[dataKey] || []) || []);
+    // Deduplicate by ID (prevents React duplicate key warnings)
+    // Filter out undefined/null items before accessing properties
+    const items = Array.from(new Map(flatItems
+        .filter((item) => item != null) // Remove undefined/null items
+        .map((item) => {
+        // Support both new (id) and legacy (entityid) formats
+        const itemId = item.id || item[`${entity.replace(/s$/, '')}id`] || item[`${entity}id`];
+        return [itemId, item];
+    })).values());
+    // 5. Infinite scroll setup
+    const { sentinelRef } = useInfiniteScroll({
+        onLoadMore: loadMore || fetchNextPage,
+        hasMore: hasMoreItems ?? hasNextPage ?? false,
+        threshold: 300,
+        enabled: true
+    });
+    return {
+        // Data
+        items,
+        counts,
+        // Loading states
+        isLoading,
+        isLoadingCounts,
+        isFetchingNextPage,
+        // Filters
+        filters,
+        setFilter,
+        resetFilters,
+        // Infinite scroll
+        sentinelRef,
+        hasMore: hasMoreItems ?? hasNextPage ?? false,
+        // Pagination
+        fetchNextPage: loadMore || fetchNextPage,
+        // Refetch
+        refetch,
+    };
+}
+//# sourceMappingURL=useGenericList.js.map

package/dist/hooks/useGenericList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenericList.js","sourceRoot":"","sources":["../../src/hooks/useGenericList.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,cAAc,CAAuD,EACnF,MAAM,EACN,OAAO,EACP,cAAc,EACd,WAAW,EACX,aAAa,EACb,OAAO,GAAG,IAAI,GAoBf;IACC,8CAA8C;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,sBAAsB,CAAW,MAAM,EAAE,cAAc,CAAC,CAAC;IAEtG,mBAAmB;IACnB,MAAM,EACJ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,OAAO,EACR,GAAG,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAEtC,wCAAwC;IACxC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAEzF,wCAAwC;IACxC,wDAAwD;IACxD,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAY,CAAC;IAE9F,4DAA4D;IAC5D,8DAA8D;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,IAAI,GAAG,CACL,SAAS;SACN,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,8BAA8B;SAClE,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;QACjB,sDAAsD;QACtD,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC;QACvF,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC,CACL,CAAC,MAAM,EAAE,CACA,CAAC;IAEb,2BAA2B;IAC3B,MAAM,EAAE,WAAW,EAAE,GAAG,iBAAiB,CAAC;QACxC,UAAU,EAAE,QAAQ,IAAI,aAAa;QACrC,OAAO,EAAE,YAAY,IAAI,WAAW,IAAI,KAAK;QAC7C,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;IAEH,OAAO;QACL,OAAO;QACP,KAAK;QACL,MAAM;QAEN,iBAAiB;QACjB,SAAS;QACT,eAAe;QACf,kBAAkB;QAElB,UAAU;QACV,OAAO;QACP,SAAS;QACT,YAAY;QAEZ,kBAAkB;QAClB,WAAW;QACX,OAAO,EAAE,YAAY,IAAI,WAAW,IAAI,KAAK;QAE7C,aAAa;QACb,aAAa,EAAE,QAAQ,IAAI,aAAa;QAExC,UAAU;QACV,OAAO;KACR,CAAC;AACJ,CAAC"}

package/dist/hooks/useGenericListWithConfig.d.ts

@@ -0,0 +1,65 @@
+/**
+ * useGenericListWithConfig - Config-Driven List Hook
+ *
+ * Zero double configuration - defaults auto-generated from backend config!
+ *
+ * BEFORE (useGenericList):
+ * - Manual defaultFilters in every page
+ * - Double configuration (backend config + frontend defaults)
+ * - Easy to forget filters
+ *
+ * AFTER (useGenericListWithConfig):
+ * - Defaults auto-generated from backend
+ * - Single source of truth
+ * - All filters automatically included
+ *
+ * @example
+ * const { items, counts, filters, setFilter } = useGenericListWithConfig({
+ *   featureName: 'orders',
+ *   entity: 'orders',
+ *   dataKey: 'orders',
+ *   useListHook: useOrdersList,
+ *   useCountsHook: useOrdersCounts,
+ * });
+ */
+export declare function useGenericListWithConfig<TItem, TFilters extends Record<string, any>, TCounts>({ featureName, entity, dataKey, useListHook, useCountsHook, additionalDefaults, apiPrefix, }: {
+    featureName: string;
+    entity: string;
+    dataKey: string;
+    useListHook: (filters: TFilters, options?: {
+        enabled?: boolean;
+    }) => {
+        data: any;
+        isLoading: boolean;
+        fetchNextPage: () => void;
+        hasNextPage?: boolean;
+        hasMoreItems?: boolean;
+        loadMore?: () => void;
+        isFetchingNextPage: boolean;
+        refetch?: () => void;
+    };
+    useCountsHook: (filters: Partial<TFilters>, options?: {
+        enabled?: boolean;
+    }) => {
+        data: TCounts | undefined;
+        isLoading: boolean;
+    };
+    additionalDefaults?: Partial<TFilters>;
+    apiPrefix?: 'admin' | 'superadmin';
+}): {
+    filterConfigs: import("./useFilterConfigs.js").FilterConfigsResponse | undefined;
+    isLoadingConfigs: boolean;
+    items: TItem[];
+    counts: TCounts | undefined;
+    isLoading: boolean;
+    isLoadingCounts: boolean;
+    isFetchingNextPage: boolean;
+    filters: TFilters;
+    setFilter: <K extends keyof TFilters>(key: K, value: TFilters[K]) => void;
+    resetFilters: () => void;
+    sentinelRef: (node: HTMLDivElement | null) => void;
+    hasMore: boolean;
+    fetchNextPage: () => void;
+    refetch: (() => void) | undefined;
+};
+//# sourceMappingURL=useGenericListWithConfig.d.ts.map

package/dist/hooks/useGenericListWithConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenericListWithConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useGenericListWithConfig.ts"],"names":[],"mappings":"AAiDA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,EAC7F,WAAW,EACX,MAAM,EACN,OAAO,EACP,WAAW,EACX,aAAa,EACb,kBAAuB,EACvB,SAAmB,GACpB,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK;QACnE,IAAI,EAAE,GAAG,CAAC;QACV,SAAS,EAAE,OAAO,CAAC;QACnB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK;QAC9E,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;QAC1B,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CACpC;;;;;;;;;;;;;;;EAiCA"}

package/dist/hooks/useGenericListWithConfig.js

@@ -0,0 +1,98 @@
+"use client";
+import { useMemo } from 'react';
+import { useGenericList } from './useGenericList.js';
+import { useFilterConfigs } from './useFilterConfigs.js';
+/**
+ * Generate default filter values from backend filter configs.
+ * Inlined utility (no external dependency needed).
+ */
+function generateDefaultFilters(filters) {
+    if (!filters || filters.length === 0)
+        return {};
+    const defaults = {};
+    for (const filter of filters) {
+        switch (filter.type) {
+            case 'search':
+                defaults[filter.name] = '';
+                break;
+            case 'enum':
+            case 'column':
+            case 'nullable':
+                defaults[filter.name] = 'all';
+                break;
+            case 'multiselect':
+                defaults[filter.name] = [];
+                break;
+            case 'boolean':
+                defaults[filter.name] = '';
+                break;
+            case 'daterange':
+                defaults[filter.name] = '';
+                break;
+            case 'time':
+                defaults[filter.name] = '';
+                break;
+            case 'related':
+                defaults[filter.name] = '';
+                break;
+            default:
+                defaults[filter.name] = '';
+        }
+    }
+    return defaults;
+}
+/**
+ * useGenericListWithConfig - Config-Driven List Hook
+ *
+ * Zero double configuration - defaults auto-generated from backend config!
+ *
+ * BEFORE (useGenericList):
+ * - Manual defaultFilters in every page
+ * - Double configuration (backend config + frontend defaults)
+ * - Easy to forget filters
+ *
+ * AFTER (useGenericListWithConfig):
+ * - Defaults auto-generated from backend
+ * - Single source of truth
+ * - All filters automatically included
+ *
+ * @example
+ * const { items, counts, filters, setFilter } = useGenericListWithConfig({
+ *   featureName: 'orders',
+ *   entity: 'orders',
+ *   dataKey: 'orders',
+ *   useListHook: useOrdersList,
+ *   useCountsHook: useOrdersCounts,
+ * });
+ */
+export function useGenericListWithConfig({ featureName, entity, dataKey, useListHook, useCountsHook, additionalDefaults = {}, apiPrefix = 'admin', }) {
+    // Fetch filter configs from backend
+    const { data: filterConfigsData, isLoading: isLoadingConfigs } = useFilterConfigs(featureName, { apiPrefix });
+    // Auto-generate defaultFilters from config
+    const defaultFilters = useMemo(() => {
+        const configDefaults = generateDefaultFilters(filterConfigsData?.filters);
+        return {
+            ...configDefaults,
+            ...additionalDefaults,
+        };
+    }, [filterConfigsData, additionalDefaults]);
+    // Wait for configs to load before fetching data
+    // This prevents race condition where first fetch uses empty filters
+    const shouldEnableQuery = !isLoadingConfigs && filterConfigsData !== undefined;
+    // Use standard useGenericList with auto-generated defaults
+    const listResult = useGenericList({
+        entity,
+        dataKey,
+        defaultFilters,
+        useListHook,
+        useCountsHook,
+        enabled: shouldEnableQuery,
+    });
+    // Return combined result
+    return {
+        ...listResult,
+        filterConfigs: filterConfigsData,
+        isLoadingConfigs,
+    };
+}
+//# sourceMappingURL=useGenericListWithConfig.js.map

package/dist/hooks/useGenericListWithConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenericListWithConfig.js","sourceRoot":"","sources":["../../src/hooks/useGenericListWithConfig.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD;;;GAGG;AACH,SAAS,sBAAsB,CAAC,OAAwB;IACtD,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAEhD,MAAM,QAAQ,GAAwB,EAAE,CAAC;IAEzC,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;YACpB,KAAK,QAAQ;gBACX,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gBAC3B,MAAM;YACR,KAAK,MAAM,CAAC;YACZ,KAAK,QAAQ,CAAC;YACd,KAAK,UAAU;gBACb,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBAC9B,MAAM;YACR,KAAK,aAAa;gBAChB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gBAC3B,MAAM;YACR,KAAK,SAAS;gBACZ,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gBAC3B,MAAM;YACR,KAAK,WAAW;gBACd,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gBAC3B,MAAM;YACR,KAAK,MAAM;gBACT,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gBAC3B,MAAM;YACR,KAAK,SAAS;gBACZ,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gBAC3B,MAAM;YACR;gBACE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,wBAAwB,CAAuD,EAC7F,WAAW,EACX,MAAM,EACN,OAAO,EACP,WAAW,EACX,aAAa,EACb,kBAAkB,GAAG,EAAE,EACvB,SAAS,GAAG,OAAO,GAqBpB;IACC,oCAAoC;IACpC,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;IAE9G,2CAA2C;IAC3C,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,cAAc,GAAG,sBAAsB,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;QAC1E,OAAO;YACL,GAAG,cAAc;YACjB,GAAG,kBAAkB;SACV,CAAC;IAChB,CAAC,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5C,gDAAgD;IAChD,oEAAoE;IACpE,MAAM,iBAAiB,GAAG,CAAC,gBAAgB,IAAI,iBAAiB,KAAK,SAAS,CAAC;IAE/E,2DAA2D;IAC3D,MAAM,UAAU,GAAG,cAAc,CAA2B;QAC1D,MAAM;QACN,OAAO;QACP,cAAc;QACd,WAAW;QACX,aAAa;QACb,OAAO,EAAE,iBAAiB;KAC3B,CAAC,CAAC;IAEH,yBAAyB;IACzB,OAAO;QACL,GAAG,UAAU;QACb,aAAa,EAAE,iBAAiB;QAChC,gBAAgB;KACjB,CAAC;AACJ,CAAC"}

package/dist/hooks/useInfiniteScroll.d.ts

@@ -0,0 +1,11 @@
+interface UseInfiniteScrollOptions {
+    onLoadMore: () => void;
+    hasMore: boolean;
+    threshold?: number;
+    enabled?: boolean;
+}
+export declare const useInfiniteScroll: ({ onLoadMore, hasMore, threshold, enabled }: UseInfiniteScrollOptions) => {
+    sentinelRef: (node: HTMLDivElement | null) => void;
+};
+export {};
+//# sourceMappingURL=useInfiniteScroll.d.ts.map

package/dist/hooks/useInfiniteScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"AAIA,UAAU,wBAAwB;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,GAAI,6CAK/B,wBAAwB;wBAsCc,cAAc,GAAG,IAAI;CAoC7D,CAAC"}