@linzjs/step-ag-grid 29.8.0 → 29.10.0

package/dist/index.css

@@ -571,6 +571,16 @@ div.ag-ltr div.ag-header-cell-resize {
   fill: #EA6A2E;
 }
 
+.AgGridGenericCellRenderer-ic_error_Icon {
+  margin-right: 4px;
+  fill: #cc0000;
+}
+
+.AgGridGenericCellRenderer-ic_error_outlineIcon {
+  margin-right: 4px;
+  fill: #cc0000;
+}
+
 .GridIcon-disabled {
   fill: #beb9b4 !important;
 }

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

@@ -19,6 +19,7 @@ export interface ColDefT<TData extends GridBaseRow, ValueType = any> extends Col
         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;
     };

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

@@ -15,6 +15,7 @@ export declare class GridFilterColumnsMultiSelect implements IFilterComp {
     private gui;
     private labelFormatter?;
     private reactRoot;
+    private normalizeCellValue;
     private loadFieldValues;
     init(params: CheckboxMultiFilterParams): void;
     private render;
@@ -22,7 +23,7 @@ export declare class GridFilterColumnsMultiSelect implements IFilterComp {
     private handleToggleOne;
     getGui(): HTMLElement;
     isFilterActive(): boolean;
-    doesFilterPass(params: IDoesFilterPassParams): boolean;
+    doesFilterPass(p: IDoesFilterPassParams): boolean;
     getModel(): CheckboxMultiFilterModel | null;
     setModel(model: CheckboxMultiFilterModel | null): void;
     destroy(): void;

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

@@ -10,6 +10,7 @@ export interface GenericCellRendererParams<TData extends GridBaseRow> {
     rightHoverElement?: ReactElement | undefined;
     editAction?: (selectedRows: TData[]) => void;
     shortcutKeys?: Record<string, ((params: SuppressKeyboardEventParams) => boolean | void) | undefined>;
+    error?: (props: ICellRendererParams<TData>) => string | string[] | boolean | null | undefined;
     warning?: (props: ICellRendererParams<TData>) => string | string[] | boolean | null | undefined;
     info?: (props: ICellRendererParams<TData>) => string | string[] | boolean | null | undefined;
 }

package/dist/step-ag-grid.cjs

@@ -3454,17 +3454,22 @@ const GridCellRenderer = (props) => {
     const { checkUpdating } = React.useContext(GridUpdatingContext);
     const colDef = props.colDef;
     const rendererParams = colDef.cellRendererParams;
+    const errorFn = rendererParams?.error;
+    let errorText = props.data !== undefined && errorFn ? errorFn(props) : undefined;
     const warningFn = rendererParams?.warning;
     let warningText = props.data !== undefined && warningFn ? warningFn(props) : undefined;
     const infoFn = rendererParams?.info;
     let infoText = props.data !== undefined && infoFn ? infoFn(props) : undefined;
+    if (Array.isArray(errorText)) {
+        errorText = errorText.join('\n');
+    }
     if (Array.isArray(warningText)) {
         warningText = warningText.join('\n');
     }
     if (Array.isArray(infoText)) {
         infoText = infoText.join('\n');
     }
-    return checkUpdating(colDef.field ?? colDef.colId ?? '', props.data.id) ? (jsxRuntime.jsx(GridLoadableCell, {})) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!!warningText && (jsxRuntime.jsx(GridIcon, { icon: 'ic_warning_outline', title: typeof warningText === 'string' ? warningText : 'Warning' })), !!infoText && jsxRuntime.jsx(GridIcon, { icon: 'ic_info_outline', title: typeof infoText === 'string' ? infoText : 'Info' }), jsxRuntime.jsx("div", { className: 'GridCell-container', children: colDef.cellRendererParams?.originalCellRenderer ? (jsxRuntime.jsx(colDef.cellRendererParams.originalCellRenderer, { ...props })) : (jsxRuntime.jsx("span", { title: props.valueFormatted ?? undefined, children: props.valueFormatted || '–' })) }), fnOrVar(colDef.editable, props) && rendererParams?.rightHoverElement && (jsxRuntime.jsx("div", { className: 'GridCell-hoverRight', children: rendererParams?.rightHoverElement }))] }));
+    return checkUpdating(colDef.field ?? colDef.colId ?? '', props.data.id) ? (jsxRuntime.jsx(GridLoadableCell, {})) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!!errorText && (jsxRuntime.jsx(GridIcon, { icon: 'ic_error_outline', title: typeof errorText === 'string' ? errorText : 'Error' })), !!warningText && (jsxRuntime.jsx(GridIcon, { icon: 'ic_warning_outline', title: typeof warningText === 'string' ? warningText : 'Warning' })), !!infoText && jsxRuntime.jsx(GridIcon, { icon: 'ic_info_outline', title: typeof infoText === 'string' ? infoText : 'Info' }), jsxRuntime.jsx("div", { className: 'GridCell-container', children: colDef.cellRendererParams?.originalCellRenderer ? (jsxRuntime.jsx(colDef.cellRendererParams.originalCellRenderer, { ...props })) : (jsxRuntime.jsx("span", { title: props.valueFormatted ?? undefined, children: props.valueFormatted || '–' })) }), fnOrVar(colDef.editable, props) && rendererParams?.rightHoverElement && (jsxRuntime.jsx("div", { className: 'GridCell-hoverRight', children: rendererParams?.rightHoverElement }))] }));
 };
 const suppressCellKeyboardEvents = (e) => {
     const shortcutKeys = e.colDef.cellRendererParams?.shortcutKeys ?? {};
@@ -3629,11 +3634,13 @@ function styleInject(css, ref) {
 var css_248z$3 = ".GridFilterColsMultiSelect{background:#fff;font-family:Open Sans,system-ui,sans-serif;font-style:normal;font-weight:600;padding:8px}.GridFilterColsMultiSelect .LuiSelect-label-text{color:#6b6966;display:inline-block}.GridFilterColsMultiSelect .LuiCheckboxInput-item,.GridFilterColsMultiSelect .LuiCheckboxInput-selectAll{color:#2a292c;font-size:16px;font-weight:600;letter-spacing:0;line-height:20px;line-height:24px;margin-bottom:0}";
 styleInject(css_248z$3);
 
+const EMPTY_KEY = '__EMPTY__';
+const DEFAULT_EMPTY_LABEL = '-';
 const FilterUI = ({ allValues, selected, labels, labelFormatter, onToggleAll, onToggleOne, }) => {
     const allChecked = allValues.length > 0 && selected.size === allValues.length;
     const getDisplayLabel = (raw) => {
-        const mapped = labels[raw] ?? raw;
-        return labelFormatter ? labelFormatter(mapped) : mapped;
+        const base = raw === EMPTY_KEY ? (labels[EMPTY_KEY] ?? DEFAULT_EMPTY_LABEL) : (labels[raw] ?? raw);
+        return labelFormatter ? labelFormatter(base) : base;
     };
     return (jsxRuntime.jsxs("div", { className: "GridFilterColsMultiSelect", children: [jsxRuntime.jsx("span", { className: "LuiSelect-label-text", children: "Filter column" }), jsxRuntime.jsx(lui.LuiCheckboxInput, { className: "LuiCheckboxInput-selectAll", label: 'Select All', value: "true", isChecked: allChecked, onChange: (e) => onToggleAll(e.target.checked) }), allValues.map((val) => (jsxRuntime.jsx(lui.LuiCheckboxInput, { className: "LuiCheckboxInput-item", label: getDisplayLabel(val), value: val, isChecked: selected.has(val), onChange: (e) => onToggleOne(val, e.target.checked) }, val)))] }));
 };
@@ -3645,27 +3652,35 @@ class GridFilterColumnsMultiSelect {
     gui;
     labelFormatter;
     reactRoot = null;
+    normalizeCellValue(value) {
+        if (typeof value === 'string')
+            return value.trim() === '' ? EMPTY_KEY : value;
+        return EMPTY_KEY;
+    }
     loadFieldValues() {
         const field = this.params.colDef.field;
         const values = new Set();
         this.params.api.forEachNode((node) => {
-            const data = node.data;
-            const cellValue = data?.[field];
-            if (data &&
-                typeof data === 'object' &&
-                field in data &&
-                typeof cellValue === 'string' &&
-                cellValue !== undefined &&
-                cellValue !== null) {
-                values.add(cellValue);
-            }
+            const data = node.data ?? {};
+            const raw = data[field];
+            const norm = this.normalizeCellValue(raw);
+            values.add(norm);
+        });
+        return Array.from(values).sort((a, b) => {
+            if (a === EMPTY_KEY && b !== EMPTY_KEY)
+                return -1;
+            if (b === EMPTY_KEY && a !== EMPTY_KEY)
+                return 1;
+            return a.localeCompare(b);
         });
-        return Array.from(values).sort();
     }
     init(params) {
         this.params = params;
         this.labels = { ...params.labels };
         this.labelFormatter = params.labelFormatter;
+        if (!(EMPTY_KEY in this.labels)) {
+            this.labels[EMPTY_KEY] = DEFAULT_EMPTY_LABEL;
+        }
         this.allValues = this.loadFieldValues();
         this.selectedValues = new Set(this.allValues);
         this.gui = document.createElement('div');
@@ -3703,16 +3718,14 @@ class GridFilterColumnsMultiSelect {
     isFilterActive() {
         return this.selectedValues.size > 0;
     }
-    doesFilterPass(params) {
+    doesFilterPass(p) {
         const field = this.params.colDef.field;
-        if (!params.data || typeof params.data !== 'object' || !(field in params.data)) {
-            return false;
-        }
-        const cellValue = params.data[field];
-        if (typeof cellValue !== 'string') {
-            return false;
+        if (!p.data || typeof p.data !== 'object') {
+            return this.selectedValues.has(EMPTY_KEY);
         }
-        return this.selectedValues.has(cellValue);
+        const raw = p.data[field];
+        const norm = this.normalizeCellValue(raw);
+        return this.selectedValues.has(norm);
     }
     getModel() {
         return this.selectedValues.size > 0 ? { values: Array.from(this.selectedValues) } : null;
@@ -3729,7 +3742,7 @@ class GridFilterColumnsMultiSelect {
     }
 }
 const createCheckboxMultiFilterParams = (labels = {}, labelFormatter) => ({
-    labels,
+    labels: { [EMPTY_KEY]: DEFAULT_EMPTY_LABEL, ...labels },
     labelFormatter,
 });