react-kd-grid 1.2.0 → 1.3.0

package/dist/cjs/components/ColumnFilterSelector.d.ts

@@ -0,0 +1,18 @@
+interface ColumnFilterSelectorProps {
+    columns: Array<{
+        key: string;
+        header: string;
+        filterable?: {
+            type?: string;
+            options?: Array<{
+                label: string;
+                value: string | number;
+            }>;
+            placeholder?: string;
+        };
+    }>;
+    columnFilters: Record<string, any>;
+    onColumnFilter?: (columnKey: string, filter: any) => void;
+}
+export declare const ColumnFilterSelector: ({ columns, columnFilters, onColumnFilter, }: ColumnFilterSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/CustomSelect.d.ts

@@ -0,0 +1,14 @@
+interface Option {
+    label: string;
+    value: string;
+}
+interface CustomSelectProps {
+    options: Option[];
+    value?: string;
+    placeholder?: string;
+    onChange: (value: string) => void;
+    searchable?: boolean;
+    className?: string;
+}
+export declare const CustomSelect: ({ options, value, placeholder, onChange, searchable, className, }: CustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/FooterAggregate.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { GridColumn, GridRow } from "../types";
+interface FooterAggregateProps {
+    columns: (GridColumn & {
+        width: number;
+    })[];
+    data: GridRow[];
+    selectable: boolean;
+    /** Resolved row height so footer matches density */
+    rowHeight: number;
+    /** Pinned columns (same semantics as grid body) */
+    pinnedColumns?: Set<string>;
+    getRowId?: (row: GridRow) => string | number;
+}
+export declare const FooterAggregate: React.NamedExoticComponent<FooterAggregateProps>;
+export {};

package/dist/cjs/components/GridHeader.d.ts

@@ -0,0 +1,33 @@
+import { GridColumn, SortConfig, ActiveFilters, ColumnFilterValue, GridRow } from "../types";
+interface GridHeaderProps {
+    pinnedColumns: GridColumn[];
+    unpinnedColumns: GridColumn[];
+    hvPadLeft?: number;
+    hvPadRight?: number;
+    headerHeight: number;
+    sortConfig: SortConfig;
+    columnFilters: ActiveFilters;
+    selectable: boolean;
+    selectedRows: Set<string | number>;
+    totalRows: number;
+    data: GridRow[];
+    onSort: (key: string) => void;
+    onColumnFilter: (key: string, filter: ColumnFilterValue | null) => void;
+    onSelectAll: () => void;
+    onColumnResize?: (columnKey: string, width: number) => void;
+    pinnedKeySet?: Set<string>;
+    onColumnPin?: (columnKey: string, pinned: boolean) => void;
+    groupable?: boolean;
+    groupedByColumn?: string | null;
+    onGroupBy?: (columnKey: string | null) => void;
+    groupedByColumns?: string[];
+    onGroupToggle?: (columnKey: string, nextGrouped: boolean) => void;
+    onAutosizeColumn?: (columnKey: string) => void;
+    onAutosizeAllColumns?: () => void;
+    onResetColumns?: () => void;
+    columnOrder: string[];
+    onColumnOrderChange: (order: string[]) => void;
+    paginationMode?: "client" | "server" | null;
+}
+export declare const GridHeader: ({ pinnedColumns, unpinnedColumns, hvPadLeft, hvPadRight, headerHeight, sortConfig, columnFilters, selectable, selectedRows, totalRows, data, onSort, onColumnFilter, onSelectAll, onColumnResize, pinnedKeySet, onColumnPin, groupable, groupedByColumn, onGroupBy, groupedByColumns, onGroupToggle, onAutosizeColumn, onAutosizeAllColumns, onResetColumns, columnOrder, onColumnOrderChange, paginationMode, }: GridHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/GridRows.d.ts

@@ -0,0 +1,49 @@
+import { CSSProperties, MouseEvent } from "react";
+import { GridRow, GridColumn, VirtualizedRange } from "../types";
+interface GridRowsProps {
+    data: GridRow[];
+    columns: GridColumn[];
+    selectedRows: Set<string | number>;
+    virtualized: boolean;
+    virtualizedRange: VirtualizedRange;
+    rowHeight: number;
+    selectable: boolean;
+    isRowSelectable?: (row: GridRow) => boolean;
+    onRowSelect: (rowId: string | number, isSelected: boolean) => void;
+    pinnedColumns?: Set<string>;
+    hvPadLeft?: number;
+    hvPadRight?: number;
+    rowStyle?: (row: GridRow) => CSSProperties | undefined;
+    globalFilter?: string;
+    onContextMenu?: (row: GridRow, event: MouseEvent) => void;
+    onRowDoubleClick?: (row: GridRow, event: MouseEvent) => void;
+    onRowClick?: (row: GridRow, event: MouseEvent) => void;
+    onCellClick?: (args: {
+        row: GridRow;
+        column: GridColumn;
+        value: any;
+        event: MouseEvent;
+    }) => void;
+    isCellFocused?: (rowId: string | number, columnKey: string) => boolean;
+    isCellSelected?: (rowId: string | number, columnKey: string) => boolean;
+    onCellContextMenu?: (args: {
+        row: GridRow;
+        column: GridColumn;
+        value: any;
+        displayValue: string;
+        event: MouseEvent;
+    }) => void;
+    onCellMouseDown?: (args: {
+        row: GridRow;
+        column: GridColumn;
+        event: MouseEvent;
+    }) => void;
+    onCellMouseEnter?: (args: {
+        row: GridRow;
+        column: GridColumn;
+        event: MouseEvent;
+    }) => void;
+    getRowId?: (row: GridRow) => string | number;
+}
+export declare const GridRows: import("react").MemoExoticComponent<({ data, columns, selectedRows, virtualized, virtualizedRange, rowHeight, selectable, isRowSelectable, onRowSelect, pinnedColumns, hvPadLeft, hvPadRight, rowStyle, globalFilter, onContextMenu, onRowDoubleClick, onRowClick, onCellClick, isCellFocused, isCellSelected, onCellContextMenu, onCellMouseDown, onCellMouseEnter, getRowId, }: GridRowsProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/cjs/components/GroupBar.d.ts

@@ -0,0 +1,12 @@
+import type { GridColumn } from "../types";
+interface GroupBarProps {
+    columns: GridColumn[];
+    groupedKeys: string[];
+    onRemove: (columnKey: string) => void;
+    onReorder: (newOrder: string[]) => void;
+    onDropColumnKey: (columnKey: string) => void;
+    onToggleExpandAll?: () => void;
+    isAnyExpanded?: boolean;
+}
+export declare const GroupBar: ({ columns, groupedKeys, onRemove, onReorder, onDropColumnKey, onToggleExpandAll, isAnyExpanded, }: GroupBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/GroupHeader.d.ts

@@ -0,0 +1,29 @@
+import { GridRow, CustomDataGridProps } from "../types";
+interface GroupHeaderProps {
+    row: GridRow & {
+        _isGroupHeader?: boolean;
+        _groupKey?: string;
+        _groupCount?: number;
+    };
+    isExpanded: boolean;
+    onToggle: (groupKey: string) => void;
+    viewportWidth: number;
+    selectable: boolean;
+    rowHeight?: number;
+    /**
+     * Optional function to map a column key to its display label (header).
+     * If not provided, the raw column key will be used as a fallback.
+     */
+    getHeaderLabel?: (columnKey: string) => string;
+    /**
+     * Optional function to map a column key and raw group value to a display label.
+     * Useful to apply the column's formatter for group headers.
+     */
+    getValueLabel?: (columnKey: string, rawValue: any) => string;
+    /**
+     * Optional custom renderer for actions on grouped rows.
+     */
+    renderGroupActions?: CustomDataGridProps["renderGroupActions"];
+}
+export declare const GroupHeader: import("react").MemoExoticComponent<({ row, isExpanded, onToggle, viewportWidth, selectable, rowHeight, getHeaderLabel, getValueLabel, renderGroupActions, }: GroupHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/cjs/components/NoDataMessage.d.ts

@@ -0,0 +1,7 @@
+interface NoDataMessageProps {
+    hasFilters?: boolean;
+    hasData?: boolean;
+    message?: string;
+}
+export declare const NoDataMessage: ({ hasFilters, hasData, message, }: NoDataMessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/PaginationControls.d.ts

@@ -0,0 +1,15 @@
+import { PaginationConfig } from "../types";
+interface PaginationControlsProps {
+    paginationConfig: PaginationConfig;
+    currentPage: number;
+    isServerLoading: boolean;
+    selectedRowsCount: number;
+    totalDataLength: number;
+    filteredDataLength?: number;
+    paginationMode?: "client" | "server";
+    onPageChange: (page: number, pageSize: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    showNoDataMessage?: boolean;
+}
+export declare const PaginationControls: ({ paginationConfig, currentPage, isServerLoading, selectedRowsCount, totalDataLength, filteredDataLength, paginationMode, onPageChange, onPageSizeChange, }: PaginationControlsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Popover.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type Placement } from "@floating-ui/react";
+interface PopoverProps {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    placement?: Placement;
+    offset?: number;
+    sameWidth?: boolean;
+    maxHeight?: number | string;
+    zIndex?: number;
+    className?: string;
+    children: React.ReactNode;
+    shouldIgnoreClose?: (target: Node) => boolean;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export default Popover;

package/dist/cjs/components/RowContextMenu.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import { GridRow } from "../types";
+export interface ContextMenuItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onClick: (row: GridRow) => void;
+    disabled?: boolean;
+    separator?: boolean;
+}
+interface RowContextMenuProps {
+    row: GridRow;
+    position: {
+        x: number;
+        y: number;
+    };
+    isVisible: boolean;
+    onClose: () => void;
+    menuItems?: ContextMenuItem[];
+}
+export declare const RowContextMenu: ({ row, position, isVisible, onClose, menuItems, }: RowContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/SearchToolbar.d.ts

@@ -0,0 +1,79 @@
+import { ReactNode, ChangeEvent } from "react";
+import type { Density } from "../types";
+export type ExportFormat = "csv" | "json" | "xlsx";
+export type BulkAction = "delete" | "archive" | "copy" | "edit" | "export";
+export interface BulkActionOption {
+    id: BulkAction;
+    label: string;
+    icon: ReactNode;
+    onClick: (selectedRows: Set<string | number>) => void;
+    disabled?: boolean;
+    destructive?: boolean;
+}
+interface ColumnVisibility {
+    [columnKey: string]: boolean;
+}
+interface SavedFilter {
+    id: string;
+    name: string;
+    globalFilter: string;
+    columnFilters: Record<string, any>;
+}
+interface SearchToolbarProps {
+    globalFilter: string;
+    filteredDataLength: number;
+    totalDataLength: number;
+    paginationMode?: "client" | "server";
+    totalRows?: number;
+    selectedRowsCount?: number;
+    selectedRows?: Set<string | number>;
+    showExport?: boolean;
+    showRefresh?: boolean;
+    showColumnToggle?: boolean;
+    showBulkActions?: boolean;
+    showSavedFilters?: boolean;
+    columns?: Array<{
+        key: string;
+        header: string;
+        visible?: boolean;
+        filterOptions?: Array<{
+            label: string;
+            value: string | number;
+        }>;
+        filterType?: "text" | "select" | "multiselect";
+        filterable?: any;
+    }>;
+    columnVisibility?: ColumnVisibility;
+    columnFilters?: Record<string, any>;
+    savedFilters?: SavedFilter[];
+    bulkActions?: BulkActionOption[];
+    isLoading?: boolean;
+    exportOptions?: {
+        enabled: boolean;
+        formats?: ExportFormat[];
+        filename?: string;
+        onExport?: (format: ExportFormat, exportSelected: boolean) => void;
+    };
+    onGlobalFilterChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClearFilters?: () => void;
+    onRefresh?: () => void;
+    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;
+    onColumnFilter?: (columnKey: string, filter: any) => void;
+    onSaveFilter?: (filter: Omit<SavedFilter, "id">) => void;
+    onLoadFilter?: (filter: SavedFilter) => void;
+    onDeleteFilter?: (filterId: string) => void;
+    onRowSelect?: (selectedRows: number[]) => void;
+    onToggleFilters?: (show: boolean) => void;
+    onResetColumns?: () => void;
+    columnOrder?: string[];
+    onColumnOrderChange?: (order: string[]) => void;
+    pinnedColumns?: Set<string>;
+    onScrollToColumn?: (columnKey: string) => void;
+    density?: Density;
+    onDensityChange?: (density: Density) => void;
+    showDensityControl?: boolean;
+    customLeftContent?: ReactNode;
+    customRightContent?: ReactNode;
+}
+export declare const SearchToolbar: ({ globalFilter, filteredDataLength, selectedRowsCount, selectedRows, showExport, showColumnToggle, showBulkActions, columns, columnVisibility, columnFilters, bulkActions, exportOptions, onGlobalFilterChange, onClearFilters, onColumnVisibilityChange, onColumnFilter, onResetColumns, columnOrder, onColumnOrderChange, pinnedColumns, onScrollToColumn, density, onDensityChange, showDensityControl, customLeftContent, customRightContent, }: SearchToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/filters/BooleanFilter.d.ts

@@ -0,0 +1,7 @@
+import { ColumnFilterValue } from "../../types";
+interface BooleanFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+}
+export declare const BooleanFilter: ({ value, onChange }: BooleanFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/filters/DateFilter.d.ts

@@ -0,0 +1,9 @@
+import { ColumnFilterValue } from "../../types";
+interface DateFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+    min?: number;
+    max?: number;
+}
+export declare const DateFilter: ({ value, onChange, min, max }: DateFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/filters/FilterContent.d.ts

@@ -0,0 +1,9 @@
+import { ColumnFilterValue, GridColumn, GridRow } from "../../types";
+interface FilterContentProps {
+    column: GridColumn;
+    data: GridRow[];
+    value: ColumnFilterValue | null;
+    onChange: (val: ColumnFilterValue | null) => void;
+}
+export declare const FilterContent: ({ column, data, value, onChange }: FilterContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/filters/FilterPopup.d.ts

@@ -0,0 +1,2 @@
+import { FilterPopupProps } from "../../types";
+export declare const FilterPopup: ({ column, data, currentFilter, onApplyFilter, onClose, position, autoApply, }: FilterPopupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/filters/MultiselectFilter.d.ts

@@ -0,0 +1,10 @@
+import { ColumnFilterValue, FilterOption, GridRow } from "../../types";
+interface MultiselectFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+    options?: FilterOption[];
+    data: GridRow[];
+    columnKey: string;
+}
+export declare const MultiselectFilter: ({ value, onChange, options, data, columnKey, }: MultiselectFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/filters/NumberFilter.d.ts

@@ -0,0 +1,9 @@
+import { ColumnFilterValue } from "../../types";
+interface NumberFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+    min?: number;
+    max?: number;
+}
+export declare const NumberFilter: ({ value, onChange, min, max, }: NumberFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/filters/TextFilter.d.ts

@@ -0,0 +1,8 @@
+import { ColumnFilterValue } from "../../types";
+interface TextFilterProps {
+    value: ColumnFilterValue | null;
+    onChange: (value: ColumnFilterValue | null) => void;
+    placeholder?: string;
+}
+export declare const TextFilter: ({ value, onChange, placeholder, }: TextFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/filters/index.d.ts

@@ -0,0 +1,6 @@
+export { TextFilter } from './TextFilter';
+export { NumberFilter } from './NumberFilter';
+export { DateFilter } from './DateFilter';
+export { MultiselectFilter } from './MultiselectFilter';
+export { BooleanFilter } from './BooleanFilter';
+export { FilterPopup } from './FilterPopup';

package/dist/cjs/components/ui/DatePicker.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DatePickerProps {
+    name?: string;
+    label?: string;
+    value: string | null;
+    onChange: (value: string | null) => void;
+    className?: string;
+}
+export declare const DatePicker: React.FC<DatePickerProps>;
+export {};

package/dist/cjs/constants.d.ts

@@ -0,0 +1 @@
+export declare const SELECT_COL_WIDTH = 48;

package/dist/cjs/hooks/useAdvancedFiltering.d.ts

@@ -0,0 +1,16 @@
+import { GridRow, GridColumn, ActiveFilters, ColumnFilterValue } from "../types";
+interface UseAdvancedFilteringProps {
+    data: GridRow[];
+    columns: GridColumn[];
+}
+export declare const useAdvancedFiltering: ({ data, columns, }: UseAdvancedFilteringProps) => {
+    globalFilter: string;
+    setGlobalFilter: import("react").Dispatch<import("react").SetStateAction<string>>;
+    columnFilters: ActiveFilters;
+    filteredData: GridRow[];
+    setColumnFilter: (columnKey: string, filter: ColumnFilterValue | null) => void;
+    clearColumnFilter: (columnKey: string) => void;
+    clearAllFilters: () => void;
+    getActiveFilterCount: () => number;
+};
+export {};

package/dist/cjs/hooks/useDataWorker.d.ts

@@ -0,0 +1,10 @@
+type SortCfg = {
+    key: string;
+    direction: "asc" | "desc";
+} | null;
+export declare function useDataWorker(options?: {
+    enabled?: boolean;
+}): {
+    process: (rows: any[], sort: SortCfg) => Promise<any[]>;
+};
+export {};

package/dist/cjs/hooks/useExport.d.ts

@@ -0,0 +1,15 @@
+import { GridRow, GridColumn } from "../types";
+export type ExportFormat = "csv" | "json" | "xlsx";
+interface UseExportProps {
+    data: GridRow[];
+    columns: GridColumn[];
+    selectedRows?: Set<string | number>;
+    filename?: string;
+    columnVisibility?: Record<string, boolean>;
+}
+export declare const useExport: ({ data, columns, selectedRows, filename, columnVisibility, }: UseExportProps) => {
+    exportData: (format: ExportFormat, exportSelected?: boolean) => void;
+    canExportSelected: boolean;
+    selectedCount: number;
+};
+export {};

package/dist/cjs/hooks/useFilteringAndSorting.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent } from "react";
+import { SortConfig, GridRow, GridColumn } from "../types";
+interface UseFilteringAndSortingProps {
+    data: GridRow[];
+    columns: GridColumn[];
+}
+export declare const useFilteringAndSorting: ({ data, columns, }: UseFilteringAndSortingProps) => {
+    sortConfig: SortConfig;
+    filters: Record<string, string>;
+    globalFilter: string;
+    filteredData: GridRow[];
+    handleSort: (key: string) => void;
+    handleFilter: (key: string, value: string) => void;
+    handleGlobalFilterChange: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+export {};

package/dist/cjs/hooks/useGrouping.d.ts

@@ -0,0 +1,28 @@
+import { GridRow, GroupConfig, GridColumn } from "../types";
+interface UseGroupingProps {
+    data: GridRow[];
+    columns: GridColumn[];
+}
+export declare const useGrouping: ({ data, columns }: UseGroupingProps) => {
+    groupConfig: GroupConfig;
+    displayData: (GridRow & {
+        _isGroupHeader?: boolean;
+        _groupKey?: string;
+        _groupCount?: number;
+        _groupLevel?: number;
+        _groupColumnKey?: string;
+        _groupValue?: string;
+        _groupRows?: GridRow[];
+        _isGroupFooter?: boolean;
+        _groupAgg?: Record<string, any>;
+    })[];
+    handleGroupBy: (columnKey: string | null) => void;
+    addGroupKey: (columnKey: string) => void;
+    removeGroupKey: (columnKey: string) => void;
+    setGroupKeys: (columnKeys: string[]) => void;
+    toggleGroupExpansion: (groupPath: string) => void;
+    expandAllGroups: () => void;
+    collapseAllGroups: () => void;
+    isGrouped: boolean;
+};
+export {};

package/dist/cjs/hooks/usePagination.d.ts

@@ -0,0 +1,28 @@
+import { PaginationConfig, GridRow } from "../types";
+interface UsePaginationProps {
+    data: GridRow[];
+    pagination?: {
+        enabled?: boolean;
+        mode?: "client" | "server";
+        pageSize?: number;
+        showPageSizeSelector?: boolean;
+        pageSizeOptions?: number[];
+        serverConfig?: {
+            enabled: boolean;
+            onPageChange: (page: number, pageSize: number) => Promise<void> | void;
+            onPageSizeChange?: (pageSize: number) => Promise<void> | void;
+            loading?: boolean;
+            totalRows: number;
+        };
+    };
+}
+export declare const usePagination: ({ data, pagination }: UsePaginationProps) => {
+    currentPage: number;
+    resetPage: () => void;
+    paginationConfig: PaginationConfig;
+    paginatedData: GridRow[];
+    isServerLoading: boolean;
+    handlePageChange: (page: number) => Promise<void>;
+    handlePageSizeChange: (newPageSize: number) => Promise<void>;
+};
+export {};

package/dist/cjs/hooks/useSelection.d.ts

@@ -0,0 +1,13 @@
+import { GridRow } from "../types";
+interface UseSelectionProps {
+    data: GridRow[];
+    selectedRowIds?: Iterable<string | number> | null;
+    onRowSelect?: (row: GridRow) => void;
+    getRowId?: (row: GridRow) => string | number;
+}
+export declare const useSelection: ({ data, selectedRowIds, onRowSelect, getRowId, }: UseSelectionProps) => {
+    selectedRows: Set<string | number>;
+    handleRowSelect: (rowId: string | number, isSelected: boolean) => void;
+    handleSelectAll: (isSelected: boolean) => void;
+};
+export {};

package/dist/cjs/hooks/useVirtualization.d.ts

@@ -0,0 +1,17 @@
+import { UIEvent } from "react";
+import { VirtualizedRange, GridRow } from "../types";
+interface UseVirtualizationProps {
+    data: GridRow[];
+    virtualized?: boolean;
+    rowHeight?: number;
+    overscan?: number;
+    height: number;
+}
+export declare const useVirtualization: ({ data, virtualized, rowHeight, overscan, height, }: UseVirtualizationProps) => {
+    scrollRef: import("react").MutableRefObject<HTMLDivElement>;
+    virtualizedRange: VirtualizedRange;
+    visibleData: GridRow[];
+    totalHeight: number;
+    handleScroll: (e: UIEvent<HTMLDivElement>) => void;
+};
+export {};

package/dist/cjs/index.d.ts

@@ -0,0 +1,11 @@
+export { default as CustomDataGrid } from "./CustomGrid";
+export * from "./types";
+export { usePagination } from "./hooks/usePagination";
+export { useVirtualization } from "./hooks/useVirtualization";
+export { useFilteringAndSorting } from "./hooks/useFilteringAndSorting";
+export { useSelection } from "./hooks/useSelection";
+export { PaginationControls } from "./components/PaginationControls";
+export { GridHeader } from "./components/GridHeader";
+export { GridRows } from "./components/GridRows";
+export { SearchToolbar } from "./components/SearchToolbar";
+export { FooterAggregate } from "./components/FooterAggregate";