@linzjs/step-ag-grid 29.7.0 → 29.9.0

package/dist/GridTheme.scss

@@ -143,6 +143,18 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
     overflow-x: auto;
   }
 
+  .ag-icon-filter {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232A292C'%3E%3Cpath d='M6 12.984v-1.969h12v1.969zM3 6h18v2.016H3zm6.984 12v-2.016h4.031V18z'/%3E%3C/svg%3E") !important;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    background-color: transparent;
+
+    &::before {
+      content: none !important;
+    }
+  }
+
   .ag-header-group-cell {
     text-transform: uppercase;
     font-size: 12px;
@@ -265,4 +277,4 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
   .ag-header-cell {
     font-size: 14px;
   }
-}
+}

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/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 ?? {};
@@ -3626,7 +3631,7 @@ 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 .LuiCheckboxInput-item,.GridFilterColsMultiSelect .LuiCheckboxInput-selectAll{color:#2a292c;font-size:16px;font-style:SemiBold;font-weight:600;letter-spacing:0;line-height:20px;line-height:24px;margin-bottom:0}";
+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 FilterUI = ({ allValues, selected, labels, labelFormatter, onToggleAll, onToggleOne, }) => {
@@ -3667,6 +3672,7 @@ class GridFilterColumnsMultiSelect {
         this.labels = { ...params.labels };
         this.labelFormatter = params.labelFormatter;
         this.allValues = this.loadFieldValues();
+        this.selectedValues = new Set(this.allValues);
         this.gui = document.createElement('div');
         this.reactRoot = client.createRoot(this.gui);
         this.render();