@keenmate/web-grid 1.0.0-rc08 → 1.0.0-rc10

package/dist/grid.d.ts

@@ -1,4 +1,4 @@
-import type { Column, CellValidationState, RowToolbarConfig, ContextMenuItem, RowShortcut, RowChangeDetail, ToolbarClickDetail, RowActionClickDetail, ContextMenuContext, EditTrigger, EditStartSelection, EditingCell, FocusedCell, SortMode, SortState, DataRequestDetail, DataRequestTrigger, BeforeCommitResult, GridMode, ToggleVisibility, PaginationLabelsCallback, SummaryContentCallback, ValidationTooltipContext, ToolbarPosition, GridLabels, RowLockInfo, RowLockingOptions, RowLockChangeDetail, ColumnWidthState, ColumnResizeDetail, ColumnOrderState, ColumnReorderDetail, FillDragDetail, FillDirection, RangeShortcut } from './types.js';
+import type { Column, CellValidationState, RowToolbarConfig, ContextMenuItem, RowShortcut, RowChangeDetail, ToolbarClickDetail, RowActionClickDetail, ContextMenuContext, HeaderMenuConfig, HeaderMenuContext, EditTrigger, EditStartSelection, EditingCell, FocusedCell, SortMode, SortState, DataRequestDetail, DataRequestTrigger, BeforeCommitResult, GridMode, ToggleVisibility, PaginationLabelsCallback, SummaryContentCallback, ValidationTooltipContext, ToolbarPosition, GridLabels, RowLockInfo, RowLockingOptions, RowLockChangeDetail, ColumnWidthState, ColumnResizeDetail, ColumnOrderState, ColumnReorderDetail, FillDragDetail, FillDirection, RangeShortcut } from './types.js';
 /**
  * WebGrid - Core logic class for the data grid
  *
@@ -9,25 +9,25 @@ export declare class WebGrid<T = unknown> {
     protected _items: T[];
     protected _columns: Column<T>[];
     protected _sortMode: SortMode;
-    protected _filterable: boolean;
-    protected _pageable: boolean;
+    protected _isFilterable: boolean;
+    protected _isPageable: boolean;
     protected _pageSize: number;
     protected _pageSizes: number[];
-    protected _striped: boolean;
-    protected _hoverable: boolean;
-    protected _editable: boolean;
+    protected _isStriped: boolean;
+    protected _isHoverable: boolean;
+    protected _isEditable: boolean;
     protected _editTrigger: EditTrigger;
     protected _editStartSelection: EditStartSelection;
     protected _mode: GridMode;
     protected _dropdownToggleVisibility: ToggleVisibility;
-    protected _dropdownShowOnFocus: boolean;
-    protected _openDropdownOnEnter: boolean;
-    protected _checkboxAlwaysEditable: boolean;
-    protected _showRowNumbers: boolean;
-    protected _stickyRowNumbers: boolean;
+    protected _shouldShowDropdownOnFocus: boolean;
+    protected _shouldOpenDropdownOnEnter: boolean;
+    protected _isCheckboxAlwaysEditable: boolean;
+    protected _isRowNumbersVisible: boolean;
+    protected _isStickyRowNumbers: boolean;
     protected _freezeColumns: number;
     protected _invalidCells: CellValidationState[];
-    protected _showRowToolbar: boolean;
+    protected _isRowToolbarVisible: boolean;
     protected _rowToolbar: RowToolbarConfig<T>[];
     protected _toolbarVerticalAlign: 'top' | 'center' | 'bottom';
     protected _toolbarHorizontalAlign: 'start' | 'center' | 'end' | 'cursor';
@@ -37,8 +37,9 @@ export declare class WebGrid<T = unknown> {
     protected _contextMenu: ContextMenuItem<T>[] | undefined;
     protected _contextMenuXOffset: number;
     protected _contextMenuYOffset: number;
+    protected _headerContextMenu: HeaderMenuConfig<T>[] | undefined;
     protected _rowShortcuts: RowShortcut<T>[] | undefined;
-    protected _showShortcutsHelp: boolean;
+    protected _isShortcutsHelpVisible: boolean;
     protected _shortcutsHelpPosition: 'top-right' | 'top-left';
     protected _shortcutsHelpContentCallback: (() => string) | undefined;
     protected _idValueMember: keyof T | undefined;
@@ -47,15 +48,15 @@ export declare class WebGrid<T = unknown> {
     protected _externalLocks: Map<unknown, RowLockInfo>;
     protected _onrowlockchange: ((detail: RowLockChangeDetail<T>) => void) | undefined;
     protected _gridName: string | null;
-    protected _persistColumnWidths: boolean;
+    protected _shouldPersistColumnWidths: boolean;
     protected _columnWidths: Map<string, string>;
     protected _oncolumnresize: ((detail: ColumnResizeDetail) => void) | undefined;
-    protected _allowColumnReorder: boolean;
-    protected _persistColumnOrder: boolean;
+    protected _isColumnReorderAllowed: boolean;
+    protected _shouldPersistColumnOrder: boolean;
     protected _columnOrder: Map<string, number>;
     protected _oncolumnreorder: ((detail: ColumnReorderDetail) => void) | undefined;
     protected _fillDirection: FillDirection;
-    protected _onfilldrag: ((detail: FillDragDetail) => boolean | void) | undefined;
+    protected _fillDragCallback: ((detail: FillDragDetail) => boolean | void) | undefined;
     protected _onrowchange: ((detail: RowChangeDetail<T>) => void) | undefined;
     protected _onroweditstart: ((detail: {
         row: T;
@@ -77,6 +78,7 @@ export declare class WebGrid<T = unknown> {
     protected _ontoolbarclick: ((detail: ToolbarClickDetail<T>) => void) | undefined;
     protected _onrowaction: ((detail: RowActionClickDetail<T>) => void) | undefined;
     protected _oncontextmenuopen: ((context: ContextMenuContext<T>) => void) | undefined;
+    protected _onheadercontextmenuopen: ((context: HeaderMenuContext<T>) => void) | undefined;
     protected _ondatarequest: ((detail: DataRequestDetail) => void) | undefined;
     protected _onrowdelete: ((detail: {
         rowIndex: number;
@@ -93,15 +95,15 @@ export declare class WebGrid<T = unknown> {
     protected _summaryPosition?: string;
     protected _summaryContentCallback?: SummaryContentCallback<T>;
     protected _summaryMetadata: unknown;
-    protected _summaryInline: boolean;
+    protected _isSummaryInline: boolean;
     protected _customStylesCallback?: () => string;
     protected _rowClassCallback?: (row: T, rowIndex: number) => string | null;
     protected _labels: GridLabels;
-    protected _virtualScroll: boolean;
+    protected _isVirtualScrollEnabled: boolean;
     protected _virtualScrollThreshold: number;
     protected _virtualScrollRowHeight: number;
     protected _virtualScrollBuffer: number;
-    protected _infiniteScroll: boolean;
+    protected _isInfiniteScrollEnabled: boolean;
     protected _infiniteScrollThreshold: number;
     protected _hasMoreItems: boolean;
     protected _isLoadingMore: boolean;
@@ -126,20 +128,20 @@ export declare class WebGrid<T = unknown> {
     set columns(value: Column<T>[]);
     get sortMode(): SortMode;
     set sortMode(value: SortMode);
-    get filterable(): boolean;
-    set filterable(value: boolean);
-    get pageable(): boolean;
-    set pageable(value: boolean);
+    get isFilterable(): boolean;
+    set isFilterable(value: boolean);
+    get isPageable(): boolean;
+    set isPageable(value: boolean);
     get pageSize(): number;
     set pageSize(value: number);
     get pageSizes(): number[];
     set pageSizes(value: number[]);
-    get striped(): boolean;
-    set striped(value: boolean);
-    get hoverable(): boolean;
-    set hoverable(value: boolean);
-    get editable(): boolean;
-    set editable(value: boolean);
+    get isStriped(): boolean;
+    set isStriped(value: boolean);
+    get isHoverable(): boolean;
+    set isHoverable(value: boolean);
+    get isEditable(): boolean;
+    set isEditable(value: boolean);
     get editTrigger(): EditTrigger;
     set editTrigger(value: EditTrigger);
     get editStartSelection(): EditStartSelection;
@@ -152,20 +154,20 @@ export declare class WebGrid<T = unknown> {
      * Get effective toggle visibility for a column (column override or grid default)
      */
     getEffectiveToggleVisibility(column: Column<T>): ToggleVisibility;
-    get dropdownShowOnFocus(): boolean;
-    set dropdownShowOnFocus(value: boolean);
-    get openDropdownOnEnter(): boolean;
-    set openDropdownOnEnter(value: boolean);
-    /**
-     * Get effective openDropdownOnEnter for a column (column override or grid default)
-     */
-    getEffectiveOpenDropdownOnEnter(column: Column<T>): boolean;
-    get checkboxAlwaysEditable(): boolean;
-    set checkboxAlwaysEditable(value: boolean);
-    get showRowNumbers(): boolean;
-    set showRowNumbers(value: boolean);
-    get stickyRowNumbers(): boolean;
-    set stickyRowNumbers(value: boolean);
+    get shouldShowDropdownOnFocus(): boolean;
+    set shouldShowDropdownOnFocus(value: boolean);
+    get shouldOpenDropdownOnEnter(): boolean;
+    set shouldOpenDropdownOnEnter(value: boolean);
+    /**
+     * Get effective shouldOpenDropdownOnEnter for a column (column override or grid default)
+     */
+    getEffectiveShouldOpenDropdownOnEnter(column: Column<T>): boolean;
+    get isCheckboxAlwaysEditable(): boolean;
+    set isCheckboxAlwaysEditable(value: boolean);
+    get isRowNumbersVisible(): boolean;
+    set isRowNumbersVisible(value: boolean);
+    get isStickyRowNumbers(): boolean;
+    set isStickyRowNumbers(value: boolean);
     get freezeColumns(): number;
     set freezeColumns(value: number);
     /**
@@ -191,8 +193,8 @@ export declare class WebGrid<T = unknown> {
     get isValidating(): boolean;
     get currentCellError(): string | null;
     get hoveredRowIndex(): number | null;
-    get showRowToolbar(): boolean;
-    set showRowToolbar(value: boolean);
+    get isRowToolbarVisible(): boolean;
+    set isRowToolbarVisible(value: boolean);
     get rowToolbar(): RowToolbarConfig<T>[];
     set rowToolbar(value: RowToolbarConfig<T>[]);
     get toolbarVerticalAlign(): 'top' | 'center' | 'bottom';
@@ -215,10 +217,12 @@ export declare class WebGrid<T = unknown> {
     set contextMenuXOffset(value: number);
     get contextMenuYOffset(): number;
     set contextMenuYOffset(value: number);
+    get headerContextMenu(): HeaderMenuConfig<T>[] | undefined;
+    set headerContextMenu(value: HeaderMenuConfig<T>[] | undefined);
     get rowShortcuts(): RowShortcut<T>[] | undefined;
     set rowShortcuts(value: RowShortcut<T>[] | undefined);
-    get showShortcutsHelp(): boolean;
-    set showShortcutsHelp(value: boolean);
+    get isShortcutsHelpVisible(): boolean;
+    set isShortcutsHelpVisible(value: boolean);
     get shortcutsHelpPosition(): 'top-right' | 'top-left';
     set shortcutsHelpPosition(value: 'top-right' | 'top-left');
     get shortcutsHelpContentCallback(): (() => string) | undefined;
@@ -243,24 +247,24 @@ export declare class WebGrid<T = unknown> {
     set summaryContentCallback(value: SummaryContentCallback<T> | undefined);
     get summaryMetadata(): unknown;
     set summaryMetadata(value: unknown);
-    get summaryInline(): boolean;
-    set summaryInline(value: boolean);
+    get isSummaryInline(): boolean;
+    set isSummaryInline(value: boolean);
     get customStylesCallback(): (() => string) | undefined;
     set customStylesCallback(value: (() => string) | undefined);
     get rowClassCallback(): ((row: T, rowIndex: number) => string | null) | undefined;
     set rowClassCallback(value: ((row: T, rowIndex: number) => string | null) | undefined);
     get labels(): GridLabels;
     set labels(value: Partial<GridLabels>);
-    get virtualScroll(): boolean;
-    set virtualScroll(value: boolean);
+    get isVirtualScrollEnabled(): boolean;
+    set isVirtualScrollEnabled(value: boolean);
     get virtualScrollThreshold(): number;
     set virtualScrollThreshold(value: number);
     get virtualScrollRowHeight(): number;
     set virtualScrollRowHeight(value: number);
     get virtualScrollBuffer(): number;
     set virtualScrollBuffer(value: number);
-    get infiniteScroll(): boolean;
-    set infiniteScroll(value: boolean);
+    get isInfiniteScrollEnabled(): boolean;
+    set isInfiniteScrollEnabled(value: boolean);
     get infiniteScrollThreshold(): number;
     set infiniteScrollThreshold(value: number);
     get hasMoreItems(): boolean;
@@ -271,10 +275,6 @@ export declare class WebGrid<T = unknown> {
      * Check if virtual scroll should be used
      */
     shouldUseVirtualScroll(): boolean;
-    get showRowActions(): boolean;
-    set showRowActions(value: boolean);
-    get rowActions(): RowToolbarConfig<T>[];
-    set rowActions(value: RowToolbarConfig<T>[]);
     set onrowchange(value: ((detail: RowChangeDetail<T>) => void) | undefined);
     set onroweditstart(value: ((detail: {
         row: T;
@@ -298,6 +298,8 @@ export declare class WebGrid<T = unknown> {
     set ontoolbarclick(value: ((detail: ToolbarClickDetail<T>) => void) | undefined);
     set onrowaction(value: ((detail: RowActionClickDetail<T>) => void) | undefined);
     set oncontextmenuopen(value: ((context: ContextMenuContext<T>) => void) | undefined);
+    get onheadercontextmenuopen(): ((context: HeaderMenuContext<T>) => void) | undefined;
+    set onheadercontextmenuopen(value: ((context: HeaderMenuContext<T>) => void) | undefined);
     get ondatarequest(): ((detail: DataRequestDetail) => void) | undefined;
     set ondatarequest(value: ((detail: DataRequestDetail) => void) | undefined);
     get onrowdelete(): ((detail: {
@@ -318,20 +320,20 @@ export declare class WebGrid<T = unknown> {
     set onrowlockchange(value: ((detail: RowLockChangeDetail<T>) => void) | undefined);
     get gridName(): string | null;
     set gridName(value: string | null);
-    get persistColumnWidths(): boolean;
-    set persistColumnWidths(value: boolean);
+    get shouldPersistColumnWidths(): boolean;
+    set shouldPersistColumnWidths(value: boolean);
     get oncolumnresize(): ((detail: ColumnResizeDetail) => void) | undefined;
     set oncolumnresize(value: ((detail: ColumnResizeDetail) => void) | undefined);
-    get allowColumnReorder(): boolean;
-    set allowColumnReorder(value: boolean);
-    get persistColumnOrder(): boolean;
-    set persistColumnOrder(value: boolean);
+    get isColumnReorderAllowed(): boolean;
+    set isColumnReorderAllowed(value: boolean);
+    get shouldPersistColumnOrder(): boolean;
+    set shouldPersistColumnOrder(value: boolean);
     get oncolumnreorder(): ((detail: ColumnReorderDetail) => void) | undefined;
     set oncolumnreorder(value: ((detail: ColumnReorderDetail) => void) | undefined);
     get fillDirection(): FillDirection;
     set fillDirection(value: FillDirection);
-    get onfilldrag(): ((detail: FillDragDetail) => boolean | void) | undefined;
-    set onfilldrag(value: ((detail: FillDragDetail) => boolean | void) | undefined);
+    get fillDragCallback(): ((detail: FillDragDetail) => boolean | void) | undefined;
+    set fillDragCallback(value: ((detail: FillDragDetail) => boolean | void) | undefined);
     get selectedRows(): number[];
     get rangeShortcuts(): RangeShortcut<T>[];
     set rangeShortcuts(value: RangeShortcut<T>[]);
@@ -489,8 +491,9 @@ export declare class WebGrid<T = unknown> {
     getColumnWidth(field: string): string | undefined;
     /**
      * Set runtime column width override
+     * @param skipRender - If true, don't trigger a re-render (useful during resize when DOM is already updated)
      */
-    setColumnWidth(field: string, width: string): void;
+    setColumnWidth(field: string, width: string, skipRender?: boolean): void;
     /**
      * Set multiple column widths at once (for restoring saved state)
      * Accepts the same format as oncolumnresize.allWidths

package/dist/modules/contextmenu/index.d.ts

@@ -1,4 +1,4 @@
-import type { ContextMenuItem, ContextMenuContext } from '../../types.js';
+import type { ContextMenuItem, ContextMenuContext, HeaderMenuConfig, HeaderMenuItem, HeaderMenuContext } from '../../types.js';
 import type { GridContext } from '../types.js';
 /**
  * Open context menu at position
@@ -8,3 +8,17 @@ export declare function openContextMenu<T>(ctx: GridContext<T>, x: number, y: nu
  * Close context menu and cleanup
  */
 export declare function closeContextMenu(container: HTMLElement, handleOutsideClick?: (e: MouseEvent) => void, handleKeyDown?: (e: KeyboardEvent) => void): void;
+/**
+ * Normalize header menu items (convert string shortcuts to full items)
+ * Handles standalone divider markers like { dividerBefore: true } by applying
+ * the divider to the next actual item.
+ */
+export declare function normalizeHeaderMenuItems<T>(config: HeaderMenuConfig<T>[], context: HeaderMenuContext<T>): HeaderMenuItem<T>[];
+/**
+ * Execute predefined header menu action
+ */
+export declare function executeHeaderMenuAction<T>(ctx: GridContext<T>, actionId: string, menuContext: HeaderMenuContext<T>, ctrlKey?: boolean): void;
+/**
+ * Open header context menu at position
+ */
+export declare function openHeaderContextMenu<T>(ctx: GridContext<T>, x: number, y: number, items: HeaderMenuItem<T>[], menuContext: HeaderMenuContext<T>, onItemClick: (itemId: string, keepOpen?: boolean, ctrlKey?: boolean) => void, onClose: () => void): HTMLElement | null;

package/dist/modules/navigation/index.d.ts

@@ -1 +1 @@
-export { focusCellElement, updateFocusVisual, clearEditingVisual, handleCellFocus, moveFocus, tryStartEdit, getCursorPositionFromClick, handleTableFocusOut, scrollToRowPosition } from './focus.js';
+export { focusCellElement, updateFocusVisual, clearEditingVisual, restoreEditingCellToDisplayMode, handleCellFocus, moveFocus, tryStartEdit, getCursorPositionFromClick, handleTableFocusOut, scrollToRowPosition } from './focus.js';

package/dist/types.d.ts

@@ -41,6 +41,7 @@ export type EditorOptions<T = unknown> = {
     emptyLabel?: string;
     noOptionsText?: string;
     searchingText?: string;
+    dropdownMinWidth?: string;
     maxLength?: number;
     placeholder?: string;
     pattern?: string;
@@ -58,7 +59,7 @@ export type EditorOptions<T = unknown> = {
     dateFormat?: string;
     outputFormat?: DateOutputFormat;
     initialOptions?: EditorOption[];
-    onSearchCallback?: (query: string, row: T, signal?: AbortSignal) => Promise<EditorOption[]>;
+    searchCallback?: (query: string, row: T, signal?: AbortSignal) => Promise<EditorOption[]>;
     minSearchLength?: number;
     debounceMs?: number;
     multiple?: boolean;
@@ -95,36 +96,41 @@ export type Column<T> = {
     field: keyof T | string;
     title: string;
     headerInfo?: string;
-    sortable?: boolean;
-    filterable?: boolean;
+    isSortable?: boolean;
+    isFilterable?: boolean;
     width?: string;
     minWidth?: string;
     maxWidth?: string;
     textOverflow?: 'wrap' | 'ellipsis';
-    align?: "left" | "center" | "right";
+    maxLines?: number;
+    horizontalAlign?: "left" | "center" | "right" | "justify";
+    verticalAlign?: "top" | "middle" | "bottom";
+    headerHorizontalAlign?: "left" | "center" | "right" | "justify";
+    headerVerticalAlign?: "top" | "middle" | "bottom";
     cellClass?: string;
     cellClassCallback?: (value: unknown, row: T) => string | null;
     formatCallback?: (value: unknown, row: T) => string;
     templateCallback?: (row: T) => string;
     renderCallback?: CellRenderCallback<T>;
-    editable?: boolean;
+    isEditable?: boolean;
     editor?: EditorType;
     editTrigger?: EditTrigger;
     dropdownToggleVisibility?: ToggleVisibility;
-    openDropdownOnEnter?: boolean;
+    shouldOpenDropdownOnEnter?: boolean;
     editorOptions?: EditorOptions<T>;
     validateCallback?: (value: unknown, row: T) => string | null | Promise<string | null>;
     beforeCommitCallback?: (context: BeforeCommitContext<T>) => BeforeCommitResult | Promise<BeforeCommitResult>;
     cellEditCallback?: (context: CustomEditorContext<T>) => void;
-    showEditButton?: boolean;
+    isEditButtonVisible?: boolean;
     tooltipMember?: string;
     tooltipCallback?: (value: unknown, row: T) => string | null;
     beforeCopyCallback?: (value: unknown, row: T) => string;
     beforePasteCallback?: (value: string, row: T) => unknown;
     validationTooltipCallback?: (context: ValidationTooltipContext<T>) => string | null;
-    frozen?: boolean;
-    resizable?: boolean;
+    isFrozen?: boolean;
+    isResizable?: boolean;
     fillDirection?: FillDirection;
+    isHidden?: boolean;
 };
 export type ValidationTooltipContext<T> = {
     field: string;
@@ -201,6 +207,30 @@ export type ContextMenuItem<T> = {
     dividerBefore?: boolean;
     onclick?: (context: ContextMenuContext<T>) => void | Promise<void>;
 };
+export type HeaderMenuContext<T> = {
+    column: Column<T>;
+    field: string;
+    columnIndex: number;
+    sortDirection: 'asc' | 'desc' | null;
+    isFrozen: boolean;
+    allColumns: Column<T>[];
+    labels: GridLabels;
+};
+export type PredefinedHeaderMenuItemType = 'sortAsc' | 'sortDesc' | 'clearSort' | 'hideColumn' | 'freezeColumn' | 'unfreezeColumn' | 'columnVisibility';
+export type HeaderMenuItem<T> = {
+    id: string;
+    label: string | ((context: HeaderMenuContext<T>) => string);
+    icon?: string | ((context: HeaderMenuContext<T>) => string);
+    shortcut?: string;
+    disabled?: boolean | ((context: HeaderMenuContext<T>) => boolean);
+    visible?: boolean | ((context: HeaderMenuContext<T>) => boolean);
+    danger?: boolean;
+    dividerBefore?: boolean;
+    onclick?: (context: HeaderMenuContext<T>) => void | Promise<void>;
+    children?: HeaderMenuItem<T>[];
+    submenu?: (context: HeaderMenuContext<T>) => HeaderMenuItem<T>[];
+};
+export type HeaderMenuConfig<T> = PredefinedHeaderMenuItemType | HeaderMenuItem<T>;
 export type ShortcutContext<T> = {
     row: T;
     rowIndex: number;
@@ -236,13 +266,13 @@ export type ParsedKeyCombo = {
 export type QuickGridProps<T> = {
     items: T[];
     columns: Column<T>[];
-    filterable?: boolean;
-    pageable?: boolean;
+    isFilterable?: boolean;
+    isPageable?: boolean;
     pageSize?: number;
-    striped?: boolean;
-    hoverable?: boolean;
-    showRowNumbers?: boolean;
-    stickyRowNumbers?: boolean;
+    isStriped?: boolean;
+    isHoverable?: boolean;
+    isRowNumbersVisible?: boolean;
+    isStickyRowNumbers?: boolean;
     freezeColumns?: number;
     class?: string;
     style?: string;
@@ -259,40 +289,38 @@ export type QuickGridProps<T> = {
     paginationLayout?: string;
     summaryPosition?: string;
     summaryContentCallback?: SummaryContentCallback<T>;
-    summaryInline?: boolean;
-    editable?: boolean;
+    isSummaryInline?: boolean;
+    isEditable?: boolean;
     editTrigger?: EditTrigger;
     editStartSelection?: EditStartSelection;
     mode?: GridMode;
     dropdownToggleVisibility?: ToggleVisibility;
-    dropdownShowOnFocus?: boolean;
-    openDropdownOnEnter?: boolean;
-    checkboxAlwaysEditable?: boolean;
+    shouldShowDropdownOnFocus?: boolean;
+    shouldOpenDropdownOnEnter?: boolean;
+    isCheckboxAlwaysEditable?: boolean;
     invalidCells?: CellValidationState[];
-    showRowToolbar?: boolean;
+    isRowToolbarVisible?: boolean;
     rowToolbar?: RowToolbarConfig<T>[];
     toolbarVerticalAlign?: 'top' | 'center' | 'bottom';
     toolbarHorizontalAlign?: 'start' | 'center' | 'end' | 'cursor';
     toolbarTrigger?: 'hover' | 'click' | 'button';
     toolbarPosition?: ToolbarPosition;
     inlineActionsTitle?: string;
-    showRowActions?: boolean;
-    rowActions?: RowToolbarConfig<T>[];
-    toolbarAlign?: 'top' | 'center' | 'bottom';
-    toolbarTopPosition?: 'start' | 'center' | 'end' | 'cursor';
     contextMenu?: ContextMenuItem<T>[];
     contextMenuXOffset?: number;
     contextMenuYOffset?: number;
     oncontextmenuopen?: (context: ContextMenuContext<T>) => void;
+    headerContextMenu?: HeaderMenuConfig<T>[];
+    onheadercontextmenuopen?: (context: HeaderMenuContext<T>) => void;
     rowShortcuts?: RowShortcut<T>[];
-    showShortcutsHelp?: boolean;
+    isShortcutsHelpVisible?: boolean;
     shortcutsHelpPosition?: 'top-right' | 'top-left';
     shortcutsHelpContentCallback?: () => string;
-    virtualScroll?: boolean;
+    isVirtualScrollEnabled?: boolean;
     virtualScrollThreshold?: number;
     virtualScrollRowHeight?: number;
     virtualScrollBuffer?: number;
-    infiniteScroll?: boolean;
+    isInfiniteScrollEnabled?: boolean;
     infiniteScrollThreshold?: number;
     hasMoreItems?: boolean;
     onrowchange?: (detail: RowChangeDetail<T>) => void;
@@ -314,19 +342,18 @@ export type QuickGridProps<T> = {
     }) => void;
     validationTooltipCallback?: (context: ValidationTooltipContext<T>) => string | null;
     ontoolbarclick?: (detail: ToolbarClickDetail<T>) => void;
-    onrowaction?: (detail: RowActionClickDetail<T>) => void;
     ondatarequest?: (detail: DataRequestDetail) => void;
     onrowdelete?: (detail: {
         rowIndex: number;
         row: T;
     }) => void;
     gridName?: string;
-    persistColumnWidths?: boolean;
+    shouldPersistColumnWidths?: boolean;
     oncolumnresize?: (detail: ColumnResizeDetail) => void;
-    allowColumnReorder?: boolean;
-    persistColumnOrder?: boolean;
+    isColumnReorderAllowed?: boolean;
+    shouldPersistColumnOrder?: boolean;
     oncolumnreorder?: (detail: ColumnReorderDetail) => void;
-    onfilldrag?: (detail: FillDragDetail) => boolean | void;
+    fillDragCallback?: (detail: FillDragDetail) => boolean | void;
 };
 export type EditingCell = {
     rowIndex: number;
@@ -393,6 +420,16 @@ export type GridLabels = {
     paginationPerPage: string;
     dropdownNoOptions: string;
     dropdownSearching: string;
+    contextMenu: {
+        sortAsc: string;
+        sortDesc: string;
+        clearSort: string;
+        hideColumn: string;
+        freezeColumn: string;
+        unfreezeColumn: string;
+        columnVisibility: string;
+        showAll: string;
+    };
 };
 export type SummaryContext<T> = {
     items: T[];