@linzjs/step-ag-grid 26.0.1 → 27.0.0

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

@@ -13,6 +13,7 @@ export interface GridProps<TData extends GridBaseRow = GridBaseRow> {
     readOnly?: boolean;
     defaultPostSort?: boolean;
     selectable?: boolean;
+    hideSelectColumn?: boolean;
     theme?: string;
     ['data-testid']?: string;
     domLayout?: GridOptions['domLayout'];

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

@@ -1,5 +1,5 @@
 import { ColDef, EditableCallback, ICellEditorParams, ICellRendererParams } from 'ag-grid-community';
-import { EditableCallbackParams, SuppressKeyboardEventParams, ValueFormatterFunc, ValueFormatterParams, ValueGetterFunc, ValueGetterParams } from 'ag-grid-community';
+import { SuppressKeyboardEventParams, ValueFormatterFunc, ValueGetterFunc } from 'ag-grid-community';
 import { ReactElement } from 'react';
 import { GridBaseRow } from './Grid';
 import { GenericCellColDef } from './gridRender';
@@ -8,48 +8,25 @@ export interface GenericCellEditorProps<E> {
     editor?: (editorProps: E) => ReactElement;
     editorParams?: E;
 }
-export interface SAICellRendererParams<TData = any, TValue = any, TContext = any> extends Omit<ICellRendererParams<TData, TValue, TContext>, 'data'> {
-    data: TData;
-}
 export declare const GridCellRenderer: (props: ICellRendererParams) => import("react/jsx-runtime").JSX.Element;
-export interface SAValueGetterParams<TData = any, TValue = any> extends Omit<ValueGetterParams<TData, TValue>, 'data'> {
-    data: TData;
-    getValue: (field: string) => any;
-}
-export interface SAValueGetterFunc<TData = any, TValue = any> {
-    (params: SAValueGetterParams<TData, TValue>): TValue | null | undefined;
-}
-export interface SAEditableCallbackParams<TData = any, TValue = any> extends Omit<EditableCallbackParams<TData, TValue>, 'data'> {
-    data: TData;
-}
-export interface SAEditableCallback<TData = any, TValue = any> {
-    (params: SAEditableCallbackParams<TData, TValue>): boolean;
-}
-export interface SAValueFormatterParams<TData = any, TValue = any> extends Omit<ValueFormatterParams<TData, TValue>, 'data' | 'value'> {
-    data: TData;
-    value: TValue;
-}
-export interface SAValueFormatterFunc<TData = any, TValue = any> {
-    (params: SAValueFormatterParams<TData, TValue>): string;
-}
 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: SAICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined) | string;
+    cellRenderer?: ((props: ICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined) | string;
     cellRendererParams?: {
         singleClickEdit?: boolean;
         rightHoverElement?: ReactElement;
         originalCellRenderer?: any;
         editAction?: (selectedRows: TData[]) => void;
         shortcutKeys?: Record<string, () => void>;
-        warning?: (props: SAICellRendererParams<TData, ValueType>) => ReactElement | string | false | null | undefined;
-        info?: (props: SAICellRendererParams<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>(field: string | undefined, filterValueGetter: string | ValueGetterFunc<TData, ValueType> | undefined, valueFormatter: string | ValueFormatterFunc<TData, ValueType> | undefined) => string | SAValueGetterFunc<TData, ValueType> | undefined;
+export declare const generateFilterGetter: <TData extends GridBaseRow, ValueType>(field: string | undefined, filterValueGetter: string | ValueGetterFunc<TData, ValueType> | undefined, valueFormatter: string | ValueFormatterFunc<TData, ValueType> | undefined) => string | ValueGetterFunc<TData, ValueType> | undefined;
 export declare const GridCell: <TData extends GridBaseRow, TValue = any, Props extends CellEditorCommon = any>(props: GenericCellColDef<TData, TValue>, custom?: {
     multiEdit?: boolean;
     preventAutoEdit?: boolean;

package/dist/step-ag-grid.cjs

@@ -2066,7 +2066,7 @@ const ControlledMenuFr = ({ 'aria-label': ariaLabel, className, containerProps,
                 }
                 break;
         }
-    }, [anchorRef, saveButtonRef]);
+    }, [anchorRef, onClose, saveButtonRef]);
     const handleKeydownTabAndEnter = React.useMemo(() => handleKeyboardTabAndEnter(true), [handleKeyboardTabAndEnter]);
     const handleKeyupTabAndEnter = React.useMemo(() => handleKeyboardTabAndEnter(false), [handleKeyboardTabAndEnter]);
     React.useEffect(() => {
@@ -3180,6 +3180,7 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
     }, [params, clearHighlightRowClasses]);
     // This is setting a ref in the GridContext so won't be triggering an update loop
     setOnCellEditingComplete(params.onCellEditingComplete);
+    const selectWidth = params.hideSelectColumn ? 0 : selectable && params.onRowDragEnd ? 76 : 48;
     const headerRowCount = columnDefs.some((c) => c.children) ? 2 : 1;
     return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: clsx('Grid-container', theme, 'theme-specific', staleGrid && 'Grid-sortIsStale', gridReady && rowData && autoSized && 'Grid-ready'), children: [gridContextMenu.component, jsxRuntime.jsx("div", { style: { flex: 1 }, ref: gridDivRef, children: jsxRuntime.jsx(agGridReact.AgGridReact, { theme: 'legacy', rowSelection: selectable
                         ? {
@@ -3191,9 +3192,10 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
                         event.api.forEachNode(() => rowCount++);
                         return (jsxRuntime.jsx(GridNoRowsOverlay, { loading: !rowData || params.loading === true, rowCount: rowCount, headerRowHeight: headerRowCount * rowHeight, filteredRowCount: event.api.getDisplayedRowCount(), noRowsOverlayText: params.noRowsOverlayText, noRowsMatchingOverlayText: params.noRowsMatchingOverlayText }));
                     }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: params.onRowDragEnd || !defaultPostSort ? undefined : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true, preventDefaultOnContextMenu: true, onCellContextMenu: gridContextMenu.cellContextMenu, rowDragText: params.rowDragText, onRowDragCancel: clearHighlightRowClasses, onRowDragMove: onRowDragMove, onRowDragEnd: onRowDragEnd, suppressCellFocus: params.suppressCellFocus, pinnedTopRowData: params.pinnedTopRowData, pinnedBottomRowData: params.pinnedBottomRowData, selectionColumnDef: {
+                        suppressNavigable: params.hideSelectColumn,
                         rowDrag: !!params.onRowDragEnd,
-                        minWidth: selectable && params.onRowDragEnd ? 76 : 48,
-                        maxWidth: selectable && params.onRowDragEnd ? 76 : 48,
+                        minWidth: selectWidth,
+                        maxWidth: selectWidth,
                         pinned: selectColumnPinned,
                         headerComponentParams: {
                             exportable: false,