@linzjs/step-ag-grid 8.3.2 → 8.4.0

package/package.json

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

package/src/components/GridCell.tsx

@@ -3,7 +3,7 @@ import { GridBaseRow } from "./Grid";
 import { GridUpdatingContext } from "../contexts/GridUpdatingContext";
 import { GridCellMultiSelectClassRules } from "./GridCellMultiSelectClassRules";
 import { GenericCellColDef, GenericCellRendererParams } from "./gridRender/GridRenderGenericCell";
-import { ColDef, ICellEditorParams, ICellRendererParams } from "ag-grid-community";
+import { ColDef, ICellEditorParams, ICellRendererParams, ValueGetterFunc } from "ag-grid-community";
 import { GridLoadableCell } from "./GridLoadableCell";
 import { GridIcon } from "./GridIcon";
 import { SuppressKeyboardEventParams, ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
@@ -22,15 +22,19 @@ export const GridCellRenderer = (props: ICellRendererParams) => {
 
   const rendererParams = colDef.cellRendererParams as GenericCellRendererParams<any> | undefined;
   const warningFn = rendererParams?.warning;
-  const warningText = warningFn ? warningFn(props) : undefined;
+  let warningText = warningFn ? warningFn(props) : undefined;
   const infoFn = rendererParams?.info;
-  const infoText = infoFn ? infoFn(props) : undefined;
+  let infoText = infoFn ? infoFn(props) : undefined;
+  if (Array.isArray(warningText)) warningText = warningText.join("\n");
+  if (Array.isArray(infoText)) infoText = infoText.join("\n");
 
   return (
     <GridLoadableCell isLoading={checkUpdating(colDef.field ?? colDef.colId ?? "", props.data.id)}>
       <>
-        {typeof warningText === "string" && <GridIcon icon={"ic_warning_outline"} title={warningText} />}
-        {typeof infoText === "string" && <GridIcon icon={"ic_info_outline"} title={infoText} />}
+        {!!warningText && (
+          <GridIcon icon={"ic_warning_outline"} title={typeof warningText === "string" ? warningText : "Warning"} />
+        )}
+        {!!infoText && <GridIcon icon={"ic_info_outline"} title={typeof infoText === "string" ? infoText : "Info"} />}
         <div style={{ display: "flex", flex: 1, overflow: "hidden" }}>
           {colDef?.cellRendererParams?.originalCellRenderer ? (
             <colDef.cellRendererParams.originalCellRenderer {...props} />
@@ -91,6 +95,11 @@ export const GridCell = <RowType extends GridBaseRow, Props extends CellEditorCo
     ...(custom?.editorParams && {
       cellEditorParams: { ...custom.editorParams, multiEdit: custom.multiEdit },
     }),
+    // If there's a valueFormatter and no filterValueGetter then create a filterValueGetter
+    ...(props.valueFormatter &&
+      !props.filterValueGetter && {
+        filterValueGetter: props.valueFormatter as string | ValueGetterFunc,
+      }),
     // Default value formatter, otherwise react freaks out on objects
     valueFormatter: (params: ValueFormatterParams) => {
       if (params.value == null) return "–";

package/src/components/gridForm/GridFormDropDown.tsx

@@ -300,7 +300,7 @@ export const GridFormDropDown = <RowType extends GridBaseRow>(props: GridFormDro
                               setValue: (value: any) => {
                                 setSubSelectedValue(value);
                                 if (subComponentInitialValue.current === null) {
-                                  // copy the default value of the subcomponent so we can change detect on save
+                                  // copy the default value of the subcomponent, so we can change detect on save
                                   subComponentInitialValue.current = JSON.stringify(value);
                                 }
                               },

package/src/components/gridRender/GridRenderGenericCell.tsx

@@ -37,6 +37,6 @@ export interface GenericCellRendererParams<RowType extends GridBaseRow> {
   rightHoverElement?: JSX.Element | undefined;
   editAction?: (selectedRows: RowType[]) => void;
   shortcutKeys?: Record<string, ((params: SuppressKeyboardEventParams) => boolean | void) | undefined>;
-  warning?: (props: RowICellRendererParams<RowType>) => string | boolean | null | undefined;
-  info?: (props: RowICellRendererParams<RowType>) => string | boolean | null | undefined;
+  warning?: (props: RowICellRendererParams<RowType>) => string | string[] | boolean | null | undefined;
+  info?: (props: RowICellRendererParams<RowType>) => string | string[] | boolean | null | undefined;
 }