@linzjs/step-ag-grid 29.11.4 → 29.13.0

package/dist/src/components/Grid.d.ts

@@ -1,14 +1,7 @@
 import { ColDef, ColGroupDef, GridOptions, RowClickedEvent, RowDoubleClickedEvent } from 'ag-grid-community';
 import { ReactElement } from 'react';
 import { GridContextMenuComponent } from './gridHook';
-export interface GridBaseRow {
-    id: string | number;
-}
-export interface GridOnRowDragEndProps<TData extends GridBaseRow> {
-    movedRow: TData;
-    targetRow: TData;
-    direction: -1 | 1;
-}
+import { GridBaseRow, GridOnRowDragEndProps } from './types';
 export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
     readOnly?: boolean;
     defaultPostSort?: boolean;
@@ -19,8 +12,10 @@ export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
     theme?: string;
     ['data-testid']?: string;
     domLayout?: GridOptions['domLayout'];
-    externalSelectedItems?: any[];
-    setExternalSelectedItems?: (items: any[]) => void;
+    externalSelectedItems?: TData[];
+    externalSelectedIds?: TData['id'][];
+    setExternalSelectedItems?: (items: TData[]) => void;
+    setExternalSelectedIds?: (ids: TData['id'][]) => void;
     defaultColDef?: GridOptions['defaultColDef'];
     columnDefs: ColDef<TData>[] | ColGroupDef<TData>[];
     rowData: GridOptions['rowData'];
@@ -74,7 +69,7 @@ export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
     /**
      * Context menu definition if required.
      */
-    contextMenu?: GridContextMenuComponent<any>;
+    contextMenu?: GridContextMenuComponent<TData>;
     /**
      * Whether to select row on context menu.
      */
@@ -93,4 +88,4 @@ export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
 /**
  * Wrapper for AgGrid to add commonly used functionality.
  */
-export declare const Grid: <TData extends GridBaseRow = GridBaseRow>({ "data-testid": dataTestId, defaultPostSort, rowSelection, suppressColumnVirtualization, theme, sizeColumns, selectColumnPinned, contextMenuSelectRow, singleClickEdit, rowData, rowHeight, selectable, onCellFocused: paramsOnCellFocused, maxInitialWidth, suppressReadOnlyStyle, ...params }: GridProps<TData>) => ReactElement;
+export declare const Grid: <TData extends GridBaseRow = GridBaseRow>({ "data-testid": dataTestId, defaultPostSort, rowSelection, suppressColumnVirtualization, theme, sizeColumns, selectColumnPinned, contextMenuSelectRow, singleClickEdit, rowData, rowHeight, selectable, autoSelectFirstRow, onCellFocused: paramsOnCellFocused, maxInitialWidth, suppressReadOnlyStyle, externalSelectedItems, setExternalSelectedItems, externalSelectedIds, setExternalSelectedIds, ...params }: GridProps<TData>) => ReactElement;

package/dist/src/components/GridCell.d.ts

@@ -1,30 +1,13 @@
-import { ColDef, EditableCallback, GetQuickFilterTextParams, ICellEditorParams, ICellRendererParams } from 'ag-grid-community';
-import { SuppressKeyboardEventParams, ValueFormatterFunc, ValueFormatterParams, ValueGetterFunc } from 'ag-grid-community';
+import { GetQuickFilterTextParams, ICellEditorParams, ICellRendererParams, SuppressKeyboardEventParams, ValueFormatterFunc, ValueFormatterParams } from 'ag-grid-community';
 import { ReactElement } from 'react';
-import { GridBaseRow } from './Grid';
 import { GenericCellColDef } from './gridRender';
+import { ColDefT, GridBaseRow } from './types';
 export interface GenericCellEditorProps<E> {
     multiEdit?: boolean;
     editor?: (editorProps: E) => ReactElement;
     editorParams?: E;
 }
 export declare const GridCellRenderer: (props: ICellRendererParams) => import("react/jsx-runtime").JSX.Element;
-export interface ColDefT<TData extends GridBaseRow, ValueType = any> extends ColDef<TData, ValueType> {
-    editable?: boolean | EditableCallback<TData, ValueType>;
-    valueGetter?: string | ValueGetterFunc<TData, ValueType>;
-    valueFormatter?: string | ValueFormatterFunc<TData, ValueType>;
-    cellRenderer?: ((props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined) | string;
-    cellRendererParams?: {
-        rightHoverElement?: ReactElement;
-        originalCellRenderer?: any;
-        editAction?: (selectedRows: TData[]) => void;
-        shortcutKeys?: Record<string, () => void>;
-        error?: (props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined;
-        warning?: (props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined;
-        info?: (props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined;
-    };
-    editor?: (editorProps: any) => ReactElement;
-}
 export declare const suppressCellKeyboardEvents: (e: SuppressKeyboardEventParams) => any;
 export declare const generateFilterGetter: <TData extends GridBaseRow, ValueType>(valueFormatter: string | ValueFormatterFunc<TData, ValueType> | undefined) => string | ((params: GetQuickFilterTextParams<TData, ValueType>) => string) | undefined;
 export declare const defaultValueFormatter: ({ value }: ValueFormatterParams) => string;

package/dist/src/components/GridCellFiller.d.ts

@@ -1,5 +1,5 @@
 import { ColDef } from 'ag-grid-community';
-import { GridBaseRow } from './Grid';
+import { GridBaseRow } from './types';
 export declare const GridCellFillerColId = "gridCellFiller";
 export declare const isGridCellFiller: (col: ColDef) => boolean;
 export declare const GridCellFiller: <TData extends GridBaseRow>() => ColDef<TData, any>;

package/dist/src/components/GridCellMultiEditor.d.ts

@@ -1,9 +1,8 @@
 import { CellEditorSelectorResult } from 'ag-grid-community';
 import { ICellEditorParams } from 'ag-grid-community';
 import { ComponentProps, ReactElement } from 'react';
-import { GridBaseRow } from './Grid';
-import { ColDefT } from './GridCell';
 import { GenericCellColDef } from './gridRender';
+import { ColDefT, GridBaseRow } from './types';
 export declare const Editor: <FN extends (param: any) => ReactElement>(props: {
     multiEdit: boolean;
     editor: FN;

package/dist/src/components/GridPopoverHook.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { GridBaseRow } from './Grid';
+import { GridBaseRow } from './types';
 export interface GridPopoverHookProps<TData> {
     className: string | undefined;
     invalid?: () => Promise<ReactElement | boolean | string | null | undefined> | ReactElement | boolean | string | null | undefined;

package/dist/src/components/gridFilter/GridFilterButtons.d.ts

@@ -2,7 +2,7 @@ import { LuiButtonProps } from '@linzjs/lui/dist/components/LuiButton/LuiButton'
 import { ClassValue } from 'clsx';
 import { ReactElement } from 'react';
 import { GridFilterExternal } from '../../contexts/GridContext';
-import { GridBaseRow } from '../Grid';
+import { GridBaseRow } from '../types';
 export interface GridFilterButtonsOption<TData extends GridBaseRow> {
     defaultSelected?: boolean;
     filter?: GridFilterExternal<TData>;

package/dist/src/components/gridFilter/useGridFilter.d.ts

@@ -1,3 +1,3 @@
 import { GridFilterExternal } from '../../contexts/GridContext';
-import { GridBaseRow } from '../Grid';
+import { GridBaseRow } from '../types';
 export declare const useGridFilter: <TData extends GridBaseRow>(filter: GridFilterExternal<TData> | undefined) => void;

package/dist/src/components/gridForm/GridFormDropDown.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface GridPopoutEditDropDownSelectedItem<TData extends GridBaseRow, TOption> {
     selectedRows: TData[];
     selectedRowIds: TData['id'][];

package/dist/src/components/gridForm/GridFormEditBearing.d.ts

@@ -1,5 +1,5 @@
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface GridFormEditBearingProps<TData extends GridBaseRow> extends CellEditorCommon {
     formatValue?: (value: any) => string;
     placeHolder?: string;

package/dist/src/components/gridForm/GridFormMessage.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface GridFormMessageProps<TData extends GridBaseRow> extends CellEditorCommon {
     message: (selectedRows: TData[]) => Promise<string | ReactElement> | string | ReactElement;
 }

package/dist/src/components/gridForm/GridFormMultiSelect.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface MultiSelectOption {
     value: any;
     label?: string;

package/dist/src/components/gridForm/GridFormMultiSelectGrid.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface MultiSelectGridOption {
     value: any;
     label?: string | ReactElement;

package/dist/src/components/gridForm/GridFormPopoverMenu.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface GridFormPopoverMenuProps<TData extends GridBaseRow> extends CellEditorCommon {
     options: (selectedRows: TData[]) => Promise<MenuOption<TData>[]> | MenuOption<TData>[];
     defaultAction?: (props: {

package/dist/src/components/gridForm/GridFormSubComponentTextArea.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { TextInputValidatorProps } from '../../utils/textValidator';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface GridSubComponentTextAreaProps<TData extends GridBaseRow> extends TextInputValidatorProps<TData>, CellEditorCommon {
     placeholder?: string;
     width?: string | number;

package/dist/src/components/gridForm/GridFormSubComponentTextInput.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { TextInputValidatorProps } from '../../utils/textValidator';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface GridFormSubComponentTextInputProps<TData extends GridBaseRow> extends TextInputValidatorProps<TData>, CellEditorCommon {
     placeholder?: string;
     width?: string | number;

package/dist/src/components/gridForm/GridFormTextArea.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { TextInputValidatorProps } from '../../utils/textValidator';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface GridFormTextAreaProps<TData extends GridBaseRow> extends TextInputValidatorProps<TData>, CellEditorCommon {
     placeholder?: string;
     width?: string | number;

package/dist/src/components/gridForm/GridFormTextInput.d.ts

@@ -1,6 +1,6 @@
 import { TextInputValidatorProps } from '../../utils/textValidator';
-import { GridBaseRow } from '../Grid';
 import { CellEditorCommon } from '../GridCell';
+import { GridBaseRow } from '../types';
 export interface GridFormTextInputProps<TData extends GridBaseRow> extends TextInputValidatorProps<TData>, CellEditorCommon {
     placeholder?: string;
     units?: string;

package/dist/src/components/gridHook/useGridContextMenu.d.ts

@@ -1,7 +1,7 @@
 import { ColDef } from 'ag-grid-community';
 import { CellContextMenuEvent } from 'ag-grid-community';
 import { ReactElement } from 'react';
-import { GridBaseRow } from '../Grid';
+import { GridBaseRow } from '../types';
 export interface GridContextMenuComponentProps<TData extends GridBaseRow> {
     selectedRows: TData[];
     clickedRow: TData;

package/dist/src/components/gridPopoverEdit/GridButton.d.ts

@@ -1,7 +1,6 @@
 import { ICellEditorParams } from 'ag-grid-community';
-import { GridBaseRow } from '../Grid';
-import { ColDefT } from '../GridCell';
 import { GenericCellColDef } from '../gridRender';
+import { ColDefT, GridBaseRow } from '../types';
 export interface GridButtonProps<TData extends GridBaseRow> {
     visible?: (cellEditorParams: ICellEditorParams) => boolean;
     onClick?: (props: {

package/dist/src/components/gridPopoverEdit/GridEditBoolean.d.ts

@@ -1,6 +1,6 @@
-import { GridBaseRow } from '../Grid';
-import { CellEditorCommon, ColDefT } from '../GridCell';
+import { CellEditorCommon } from '../GridCell';
 import { GenericCellColDef } from '../gridRender';
+import { ColDefT, GridBaseRow } from '../types';
 export interface GridEditBooleanEditorProps<TData extends GridBaseRow> extends CellEditorCommon {
     onClick: (props: {
         selectedRows: TData[];

package/dist/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.d.ts

@@ -1,5 +1,5 @@
-import { GridBaseRow } from '../Grid';
-import { ColDefT, GenericCellEditorProps } from '../GridCell';
+import { GenericCellEditorProps } from '../GridCell';
 import { GridFormMultiSelectProps } from '../gridForm/GridFormMultiSelect';
 import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
 export declare const GridPopoutEditMultiSelect: <TData extends GridBaseRow, TValue = any>(colDef: GenericCellColDef<TData, TValue>, props: GenericCellEditorProps<GridFormMultiSelectProps<TData>>) => ColDefT<TData, TValue>;

package/dist/src/components/gridPopoverEdit/GridPopoutEditMultiSelectGrid.d.ts

@@ -1,5 +1,5 @@
-import { GridBaseRow } from '../Grid';
-import { ColDefT, GenericCellEditorProps } from '../GridCell';
+import { GenericCellEditorProps } from '../GridCell';
 import { GridFormMultiSelectGridProps } from '../gridForm/GridFormMultiSelectGrid';
 import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
 export declare const GridPopoutEditMultiSelectGrid: <TData extends GridBaseRow, TValue = any>(colDef: GenericCellColDef<TData, TValue>, props: GenericCellEditorProps<GridFormMultiSelectGridProps<TData>>) => ColDefT<TData, TValue>;

package/dist/src/components/gridPopoverEdit/GridPopoverEditBearing.d.ts

@@ -1,7 +1,7 @@
-import { GridBaseRow } from '../Grid';
-import { ColDefT, GenericCellEditorProps } from '../GridCell';
+import { GenericCellEditorProps } from '../GridCell';
 import { GridFormEditBearingProps } from '../gridForm/GridFormEditBearing';
 import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
 export declare const GridPopoverEditBearingEditorParams: {
     placeHolder: string;
     formatValue: (value: any) => string;

package/dist/src/components/gridPopoverEdit/GridPopoverEditDropDown.d.ts

@@ -1,5 +1,5 @@
-import { GridBaseRow } from '../Grid';
-import { ColDefT, GenericCellEditorProps } from '../GridCell';
+import { GenericCellEditorProps } from '../GridCell';
 import { GridFormDropDownProps } from '../gridForm/GridFormDropDown';
 import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
 export declare const GridPopoverEditDropDown: <TData extends GridBaseRow, TValue = any, TOptionValue = any>(colDef: GenericCellColDef<TData, TValue>, props: GenericCellEditorProps<GridFormDropDownProps<TData, TOptionValue>>) => ColDefT<TData, TValue>;

package/dist/src/components/gridPopoverEdit/GridPopoverMenu.d.ts

@@ -1,7 +1,7 @@
-import { GridBaseRow } from '../Grid';
-import { ColDefT, GenericCellEditorProps } from '../GridCell';
+import { GenericCellEditorProps } from '../GridCell';
 import { GridFormPopoverMenuProps } from '../gridForm/GridFormPopoverMenu';
 import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
 /**
  * Popout burger menu
  */

package/dist/src/components/gridPopoverEdit/GridPopoverMessage.d.ts

@@ -1,5 +1,5 @@
-import { GridBaseRow } from '../Grid';
-import { ColDefT, GenericCellEditorProps } from '../GridCell';
+import { GenericCellEditorProps } from '../GridCell';
 import { GridFormMessageProps } from '../gridForm/GridFormMessage';
 import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
 export declare const GridPopoverMessage: <TData extends GridBaseRow, TValue = any>(colDef: GenericCellColDef<TData, TValue>, props: GenericCellEditorProps<GridFormMessageProps<TData>>) => ColDefT<TData, TValue>;

package/dist/src/components/gridPopoverEdit/GridPopoverTextArea.d.ts

@@ -1,5 +1,5 @@
-import { GridBaseRow } from '../Grid';
-import { ColDefT, GenericCellEditorProps } from '../GridCell';
+import { GenericCellEditorProps } from '../GridCell';
 import { GridFormTextAreaProps } from '../gridForm/GridFormTextArea';
 import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
 export declare const GridPopoverTextArea: <TData extends GridBaseRow, TValue = any>(colDef: GenericCellColDef<TData, TValue>, params: GenericCellEditorProps<GridFormTextAreaProps<TData>>) => ColDefT<TData, TValue>;

package/dist/src/components/gridPopoverEdit/GridPopoverTextInput.d.ts

@@ -1,5 +1,5 @@
-import { GridBaseRow } from '../Grid';
-import { ColDefT, GenericCellEditorProps } from '../GridCell';
+import { GenericCellEditorProps } from '../GridCell';
 import { GridFormTextInputProps } from '../gridForm/GridFormTextInput';
 import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';
+import { ColDefT, GridBaseRow } from '../types';
 export declare const GridPopoverTextInput: <TData extends GridBaseRow, TValue = any>(colDef: GenericCellColDef<TData, TValue>, params: GenericCellEditorProps<GridFormTextInputProps<TData>>) => ColDefT<TData, TValue>;

package/dist/src/components/gridRender/GridRenderGenericCell.d.ts

@@ -1,8 +1,7 @@
 import { ICellRendererParams } from 'ag-grid-community';
 import { SuppressKeyboardEventParams } from 'ag-grid-community';
 import { ReactElement } from 'react';
-import { GridBaseRow } from '../Grid';
-import { ColDefT } from '../GridCell';
+import { ColDefT, GridBaseRow } from '../types';
 export interface GenericCellColDef<TData extends GridBaseRow, TValue = any> extends ColDefT<TData, TValue> {
     exportable?: boolean;
 }

package/dist/src/components/index.d.ts

@@ -15,3 +15,4 @@ export * from './GridPopoverHook';
 export * from './gridRender';
 export * from './GridWrapper';
 export * from './PostSortRowsHook';
+export * from './types';

package/dist/src/components/types.d.ts

@@ -0,0 +1,26 @@
+import { ColDef, EditableCallback, ICellRendererParams, ValueFormatterFunc, ValueGetterFunc } from 'ag-grid-community';
+import { ReactElement } from 'react';
+export interface GridBaseRow {
+    id: string | number;
+}
+export interface GridOnRowDragEndProps<TData extends GridBaseRow> {
+    movedRow: TData;
+    targetRow: TData;
+    direction: -1 | 1;
+}
+export interface ColDefT<TData extends GridBaseRow, ValueType = any> extends ColDef<TData, ValueType> {
+    editable?: boolean | EditableCallback<TData, ValueType>;
+    valueGetter?: string | ValueGetterFunc<TData, ValueType>;
+    valueFormatter?: string | ValueFormatterFunc<TData, ValueType>;
+    cellRenderer?: ((props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined) | string;
+    cellRendererParams?: {
+        rightHoverElement?: ReactElement;
+        originalCellRenderer?: any;
+        editAction?: (selectedRows: TData[]) => void;
+        shortcutKeys?: Record<string, () => void>;
+        error?: (props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined;
+        warning?: (props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined;
+        info?: (props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined;
+    };
+    editor?: (editorProps: any) => ReactElement;
+}

package/dist/src/contexts/GridContext.d.ts

@@ -1,6 +1,6 @@
 import { ColDef, GridApi, IRowNode, ISizeColumnsToFitParams } from 'ag-grid-community';
 import { CsvExportParams } from 'ag-grid-community';
-import { ColDefT, GridBaseRow } from '../components';
+import { ColDefT, GridBaseRow } from '../components/types';
 export type GridFilterExternal<TData extends GridBaseRow> = (data: TData, rowNode: IRowNode) => boolean;
 export interface AutoSizeColumnsProps {
     skipHeader?: boolean;
@@ -10,8 +10,8 @@ export interface AutoSizeColumnsProps {
 export type AutoSizeColumnsResult = {
     width: number;
 } | null;
-export interface StartCellEditingProps {
-    rowId: number;
+export interface StartCellEditingProps<TData extends GridBaseRow> {
+    rowId: TData['id'];
     colId: string;
 }
 export interface GridContextType<TData extends GridBaseRow> {
@@ -26,21 +26,21 @@ export interface GridContextType<TData extends GridBaseRow> {
     editingCells: () => boolean;
     getSelectedRows: <T extends GridBaseRow>() => T[];
     getFilteredSelectedRows: <T extends GridBaseRow>() => T[];
-    getSelectedRowIds: () => number[];
-    getFilteredSelectedRowIds: () => number[];
+    getSelectedRowIds: () => TData['id'][];
+    getFilteredSelectedRowIds: () => TData['id'][];
     selectRowsDiff: (updateFn: () => Promise<any>) => Promise<void>;
     selectRowsWithFlashDiff: (updateFn: () => Promise<any>) => Promise<void>;
-    selectRowsById: (rowIds?: number[]) => void;
-    selectRowsByIdWithFlash: (rowIds?: number[]) => void;
-    flashRows: (rowIds?: number[]) => void;
+    selectRowsById: (rowIds?: TData['id'][]) => void;
+    selectRowsByIdWithFlash: (rowIds?: TData['id'][]) => void;
+    flashRows: (rowIds?: TData['id'][]) => void;
     flashRowsDiff: (updateFn: () => Promise<any>) => Promise<void>;
-    focusByRowById: (rowId: number, ifNoCellFocused?: boolean) => void;
-    ensureRowVisible: (id: number | string) => boolean;
+    focusByRowById: (rowId: TData['id'], ifNoCellFocused?: boolean) => void;
+    ensureRowVisible: (id: TData['id'] | string) => boolean;
     ensureSelectedRowIsVisible: () => void;
-    getFirstRowId: () => number;
+    getFirstRowId: () => TData['id'];
     autoSizeColumns: (props?: AutoSizeColumnsProps) => Promise<AutoSizeColumnsResult>;
     sizeColumnsToFit: (paramsOrGridWidth?: ISizeColumnsToFitParams) => void;
-    startCellEditing: ({ rowId, colId }: StartCellEditingProps) => Promise<void>;
+    startCellEditing: ({ rowId, colId }: StartCellEditingProps<TData>) => Promise<void>;
     resetFocusedCellAfterCellEditing: () => void;
     updatingCells: (props: {
         selectedRows: GridBaseRow[];

package/dist/src/contexts/GridPopoverContext.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { GridBaseRow } from '../components/Grid';
+import { GridBaseRow } from '../components/types';
 export interface GridPopoverContextType<TData extends GridBaseRow> {
     anchorRef: RefObject<Element>;
     saving: boolean;

package/dist/src/utils/__tests__/storybookTestUtil.ts

@@ -1,4 +1,31 @@
-import { expect, waitFor } from 'storybook/test';
+import { sortBy } from 'lodash-es';
+import { expect, userEvent, waitFor } from 'storybook/test';
+
+import { findQuick, getAllQuick } from './testQuick';
 
 export const waitForGridReady = ({ canvasElement }: { canvasElement: HTMLElement }) =>
   waitFor(() => expect(canvasElement.querySelector('.Grid-ready')).toBeInTheDocument(), { timeout: 5000 });
+
+export const waitForGridRows = async (props?: { grid?: HTMLElement; timeout?: number }) =>
+  waitFor(() => expect(getAllQuick({ classes: '.ag-row' }, props?.grid).length > 0).toBe(true), {
+    timeout: props?.timeout ?? 4000,
+  });
+
+export const clickColumnHeaderToSort = async (colId: string, within: HTMLElement): Promise<void> => {
+  const user = userEvent.setup({
+    delay: 100,
+  });
+  const header = await findQuick({ selector: `.ag-header-cell[col-id="${colId}"]` }, within);
+  await expect(header).toBeInTheDocument();
+  // For some reason clicks in storybook don't trigger ag-grid, but manual clicks do
+  await user.click(header);
+  await user.keyboard('{Enter}');
+};
+
+export const gridColumnValues = (colId: string, within: HTMLElement): string[] => {
+  return sortBy(
+    getAllQuick({ tagName: `[col-id="${colId}"]`, classes: `.ag-cell` }, within),
+    // @ts-expect-error css style type
+    (el) => el.parentElement?.attributeStyleMap.get('transform')?.[0]?.y.value,
+  ).map((cell) => cell.innerText);
+};

package/dist/src/utils/__tests__/testQuick.ts

@@ -25,6 +25,7 @@ export interface IQueryQuick {
   role?: string;
   classes?: string;
   child?: IQueryQuick;
+  selector?: string;
 }
 
 const escapeSelectorParam = (param: string): string => param.replace(/["\\]/g, '\\$&');
@@ -51,6 +52,7 @@ const quickSelector = <T extends HTMLElement>(
   let lastIQueryQuick = props;
   for (let loop: IQueryQuick | undefined = props; loop; loop = loop.child) {
     lastIQueryQuick = loop;
+    loop.selector && (selector += loop.selector);
     loop.tagName && (selector += loop.tagName);
     loop.ariaLabel && (selector += `[aria-label='${escapeSelectorParam(loop.ariaLabel)}']`);
     loop.role && (selector += `[role="${escapeSelectorParam(loop.role)}"]`);

package/dist/src/utils/textValidator.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { GridBaseRow } from '../components/Grid';
+import { GridBaseRow } from '../components/types';
 export interface TextInputValidatorProps<TData extends GridBaseRow> {
     required?: boolean;
     maxLength?: number;

package/dist/src/utils/util.d.ts

@@ -6,3 +6,4 @@ export declare const hasParentClass: (className: string, child: Node) => boolean
 export declare const stringByteLengthIsInvalid: (str: string, maxBytes: number) => boolean;
 export declare const fnOrVar: (fn: any, param?: any) => any;
 export declare const sanitiseFileName: (filename: string) => string;
+export declare const compareNaturalInsensitive: (a?: object | string | number | null, b?: object | string | number | null) => number;