react-kd-grid 2.2.4 → 3.0.1

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/RowContextMenu.d.ts

@@ -1,13 +1,8 @@
-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";
+/** Ready-made starter items — ONLY for development / demos.
+ *  All items are no-ops in dev environments (they log in DEV only).
+ *  Do NOT rely on these in production; wire your own `contextMenuItems`. */
+export declare const defaultContextMenuItems: ContextMenuItem[];
 interface RowContextMenuProps {
     row: GridRow;
     position: {
@@ -16,6 +11,7 @@ interface RowContextMenuProps {
     };
     isVisible: boolean;
     onClose: () => void;
+    /** Custom menu items. If not provided the menu will not render. */
     menuItems?: ContextMenuItem[];
 }
 export declare const RowContextMenu: ({ row, position, isVisible, onClose, menuItems, }: RowContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SearchToolbar.d.ts

@@ -1,24 +1,8 @@
 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;
-}
+import type { Density, BulkActionOption, SavedFilter, ExportFormat } from "../types";
 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 +31,7 @@ interface SearchToolbarProps {
     columnFilters?: Record<string, any>;
     savedFilters?: SavedFilter[];
     bulkActions?: BulkActionOption[];
-    isLoading?: boolean;
+    loading?: boolean;
     exportOptions?: {
         enabled: boolean;
         formats?: ExportFormat[];

package/dist/hooks/useExport.d.ts

@@ -1,5 +1,4 @@
-import { GridRow, GridColumn } from "../types";
-export type ExportFormat = "csv" | "json" | "xlsx";
+import { GridRow, GridColumn, ExportFormat } from "../types";
 interface UseExportProps {
     data: GridRow[];
     columns: GridColumn[];

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, ExportFormat, RowEventParams, CellClickParams, CellContextMenuParams, CellFocusParams, CellSelectionPayload, CopyCellsPayload, } from "./types";
 export { usePagination } from "./hooks/usePagination";
 export { useVirtualization } from "./hooks/useVirtualization";
 export { useSelection } from "./hooks/useSelection";