@linzjs/step-ag-grid 7.13.1 → 7.15.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "7.13.1",
+  "version": "7.15.0",
   "keywords": [
     "aggrid",
     "ag-grid",

package/src/components/gridRender/GridRenderGenericCell.tsx

@@ -1,7 +1,12 @@
 import { ICellRendererParams } from "ag-grid-community";
 import { GridBaseRow } from "../Grid";
 import { ColDefT } from "../GridCell";
-import { EditableCallbackParams, SuppressKeyboardEventParams } from "ag-grid-community/dist/lib/entities/colDef";
+import {
+  EditableCallbackParams,
+  SuppressKeyboardEventParams,
+  ValueFormatterParams,
+  ValueGetterParams,
+} from "ag-grid-community/dist/lib/entities/colDef";
 
 export interface RowICellRendererParams<RowType extends GridBaseRow> extends ICellRendererParams {
   data: RowType;
@@ -11,8 +16,19 @@ export interface RowEditableCallbackParams<RowType extends GridBaseRow> extends
   data: RowType;
 }
 
+export interface RowValueFormatterParams<RowType extends GridBaseRow> extends ValueFormatterParams {
+  data: RowType;
+}
+
+export interface RowValueGetterParams<RowType extends GridBaseRow> extends ValueGetterParams {
+  data: RowType;
+}
+
 export interface GenericCellColDef<RowType extends GridBaseRow> extends ColDefT<RowType> {
+  cellRenderer?: (params: RowICellRendererParams<RowType>) => any;
   cellRendererParams?: GenericCellRendererParams<RowType>;
+  valueGetter?: string | ((params: RowValueGetterParams<RowType>) => any);
+  valueFormatter?: string | ((params: RowValueFormatterParams<RowType>) => string);
   editable?: boolean | ((params: RowEditableCallbackParams<RowType>) => boolean);
 }
 

package/src/stories/grid/GridPopoutEditDropDown.stories.tsx

@@ -142,13 +142,6 @@ const GridEditDropDownTemplate: ComponentStory<typeof Grid> = (props: GridProps)
             filtered: "reload",
             filterPlaceholder: "Search me...",
             options: optionsFn,
-            optionsRequestCancel: () => {
-              // TODO wrap options in an abortable request
-              // When performing rest requests call the abort controller,
-              // otherwise you'll get multiple requests coming back in different order
-              // eslint-disable-next-line no-console
-              console.log("optionsRequestCancelled");
-            },
           },
         },
       ),

package/src/utils/testUtil.ts

@@ -137,6 +137,13 @@ export const clickMultiSelectOption = async (value: string): Promise<void> => {
   menuItem.parentElement && userEvent.click(menuItem.parentElement);
 };
 
+export const typeInput = async (value: string): Promise<void> => {
+  const openMenu = await findOpenMenu();
+  const input = await findQuick({ child: { tagName: "input[type='text']" } }, openMenu);
+  userEvent.clear(input);
+  userEvent.type(input, value);
+};
+
 export const typeOtherInput = async (value: string): Promise<void> => {
   const openMenu = await findOpenMenu();
   const otherInput = await findQuick({ classes: ".subComponent", child: { tagName: "input[type='text']" } }, openMenu);