@linzjs/step-ag-grid 7.6.0 → 7.6.1

package/dist/GridTheme.scss

@@ -24,6 +24,7 @@
       border-color: lui.$lily,
       secondary-border-color: lui.$lily,
       cell-horizontal-border: solid ag-derived(secondary-border-color),
+      cell-horizontal-padding: 12,
       row-hover-color: lui.$lily,
       font-family: (
         "Open Sans",
@@ -59,7 +60,7 @@
 
   .ag-header-cell {
     font-weight: 600;
-    padding: 7px 0 7px 8px;
+    padding: 7px 11px;
 
     .LuiIcon {
       fill: lui.$surfie;
@@ -67,16 +68,16 @@
   }
 
   .ag-cell {
-    padding-left: 7px;
-    padding-right: 4px;
+    padding-left: 11px;
+    padding-right: 11px;
     display: flex;
     align-items: center;
   }
 
-  .ag-cell-more {
-    padding: 0;
-    display: flex;
-    justify-content: center;
+  .ag-cell.ag-cell-inline-editing {
+    padding-left: 9px;
+    padding-right: 9px;
+    bottom: 0;
   }
 
   .ag-cell-wrap-text {

package/dist/index.css

@@ -372,11 +372,6 @@
   width: 100%;
 }
 
-.Grid-container.ag-theme-alpine .ag-cell-inline-editing {
-  padding-left: 5px;
-  padding-right: 2px;
-}
-
 .GridPopoverEditDropDown-containerSmall .GridFormDropDown-options {
   max-height: 120px;
   overflow-y: auto;

package/dist/index.js

@@ -2912,7 +2912,10 @@ var GridCell = function (props, custom) {
 };
 var GenericCellEditorComponentWrapper = function (custom) {
     return React.forwardRef(function GenericCellEditorComponentFr(cellEditorParams, _) {
-        return (jsxRuntime.jsxs(GridPopoverContextProvider, __assign({ props: cellEditorParams }, { children: [jsxRuntime.jsx(cellEditorParams.colDef.cellRenderer, __assign({}, cellEditorParams, cellEditorParams.colDef.cellRendererParams)), (custom === null || custom === void 0 ? void 0 : custom.editor) && jsxRuntime.jsx(custom.editor, __assign({}, cellEditorParams))] })));
+        var valueFormatted = cellEditorParams.formatValue
+            ? cellEditorParams.formatValue(cellEditorParams.value)
+            : "Missing formatter";
+        return (jsxRuntime.jsxs(GridPopoverContextProvider, __assign({ props: cellEditorParams }, { children: [jsxRuntime.jsx(cellEditorParams.colDef.cellRenderer, __assign({}, cellEditorParams, { valueFormatted: valueFormatted }, cellEditorParams.colDef.cellRendererParams)), (custom === null || custom === void 0 ? void 0 : custom.editor) && jsxRuntime.jsx(custom.editor, __assign({}, cellEditorParams))] })));
     });
 };