ag-grid-community 32.3.2 → 33.0.0

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "ag-grid-community",
-  "version": "32.3.2",
+  "version": "33.0.0",
   "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue",
   "main": "./dist/package/main.cjs.js",
-  "types": "./dist/types/main.d.ts",
+  "types": "./dist/types/src/main.d.ts",
   "module": "./dist/package/main.esm.mjs",
   "exports": {
     ".": {
       "import": "./dist/package/main.esm.mjs",
+      "types": "./dist/types/src/main.d.ts",
       "require": "./dist/package/main.cjs.js",
-      "types": "./dist/types/main.d.ts",
       "default": "./dist/package/main.cjs.js"
     },
     "./styles/ag-grid-no-native-widgets.css": "./styles/ag-grid-no-native-widgets.css",
@@ -44,7 +44,10 @@
     "./styles/agGridQuartzFont.min.css": "./styles/agGridQuartzFont.min.css",
     "./styles": "./styles/_index.scss"
   },
-  "sideEffects": true,
+  "scripts": {
+    "build:css": "tsx ../../scripts/build-css.ts  --package ag-grid-community"
+  },
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/ag-grid/ag-grid.git"
@@ -88,25 +91,27 @@
   ],
   "homepage": "https://www.ag-grid.com/",
   "dependencies": {
-    "ag-charts-types": "10.3.1"
+    "ag-charts-types": "11.0.0"
   },
   "devDependencies": {
     "source-map-loader": "^5.0.0",
     "gulp": "^4.0.0",
     "gulp-replace": "^1.0.0",
     "gulp-rename": "^2.0.0",
-    "@ag-grid-community/client-side-row-model": "32.3.2",
-    "@ag-grid-community/core": "32.3.2",
-    "@ag-grid-community/csv-export": "32.3.2",
-    "@ag-grid-community/infinite-row-model": "32.3.2",
-    "@ag-grid-community/styles": "32.3.2",
-    "@ag-grid-community/theming": "32.3.2",
+    "@ag-grid-community/styles": "33.0.0",
     "ts-loader": "^9.5.1",
     "style-loader": "^3.3.4",
     "css-loader": "^6.10.0",
     "postcss-loader": "^8.1.0",
     "webpack-cli": "^5.1.4",
     "terser-webpack-plugin": "^5.3.10",
-    "postcss-preset-env": "^9.5.0"
+    "postcss-preset-env": "^9.5.0",
+    "web-streams-polyfill": "^3.3.2",
+    "blob-polyfill": "^7.0.20220408",
+    "compression-streams-polyfill": "^0.1.7",
+    "text-encoding-polyfill": "^0.6.7",
+    "@types/jest": "^29.5.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.7.0"
   }
-}
+}

package/styles/_css-content.scss

@@ -20,7 +20,7 @@
 @mixin output-css-file($file, $ignore-missing: false) {
     
     @if $file == "ag-grid-no-native-widgets.css" {
-        body {
+        .ag-measurement-container {
           --ag-legacy-styles-loaded: "true";
         }
         
@@ -1947,6 +1947,10 @@
           top: 0;
         }
         
+        .ag-sparkline-wrapper :where(canvas) {
+          position: absolute;
+        }
+        
         .ag-full-width-row .ag-cell-wrapper.ag-row-group {
           height: 100%;
           align-items: center;
@@ -2363,6 +2367,11 @@
           flex: 1 1 auto;
         }
         
+        .ag-context-menu-loading-icon {
+          position: absolute;
+          pointer-events: none;
+        }
+        
         .ag-pill-container {
           display: flex;
           gap: 0.25rem;
@@ -4095,34 +4104,41 @@
         }
         
         .ag-cell-range-selected:not(.ag-cell-focus),
+        .ag-cell-range-selected.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
           background-color: var(--ag-range-selection-background-color);
         }
         .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
+        .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
           background-color: var(--ag-range-selection-chart-background-color) !important;
         }
         .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
+        .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
           background-color: var(--ag-range-selection-chart-category-background-color) !important;
         }
         
         .ag-cell-range-selected-1:not(.ag-cell-focus),
+        .ag-cell-range-selected-1.ag-cell-range-chart,
         .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
           background-color: var(--ag-range-selection-background-color);
         }
         
         .ag-cell-range-selected-2:not(.ag-cell-focus),
+        .ag-cell-range-selected-2.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
           background-color: var(--ag-range-selection-background-color-2);
         }
         
         .ag-cell-range-selected-3:not(.ag-cell-focus),
+        .ag-cell-range-selected-3.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
           background-color: var(--ag-range-selection-background-color-3);
         }
         
         .ag-cell-range-selected-4:not(.ag-cell-focus),
+        .ag-cell-range-selected-4.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
           background-color: var(--ag-range-selection-background-color-4);
         }
@@ -5727,14 +5743,6 @@
           --ag-charts-justify: none !important;
         }
         
-        .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
-          box-shadow: none;
-        }
-        
-        .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
-          box-shadow: var(--ag-input-focus-box-shadow);
-        }
-        
         .ag-date-time-list-page-title-bar {
           display: flex;
         }
@@ -6087,7 +6095,7 @@
         
     }
     @else if $file == "ag-grid.css" {
-        body {
+        .ag-measurement-container {
           --ag-legacy-styles-loaded: "true";
         }
         
@@ -8014,6 +8022,10 @@
           top: 0;
         }
         
+        .ag-sparkline-wrapper :where(canvas) {
+          position: absolute;
+        }
+        
         .ag-full-width-row .ag-cell-wrapper.ag-row-group {
           height: 100%;
           align-items: center;
@@ -8430,6 +8442,11 @@
           flex: 1 1 auto;
         }
         
+        .ag-context-menu-loading-icon {
+          position: absolute;
+          pointer-events: none;
+        }
+        
         .ag-pill-container {
           display: flex;
           gap: 0.25rem;
@@ -10162,34 +10179,41 @@
         }
         
         .ag-cell-range-selected:not(.ag-cell-focus),
+        .ag-cell-range-selected.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
           background-color: var(--ag-range-selection-background-color);
         }
         .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
+        .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
           background-color: var(--ag-range-selection-chart-background-color) !important;
         }
         .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
+        .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
           background-color: var(--ag-range-selection-chart-category-background-color) !important;
         }
         
         .ag-cell-range-selected-1:not(.ag-cell-focus),
+        .ag-cell-range-selected-1.ag-cell-range-chart,
         .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
           background-color: var(--ag-range-selection-background-color);
         }
         
         .ag-cell-range-selected-2:not(.ag-cell-focus),
+        .ag-cell-range-selected-2.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
           background-color: var(--ag-range-selection-background-color-2);
         }
         
         .ag-cell-range-selected-3:not(.ag-cell-focus),
+        .ag-cell-range-selected-3.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
           background-color: var(--ag-range-selection-background-color-3);
         }
         
         .ag-cell-range-selected-4:not(.ag-cell-focus),
+        .ag-cell-range-selected-4.ag-cell-range-chart,
         .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
           background-color: var(--ag-range-selection-background-color-4);
         }
@@ -11794,14 +11818,6 @@
           --ag-charts-justify: none !important;
         }
         
-        .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
-          box-shadow: none;
-        }
-        
-        .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
-          box-shadow: var(--ag-input-focus-box-shadow);
-        }
-        
         .ag-date-time-list-page-title-bar {
           display: flex;
         }

package/styles/_index.scss

@@ -1,6 +1,6 @@
 //
 // This file defines the public Sass API to ag-Grid's styles.
-// https://ag-grid.com/javascript-data-grid/global-style-customisation-sass/
+// https://ag-grid.com/javascript-data-grid/theming-v32-customisation-sass/
 //
 
 @use 'sass:map';
@@ -396,7 +396,7 @@ $-theme-fonts: (
         @error "Internal error: $target to -param-default should start --ag-";
     }
     $value: null;
-    @if type-of($source) == 'color' {
+    @if meta.type-of($source) == 'color' {
         $value: $source;
     } @else {
         @if string.index($source, '--ag-') != 1 {

package/styles/ag-grid-no-native-widgets.css

@@ -1,4 +1,4 @@
-body {
+.ag-measurement-container {
   --ag-legacy-styles-loaded: "true";
 }
 
@@ -1925,6 +1925,10 @@ ag-grid-aurelia {
   top: 0;
 }
 
+.ag-sparkline-wrapper :where(canvas) {
+  position: absolute;
+}
+
 .ag-full-width-row .ag-cell-wrapper.ag-row-group {
   height: 100%;
   align-items: center;
@@ -2341,6 +2345,11 @@ ag-grid-aurelia {
   flex: 1 1 auto;
 }
 
+.ag-context-menu-loading-icon {
+  position: absolute;
+  pointer-events: none;
+}
+
 .ag-pill-container {
   display: flex;
   gap: 0.25rem;
@@ -4073,34 +4082,41 @@ button[class^=ag-]:focus {
 }
 
 .ag-cell-range-selected:not(.ag-cell-focus),
+.ag-cell-range-selected.ag-cell-range-chart,
 .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
   background-color: var(--ag-range-selection-background-color);
 }
 .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
+.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
 .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
   background-color: var(--ag-range-selection-chart-background-color) !important;
 }
 .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
+.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
 .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
   background-color: var(--ag-range-selection-chart-category-background-color) !important;
 }
 
 .ag-cell-range-selected-1:not(.ag-cell-focus),
+.ag-cell-range-selected-1.ag-cell-range-chart,
 .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
   background-color: var(--ag-range-selection-background-color);
 }
 
 .ag-cell-range-selected-2:not(.ag-cell-focus),
+.ag-cell-range-selected-2.ag-cell-range-chart,
 .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
   background-color: var(--ag-range-selection-background-color-2);
 }
 
 .ag-cell-range-selected-3:not(.ag-cell-focus),
+.ag-cell-range-selected-3.ag-cell-range-chart,
 .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
   background-color: var(--ag-range-selection-background-color-3);
 }
 
 .ag-cell-range-selected-4:not(.ag-cell-focus),
+.ag-cell-range-selected-4.ag-cell-range-chart,
 .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
   background-color: var(--ag-range-selection-background-color-4);
 }
@@ -5705,14 +5721,6 @@ button.ag-side-button-button:focus {
   --ag-charts-justify: none !important;
 }
 
-.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
-  box-shadow: none;
-}
-
-.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
-  box-shadow: var(--ag-input-focus-box-shadow);
-}
-
 .ag-date-time-list-page-title-bar {
   display: flex;
 }