@reactorui/datagrid 1.0.0

package/dist/hooks/useDataGrid.js

@@ -0,0 +1,356 @@
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { createApiRequest, compareValues, sortData } from '../utils';
+export const useDataGrid = ({ data: staticData, endpoint, httpConfig, pageSize = 10, serverPageSize = 100, onDataLoad, onDataError, onLoadingStateChange, onPageChange, onPageSizeChange, onSortChange, onFilterChange, onSearchChange, }) => {
+    // Core state
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [serverData, setServerData] = useState([]);
+    const [lastServerResponse, setLastServerResponse] = useState(null);
+    // UI state
+    const [searchTerm, setSearchTerm] = useState('');
+    const [activeFilters, setActiveFilters] = useState([]);
+    const [sortConfig, setSortConfig] = useState({ column: '', direction: 'asc' });
+    const [selectedRows, setSelectedRows] = useState(new Set());
+    // Pagination state (simplified)
+    const [currentPage, setCurrentPage] = useState(1);
+    const [currentPageSize, setCurrentPageSize] = useState(pageSize);
+    const [continuationToken, setContinuationToken] = useState();
+    const [tokenHistory, setTokenHistory] = useState([]);
+    // Determine data source
+    const sourceData = staticData || serverData;
+    // Internal loading state handler
+    const handleLoadingChange = useCallback((newLoading, context) => {
+        setLoading(newLoading);
+        onLoadingStateChange?.(newLoading, context);
+    }, [onLoadingStateChange]);
+    // Internal error handler
+    const handleError = useCallback((err, context) => {
+        const errorMessage = err.message || 'An unknown error occurred';
+        setError(errorMessage);
+        onDataError?.(err, context);
+    }, [onDataError]);
+    // Process data (search, filter, sort) - sorting is ALWAYS client-side
+    const processedData = useMemo(() => {
+        let processed = [...sourceData];
+        // Apply search (client-side for static data)
+        if (searchTerm && staticData) {
+            processed = processed.filter((row) => Object.values(row).some((value) => value?.toString().toLowerCase().includes(searchTerm.toLowerCase())));
+        }
+        // Apply filters (client-side for static data)
+        if (staticData) {
+            activeFilters.forEach((filter) => {
+                processed = processed.filter((row) => {
+                    const value = row[filter.column];
+                    return compareValues(value, filter.value, filter.operator, filter.dataType);
+                });
+            });
+        }
+        // Apply sorting (ALWAYS client-side)
+        if (sortConfig.column) {
+            processed = sortData(processed, sortConfig.column, sortConfig.direction);
+        }
+        return processed;
+    }, [sourceData, searchTerm, activeFilters, sortConfig, staticData]);
+    // Paginate data - only for client-side data
+    const paginatedData = useMemo(() => {
+        if (!staticData)
+            return sourceData; // For server-side, return as-is
+        const start = (currentPage - 1) * currentPageSize;
+        const end = start + currentPageSize;
+        return processedData.slice(start, end);
+    }, [processedData, currentPage, currentPageSize, staticData, sourceData]);
+    // Pagination info
+    const paginationInfo = useMemo(() => {
+        if (!staticData && lastServerResponse) {
+            // Server-side pagination info
+            const displayedCount = sourceData.length;
+            const start = displayedCount === 0 ? 0 : 1;
+            const end = displayedCount;
+            return {
+                currentPage,
+                totalPages: 1, // Not meaningful with continuation tokens
+                pageSize: currentPageSize,
+                totalRecords: lastServerResponse.Count,
+                start,
+                end,
+                hasNext: lastServerResponse.HasMore,
+                hasPrevious: tokenHistory.length > 0,
+                continuationToken: lastServerResponse.ContinuationToken,
+            };
+        }
+        // Client-side pagination info
+        const totalPages = Math.ceil(processedData.length / currentPageSize);
+        const start = processedData.length === 0 ? 0 : (currentPage - 1) * currentPageSize + 1;
+        const end = Math.min(currentPage * currentPageSize, processedData.length);
+        return {
+            currentPage,
+            totalPages,
+            pageSize: currentPageSize,
+            totalRecords: processedData.length,
+            start,
+            end,
+            hasNext: currentPage < totalPages,
+            hasPrevious: currentPage > 1,
+        };
+    }, [
+        processedData.length,
+        currentPage,
+        currentPageSize,
+        staticData,
+        sourceData,
+        lastServerResponse,
+        tokenHistory.length,
+    ]);
+    // Load server data
+    const loadServerData = useCallback(async (resetPagination = false, navigationDirection) => {
+        if (!endpoint || staticData)
+            return;
+        handleLoadingChange(true, 'data-load');
+        setError(null);
+        try {
+            let requestToken = continuationToken;
+            // Handle navigation
+            if (resetPagination) {
+                requestToken = undefined;
+                setContinuationToken(undefined);
+                setTokenHistory([]);
+                setCurrentPage(1);
+            }
+            else if (navigationDirection === 'previous' && tokenHistory.length > 0) {
+                // Go back to previous token
+                const newHistory = [...tokenHistory];
+                requestToken = newHistory.pop();
+                setTokenHistory(newHistory);
+                setContinuationToken(requestToken);
+            }
+            const request = {
+                page: currentPage,
+                pageSize: serverPageSize,
+                search: searchTerm,
+                filters: activeFilters,
+                continuationToken: requestToken,
+            };
+            const response = await createApiRequest(endpoint, request, httpConfig);
+            // Handle response
+            setServerData(response.Items);
+            setLastServerResponse(response);
+            // Update token for next navigation
+            if (navigationDirection === 'next' && continuationToken) {
+                // Save current token to history
+                setTokenHistory((prev) => [...prev, continuationToken]);
+            }
+            if (response.ContinuationToken) {
+                setContinuationToken(response.ContinuationToken);
+            }
+            onDataLoad?.(response);
+        }
+        catch (err) {
+            handleError(err instanceof Error ? err : new Error('Failed to load data'), 'data-load');
+        }
+        finally {
+            handleLoadingChange(false, 'data-load');
+        }
+    }, [
+        endpoint,
+        staticData,
+        currentPage,
+        serverPageSize,
+        searchTerm,
+        sortConfig,
+        activeFilters,
+        continuationToken,
+        tokenHistory,
+        httpConfig,
+        onDataLoad,
+        handleLoadingChange,
+        handleError,
+    ]);
+    // Load data on mount and when dependencies change (no sorting here - that's client-side)
+    useEffect(() => {
+        if (!staticData) {
+            loadServerData(true); // Reset pagination on mount
+        }
+    }, [staticData, searchTerm, activeFilters]); // Note: sortConfig removed - sorting is client-side only
+    // Actions
+    const setSort = useCallback((column) => {
+        const newSortConfig = {
+            column,
+            direction: sortConfig.column === column && sortConfig.direction === 'asc' ? 'desc' : 'asc',
+        };
+        setSortConfig(newSortConfig);
+        onSortChange?.(newSortConfig);
+        // No server reload needed - sorting is client-side only
+        if (staticData) {
+            setCurrentPage(1);
+        }
+    }, [sortConfig, onSortChange, staticData]);
+    const setPage = useCallback((page) => {
+        if (staticData) {
+            // Client-side pagination
+            setCurrentPage(page);
+            onPageChange?.(page, {
+                ...paginationInfo,
+                currentPage: page,
+            });
+        }
+        else {
+            // Server-side with continuation tokens doesn't support arbitrary page jumps
+            console.warn('Direct page navigation not supported with continuation tokens. Use navigateNext/navigatePrevious instead.');
+        }
+    }, [staticData, paginationInfo, onPageChange]);
+    const navigateNext = useCallback(() => {
+        if (!paginationInfo.hasNext)
+            return;
+        if (!staticData) {
+            // Server-side navigation
+            loadServerData(false, 'next');
+        }
+        else {
+            // Client-side navigation
+            setPage(currentPage + 1);
+        }
+    }, [paginationInfo.hasNext, staticData, loadServerData, setPage, currentPage]);
+    const navigatePrevious = useCallback(() => {
+        if (!paginationInfo.hasPrevious)
+            return;
+        if (!staticData) {
+            // Server-side navigation
+            loadServerData(false, 'previous');
+        }
+        else {
+            // Client-side navigation
+            setPage(currentPage - 1);
+        }
+    }, [paginationInfo.hasPrevious, staticData, loadServerData, setPage, currentPage]);
+    const setPageSize = useCallback((newPageSize) => {
+        setCurrentPageSize(newPageSize);
+        setCurrentPage(1);
+        const newPaginationInfo = {
+            ...paginationInfo,
+            pageSize: newPageSize,
+            currentPage: 1,
+            totalPages: staticData ? Math.ceil(processedData.length / newPageSize) : 1,
+        };
+        onPageSizeChange?.(newPageSize, newPaginationInfo);
+        // Reset pagination for server-side
+        if (!staticData) {
+            setContinuationToken(undefined);
+            setTokenHistory([]);
+            loadServerData(true);
+        }
+    }, [paginationInfo, staticData, processedData.length, onPageSizeChange, loadServerData]);
+    const updateSearchTerm = useCallback((term) => {
+        setSearchTerm(term);
+        onSearchChange?.(term);
+        // Reset pagination when search changes
+        setCurrentPage(1);
+        if (!staticData) {
+            setContinuationToken(undefined);
+            setTokenHistory([]);
+        }
+    }, [onSearchChange, staticData]);
+    const addFilter = useCallback((filter) => {
+        const label = `${filter.column} ${filter.operator} "${filter.value}"`;
+        const newFilters = [
+            ...activeFilters.filter((f) => f.column !== filter.column),
+            { ...filter, label },
+        ];
+        setActiveFilters(newFilters);
+        onFilterChange?.(newFilters);
+        // Reset pagination when filters change
+        setCurrentPage(1);
+        if (!staticData) {
+            setContinuationToken(undefined);
+            setTokenHistory([]);
+        }
+    }, [activeFilters, onFilterChange, staticData]);
+    const removeFilter = useCallback((index) => {
+        const newFilters = activeFilters.filter((_, i) => i !== index);
+        setActiveFilters(newFilters);
+        onFilterChange?.(newFilters);
+        // Reset pagination when filters change
+        setCurrentPage(1);
+        if (!staticData) {
+            setContinuationToken(undefined);
+            setTokenHistory([]);
+        }
+    }, [activeFilters, onFilterChange, staticData]);
+    const clearFilters = useCallback(() => {
+        setActiveFilters([]);
+        onFilterChange?.([]);
+        // Reset pagination when filters change
+        setCurrentPage(1);
+        if (!staticData) {
+            setContinuationToken(undefined);
+            setTokenHistory([]);
+        }
+    }, [onFilterChange, staticData]);
+    const selectRow = useCallback((rowId, selected) => {
+        setSelectedRows((prev) => {
+            const newSet = new Set(prev);
+            if (selected) {
+                newSet.add(rowId);
+            }
+            else {
+                newSet.delete(rowId);
+            }
+            return newSet;
+        });
+    }, []);
+    const selectAll = useCallback((selected) => {
+        if (selected) {
+            const currentPageData = staticData ? paginatedData : sourceData;
+            const allIds = currentPageData.map((row) => String(row.id)).filter(Boolean);
+            setSelectedRows(new Set(allIds));
+        }
+        else {
+            setSelectedRows(new Set());
+        }
+    }, [staticData, paginatedData, sourceData]);
+    const refresh = useCallback(() => {
+        if (staticData) {
+            setSearchTerm('');
+            setActiveFilters([]);
+            setSortConfig({ column: '', direction: 'asc' });
+            setCurrentPage(1);
+        }
+        else {
+            loadServerData(true);
+        }
+    }, [staticData, loadServerData]);
+    return {
+        // Data
+        data: sourceData,
+        processedData,
+        paginatedData: staticData ? paginatedData : sourceData,
+        loading,
+        error,
+        // State
+        searchTerm,
+        activeFilters,
+        sortConfig,
+        selectedRows,
+        currentPage,
+        currentPageSize,
+        totalRecords: paginationInfo.totalRecords,
+        hasMore: paginationInfo.hasNext,
+        continuationToken: paginationInfo.continuationToken,
+        // Actions
+        setSearchTerm: updateSearchTerm,
+        setSort,
+        setCurrentPage: setPage,
+        setCurrentPageSize: setPageSize,
+        navigateNext,
+        navigatePrevious,
+        addFilter,
+        removeFilter,
+        clearFilters,
+        selectRow,
+        selectAll,
+        refresh,
+        // Computed
+        paginationInfo,
+        selectedData: sourceData.filter((row) => selectedRows.has(String(row.id))),
+        hasSelection: selectedRows.size > 0,
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { DataGrid } from './components/DataGrid';
+export { useDataGrid } from './hooks';
+export type { BaseRowData, Column, DataGridProps, ActiveFilter, SortConfig, PaginationInfo, ServerRequest, ServerResponse, HttpConfig, OnDataLoadCallback, OnDataErrorCallback, OnLoadingStateChangeCallback, OnPageChangeCallback, OnPageSizeChangeCallback, OnSortChangeCallback, OnFilterChangeCallback, OnSearchChangeCallback, OnTableRowClickCallback, OnTableRowDoubleClickCallback, OnRowSelectCallback, OnSelectionChangeCallback, OnTableRowHoverCallback, OnCellClickCallback, OnTableRefreshCallback, } from './types';
+export { getTheme, themes } from './themes';
+export type { Theme } from './themes';
+export { formatters, compareValues, createApiRequest } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,YAAY,EACV,WAAW,EACX,MAAM,EACN,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,aAAa,EACb,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,mBAAmB,EACnB,4BAA4B,EAC5B,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,6BAA6B,EAC7B,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+// Main component
+export { DataGrid } from './components/DataGrid';
+// Hooks
+export { useDataGrid } from './hooks';
+// Themes
+export { getTheme, themes } from './themes';
+// Utilities
+export { formatters, compareValues, createApiRequest } from './utils';

package/dist/setupTests.d.ts

@@ -0,0 +1,12 @@
+import '@testing-library/jest-dom';
+declare global {
+    namespace jest {
+        interface Matchers<R> {
+            toBeInTheDocument(): R;
+            toHaveTextContent(text: string): R;
+            toBeVisible(): R;
+            toBeDisabled(): R;
+        }
+    }
+}
+//# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,iBAAiB,IAAI,CAAC,CAAC;YACvB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC;YACnC,WAAW,IAAI,CAAC,CAAC;YACjB,YAAY,IAAI,CAAC,CAAC;SACnB;KACF;CACF"}

package/dist/setupTests.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/themes/index.d.ts

@@ -0,0 +1,22 @@
+export interface Theme {
+    container: string;
+    table: string;
+    header: string;
+    headerCell: string;
+    row: string;
+    cell: string;
+    selectedRow: string;
+    searchInput: string;
+    button: string;
+    pagination: string;
+}
+export declare const defaultTheme: Theme;
+export declare const stripedTheme: Theme;
+export declare const borderedTheme: Theme;
+export declare const themes: {
+    default: Theme;
+    striped: Theme;
+    bordered: Theme;
+};
+export declare const getTheme: (variant?: keyof typeof themes) => Theme;
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,UAAS,MAAM,OAAO,MAAkB,KAAG,KAEnE,CAAC"}

package/dist/themes/index.js

@@ -0,0 +1,31 @@
+export const defaultTheme = {
+    container: 'bg-white rounded-lg shadow-sm border border-gray-200',
+    table: 'w-full',
+    header: 'bg-gray-50 border-b border-gray-200',
+    headerCell: 'px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider',
+    row: 'hover:bg-gray-50 transition-colors duration-150',
+    cell: 'px-4 py-3 text-sm text-gray-900',
+    selectedRow: 'bg-blue-50 hover:bg-blue-100',
+    searchInput: 'px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500',
+    button: 'px-3 py-2 bg-blue-600 text-white text-sm rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500',
+    pagination: 'flex items-center justify-between px-4 py-3 bg-white border-t border-gray-200',
+};
+export const stripedTheme = {
+    ...defaultTheme,
+    row: 'odd:bg-gray-50 even:bg-white hover:bg-gray-100 transition-colors duration-150',
+};
+export const borderedTheme = {
+    ...defaultTheme,
+    container: 'bg-white rounded-lg shadow-sm border border-gray-200',
+    table: 'w-full border-collapse',
+    cell: 'px-4 py-3 text-sm text-gray-900 border-r border-gray-200 last:border-r-0',
+    headerCell: 'px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-r border-gray-200 last:border-r-0',
+};
+export const themes = {
+    default: defaultTheme,
+    striped: stripedTheme,
+    bordered: borderedTheme,
+};
+export const getTheme = (variant = 'default') => {
+    return themes[variant] || themes.default;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,108 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export interface BaseRowData {
+    id?: string | number;
+    [key: string]: any;
+}
+export interface Column<T = BaseRowData> {
+    key: keyof T | string;
+    label: string;
+    sortable?: boolean;
+    filterable?: boolean;
+    dataType?: 'string' | 'number' | 'boolean' | 'date' | 'datetime';
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: any, row: T, index: number) => ReactNode;
+}
+export interface ActiveFilter {
+    column: string;
+    operator: string;
+    value: any;
+    dataType: string;
+    label: string;
+}
+export interface SortConfig {
+    column: string;
+    direction: 'asc' | 'desc';
+}
+export interface PaginationInfo {
+    currentPage: number;
+    totalPages: number;
+    pageSize: number;
+    totalRecords: number;
+    start: number;
+    end: number;
+    hasNext: boolean;
+    hasPrevious: boolean;
+    continuationToken?: string;
+}
+export interface ServerRequest {
+    page: number;
+    pageSize: number;
+    search: string;
+    filters: ActiveFilter[];
+    continuationToken?: string;
+}
+export interface ServerResponse<T = BaseRowData> {
+    Items: T[];
+    ContinuationToken?: string;
+    HasMore: boolean;
+    Count: number;
+}
+export interface HttpConfig {
+    bearerToken?: string;
+    apiKey?: string;
+    customHeaders?: Record<string, string>;
+    method?: 'GET' | 'POST';
+    postDataFormat?: 'form' | 'json';
+    withCredentials?: boolean;
+    timeout?: number;
+}
+export type OnDataLoadCallback<T = BaseRowData> = (data: ServerResponse<T>) => void;
+export type OnDataErrorCallback = (error: Error, context: string) => void;
+export type OnLoadingStateChangeCallback = (loading: boolean, context: string) => void;
+export type OnPageChangeCallback = (page: number, paginationInfo: PaginationInfo) => void;
+export type OnPageSizeChangeCallback = (pageSize: number, paginationInfo: PaginationInfo) => void;
+export type OnSortChangeCallback = (sortConfig: SortConfig) => void;
+export type OnFilterChangeCallback = (filters: ActiveFilter[]) => void;
+export type OnSearchChangeCallback = (searchTerm: string) => void;
+export type OnTableRowClickCallback<T = BaseRowData> = (row: T, event: React.MouseEvent) => void;
+export type OnTableRowDoubleClickCallback<T = BaseRowData> = (row: T, event: React.MouseEvent) => boolean | void;
+export type OnRowSelectCallback<T = BaseRowData> = (row: T, isSelected: boolean) => void;
+export type OnSelectionChangeCallback<T = BaseRowData> = (selectedRows: T[]) => void;
+export type OnTableRowHoverCallback<T = BaseRowData> = (row: T | null, event: React.MouseEvent) => void;
+export type OnCellClickCallback<T = BaseRowData> = (value: any, row: T, column: Column<T>, event: React.MouseEvent) => void;
+export type OnTableRefreshCallback = () => void;
+export interface DataGridProps<T = BaseRowData> extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
+    data?: T[];
+    endpoint?: string;
+    columns?: Column<T>[];
+    enableSearch?: boolean;
+    enableSorting?: boolean;
+    enableFilters?: boolean;
+    enableSelection?: boolean;
+    pageSize?: number;
+    serverPageSize?: number;
+    pageSizeOptions?: number[];
+    httpConfig?: HttpConfig;
+    className?: string;
+    variant?: 'default' | 'striped' | 'bordered';
+    size?: 'sm' | 'md' | 'lg';
+    onDataLoad?: OnDataLoadCallback<T>;
+    onDataError?: OnDataErrorCallback;
+    onLoadingStateChange?: OnLoadingStateChangeCallback;
+    onPageChange?: OnPageChangeCallback;
+    onPageSizeChange?: OnPageSizeChangeCallback;
+    onSortChange?: OnSortChangeCallback;
+    onFilterChange?: OnFilterChangeCallback;
+    onSearchChange?: OnSearchChangeCallback;
+    onTableRefresh?: OnTableRefreshCallback;
+    onTableRowClick?: OnTableRowClickCallback<T>;
+    onTableRowDoubleClick?: OnTableRowDoubleClickCallback<T>;
+    onRowSelect?: OnRowSelectCallback<T>;
+    onSelectionChange?: OnSelectionChangeCallback<T>;
+    onTableRowHover?: OnTableRowHoverCallback<T>;
+    onCellClick?: OnCellClickCallback<T>;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,12 @@
+import { HttpConfig, ServerRequest, ServerResponse } from '../types';
+export declare const formatters: {
+    date: (value: string, includeTime?: boolean) => string;
+    currency: (value: number, currency?: string) => string;
+    number: (value: number, decimals?: number) => string;
+    truncate: (text: string, length: number) => string;
+};
+export declare const compareValues: (dataValue: any, filterValue: any, operator: string, dataType: string) => boolean;
+export declare const createApiRequest: <T>(endpoint: string, request: ServerRequest, config?: HttpConfig) => Promise<ServerResponse<T>>;
+export declare const mapServerResponse: <T>(data: any) => ServerResponse<T>;
+export declare const sortData: <T>(data: T[], sortColumn: string, direction: "asc" | "desc") => T[];
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGrE,eAAO,MAAM,UAAU;kBACP,MAAM;sBAMF,MAAM;oBAOR,MAAM;qBAOL,MAAM,UAAU,MAAM;CAIxC,CAAC;AAGF,eAAO,MAAM,aAAa,GACxB,WAAW,GAAG,EACd,aAAa,GAAG,EAChB,UAAU,MAAM,EAChB,UAAU,MAAM,KACf,OAkEF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAU,CAAC,EACtC,UAAU,MAAM,EAChB,SAAS,aAAa,EACtB,SAAQ,UAAe,KACtB,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CA2D3B,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,MAAM,GAAG,KAAG,cAAc,CAAC,CAAC,CA6DhE,CAAC;AAGF,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,YAAY,MAAM,EAAE,WAAW,KAAK,GAAG,MAAM,KAAG,CAAC,EAiBvF,CAAC"}