@linzjs/step-ag-grid 17.12.0 → 18.0.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "17.12.0",
+  "version": "18.0.0",
   "keywords": [
     "aggrid",
     "ag-grid",
@@ -27,17 +27,16 @@
     "node": ">=18"
   },
   "peerDependencies": {
-    "@linzjs/lui": ">=18",
-    "ag-grid-community": ">=29",
-    "ag-grid-react": ">=29",
+    "@linzjs/lui": ">=21",
+    "ag-grid-react": "~29",
     "lodash-es": ">=4",
     "react": ">=18",
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@linzjs/lui": ">=18",
-    "ag-grid-community": ">=29",
-    "ag-grid-react": ">=29",
+    "@linzjs/lui": ">=21",
+    "ag-grid-community": "~29",
+    "ag-grid-react": "~29",
     "clsx": "^2.0.0",
     "debounce-promise": "^3.1.2",
     "lodash-es": ">=4",
@@ -89,20 +88,20 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-essentials": "^7.4.6",
-    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-essentials": "^7.6.4",
+    "@storybook/addon-interactions": "^7.6.4",
     "@storybook/addon-postcss": "^2.0.0",
     "@storybook/jest": "^0.2.3",
-    "@storybook/preset-create-react-app": "^7.4.6",
-    "@storybook/react": "^7.4.6",
-    "@storybook/react-webpack5": "^7.4.6",
-    "@storybook/test-runner": "^0.13.0",
+    "@storybook/preset-create-react-app": "^7.6.4",
+    "@storybook/react": "^7.6.4",
+    "@storybook/react-webpack5": "^7.6.4",
+    "@storybook/test-runner": "^0.16.0",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/dom": "^9.3.3",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1",
-    "@trivago/prettier-plugin-sort-imports": "^4.2.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/debounce-promise": "^3.1.7",
     "@types/jest": "^29.5.5",
     "@types/lodash-es": "^4.17.9",
@@ -113,9 +112,10 @@
     "@typescript-eslint/parser": "^5.62.0",
     "babel-jest": "^29.7.0",
     "babel-preset-react-app": "^10.0.1",
-    "chromatic": "^7.2.3",
+    "chromatic": "^10.1.0",
     "conventional-changelog-conventionalcommits": "^6.1.0",
     "css-loader": "^6.8.1",
+    "esbuild": "^0.19.9",
     "eslint": "^8.51.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-config-react-app": "^7.0.1",
@@ -147,15 +147,15 @@
     "rollup-plugin-typescript2": "^0.36.0",
     "sass": "1.66.1",
     "sass-loader": "^13.3.2",
-    "semantic-release": "^22.0.5",
-    "storybook": "^7.4.6",
+    "semantic-release": "^22.0.10",
+    "storybook": "^7.6.4",
     "storybook-css-modules-preset": "^1.1.1",
     "style-loader": "^3.3.3",
     "stylelint": "^15.10.3",
     "stylelint-config-recommended-scss": "^12.0.0",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-prettier": "^3.0.0",
-    "stylelint-scss": "^5.1.0",
+    "stylelint-scss": "^5.3.2",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
     "typescript": "^4.9.5"
   },

package/src/components/Grid.tsx

@@ -53,6 +53,7 @@ export interface GridProps {
    */
   selectColumnPinned?: ColDef["pinned"];
   noRowsOverlayText?: string;
+  noRowsMatchingOverlayText?: string;
   animateRows?: boolean;
   rowHeight?: number;
   rowClassRules?: GridOptions["rowClassRules"];
@@ -716,6 +717,7 @@ export const Grid = ({
                 headerRowHeight={headerRowCount * rowHeight}
                 filteredRowCount={event.api.getDisplayedRowCount()}
                 noRowsOverlayText={params.noRowsOverlayText}
+                noRowsMatchingOverlayText={params.noRowsMatchingOverlayText}
               />
             );
           }}

package/src/components/GridNoRowsOverlay.tsx

@@ -24,12 +24,14 @@ export interface GridNoRowsOverlayProps {
   rowCount: number | undefined | null;
   filteredRowCount: number;
   noRowsOverlayText: string | undefined;
+  noRowsMatchingOverlayText: string | undefined;
   headerRowHeight: number;
 }
 
 export const GridNoRowsOverlay = (props: GridNoRowsOverlayProps) => {
   if (props.loading) return <GridLoadingOverlayComponent headerRowHeight={props.headerRowHeight} />;
   if (props.rowCount === 0) return <div>{props.noRowsOverlayText ?? "There are currently no rows"}</div>;
-  if (props.filteredRowCount === 0) return <div>All rows have been filtered</div>;
+  if (props.filteredRowCount === 0)
+    return <div>{props.noRowsMatchingOverlayText ?? "All rows have been filtered"}</div>;
   return <span />;
 };

package/src/index.ts

@@ -19,4 +19,3 @@ export * from "./react-menu3/types";
 export * from "./utils/bearing";
 export * from "./utils/util";
 export * from "./utils/deferredPromise";
-export * from "./utils/testUtil";

package/src/styles/GridTheme.scss

@@ -288,7 +288,11 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
     font-size: 14px;
   }
 
-  .ag-row .ag-cell[aria-colindex="1"] {
+  .ag-row .ag-cell:first-of-type {
     padding-left: 32px;
   }
+
+  .ag-row .ag-cell:last-of-type {
+    padding-right: 32px;
+  }
 }