@linzjs/step-ag-grid 17.4.7 → 17.4.9

package/dist/GridTheme.scss

@@ -8,13 +8,13 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
 @include ag.grid-styles(
   (
     themes: (
-      step-compact: (
+      'step-compact.theme-specific': (
         extend-theme: alpine,
         --ag-row-height: 36px,
         --ag-header-height: 36px,
         --ag-font-size: calc($grid-base-font-size - 2px),
       ),
-      step-default: (
+      'step-default.theme-specific': (
         extend-theme: alpine,
         --ag-row-height: 40px,
         --ag-header-height: 40px,
@@ -47,8 +47,8 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
   )
 );
 
-.ag-theme-step-default,
-.ag-theme-step-compact {
+.ag-theme-step-default.theme-specific,
+.ag-theme-step-compact.theme-specific {
   .ag-cell[col-id="selection"] {
     display: flex; // Fix that when you click below checkbox it doesn't process a click
   }
@@ -91,13 +91,7 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
     padding-right: 15px;
   }
 
-  .ag-cell[role="gridcell"] {
-    border-right: none;
-    border-left: 1px var(--ag-cell-horizontal-border);
-  }
-
   .ag-cell[aria-colindex="1"] {
-    border-left: 1px solid transparent;
     padding-left: lui.$unit-rg;
   }
 

package/dist/step-ag-grid.cjs.js

@@ -2791,7 +2791,7 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
     }, [params]);
     // This is setting a ref in the GridContext so won't be triggering an update loop
     setOnCellEditingComplete(params.onCellEditingComplete);
-    return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: clsx("Grid-container", theme, staleGrid && "Grid-sortIsStale", gridReady && params.rowData && autoSized && "Grid-ready"), children: [gridContextMenu.component, jsxRuntime.jsx("div", { style: { flex: 1 }, ref: gridDivRef, children: jsxRuntime.jsx(agGridReact.AgGridReact, { rowHeight: rowHeight, animateRows: params.animateRows, rowClassRules: params.rowClassRules, getRowId: (params) => `${params.data.id}`, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onColumnVisible: () => {
+    return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: clsx("Grid-container", theme, "theme-specific", staleGrid && "Grid-sortIsStale", gridReady && params.rowData && autoSized && "Grid-ready"), children: [gridContextMenu.component, jsxRuntime.jsx("div", { style: { flex: 1 }, ref: gridDivRef, children: jsxRuntime.jsx(agGridReact.AgGridReact, { rowHeight: rowHeight, animateRows: params.animateRows, rowClassRules: params.rowClassRules, getRowId: (params) => `${params.data.id}`, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onColumnVisible: () => {
                         setInitialContentSize();
                     }, onRowDataUpdated: onRowDataChanged, onCellKeyDown: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, onColumnResized: onColumnResized, defaultColDef: { minWidth: 48, ...lodashEs.omit(params.defaultColDef, ["editable"]) }, columnDefs: columnDefsAdjusted, rowData: params.rowData, noRowsOverlayComponent: (event) => {
                         let rowCount = 0;
@@ -25597,9 +25597,13 @@ const findRow = async (rowId, within) => {
     let row;
     await act(async () => {
         row = await findQuick({ tagName: `.ag-center-cols-container div[row-id='${rowId}']:not(:empty)` }, within);
-        const leftCols = await findQuick({ tagName: `.ag-pinned-left-cols-container div[row-id='${rowId}']` }, within);
-        const rightCols = await findQuick({ tagName: `.ag-pinned-right-cols-container div[row-id='${rowId}']` }, within);
-        const combineChildren = [...leftCols.children, ...row.children, ...rightCols.children];
+        let combineChildren = [...row.children];
+        const leftCols = queryQuick({ tagName: `.ag-pinned-left-cols-container div[row-id='${rowId}']` }, within);
+        if (leftCols)
+            combineChildren = [...leftCols.children, ...combineChildren];
+        const rightCols = queryQuick({ tagName: `.ag-pinned-right-cols-container div[row-id='${rowId}']` }, within);
+        if (rightCols)
+            combineChildren = [...rightCols.children, ...combineChildren];
         row.replaceChildren(...combineChildren);
     });
     return row;