@linzjs/step-ag-grid 28.4.1 → 28.5.0

package/dist/index.css

@@ -444,6 +444,17 @@ div.ag-ltr div.ag-header-cell-resize {
   width: 34px;
 }
 
+.GridNoRowsOverlay {
+  display: flex;
+  gap: 4px;
+  fill: #6b6966;
+  color: #6b6966;
+  font-size: 16px;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+}
+
 .GridCell-container {
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/step-ag-grid.cjs

@@ -2591,10 +2591,10 @@ const GridNoRowsOverlayFr = (props, externalRef) => {
         return jsxRuntime.jsx(GridLoadingOverlayComponent, { ref: externalRef, headerRowHeight: props.headerRowHeight });
     }
     if (props.rowCount === 0) {
-        return jsxRuntime.jsx("div", { ref: externalRef, children: props.noRowsOverlayText ?? 'There are currently no rows' });
+        return (jsxRuntime.jsxs("div", { ref: externalRef, className: 'GridNoRowsOverlay', children: [jsxRuntime.jsx(lui.LuiIcon, { name: "ic_info_outline", alt: "", size: "md" }), props.noRowsOverlayText ?? 'There are currently no rows'] }));
     }
     if (props.filteredRowCount === 0) {
-        return jsxRuntime.jsx("div", { ref: externalRef, children: props.noRowsMatchingOverlayText ?? 'All rows have been filtered' });
+        return (jsxRuntime.jsxs("div", { ref: externalRef, className: 'GridNoRowsOverlay', children: [jsxRuntime.jsx(lui.LuiIcon, { name: "ic_info_outline", alt: "", size: "md" }), props.noRowsMatchingOverlayText ?? 'All rows have been filtered'] }));
     }
     return jsxRuntime.jsx("div", { ref: externalRef });
 };
@@ -3343,11 +3343,13 @@ const GridCellRenderer = (props) => {
     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(warningText))
+    if (Array.isArray(warningText)) {
         warningText = warningText.join('\n');
-    if (Array.isArray(infoText))
+    }
+    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: [!!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 ?? {};