[pull] latest from ag-grid:latest

.env

@@ -1,6 +1,6 @@
 # Production Build
-BUILD_GRID_VERSION=35.1.0-beta.20260320.1044
-BUILD_CHARTS_VERSION=13.1.0-beta.20260320
+BUILD_GRID_VERSION=35.2.0-beta.20260324.1227
+BUILD_CHARTS_VERSION=13.2.0-beta.20260324
 ENV=local
 NX_BATCH_MODE=true
 NX_ADD_PLUGINS=false

.rulesync/rules/browser-support.md

@@ -0,0 +1 @@
+../../external/ag-shared/prompts/guides/browser-support.md

.rulesync/skills/run-gha-locally

@@ -0,0 +1 @@
+../../external/ag-shared/prompts/skills/run-gha-locally/

.run/Column Tool Panel Icon bug.run.xml

@@ -0,0 +1,5 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="Column Tool Panel Icon bug" type="JavascriptDebugType" engineId="98ca6316-2f89-46d9-a9e5-fa9e2b0625b3" uri="https://plnkr.co/edit/Kh56rmKKhKWuUmYB?open=main.js">
+    <method v="2" />
+  </configuration>
+</component>

community-modules/locale/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ag-grid-community/locale",
-  "version": "35.1.0-beta.20260320.1044",
+  "version": "35.2.0-beta.20260324.1227",
   "description": "Localisation Module for AG Grid, providing translations in 31 languages.",
   "main": "./dist/package/main.cjs.js",
   "types": "./dist/types/src/main.d.ts",

community-modules/styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ag-grid-community/styles",
-  "version": "35.1.0-beta.20260320.1044",
+  "version": "35.2.0-beta.20260324.1227",
   "description": "AG Grid Styles and Themes",
   "main": "_index.scss",
   "files": [

documentation/ag-grid-docs/package.json

@@ -2,7 +2,7 @@
   "name": "ag-grid-docs",
   "description": "Documentation for AG Grid",
   "type": "module",
-  "version": "35.1.0-beta.20260320.1044",
+  "version": "35.2.0-beta.20260324.1227",
   "repository": {
     "type": "git",
     "url": "https://github.com/ag-grid/ag-grid.git"
@@ -53,17 +53,17 @@
     "@types/react": "^18.2.47",
     "@types/react-dom": "^18.2.18",
     "@pqina/flip": "^1.8.4",
-    "ag-charts-angular": "13.1.0-beta.20260320",
-    "ag-charts-community": "13.1.0-beta.20260320",
-    "ag-charts-enterprise": "13.1.0-beta.20260320",
-    "ag-charts-types": "13.1.0-beta.20260320",
-    "ag-charts-react": "13.1.0-beta.20260320",
-    "ag-charts-vue3": "13.1.0-beta.20260320",
-    "ag-grid-angular": "35.1.0-beta.20260320.1044",
-    "ag-grid-community": "35.1.0-beta.20260320.1044",
-    "ag-grid-enterprise": "35.1.0-beta.20260320.1044",
-    "ag-grid-react": "35.1.0-beta.20260320.1044",
-    "ag-grid-vue3": "35.1.0-beta.20260320.1044",
+    "ag-charts-angular": "13.2.0-beta.20260324",
+    "ag-charts-community": "13.2.0-beta.20260324",
+    "ag-charts-enterprise": "13.2.0-beta.20260324",
+    "ag-charts-types": "13.2.0-beta.20260324",
+    "ag-charts-react": "13.2.0-beta.20260324",
+    "ag-charts-vue3": "13.2.0-beta.20260324",
+    "ag-grid-angular": "35.2.0-beta.20260324.1227",
+    "ag-grid-community": "35.2.0-beta.20260324.1227",
+    "ag-grid-enterprise": "35.2.0-beta.20260324.1227",
+    "ag-grid-react": "35.2.0-beta.20260324.1227",
+    "ag-grid-vue3": "35.2.0-beta.20260324.1227",
     "algoliasearch": "^4.18.0",
     "astro": "5.16.6",
     "cheerio": "^1.0.0",

documentation/ag-grid-docs/src/content/api-documentation/grid-api/api.json

@@ -620,7 +620,7 @@
         },
         "getStructuredSchema": {
             "more": {
-                "name": "CSV Export",
+                "name": "AI Toolkit",
                 "url": "./ai-toolkit/"
             }
         }

documentation/ag-grid-docs/src/content/docs/angular-ngzone/index.mdoc

@@ -5,6 +5,10 @@ frameworks: ["angular"]
 
 Recommended NgZoneOptions and details of AG Grid's performance optimisations to avoid [Zone Pollution](https://angular.dev/best-practices/zone-pollution).
 
+{% note %}
+From Angular 21, new applications are zoneless by default. The optimisations on this page only apply to Zone based applications. See [Angular Zoneless](https://angular.dev/guide/zoneless) for more details.
+{% /note %}
+
 ## Recommended NgZoneOptions
 
 Angular supports coalescing of change detection cycles via [NgZoneOptions](https://angular.dev/api/core/NgZoneOptions). This can be set via `provideZoneChangeDetection` when bootstrapping your application. We recommend enabling `eventCoalescing` and `runCoalescing` for optimal AG Grid performance.

documentation/ag-grid-docs/src/content/docs/cell-editing-validation/_examples/component-editor-validation/phone-editor.component_angular.ts

@@ -58,7 +58,7 @@ export class PhoneEditor implements ICellEditorAngularComp, AfterViewInit {
 
             const { cellStartedEdit, eventKey } = this.params;
 
-            if (cellStartedEdit && eventKey.length === 1) {
+            if (cellStartedEdit && eventKey?.length === 1) {
                 this.inputRef.nativeElement.value = eventKey;
             }
         });

documentation/ag-grid-docs/src/content/docs/cell-editing-validation/_examples/component-editor-validation/phoneEditor_typescript.ts

@@ -35,7 +35,7 @@ export class PhoneEditor implements ICellEditorComp<string> {
 
         const { cellStartedEdit, eventKey } = this.params;
 
-        if (cellStartedEdit && eventKey.length === 1) {
+        if (cellStartedEdit && eventKey?.length === 1) {
             this.eInput.value = eventKey;
         }
     }

documentation/ag-grid-docs/src/content/docs/cell-editing-validation/_examples/component-editor-validation/phoneEditor_vue3.ts

@@ -34,7 +34,7 @@ export default {
 
                 const { cellStartedEdit, eventKey } = this.params;
 
-                if (cellStartedEdit && eventKey.length === 1) {
+                if (cellStartedEdit && eventKey?.length === 1) {
                     this.$refs.input.value = eventKey;
                 }
             });

documentation/ag-grid-docs/src/content/docs/cell-editing-validation/_examples/component-editor-validation/provided/reactFunctionalTs/phoneEditor.tsx

@@ -27,7 +27,7 @@ export default memo(({ value, onValueChange, validate, cellStartedEdit, eventKey
         inputRef.current?.focus();
         inputRef.current?.select();
 
-        if (cellStartedEdit && eventKey.length === 1) {
+        if (cellStartedEdit && eventKey?.length === 1) {
             setInternalValue(eventKey);
         }
     }, []);

documentation/ag-grid-docs/src/content/docs/change-detection/_examples/change-detection-delta-aggregation/main.ts

@@ -44,7 +44,6 @@ const gridOptions: GridOptions = {
             headerName: 'Total',
             type: 'totalColumn',
             minWidth: 120,
-            aggFunc: 'sum',
             valueGetter: 'getValue("a") + getValue("b") + getValue("c") + getValue("d")',
         },
     ],

documentation/ag-grid-docs/src/content/docs/change-detection/_examples/change-detection-filter-sort-group/main.ts

@@ -39,7 +39,6 @@ const gridOptions: GridOptions = {
         {
             headerName: 'Total',
             type: 'totalColumn',
-            aggFunc: 'sum',
             valueGetter: 'getValue("a") + getValue("b") + getValue("c") + getValue("d")',
         },
     ],
@@ -68,9 +67,16 @@ const gridOptions: GridOptions = {
     groupDefaultExpanded: 1,
     suppressAggFuncInHeader: true,
     allowShowChangeAfterFilter: true,
-    refreshAfterGroupEdit: true,
+    onCellValueChanged: onCellValueChanged,
 };
 
+function onCellValueChanged(params: CellValueChangedEvent) {
+    const data = params.data;
+    if (data) {
+        params.api.applyTransaction({ update: [data] });
+    }
+}
+
 function getRowData() {
     const rowData = [];
     for (let i = 1; i <= 10; i++) {

documentation/ag-grid-docs/src/content/docs/change-detection/_examples/change-detection-groups/main.ts

@@ -37,7 +37,6 @@ const gridOptions: GridOptions = {
         {
             headerName: 'Total',
             type: 'totalColumn',
-            aggFunc: 'sum',
             valueGetter: 'getValue("a") + getValue("b") + getValue("c") + getValue("d")',
         },
     ],

documentation/ag-grid-docs/src/content/docs/change-detection/index.mdoc

@@ -109,7 +109,7 @@ The example below shows change detection impacting the result of groups. The gri
 
 -   Column 'Group' is marked as a [Row Group](./grouping/) and columns A to D are marked as [Aggregation](./aggregation/) columns so that their values are summed into the group level.
 
--   Column 'Total' has a valueGetter which gives a sum of all columns A to D for the rows, and a `sum` aggregation for the groups.
+-   Column 'Total' has a valueGetter which gives a sum of all columns A to D.
 
 -   Columns A to D are editable. If you edit a cells value, then the aggregate value at the group level is also updated to reflect the change. This is because the grid is recalculating the aggregations as a result of the change.
 
@@ -165,14 +165,7 @@ For this reason, if you want to update the sorting, filtering or group grouping
 
 ### Example: Change Detection and Filter / Sort / Group
 
-The following example is the same as the example above [Change Detection and Groups](#example-change-detection-groups) except it sets the flag `refreshAfterGroupEdit` to true.
-This flag tells the grid to refresh the grouping, sorting and filtering if the group column changes.
-
-See [Editing Groups](./grouping-edit/) for more on editing grouped data and `refreshAfterGroupEdit`.
-
-{% gridExampleRunner title="Change Detection with Filter / Sort / Group" name="change-detection-filter-sort-group" /%}
-
-From the example, the following can be noted:
+The following example is the same as the example above [Change Detection and Groups](#example-change-detection-groups) except it gets the grid to do a transaction update so that the grouping, sorting and filtering are recomputed. From the example, the following can be noted:
 
 -   As before, updating any value will update the total column and aggregated group columns.
 
@@ -182,6 +175,8 @@ From the example, the following can be noted:
 
 -   If you set a filter (eg filter 'A' to be 'less than 50') and then change the data so that a row no longer passes the filter, the grid will fix itself so that the filtering is maintained. In other words, the updated row will be removed if it no longer passes the filter.
 
+{% gridExampleRunner title="Change Detection with Filter / Sort / Group" name="change-detection-filter-sort-group" /%}
+
 ## Aggregation Path Selection
 
 When data in the grid updates and aggregations are active, the grid will not recompute all aggregations again from scratch. Instead it will be selective as to what aggregations need to be re-computed.

documentation/ag-grid-docs/src/content/docs/clipboard/_examples/copy-range-with-headers/example.spec.ts

@@ -0,0 +1,11 @@
+import { clickAllButtons, ensureGridReady, test, waitForGridContent } from '@utils/grid/test-utils';
+
+test.agExample(import.meta, () => {
+    test.eachFramework('Example', async ({ page }) => {
+        // PLACEHOLDER - MINIMAL TEST TO ENSURE GRID LOADS WITHOUT ERRORS
+        await ensureGridReady(page);
+        await waitForGridContent(page);
+        await clickAllButtons(page);
+        // END PLACEHOLDER
+    });
+});

documentation/ag-grid-docs/src/content/docs/clipboard/_examples/copy-range-with-headers/index.html

@@ -0,0 +1 @@
+<div id="myGrid" style="height: 100%"></div>

documentation/ag-grid-docs/src/content/docs/clipboard/_examples/copy-range-with-headers/main.ts

@@ -0,0 +1,57 @@
+import type { GridApi, GridOptions } from 'ag-grid-community';
+import {
+    ClientSideRowModelModule,
+    ModuleRegistry,
+    NumberEditorModule,
+    TextEditorModule,
+    ValidationModule,
+    createGrid,
+} from 'ag-grid-community';
+import { CellSelectionModule, ClipboardModule, ColumnMenuModule, ContextMenuModule } from 'ag-grid-enterprise';
+
+ModuleRegistry.registerModules([
+    NumberEditorModule,
+    TextEditorModule,
+    ClientSideRowModelModule,
+    ClipboardModule,
+    ColumnMenuModule,
+    ContextMenuModule,
+    CellSelectionModule,
+    ...(process.env.NODE_ENV !== 'production' ? [ValidationModule] : []),
+]);
+
+let gridApi: GridApi<IOlympicData>;
+
+const gridOptions: GridOptions<IOlympicData> = {
+    columnDefs: [
+        { field: 'athlete', minWidth: 200 },
+        { field: 'age' },
+        { field: 'country', minWidth: 150 },
+        { field: 'year' },
+        { field: 'date', minWidth: 150 },
+        { field: 'sport', minWidth: 150 },
+        { field: 'gold' },
+        { field: 'silver' },
+        { field: 'bronze' },
+        { field: 'total' },
+    ],
+
+    defaultColDef: {
+        editable: true,
+        flex: 1,
+        minWidth: 100,
+    },
+
+    cellSelection: true,
+    copyHeadersToClipboard: true,
+};
+
+// setup the grid after the page has finished loading
+document.addEventListener('DOMContentLoaded', () => {
+    const gridDiv = document.querySelector<HTMLElement>('#myGrid')!;
+    gridApi = createGrid(gridDiv, gridOptions);
+
+    fetch('https://www.ag-grid.com/example-assets/olympic-winners.json')
+        .then((response) => response.json())
+        .then((data: IOlympicData[]) => gridApi!.setGridOption('rowData', data));
+});

documentation/ag-grid-docs/src/content/docs/clipboard/_examples/copy-range/main.ts

@@ -43,7 +43,6 @@ const gridOptions: GridOptions<IOlympicData> = {
     },
 
     cellSelection: true,
-    copyHeadersToClipboard: true,
 };
 
 // setup the grid after the page has finished loading

documentation/ag-grid-docs/src/content/docs/clipboard/index.mdoc

@@ -18,15 +18,11 @@ When [Cell Ranges](./cell-selection) are enabled by setting `gridOptions.cellSel
 
 Multiple cell ranges can be selected at once using {% kbd "^ Ctrl" /%} and dragging with the mouse. When copying, all ranges will be copied to the clipboard. Note that the relative positions of multiple ranges is not preserved when copying, they are stacked vertically in the clipboard.
 
-The column headers can be copied to the clipboard in addition to the cell contents by enabling the option `copyHeadersToClipboard`.
-
-{% apiDocumentation source="grid-options/properties.json" section="clipboard" names=["copyHeadersToClipboard"] /%}
-
-In the below example `copyHeadersToClipboard` has been enabled, try:
+In the below example try:
 
 -   Select a cell range with click & drag
 -   Copy with {% kbd "^ Ctrl" /%}+{% kbd "C" /%}
--   Paste into an external program / text editor, note that the column headers were also copied.
+-   Paste into an external program / text editor.
 
 {% gridExampleRunner title="Copying Cell Ranges" name="copy-range" /%}
 
@@ -54,6 +50,26 @@ You can change this behaviour by toggling the "Copy Selected Rows" checkbox to e
 
 {% gridExampleRunner title="Copying Rows" name="copy-row" /%}
 
+## Copying Headers
+
+The column headers can be copied to the clipboard in addition to the cell contents by enabling the option `copyHeadersToClipboard`.
+
+```{% frameworkTransform=true %}
+const gridOptions = {
+    copyHeadersToClipboard: true,
+}
+```
+
+{% apiDocumentation source="grid-options/properties.json" section="clipboard" names=["copyHeadersToClipboard"] /%}
+
+In the below example try:
+
+-   Select a cell range with click & drag
+-   Copy with {% kbd "^ Ctrl" /%}+{% kbd "C" /%}
+-   Paste into an external program / text editor, note that the column headers were also copied.
+
+{% gridExampleRunner title="Copying Cell Ranges and Headers" name="copy-range-with-headers" /%}
+
 ## Custom Clipboard Interaction
 
 If you want to do the copy to clipboard yourself (i.e. not use the grid's clipboard interaction) then implement the callback `sendToClipboard(params)`. Use this if you are in a non-standard web container that has a bespoke API for interacting with the clipboard. The callback gets the data to go into the clipboard, it's your job to call the bespoke API.