react-kd-grid 2.2.3 → 3.0.0

package/dist/components/GridHeader.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { GridColumn, SortConfig, ActiveFilters, ColumnFilterValue, GridRow } from "../types";
 interface GridHeaderProps {
     pinnedColumns: GridColumn[];
@@ -29,5 +30,8 @@ interface GridHeaderProps {
     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 declare const GridHeader: React.MemoExoticComponent<{
+    ({ 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;
+    displayName: string;
+}>;
 export {};

package/dist/components/GridRows.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEvent } from "react";
-import { GridRow, GridColumn, VirtualizedRange } from "../types";
+import { GridRow, GridColumn, VirtualizedRange, ContextMenuItem, RowEventParams, CellClickParams, CellContextMenuParams } from "../types";
 interface GridRowsProps {
     data: GridRow[];
     columns: GridColumn[];
@@ -14,25 +14,15 @@ interface GridRowsProps {
     hvPadLeft?: number;
     hvPadRight?: number;
     rowStyle?: (row: GridRow) => CSSProperties | undefined;
+    rowClassName?: string | ((row: GridRow, index: number) => string);
     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;
+    onContextMenu?: (params: RowEventParams) => void;
+    onRowDoubleClick?: (params: RowEventParams) => void;
+    onRowClick?: (params: RowEventParams) => void;
+    onCellClick?: (params: CellClickParams) => 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;
+    onCellContextMenu?: (params: CellContextMenuParams) => void;
     onCellMouseDown?: (args: {
         row: GridRow;
         column: GridColumn;
@@ -43,10 +33,12 @@ interface GridRowsProps {
         column: GridColumn;
         event: MouseEvent;
     }) => void;
+    /** Custom items for the row right-click context menu. */
+    contextMenuItems?: ContextMenuItem[];
     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;
+    ({ data, columns, selectedRows, virtualized, virtualizedRange, rowHeight, selectable, isRowSelectable, onRowSelect, pinnedColumns, hvPadLeft, hvPadRight, rowStyle, rowClassName, globalFilter, onContextMenu, onRowDoubleClick, onRowClick, onCellClick, isCellFocused, isCellSelected, onCellContextMenu, onCellMouseDown, onCellMouseEnter, contextMenuItems, getRowId, }: GridRowsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export {};

package/dist/components/PaginationControls.d.ts

@@ -11,5 +11,8 @@ interface PaginationControlsProps {
     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 declare const PaginationControls: import("react").MemoExoticComponent<{
+    ({ paginationConfig, currentPage, isServerLoading, selectedRowsCount, totalDataLength, filteredDataLength, paginationMode, onPageChange, onPageSizeChange, }: PaginationControlsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
 export {};

package/dist/components/RowContextMenu.d.ts

@@ -1,13 +1,4 @@
-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;
-}
+import { GridRow, ContextMenuItem } from "../types";
 interface RowContextMenuProps {
     row: GridRow;
     position: {

package/dist/components/SearchToolbar.d.ts

@@ -1,24 +1,9 @@
 import { ReactNode, ChangeEvent } from "react";
-import type { Density } from "../types";
+import type { Density, BulkActionOption, SavedFilter } 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;
@@ -47,7 +32,7 @@ interface SearchToolbarProps {
     columnFilters?: Record<string, any>;
     savedFilters?: SavedFilter[];
     bulkActions?: BulkActionOption[];
-    isLoading?: boolean;
+    loading?: boolean;
     exportOptions?: {
         enabled: boolean;
         formats?: ExportFormat[];
@@ -75,5 +60,8 @@ interface SearchToolbarProps {
     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 declare const SearchToolbar: import("react").MemoExoticComponent<{
+    ({ 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;
+    displayName: string;
+}>;
 export {};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { KDGrid } from "./core/DataGrid";
-export type { KDGridProps, KDGridRef, GridColumn, GridRow, Density, SortConfig, SortDirection, PaginationConfig, GroupConfig, ActiveFilters, ColumnFilterValue, VirtualizedRange, ColumnConfig, } from "./types";
+export type { KDGridProps, KDGridRef, GridColumn, GridRow, Density, SortConfig, SortDirection, PaginationConfig, PaginationOptions, ExportOptions, PerformanceConfig, GroupConfig, ActiveFilters, ColumnFilterValue, ColumnConfig, ContextMenuItem, BulkActionOption, SavedFilter, SearchMode, RowEventParams, CellClickParams, CellContextMenuParams, CellFocusParams, CellSelectionPayload, CopyCellsPayload, } from "./types";
 export { usePagination } from "./hooks/usePagination";
 export { useVirtualization } from "./hooks/useVirtualization";
 export { useSelection } from "./hooks/useSelection";