From da046c46d1bc7730fb3db2e04d3aecfd2f0be5aa Mon Sep 17 00:00:00 2001 From: Guilherme Lopes Date: Tue, 18 Aug 2026 12:17:27 -0300 Subject: [PATCH 1/3] AG-18236 - [AgInput] - Added a searchIcon property (#14893) * AG-18236 - [AgInput] - Added a searchIcon property * fixed tests --- .../styles/src/internal/themes/quartz/_index.scss | 11 ++--------- .../src/agWidgets/agInputTextField.ts | 11 ++++++++++- .../provided/floatingFilterTextInputService.ts | 2 +- .../src/filter/provided/bigInt/bigIntFilter.ts | 6 +++++- .../src/filter/provided/date/defaultDateComponent.ts | 5 ++++- .../src/filter/provided/number/numberFilter.ts | 4 ++-- .../filter/provided/number/numberFloatingFilter.ts | 2 +- .../src/filter/provided/text/textFilter.ts | 4 +++- .../src/interfaces/iRichCellEditorParams.ts | 1 + .../theming/parts/input-style/input-style-base.css | 7 +------ .../src/columnToolPanel/agPrimaryColsHeader.ts | 1 + .../src/filterToolPanel/agFiltersToolPanelHeader.ts | 1 + .../newFilterToolPanel/addFilterComp.ts | 1 + .../ag-grid-enterprise/src/setFilter/setFilter.ts | 2 +- .../ag-grid-enterprise/src/widgets/agRichSelect.ts | 12 +++++++++--- .../src/filters/filter-clear-button.test.ts | 3 +++ .../behavioural/src/filters/floating-filters.test.ts | 2 ++ 17 files changed, 48 insertions(+), 27 deletions(-) diff --git a/community-modules/styles/src/internal/themes/quartz/_index.scss b/community-modules/styles/src/internal/themes/quartz/_index.scss index 2f50102b0f6..1bb00b2d72e 100644 --- a/community-modules/styles/src/internal/themes/quartz/_index.scss +++ b/community-modules/styles/src/internal/themes/quartz/_index.scss @@ -628,11 +628,7 @@ opacity: 0.35; } - .ag-column-select-header-filter-wrapper, - .ag-filter-toolpanel-search, - .ag-mini-filter, - .ag-filter-filter, - .ag-filter-add-select { + .ag-input-field-search { .ag-input-wrapper::before { position: absolute; display: block; @@ -699,10 +695,7 @@ } .ag-theme-quartz-dark { - .ag-column-select-header-filter-wrapper, - .ag-filter-toolpanel-search, - .ag-mini-filter, - .ag-filter-filter { + .ag-input-field-search { .ag-input-wrapper::before { opacity: 66%; filter: invert(100%); diff --git a/packages/ag-grid-community/src/agWidgets/agInputTextField.ts b/packages/ag-grid-community/src/agWidgets/agInputTextField.ts index c95f8500511..f8d2107ca2a 100644 --- a/packages/ag-grid-community/src/agWidgets/agInputTextField.ts +++ b/packages/ag-grid-community/src/agWidgets/agInputTextField.ts @@ -29,6 +29,7 @@ export interface AgInputTextFieldParams< allowedCharPattern?: string; clearButton?: boolean; onValueClear?: () => void; + searchIcon?: boolean; } export type AgInputTextFieldEvent = AgAbstractInputFieldEvent | 'fieldValueCleared'; /** @internal AG_GRID_INTERNAL - Not for public use. Can change / be removed at any time. */ @@ -63,7 +64,7 @@ export class AgInputTextField< public override postConstruct() { super.postConstruct(); - const { allowedCharPattern, clearButton, onValueClear } = this.config; + const { allowedCharPattern, clearButton, onValueClear, searchIcon } = this.config; if (allowedCharPattern) { this.preventDisallowedCharacters(); @@ -74,6 +75,9 @@ export class AgInputTextField< if (onValueClear) { this.onValueClear(onValueClear); } + if (searchIcon) { + this.setSearchIcon(true); + } this.addManagedPropertyListener('suppressInputClearButton', () => this.refreshClearButton()); } @@ -107,6 +111,11 @@ export class AgInputTextField< return this; } + public setSearchIcon(searchIcon: boolean): this { + this.toggleCss('ag-input-field-search', searchIcon); + return this; + } + public override setDisabled(disabled: boolean): this { super.setDisabled(disabled); this.refreshClearButton(); diff --git a/packages/ag-grid-community/src/filter/floating/provided/floatingFilterTextInputService.ts b/packages/ag-grid-community/src/filter/floating/provided/floatingFilterTextInputService.ts index 908f7d5eec7..e0829093f43 100644 --- a/packages/ag-grid-community/src/filter/floating/provided/floatingFilterTextInputService.ts +++ b/packages/ag-grid-community/src/filter/floating/provided/floatingFilterTextInputService.ts @@ -74,7 +74,7 @@ export class FloatingFilterTextInputService extends BeanStub implements Floating eInput.setAutoComplete(autoComplete); - eInput.toggleCss('ag-floating-filter-search-icon', !!placeholder); + eInput.setSearchIcon(!!placeholder); eInput.setInputPlaceholder(placeholder); } } diff --git a/packages/ag-grid-community/src/filter/provided/bigInt/bigIntFilter.ts b/packages/ag-grid-community/src/filter/provided/bigInt/bigIntFilter.ts index 4c5e2fff4c9..1497349a829 100644 --- a/packages/ag-grid-community/src/filter/provided/bigInt/bigIntFilter.ts +++ b/packages/ag-grid-community/src/filter/provided/bigInt/bigIntFilter.ts @@ -153,7 +153,11 @@ export class BigIntFilter extends SimpleFilter< allowedCharPattern: string | null ): GridInputTextField { const eValue = this.createManagedBean( - new AgInputTextField({ allowedCharPattern: allowedCharPattern ?? undefined, clearButton: true }) + new AgInputTextField({ + allowedCharPattern: allowedCharPattern ?? undefined, + clearButton: true, + searchIcon: true, + }) ); eValue.addCss(`ag-filter-${fromTo}`); eValue.addCss('ag-filter-filter'); diff --git a/packages/ag-grid-community/src/filter/provided/date/defaultDateComponent.ts b/packages/ag-grid-community/src/filter/provided/date/defaultDateComponent.ts index d5b62ff2fe9..6257f5bfb82 100644 --- a/packages/ag-grid-community/src/filter/provided/date/defaultDateComponent.ts +++ b/packages/ag-grid-community/src/filter/provided/date/defaultDateComponent.ts @@ -34,7 +34,10 @@ export class DefaultDateComponent extends Component implements IDateComp { public init(params: IDateParams): void { this.params = params; - this.eDateInput.setClearButtonEnabled(true).onValueClear(() => this.params.onDateCleared?.()); + this.eDateInput + .setClearButtonEnabled(true) + .setSearchIcon(true) + .onValueClear(() => this.params.onDateCleared?.()); this.setParams(params); const inputElement = this.eDateInput.getInputElement(); diff --git a/packages/ag-grid-community/src/filter/provided/number/numberFilter.ts b/packages/ag-grid-community/src/filter/provided/number/numberFilter.ts index 7bcfc7c1f17..7829814638e 100644 --- a/packages/ag-grid-community/src/filter/provided/number/numberFilter.ts +++ b/packages/ag-grid-community/src/filter/provided/number/numberFilter.ts @@ -157,8 +157,8 @@ export class NumberFilter extends SimpleFilter< ): GridInputTextField | GridInputNumberField { const eValue = this.createManagedBean( allowedCharPattern - ? new AgInputTextField({ allowedCharPattern, clearButton: true }) - : new AgInputNumberField({ clearButton: true }) + ? new AgInputTextField({ allowedCharPattern, clearButton: true, searchIcon: true }) + : new AgInputNumberField({ clearButton: true, searchIcon: true }) ); eValue.addCss(`ag-filter-${fromTo}`); eValue.addCss('ag-filter-filter'); diff --git a/packages/ag-grid-community/src/filter/provided/number/numberFloatingFilter.ts b/packages/ag-grid-community/src/filter/provided/number/numberFloatingFilter.ts index 9f9f2b1425f..235f4c116a8 100644 --- a/packages/ag-grid-community/src/filter/provided/number/numberFloatingFilter.ts +++ b/packages/ag-grid-community/src/filter/provided/number/numberFloatingFilter.ts @@ -106,7 +106,7 @@ class FloatingFilterNumberInputService extends BeanStub implements FloatingFilte } private setPlaceholder(input: GridInputTextField | GridInputNumberField, placeholder?: string): void { - input.toggleCss('ag-floating-filter-search-icon', !!placeholder); + input.setSearchIcon(!!placeholder); input.setInputPlaceholder(placeholder); } diff --git a/packages/ag-grid-community/src/filter/provided/text/textFilter.ts b/packages/ag-grid-community/src/filter/provided/text/textFilter.ts index 4a3b9ea5511..1bc43ad86f1 100644 --- a/packages/ag-grid-community/src/filter/provided/text/textFilter.ts +++ b/packages/ag-grid-community/src/filter/provided/text/textFilter.ts @@ -81,7 +81,9 @@ export class TextFilter extends SimpleFilter(new AgInputTextField({ clearButton: true })); + const eValue = this.createManagedBean( + new AgInputTextField({ clearButton: true, searchIcon: true }) + ); eValue.addCss(`ag-filter-${fromTo}`); eValue.addCss('ag-filter-filter'); eValues.push(eValue); diff --git a/packages/ag-grid-community/src/interfaces/iRichCellEditorParams.ts b/packages/ag-grid-community/src/interfaces/iRichCellEditorParams.ts index fa9e4e010f1..06ae5d3bc1b 100644 --- a/packages/ag-grid-community/src/interfaces/iRichCellEditorParams.ts +++ b/packages/ag-grid-community/src/interfaces/iRichCellEditorParams.ts @@ -29,6 +29,7 @@ export interface RichSelectParams extends AgPickerFieldParams string; searchStringCreator?: (values: TValue[]) => string[]; diff --git a/packages/ag-grid-community/src/theming/parts/input-style/input-style-base.css b/packages/ag-grid-community/src/theming/parts/input-style/input-style-base.css index dc7ed04e185..72b36938962 100644 --- a/packages/ag-grid-community/src/theming/parts/input-style/input-style-base.css +++ b/packages/ag-grid-community/src/theming/parts/input-style/input-style-base.css @@ -72,12 +72,7 @@ } /* icon for search inputs */ -:where(.ag-column-select-header-filter-wrapper), -:where(.ag-filter-toolpanel-search), -:where(.ag-mini-filter), -:where(.ag-filter-filter), -:where(.ag-filter-add-select), -:where(.ag-floating-filter-search-icon) { +:where(.ag-input-field-search) { .ag-input-wrapper::before { position: absolute; display: block; diff --git a/packages/ag-grid-enterprise/src/columnToolPanel/agPrimaryColsHeader.ts b/packages/ag-grid-enterprise/src/columnToolPanel/agPrimaryColsHeader.ts index 2993775feab..bc7f6233a17 100644 --- a/packages/ag-grid-enterprise/src/columnToolPanel/agPrimaryColsHeader.ts +++ b/packages/ag-grid-enterprise/src/columnToolPanel/agPrimaryColsHeader.ts @@ -63,6 +63,7 @@ export class AgPrimaryColsHeader extends Component { this.eFilterTextField .setClearButtonEnabled(true) + .setSearchIcon(true) .onValueChange(() => this.onFilterTextChanged()) .onValueClear(() => this.onFilterTextCleared()); diff --git a/packages/ag-grid-enterprise/src/filterToolPanel/agFiltersToolPanelHeader.ts b/packages/ag-grid-enterprise/src/filterToolPanel/agFiltersToolPanelHeader.ts index b83a8a3b3db..4da0fa3d969 100644 --- a/packages/ag-grid-enterprise/src/filterToolPanel/agFiltersToolPanelHeader.ts +++ b/packages/ag-grid-enterprise/src/filterToolPanel/agFiltersToolPanelHeader.ts @@ -51,6 +51,7 @@ export class AgFiltersToolPanelHeader extends Component this.onSearchTextCleared()); diff --git a/packages/ag-grid-enterprise/src/filterToolPanel/newFilterToolPanel/addFilterComp.ts b/packages/ag-grid-enterprise/src/filterToolPanel/newFilterToolPanel/addFilterComp.ts index 79fce0da7e2..d78ddccea9a 100644 --- a/packages/ag-grid-enterprise/src/filterToolPanel/newFilterToolPanel/addFilterComp.ts +++ b/packages/ag-grid-enterprise/src/filterToolPanel/newFilterToolPanel/addFilterComp.ts @@ -73,6 +73,7 @@ export class AddFilterComp extends Component<'filterSelected'> { value: '', valueList: Array.from(this.options.keys()), searchType: 'matchAny', + searchIcon: true, allowTyping: true, filterList: true, highlightMatch: true, diff --git a/packages/ag-grid-enterprise/src/setFilter/setFilter.ts b/packages/ag-grid-enterprise/src/setFilter/setFilter.ts index 79b92c80031..56be5230137 100644 --- a/packages/ag-grid-enterprise/src/setFilter/setFilter.ts +++ b/packages/ag-grid-enterprise/src/setFilter/setFilter.ts @@ -583,7 +583,7 @@ export class SetFilter private initMiniFilter() { const { eMiniFilter } = this; - eMiniFilter.setClearButtonEnabled(true); + eMiniFilter.setClearButtonEnabled(true).setSearchIcon(true); this.updateMiniFilter(); eMiniFilter.onValueChange(() => this.onMiniFilterInput()).onValueClear(() => this.onMiniFilterInput(true)); eMiniFilter.setInputAriaLabel(translateForSetFilter(this, 'ariaSearchFilterValues')); diff --git a/packages/ag-grid-enterprise/src/widgets/agRichSelect.ts b/packages/ag-grid-enterprise/src/widgets/agRichSelect.ts index 72d9bb70d9a..9046325eb26 100644 --- a/packages/ag-grid-enterprise/src/widgets/agRichSelect.ts +++ b/packages/ag-grid-enterprise/src/widgets/agRichSelect.ts @@ -185,13 +185,19 @@ export class AgRichSelect extends AgPickerField< this.createListComponent(); this.eDeselect.appendChild(_createIconNoSpan('richSelectRemove', this.beans)!); - const { allowTyping, placeholder, multiSelect, suppressDeselectAll, suppressMultiSelectPillRenderer } = - this.config; + const { + allowTyping, + placeholder, + multiSelect, + searchIcon, + suppressDeselectAll, + suppressMultiSelectPillRenderer, + } = this.config; this.eDeselect.classList.add('ag-hidden'); if (allowTyping) { - this.eInput.setAutoComplete(false).setInputPlaceholder(placeholder); + this.eInput.setAutoComplete(false).setInputPlaceholder(placeholder).setSearchIcon(!!searchIcon); if (!multiSelect) { this.eDisplayField.classList.add('ag-hidden'); } else { diff --git a/testing/behavioural/src/filters/filter-clear-button.test.ts b/testing/behavioural/src/filters/filter-clear-button.test.ts index 91a36864f79..8fcbb3ace31 100644 --- a/testing/behavioural/src/filters/filter-clear-button.test.ts +++ b/testing/behavioural/src/filters/filter-clear-button.test.ts @@ -39,6 +39,7 @@ describe('Filter input clear button', () => { expect(api.getColumnFilterModel('country')).toEqual(appliedModel); const input = harness.input('text'); + expect(input.closest('.ag-input-field')!.classList.contains('ag-input-field-search')).toBe(true); const clearButton = input.parentElement!.querySelector('.ag-input-field-clear-button')!; expect(clearButton.classList.contains('ag-hidden')).toBe(false); fireEvent.mouseDown(clearButton); @@ -94,6 +95,7 @@ describe('Filter input clear button', () => { expect(api.getColumnFilterModel('age')).toEqual({ filterType: 'number', type: 'equals', filter: 25 }); const input = harness.input('number'); + expect(input.closest('.ag-input-field')!.classList.contains('ag-input-field-search')).toBe(true); const clearButton = input.parentElement!.querySelector('.ag-input-field-clear-button')!; expect(clearButton.classList.contains('ag-hidden')).toBe(false); @@ -128,6 +130,7 @@ describe('Filter input clear button', () => { ); const miniFilterInput = document.querySelector('.ag-mini-filter input[type="text"]')!; + expect(miniFilterInput.closest('.ag-input-field')!.classList.contains('ag-input-field-search')).toBe(true); const clearButton = document.querySelector('.ag-mini-filter .ag-input-field-clear-button')!; expect(clearButton.classList.contains('ag-hidden')).toBe(false); fireEvent.mouseDown(clearButton); diff --git a/testing/behavioural/src/filters/floating-filters.test.ts b/testing/behavioural/src/filters/floating-filters.test.ts index a711eb7b2f8..4aa58bb0fa8 100644 --- a/testing/behavioural/src/filters/floating-filters.test.ts +++ b/testing/behavioural/src/filters/floating-filters.test.ts @@ -306,6 +306,8 @@ describe('Floating Filters', () => { const textFilter = getByTestId(gridDiv, getTestId({ source: 'floating-filter', colId: 'country' })); expect(textFilter.getAttribute('placeholder')).toBe('type here'); + expect(textFilter.closest('.ag-input-field')!.classList.contains('ag-input-field-search')).toBe(true); + expect(textFilter.closest('.ag-floating-filter-search-icon')).toBeNull(); // Custom placeholder is presentational only — it applies no filter, so all rows remain. expect(api.getDisplayedRowCount()).toBe(3); From 13915312f773a10d209fd898eb173ef6c474c280 Mon Sep 17 00:00:00 2001 From: AgGitDeployment <80415517+AgGitDeployment@users.noreply.github.com> Date: Tue, 18 Aug 2026 17:10:29 +0100 Subject: [PATCH 2/3] Merge from latest. (#14894) --- .env | 2 +- community-modules/locale/package.json | 2 +- community-modules/styles/package.json | 2 +- documentation/ag-grid-docs/package.json | 12 ++++++------ documentation/update-algolia-indices/package.json | 2 +- package.json | 2 +- packages/ag-grid-angular/package.json | 6 +++--- .../projects/ag-grid-angular/package.json | 4 ++-- packages/ag-grid-community/package.json | 4 ++-- packages/ag-grid-community/src/version.ts | 2 +- packages/ag-grid-enterprise/package.json | 6 +++--- packages/ag-grid-enterprise/src/version.ts | 2 +- packages/ag-grid-react/package.json | 6 +++--- packages/ag-grid-vue3/package.json | 4 ++-- packages/ag-stack/package.json | 2 +- packages/ag-stack/src/version.ts | 2 +- .../package.json | 2 +- plugins/ag-grid-generate-example-files/package.json | 4 ++-- plugins/ag-grid-task-autogen/package.json | 2 +- testing/accessibility/package.json | 8 ++++---- testing/ag-test-utils/package.json | 2 +- testing/angular-tests/package.json | 6 +++--- testing/behavioural/package.json | 8 ++++---- testing/behavioural/src/version.ts | 2 +- testing/csp/package.json | 2 +- testing/module-size-angular/package.json | 8 ++++---- testing/module-size/package.json | 8 ++++---- testing/public-recipes/e2e/package.json | 4 ++-- testing/typedoc-links/package.json | 2 +- testing/vue3-tests/package.json | 8 ++++---- 30 files changed, 63 insertions(+), 63 deletions(-) diff --git a/.env b/.env index 905ac9d0fad..0029f92fa0c 100644 --- a/.env +++ b/.env @@ -1,5 +1,5 @@ # Production Build -BUILD_GRID_VERSION=36.1.0-beta.20260818.1041 +BUILD_GRID_VERSION=36.1.0-beta.20260818.1531 BUILD_CHARTS_VERSION=14.1.0-beta.20260816 ENV=local NX_BATCH_MODE=true diff --git a/community-modules/locale/package.json b/community-modules/locale/package.json index 9d53f6713af..7919b51d569 100644 --- a/community-modules/locale/package.json +++ b/community-modules/locale/package.json @@ -1,6 +1,6 @@ { "name": "@ag-grid-community/locale", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "Localisation Module for AG Grid, providing translations in 31 languages.", "main": "./dist/package/main.cjs.js", "types": "./dist/types/src/main.d.ts", diff --git a/community-modules/styles/package.json b/community-modules/styles/package.json index d88cf95a3c6..3efb25a9855 100644 --- a/community-modules/styles/package.json +++ b/community-modules/styles/package.json @@ -1,6 +1,6 @@ { "name": "@ag-grid-community/styles", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "AG Grid Styles and Themes", "main": "_index.scss", "files": [ diff --git a/documentation/ag-grid-docs/package.json b/documentation/ag-grid-docs/package.json index 4c150eb0c7c..c1f15c312bf 100644 --- a/documentation/ag-grid-docs/package.json +++ b/documentation/ag-grid-docs/package.json @@ -2,7 +2,7 @@ "name": "ag-grid-docs", "description": "Documentation for AG Grid", "type": "module", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "repository": { "type": "git", "url": "https://github.com/ag-grid/ag-grid.git" @@ -59,11 +59,11 @@ "ag-charts-types": "14.1.0-beta.20260816", "ag-charts-react": "14.1.0-beta.20260816", "ag-charts-vue3": "14.1.0-beta.20260816", - "ag-grid-angular": "36.1.0-beta.20260818.1041", - "ag-grid-community": "36.1.0-beta.20260818.1041", - "ag-grid-enterprise": "36.1.0-beta.20260818.1041", - "ag-grid-react": "36.1.0-beta.20260818.1041", - "ag-grid-vue3": "36.1.0-beta.20260818.1041", + "ag-grid-angular": "36.1.0-beta.20260818.1531", + "ag-grid-community": "36.1.0-beta.20260818.1531", + "ag-grid-enterprise": "36.1.0-beta.20260818.1531", + "ag-grid-react": "36.1.0-beta.20260818.1531", + "ag-grid-vue3": "36.1.0-beta.20260818.1531", "algoliasearch": "^5.51.0", "astro": "6.1.9", "cheerio": "^1.0.0", diff --git a/documentation/update-algolia-indices/package.json b/documentation/update-algolia-indices/package.json index bda464d64f2..c37a0d91a27 100644 --- a/documentation/update-algolia-indices/package.json +++ b/documentation/update-algolia-indices/package.json @@ -1,6 +1,6 @@ { "name": "update-algolia-indices", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "Update algolia indices", "main": "src/index.ts", "type": "module", diff --git a/package.json b/package.json index ea89a2f3702..8aefa469df2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "license": "MIT", "scripts": { "compressVideo": "tsx external/ag-website-shared/scripts/compress-video", diff --git a/packages/ag-grid-angular/package.json b/packages/ag-grid-angular/package.json index 024e5a09010..1f7070c811f 100644 --- a/packages/ag-grid-angular/package.json +++ b/packages/ag-grid-angular/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-angular", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "AG Grid Angular Component", "scripts": { "clean": "rimraf dist", @@ -15,7 +15,7 @@ "module": "./dist/ag-grid-angular/fesm2022/ag-grid-angular.mjs", "typings": "./dist/ag-grid-angular/index.d.ts", "dependencies": { - "ag-grid-community": "36.1.0-beta.20260818.1041", + "ag-grid-community": "36.1.0-beta.20260818.1531", "@angular/animations": "^20.3.25", "@angular/common": "^20.3.25", "@angular/compiler": "^20.3.25", @@ -27,7 +27,7 @@ "zone.js": "~0.15.1" }, "devDependencies": { - "ag-grid-community": "36.1.0-beta.20260818.1041", + "ag-grid-community": "36.1.0-beta.20260818.1531", "@angular/build": "^20.3.25", "@angular/cli": "^20.3.25", "@angular/forms": "^20.3.25", diff --git a/packages/ag-grid-angular/projects/ag-grid-angular/package.json b/packages/ag-grid-angular/projects/ag-grid-angular/package.json index 8ea6837418c..d6b200cacfe 100644 --- a/packages/ag-grid-angular/projects/ag-grid-angular/package.json +++ b/packages/ag-grid-angular/projects/ag-grid-angular/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-angular", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "AG Grid Angular Component", "license": "MIT", "peerDependencies": { @@ -8,7 +8,7 @@ "@angular/core": ">= 20.0.0" }, "dependencies": { - "ag-grid-community": "36.1.0-beta.20260818.1041", + "ag-grid-community": "36.1.0-beta.20260818.1531", "tslib": "^2.8.1" }, "repository": { diff --git a/packages/ag-grid-community/package.json b/packages/ag-grid-community/package.json index b981c9455fb..58a821eb543 100644 --- a/packages/ag-grid-community/package.json +++ b/packages/ag-grid-community/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-community", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue", "main": "./dist/package/main.cjs.js", "types": "./dist/types/src/main.d.ts", @@ -119,7 +119,7 @@ ], "homepage": "https://www.ag-grid.com/", "dependencies": { - "ag-stack": "36.1.0-beta.20260818.1041", + "ag-stack": "36.1.0-beta.20260818.1531", "ag-charts-types": "14.1.0-beta.20260816" }, "devDependencies": { diff --git a/packages/ag-grid-community/src/version.ts b/packages/ag-grid-community/src/version.ts index 17134801960..e76d311e3ee 100644 --- a/packages/ag-grid-community/src/version.ts +++ b/packages/ag-grid-community/src/version.ts @@ -1,2 +1,2 @@ // DO NOT UPDATE MANUALLY: Generated from script during build time -export const VERSION = '36.1.0-beta.20260818.1041'; +export const VERSION = '36.1.0-beta.20260818.1531'; diff --git a/packages/ag-grid-enterprise/package.json b/packages/ag-grid-enterprise/package.json index 431455d24ba..a67cd1bc779 100644 --- a/packages/ag-grid-enterprise/package.json +++ b/packages/ag-grid-enterprise/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-enterprise", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue", "main": "./dist/package/main.cjs.js", "types": "./dist/types/src/main.d.ts", @@ -113,8 +113,8 @@ ], "homepage": "https://www.ag-grid.com/", "dependencies": { - "ag-stack": "36.1.0-beta.20260818.1041", - "ag-grid-community": "36.1.0-beta.20260818.1041" + "ag-stack": "36.1.0-beta.20260818.1531", + "ag-grid-community": "36.1.0-beta.20260818.1531" }, "optionalDependencies": { "ag-charts-community": "14.1.0-beta.20260816", diff --git a/packages/ag-grid-enterprise/src/version.ts b/packages/ag-grid-enterprise/src/version.ts index 17134801960..e76d311e3ee 100644 --- a/packages/ag-grid-enterprise/src/version.ts +++ b/packages/ag-grid-enterprise/src/version.ts @@ -1,2 +1,2 @@ // DO NOT UPDATE MANUALLY: Generated from script during build time -export const VERSION = '36.1.0-beta.20260818.1041'; +export const VERSION = '36.1.0-beta.20260818.1531'; diff --git a/packages/ag-grid-react/package.json b/packages/ag-grid-react/package.json index 6d46ecdd608..41e7b400030 100644 --- a/packages/ag-grid-react/package.json +++ b/packages/ag-grid-react/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-react", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "AG Grid React Component", "main": "./dist/package/index.cjs.js", "types": "./dist/types/src/index.d.ts", @@ -31,7 +31,7 @@ "devDependencies": { "@babel/runtime": "^7.29.2", "prop-types": "^15.6.2", - "ag-grid-community": "36.1.0-beta.20260818.1041", + "ag-grid-community": "36.1.0-beta.20260818.1531", "@babel/plugin-proposal-throw-expressions": "^7.27.1", "@babel/preset-typescript": "^7.28.5", "@types/react": "~18.3.26", @@ -44,7 +44,7 @@ }, "dependencies": { "prop-types": "^15.8.1", - "ag-grid-community": "36.1.0-beta.20260818.1041" + "ag-grid-community": "36.1.0-beta.20260818.1531" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", diff --git a/packages/ag-grid-vue3/package.json b/packages/ag-grid-vue3/package.json index 10994971ca9..e4dd7bec762 100644 --- a/packages/ag-grid-vue3/package.json +++ b/packages/ag-grid-vue3/package.json @@ -1,7 +1,7 @@ { "name": "ag-grid-vue3", "description": "AG Grid Vue 3 Component", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "author": "Sean Landsman ", "license": "MIT", "files": [ @@ -44,7 +44,7 @@ "build-only:watch": "vite build --watch" }, "dependencies": { - "ag-grid-community": "36.1.0-beta.20260818.1041" + "ag-grid-community": "36.1.0-beta.20260818.1531" }, "devDependencies": { "vue": "^3.5.32", diff --git a/packages/ag-stack/package.json b/packages/ag-stack/package.json index 813667cae14..30c38cda478 100644 --- a/packages/ag-stack/package.json +++ b/packages/ag-stack/package.json @@ -1,6 +1,6 @@ { "name": "ag-stack", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue", "main": "./dist/package/main.cjs.js", "types": "./dist/types/src/main.d.ts", diff --git a/packages/ag-stack/src/version.ts b/packages/ag-stack/src/version.ts index 17134801960..e76d311e3ee 100644 --- a/packages/ag-stack/src/version.ts +++ b/packages/ag-stack/src/version.ts @@ -1,2 +1,2 @@ // DO NOT UPDATE MANUALLY: Generated from script during build time -export const VERSION = '36.1.0-beta.20260818.1041'; +export const VERSION = '36.1.0-beta.20260818.1531'; diff --git a/plugins/ag-grid-generate-code-reference-files/package.json b/plugins/ag-grid-generate-code-reference-files/package.json index cdf1e3e1db1..153bb562d4d 100644 --- a/plugins/ag-grid-generate-code-reference-files/package.json +++ b/plugins/ag-grid-generate-code-reference-files/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-generate-code-reference-files", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "private": true, "dependencies": { "ag-shared": "0.0.1", diff --git a/plugins/ag-grid-generate-example-files/package.json b/plugins/ag-grid-generate-example-files/package.json index d1123a9b955..01d7949abbe 100644 --- a/plugins/ag-grid-generate-example-files/package.json +++ b/plugins/ag-grid-generate-example-files/package.json @@ -1,10 +1,10 @@ { "name": "ag-grid-generate-example-files", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "private": true, "dependencies": { "ag-shared": "0.0.1", - "ag-grid-community": "36.1.0-beta.20260818.1041", + "ag-grid-community": "36.1.0-beta.20260818.1531", "glob": "^11.1.0", "typescript": "~5.8.3", "cheerio": "^1.2.0", diff --git a/plugins/ag-grid-task-autogen/package.json b/plugins/ag-grid-task-autogen/package.json index 5640ff5ec5a..d940fb59366 100644 --- a/plugins/ag-grid-task-autogen/package.json +++ b/plugins/ag-grid-task-autogen/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-task-autogen", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "private": true, "dependencies": { "@nx/devkit": "20.8.4", diff --git a/testing/accessibility/package.json b/testing/accessibility/package.json index 109adf4288f..895d1b6f6e9 100644 --- a/testing/accessibility/package.json +++ b/testing/accessibility/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-accessibility", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "scripts": { "download-examples": "curl --retry 5 -retry-all-errors https://grid-staging.ag-grid.com/debug/all-examples.json > ./all-examples.json", "download-examples-local": "curl https://localhost:4610/debug/all-examples.json > ./all-examples.json", @@ -18,9 +18,9 @@ "@angular/platform-browser": "^20.3.25", "@angular/platform-browser-dynamic": "^20.3.25", "@angular/router": "^20.3.25", - "ag-grid-angular": "36.1.0-beta.20260818.1041", - "ag-grid-community": "36.1.0-beta.20260818.1041", - "ag-grid-enterprise": "36.1.0-beta.20260818.1041", + "ag-grid-angular": "36.1.0-beta.20260818.1531", + "ag-grid-community": "36.1.0-beta.20260818.1531", + "ag-grid-enterprise": "36.1.0-beta.20260818.1531", "ag-charts-community": "14.1.0-beta.20260816", "ag-charts-enterprise": "14.1.0-beta.20260816", "rxjs": "~7.8.2", diff --git a/testing/ag-test-utils/package.json b/testing/ag-test-utils/package.json index 14616f70c48..5229f2aaaff 100644 --- a/testing/ag-test-utils/package.json +++ b/testing/ag-test-utils/package.json @@ -1,6 +1,6 @@ { "name": "ag-test-utils", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "private": true, "type": "module", "description": "Harnesses and assertions shared by the behavioural suite: grid lifecycle, GridRows/GridColumns snapshots, DOM widgets and polyfills. Test-only; never published and never imported by grid source.", diff --git a/testing/angular-tests/package.json b/testing/angular-tests/package.json index 9bec5802706..fb07dac7b57 100644 --- a/testing/angular-tests/package.json +++ b/testing/angular-tests/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-angular-tests", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "private": true, "scripts": { "test:e2e": "jest --no-cache" @@ -11,8 +11,8 @@ "@angular/core": "^21.0.0", "@angular/platform-browser": "^21.0.0", "@angular/platform-browser-dynamic": "^21.0.0", - "ag-grid-angular": "36.1.0-beta.20260818.1041", - "ag-grid-community": "36.1.0-beta.20260818.1041", + "ag-grid-angular": "36.1.0-beta.20260818.1531", + "ag-grid-community": "36.1.0-beta.20260818.1531", "rxjs": "~7.8.2", "tslib": "^2.8.1", "zone.js": "~0.15.0" diff --git a/testing/behavioural/package.json b/testing/behavioural/package.json index e9f2a5c414b..94325dffa9a 100644 --- a/testing/behavioural/package.json +++ b/testing/behavioural/package.json @@ -1,6 +1,6 @@ { "name": "ag-behavioural-testing", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "private": true, "description": "Behavioural unit testing for ag-Grid", "dependencies": { @@ -8,9 +8,9 @@ }, "type": "module", "devDependencies": { - "ag-grid-community": "36.1.0-beta.20260818.1041", - "ag-grid-enterprise": "36.1.0-beta.20260818.1041", - "ag-grid-react": "36.1.0-beta.20260818.1041", + "ag-grid-community": "36.1.0-beta.20260818.1531", + "ag-grid-enterprise": "36.1.0-beta.20260818.1531", + "ag-grid-react": "36.1.0-beta.20260818.1531", "@types/react": "^18.3.23", "@types/react-dom": "^18.3.7", "@testing-library/dom": "^10.4.1", diff --git a/testing/behavioural/src/version.ts b/testing/behavioural/src/version.ts index 17134801960..e76d311e3ee 100644 --- a/testing/behavioural/src/version.ts +++ b/testing/behavioural/src/version.ts @@ -1,2 +1,2 @@ // DO NOT UPDATE MANUALLY: Generated from script during build time -export const VERSION = '36.1.0-beta.20260818.1041'; +export const VERSION = '36.1.0-beta.20260818.1531'; diff --git a/testing/csp/package.json b/testing/csp/package.json index 22200a9f4fb..858522534b1 100644 --- a/testing/csp/package.json +++ b/testing/csp/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-csp", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "CSP testing for AG Grid", "main": "index.js", "scripts": {}, diff --git a/testing/module-size-angular/package.json b/testing/module-size-angular/package.json index 5adedf11f29..b3dbb16472f 100644 --- a/testing/module-size-angular/package.json +++ b/testing/module-size-angular/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-module-size-angular", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "scripts": { "ng": "ng", "start": "ng serve", @@ -20,9 +20,9 @@ "@angular/platform-browser": "^20.3.25", "@angular/platform-browser-dynamic": "^20.3.25", "@angular/router": "^20.3.25", - "ag-grid-angular": "36.1.0-beta.20260818.1041", - "ag-grid-community": "36.1.0-beta.20260818.1041", - "ag-grid-enterprise": "36.1.0-beta.20260818.1041", + "ag-grid-angular": "36.1.0-beta.20260818.1531", + "ag-grid-community": "36.1.0-beta.20260818.1531", + "ag-grid-enterprise": "36.1.0-beta.20260818.1531", "ag-charts-community": "14.1.0-beta.20260816", "ag-charts-enterprise": "14.1.0-beta.20260816", "rxjs": "~7.8.2", diff --git a/testing/module-size/package.json b/testing/module-size/package.json index a491c0c9a5d..9ff0f60a1e3 100644 --- a/testing/module-size/package.json +++ b/testing/module-size/package.json @@ -1,7 +1,7 @@ { "name": "ag-grid-module-size", "private": true, - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "scripts": { "dev": "vite", "cp-app": "cp ./src/App_Src.tsx ./src/App_AUTO.tsx", @@ -14,9 +14,9 @@ "test:e2e": "run-s \"module-combinations -- {1}\" module-validate --" }, "dependencies": { - "ag-grid-react": "36.1.0-beta.20260818.1041", - "ag-grid-community": "36.1.0-beta.20260818.1041", - "ag-grid-enterprise": "36.1.0-beta.20260818.1041", + "ag-grid-react": "36.1.0-beta.20260818.1531", + "ag-grid-community": "36.1.0-beta.20260818.1531", + "ag-grid-enterprise": "36.1.0-beta.20260818.1531", "ag-charts-community": "14.1.0-beta.20260816", "ag-charts-enterprise": "14.1.0-beta.20260816", "ag-shared": "0.0.1", diff --git a/testing/public-recipes/e2e/package.json b/testing/public-recipes/e2e/package.json index 74041ab1eb9..6bb8153cc93 100644 --- a/testing/public-recipes/e2e/package.json +++ b/testing/public-recipes/e2e/package.json @@ -1,12 +1,12 @@ { "name": "ag-grid-public-e2e-testing-recipes", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "description": "Public E2E testing recipes for AG Grid", "main": "index.js", "scripts": {}, "license": "MIT", "devDependencies": { - "ag-grid-community": "36.1.0-beta.20260818.1041", + "ag-grid-community": "36.1.0-beta.20260818.1531", "playwright": "^1.59.1", "@playwright/test": "^1.59.1", "@types/node": "^22.15.3" diff --git a/testing/typedoc-links/package.json b/testing/typedoc-links/package.json index 6fa164b8c26..004b65fbb9d 100644 --- a/testing/typedoc-links/package.json +++ b/testing/typedoc-links/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-typedoc-links", - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "private": true, "type": "module", "description": "Validates that AG Grid's published .d.ts JSDoc {@link} references resolve under TypeDoc, reproducing the environment downstream consumers build their API docs in.", diff --git a/testing/vue3-tests/package.json b/testing/vue3-tests/package.json index 62ad7791500..69be9d36347 100644 --- a/testing/vue3-tests/package.json +++ b/testing/vue3-tests/package.json @@ -1,7 +1,7 @@ { "name": "ag-grid-vue3-tests", "private": true, - "version": "36.1.0-beta.20260818.1041", + "version": "36.1.0-beta.20260818.1531", "type": "module", "scripts": { "dev": "vite", @@ -15,9 +15,9 @@ "dependencies": { "vue": "^3.5.32", "vue-router": "^5.0.6", - "ag-grid-community": "36.1.0-beta.20260818.1041", - "ag-grid-enterprise": "36.1.0-beta.20260818.1041", - "ag-grid-vue3": "36.1.0-beta.20260818.1041", + "ag-grid-community": "36.1.0-beta.20260818.1531", + "ag-grid-enterprise": "36.1.0-beta.20260818.1531", + "ag-grid-vue3": "36.1.0-beta.20260818.1531", "decimal.js": "^10.6.0" }, "devDependencies": { From 423edccb5bff6451cd1cbd1fc8d7304df6218eeb Mon Sep 17 00:00:00 2001 From: Victor Musienko <8777372+sdwvit@users.noreply.github.com> Date: Tue, 18 Aug 2026 20:30:00 +0100 Subject: [PATCH 3/3] fix(docs-examples): load example-runner client in the vanilla template (#14891) * docs(docs-examples): explain what example-runner.js does * fix(docs-examples): load example-runner client in the vanilla template * chore: format --- .../framework-templates/JavascriptTemplate.astro | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/documentation/ag-grid-docs/src/components/example-runner/framework-templates/JavascriptTemplate.astro b/documentation/ag-grid-docs/src/components/example-runner/framework-templates/JavascriptTemplate.astro index 60b61d83d04..79569f6c2fb 100644 --- a/documentation/ag-grid-docs/src/components/example-runner/framework-templates/JavascriptTemplate.astro +++ b/documentation/ag-grid-docs/src/components/example-runner/framework-templates/JavascriptTemplate.astro @@ -50,6 +50,7 @@ import { getChartsEnterpriseScriptPath, getGridLocaleScriptPath, } from '@utils/gridLibraryPaths'; +import { ExampleRunnerClient } from './lib/ExampleRunnerClient'; import { SeedRandom } from './lib/SeedRandom'; const siteUrl = Astro.site ? pathJoin(Astro.site, SITE_BASE_URL) : '/'; @@ -87,7 +88,14 @@ const gridScriptLocalePath = getCacheBustingUrl(getGridLocaleScriptPath(siteUrl) > window.__basePath = appLocation; - {usesMathRandom && } + { + usesMathRandom && ( + <> + + + + ) + } {isIntegratedCharts &&