react-kd-grid 5.0.2 → 5.0.4

package/dist/components/SearchToolbar.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, ChangeEvent } from "react";
-import type { Density, BulkActionOption, SavedFilter, ExportFormat } from "../types";
+import { ChangeEvent, ReactNode } from "react";
+import type { BulkActionOption, Density, ExportFormat, SavedFilter } from "../types";
 interface ColumnVisibility {
     [columnKey: string]: boolean;
 }
@@ -59,6 +59,10 @@ interface SearchToolbarProps {
     customLeftContent?: ReactNode;
     customRightContent?: ReactNode;
 }
+/**
+ * Optimized SearchToolbar using React.memo to prevent unnecessary re-renders
+ * as users type in the global search or modify filters.
+ */
 export declare const SearchToolbar: import("react").MemoExoticComponent<{
     ({ globalFilter, filteredDataLength, totalDataLength, 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;
     displayName: string;

package/dist/components/toolbar/BulkActionPopover.d.ts

@@ -0,0 +1,17 @@
+import { BulkActionOption } from "../../types";
+interface BulkActionPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    bulkActions: BulkActionOption[];
+    selectedRowsCount: number;
+    onBulkAction: (action: BulkActionOption) => void;
+}
+/**
+ * BulkActionPopover
+ *
+ * Displays a menu of actions that can be globally applied to all currently selected grid rows.
+ * Features customizable icons and labels per action.
+ */
+export declare const BulkActionPopover: ({ isOpen, anchorEl, onClose, bulkActions, selectedRowsCount, onBulkAction, }: BulkActionPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/toolbar/ColumnVisibilityPopover.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+interface ColumnDefinition {
+    key: string;
+    header: string;
+}
+interface ColumnVisibilityPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    filteredColumns: ColumnDefinition[];
+    columnVisibility: Record<string, boolean>;
+    onColumnToggle: (columnKey: string) => void;
+    columnSearch: string;
+    onColumnSearchChange: (value: string) => void;
+    onResetColumns: () => void;
+    onScrollToColumn?: (columnKey: string) => void;
+    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;
+    draggingKey: string | null;
+    dragOver: {
+        key: string;
+        position: "before" | "after";
+    } | null;
+    handleDragStart: (columnKey: string, e: React.DragEvent) => void;
+    handleDragOver: (targetKey: string, e: React.DragEvent) => void;
+    handleDrop: (targetKey: string) => void;
+    handleDragEnd: () => void;
+}
+/**
+ * ColumnVisibilityPopover
+ *
+ * Provides the UI for toggling column visibility and reordering columns via drag-and-drop.
+ * Includes column search and reset functionality.
+ */
+export declare const ColumnVisibilityPopover: ({ isOpen, anchorEl, onClose, filteredColumns, columnVisibility, onColumnToggle, columnSearch, onColumnSearchChange, onResetColumns, onScrollToColumn, onColumnVisibilityChange, draggingKey, dragOver, handleDragStart, handleDragOver, handleDrop, handleDragEnd, }: ColumnVisibilityPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/toolbar/ExportPopover.d.ts

@@ -0,0 +1,18 @@
+import { ExportFormat } from "../../types";
+interface ExportPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    exportFormats: ExportFormat[];
+    filteredDataLength: number;
+    selectedRowsCount: number;
+    onExport: (format: ExportFormat, exportSelected: boolean) => void;
+}
+/**
+ * ExportPopover
+ *
+ * Provides the UI for exporting grid data in various formats (CSV, JSON, Excel).
+ * Allows exporting either all filtered data or only the currently selected rows.
+ */
+export declare const ExportPopover: ({ isOpen, anchorEl, onClose, exportFormats, filteredDataLength, selectedRowsCount, onExport, }: ExportPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/toolbar/FilterPopover.d.ts

@@ -0,0 +1,29 @@
+interface ColumnDefinition {
+    key: string;
+    header: string;
+    visible?: boolean;
+    filterOptions?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    filterType?: "text" | "select" | "multiselect";
+    filterable?: any;
+}
+interface FilterPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    onClearFilters?: () => void;
+    columns: ColumnDefinition[];
+    columnFilters: Record<string, any>;
+    onColumnFilter?: (columnKey: string, filter: any) => void;
+    hasFilterableColumns: boolean;
+}
+/**
+ * FilterPopover
+ *
+ * Provides the UI for managing column-specific filters.
+ * Includes a search/select interface for each filterable column and a clear all action.
+ */
+export declare const FilterPopover: ({ isOpen, anchorEl, onClose, onClearFilters, columns, columnFilters, onColumnFilter, hasFilterableColumns, }: FilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/toolbar/SettingsPopover.d.ts

@@ -0,0 +1,17 @@
+import { Density } from "../../types";
+interface SettingsPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    density: Density;
+    onDensityChange?: (density: Density) => void;
+    showDensityControl?: boolean;
+}
+/**
+ * SettingsPopover
+ *
+ * Provides a menu for general grid configurations.
+ * Currently supports Row Density selection and is easily extensible for future settings.
+ */
+export declare const SettingsPopover: ({ isOpen, anchorEl, onClose, density, onDensityChange, showDensityControl, }: SettingsPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Button.d.ts

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes } from "react";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger";
+    size?: "sm" | "md" | "lg";
+    isLoading?: boolean;
+}
+/**
+ * Enterprise-grade Button component with built-in loading states and variant styling.
+ */
+export declare const Button: ({ children, variant, size, isLoading, className, disabled, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from "react";
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    label?: string;
+}
+/**
+ * Enterprise-grade Checkbox component for consistent styling.
+ */
+export declare const Checkbox: ({ label, className, id, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/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/components/ui/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/components/ui/TextField.d.ts

@@ -0,0 +1,12 @@
+import React, { InputHTMLAttributes } from "react";
+interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    icon?: React.ReactNode;
+}
+/**
+ * Enterprise-grade TextField component with support for labels, errors, and icons.
+ */
+export declare const TextField: ({ label, error, helperText, icon, className, id, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/constants/toolbar.d.ts

@@ -0,0 +1,17 @@
+import { ExportFormat, Density } from "../types";
+/**
+ * Mappings for Export formats to their respective icons.
+ */
+export declare const getExportIcon: (format: ExportFormat) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Mappings for Bulk Action IDs to their respective icons.
+ */
+export declare const getBulkActionIcon: (action: string) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Human-readable labels for export formats.
+ */
+export declare const getFormatLabel: (format: ExportFormat) => "CSV" | "JSON" | "Excel";
+/**
+ * Default density options for the grid.
+ */
+export declare const DENSITY_OPTIONS: Density[];

package/dist/core/GridBodyContainer.d.ts

@@ -0,0 +1,83 @@
+import React, { RefObject } from "react";
+import type { GridColumn, GridRow, SortConfig, ColumnFilterValue } from "../types";
+interface GridBodyContainerProps {
+    scrollRef: RefObject<HTMLDivElement>;
+    flatRows: any[];
+    columnsWithWidths: any[];
+    visibleColumns: any[];
+    totalWidth: number;
+    selectable: boolean;
+    dataToDisplay: any[];
+    pinnedAll: any[];
+    effectivePinnedColumns: Set<string>;
+    hvPadLeftMemo: number;
+    hvPadRightMemo: number;
+    resolvedHeaderHeight: number;
+    sortConfig: SortConfig;
+    columnFilters: Record<string, ColumnFilterValue | null>;
+    selectedRows: Set<string | number>;
+    data: any[];
+    handleSort: (key: string) => void;
+    setColumnFilter: (key: string, filter: ColumnFilterValue | null) => void;
+    handleSelectAll: (checked: boolean) => void;
+    handleColumnResize: (columnKey: string, width: number) => void;
+    handleColumnPin: (columnKey: string, pinned: boolean) => void;
+    addGroupKey: (key: string) => void;
+    removeGroupKey: (key: string) => void;
+    handleGroupBy: (columnKey: string) => void;
+    autosizeColumn: (columnKey: string) => void;
+    autosizeAllColumns: () => void;
+    resetColumns: () => void;
+    columnOrder: string[];
+    setColumnOrder: React.Dispatch<React.SetStateAction<string[]>>;
+    pagination: any;
+    minResizeWidth?: number;
+    effectiveVirtualized: boolean;
+    virtualizedRange: {
+        offsetY: number;
+        startIndex: number;
+        endIndex: number;
+    };
+    resolvedRowHeight: number;
+    visibleData: any[];
+    isRowSelectable?: (row: GridRow) => boolean;
+    handleRowSelect: (rowId: string | number, isSelected: boolean) => void;
+    rowStyle?: any;
+    globalFilter: string;
+    onContextMenu?: any;
+    onRowDoubleClick?: any;
+    onRowClick?: any;
+    onCellClick?: any;
+    onCellContextMenu?: any;
+    isCellFocused: (rowId: string | number, columnKey: string) => boolean;
+    isCellSelected: (rowId: string | number, columnKey: string) => boolean;
+    handleCellMouseDown: any;
+    handleCellMouseEnter: any;
+    contextMenuItems?: any;
+    getRowId?: any;
+    isEditing: (rowId: string | number, columnKey: string) => boolean;
+    startEdit: any;
+    commitEdit: any;
+    cancelEdit: any;
+    editingCell: any;
+    safeGetRowId: (r: any) => string | number;
+    toggleGroupExpansion: (groupKey: string) => void;
+    containerWidth: number;
+    groupConfig: any;
+    columns: GridColumn[];
+    renderGroupActions?: any;
+    groupFooterVariant: "chips" | "columns";
+    isValidLicense: boolean;
+    infiniteScroll: any;
+    sentinelRef: RefObject<HTMLDivElement>;
+    loading: boolean;
+    showLoader: boolean;
+    finishingLoader: boolean;
+    loaderTop: number;
+    noDataMessage?: string;
+    noDataRenderer?: any;
+    handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;
+    cellSelectionEnabled: boolean;
+}
+export declare const GridBodyContainer: React.FC<GridBodyContainerProps>;
+export {};

package/dist/core/GridFooterContainer.d.ts

@@ -0,0 +1,23 @@
+import React, { RefObject } from "react";
+interface GridFooterContainerProps {
+    hasFooterAggregate: boolean;
+    footerScrollRef: RefObject<HTMLDivElement>;
+    forwardWheelToBody: (e: React.WheelEvent) => void;
+    totalWidth: number;
+    selectable: boolean;
+    resolvedRowHeight: number;
+    columnsWithWidths: any[];
+    flatRows: any[];
+    effectivePinnedColumns: Set<string>;
+    infiniteScroll: any;
+    paginationConfig: any;
+    isServerLoading: boolean;
+    selectedRowsCount: number;
+    data: any[];
+    filteredData: any[];
+    pagination: any;
+    handlePageChange: (page: number) => void;
+    handlePageSizeChange: (pageSize: number) => void;
+}
+export declare const GridFooterContainer: React.FC<GridFooterContainerProps>;
+export {};

package/dist/core/GridToolbarContainer.d.ts

@@ -0,0 +1,48 @@
+import React, { ChangeEvent } from "react";
+import type { GridColumn, ColumnFilterValue, Density } from "../types";
+interface GridToolbarContainerProps {
+    showToolbar: boolean;
+    filterable: boolean;
+    globalFilter: string;
+    filteredDataLength: number;
+    totalDataLength: number;
+    paginationMode?: "client" | "server";
+    selectedRowsCount: number;
+    showExport: boolean;
+    columns: GridColumn[];
+    columnFilters: Record<string, ColumnFilterValue | null>;
+    columnVisibility: Record<string, boolean>;
+    onResetColumns: () => void;
+    exportOptions: {
+        enabled: boolean;
+        formats: any[];
+        filename: string;
+        onExport: (format: any, exportSelected: boolean) => void;
+    };
+    toolbarLeft?: React.ReactNode;
+    toolbarRight?: React.ReactNode;
+    onGlobalFilterChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClearFilters: () => void;
+    onColumnFilter: (columnKey: string, filter: ColumnFilterValue | null) => void;
+    onColumnVisibilityChange: (columnKey: string, visible: boolean) => void;
+    columnOrder: string[];
+    onColumnOrderChange: (order: string[]) => void;
+    pinnedColumns: Set<string>;
+    onScrollToColumn: (columnKey: string) => void;
+    density: Density;
+    onDensityChange: (density: Density) => void;
+    showDensityControl: boolean;
+    groupable: boolean;
+    groupBarVisibility: "auto" | "visible" | "hidden";
+    groupConfig: {
+        columnKeys: string[];
+        expanded: Set<string>;
+    };
+    removeGroupKey: (key: string) => void;
+    setGroupKeys: (keys: string[]) => void;
+    addGroupKey: (key: string) => void;
+    collapseAllGroups: () => void;
+    expandAllGroups: () => void;
+}
+export declare const GridToolbarContainer: React.FC<GridToolbarContainerProps>;
+export {};

package/dist/grid/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/grid/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/grid/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/grid/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/grid/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/grid/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/grid/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/grid/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/grid/components/Popovers/BulkActionPopover.d.ts

@@ -0,0 +1,17 @@
+import { BulkActionOption } from "../../types";
+interface BulkActionPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    bulkActions: BulkActionOption[];
+    selectedRowsCount: number;
+    onBulkAction: (action: BulkActionOption) => void;
+}
+/**
+ * BulkActionPopover
+ *
+ * Displays a menu of actions that can be globally applied to all currently selected grid rows.
+ * Features customizable icons and labels per action.
+ */
+export declare const BulkActionPopover: ({ isOpen, anchorEl, onClose, bulkActions, selectedRowsCount, onBulkAction, }: BulkActionPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Popovers/ColumnVisibilityPopover.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+interface ColumnDefinition {
+    key: string;
+    header: string;
+}
+interface ColumnVisibilityPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    filteredColumns: ColumnDefinition[];
+    columnVisibility: Record<string, boolean>;
+    onColumnToggle: (columnKey: string) => void;
+    columnSearch: string;
+    onColumnSearchChange: (value: string) => void;
+    onResetColumns: () => void;
+    onScrollToColumn?: (columnKey: string) => void;
+    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;
+    draggingKey: string | null;
+    dragOver: {
+        key: string;
+        position: "before" | "after";
+    } | null;
+    handleDragStart: (columnKey: string, e: React.DragEvent) => void;
+    handleDragOver: (targetKey: string, e: React.DragEvent) => void;
+    handleDrop: (targetKey: string) => void;
+    handleDragEnd: () => void;
+}
+/**
+ * ColumnVisibilityPopover
+ *
+ * Provides the UI for toggling column visibility and reordering columns via drag-and-drop.
+ * Includes column search and reset functionality.
+ */
+export declare const ColumnVisibilityPopover: ({ isOpen, anchorEl, onClose, filteredColumns, columnVisibility, onColumnToggle, columnSearch, onColumnSearchChange, onResetColumns, onScrollToColumn, onColumnVisibilityChange, draggingKey, dragOver, handleDragStart, handleDragOver, handleDrop, handleDragEnd, }: ColumnVisibilityPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Popovers/ExportPopover.d.ts

@@ -0,0 +1,18 @@
+import { ExportFormat } from "../../types";
+interface ExportPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    exportFormats: ExportFormat[];
+    filteredDataLength: number;
+    selectedRowsCount: number;
+    onExport: (format: ExportFormat, exportSelected: boolean) => void;
+}
+/**
+ * ExportPopover
+ *
+ * Provides the UI for exporting grid data in various formats (CSV, JSON, Excel).
+ * Allows exporting either all filtered data or only the currently selected rows.
+ */
+export declare const ExportPopover: ({ isOpen, anchorEl, onClose, exportFormats, filteredDataLength, selectedRowsCount, onExport, }: ExportPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Popovers/FilterPopover.d.ts

@@ -0,0 +1,29 @@
+interface ColumnDefinition {
+    key: string;
+    header: string;
+    visible?: boolean;
+    filterOptions?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    filterType?: "text" | "select" | "multiselect";
+    filterable?: any;
+}
+interface FilterPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    onClearFilters?: () => void;
+    columns: ColumnDefinition[];
+    columnFilters: Record<string, any>;
+    onColumnFilter?: (columnKey: string, filter: any) => void;
+    hasFilterableColumns: boolean;
+}
+/**
+ * FilterPopover
+ *
+ * Provides the UI for managing column-specific filters.
+ * Includes a search/select interface for each filterable column and a clear all action.
+ */
+export declare const FilterPopover: ({ isOpen, anchorEl, onClose, onClearFilters, columns, columnFilters, onColumnFilter, hasFilterableColumns, }: FilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Popovers/SettingsPopover.d.ts

@@ -0,0 +1,17 @@
+import { Density } from "../../types";
+interface SettingsPopoverProps {
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    density: Density;
+    onDensityChange?: (density: Density) => void;
+    showDensityControl?: boolean;
+}
+/**
+ * SettingsPopover
+ *
+ * Provides a menu for general grid configurations.
+ * Currently supports Row Density selection and is easily extensible for future settings.
+ */
+export declare const SettingsPopover: ({ isOpen, anchorEl, onClose, density, onDensityChange, showDensityControl, }: SettingsPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Shared/CellEditor.d.ts

@@ -0,0 +1,23 @@
+/**
+ * CellEditor
+ *
+ * Renders the appropriate input control for an inline cell edit session.
+ * Lifecycle:
+ *   • mounts → auto-focuses, selects all existing text
+ *   • Enter / Tab → commit  (Tab also moves focus to next cell conceptually)
+ *   • Escape      → cancel
+ *   • blur        → commit  (unless blur was caused by Escape)
+ *
+ * Props are intentionally minimal — the parent hook owns the "editing cell"
+ * identity; this component only owns the *draft value* and input DOM state.
+ */
+import type { GridColumn, GridRow } from "../../types";
+interface CellEditorProps {
+    column: GridColumn;
+    row: GridRow;
+    initialValue: any;
+    onCommit: (newValue: any) => void;
+    onCancel: () => void;
+}
+export declare const CellEditor: ({ column, row, initialValue, onCommit, onCancel, }: CellEditorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/grid/components/Shared/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/grid/components/Shared/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 {};