[pull] latest from ag-grid:latest

documentation/ag-grid-docs/src/components/license-setup/components/LicenseSetup.tsx

@@ -81,7 +81,7 @@ export const LicenseSetup: FunctionComponent<Props> = ({ library, framework, pat
         () =>
             getBootstrapSnippet({
                 framework,
-                license: (licenseState.chartsNoGridEnterpriseError ? '' : userLicense) || 'your License Key',
+                license: (licenseState.chartsNoGridEnterpriseError ? '' : userLicense) || 'YOUR_LICENSE_KEY',
                 isIntegratedCharts,
             }),
         [framework, licenseState, userLicense, isIntegratedCharts]

documentation/ag-grid-docs/src/components/license-setup/utils/templates.ts

@@ -4,24 +4,27 @@ type TemplateFunction = (data: { license?: string; isIntegratedCharts?: boolean
 type LicenseTemplate = Record<Framework, TemplateFunction>;
 
 export const GRID_LICENSE_TEMPLATES: LicenseTemplate = {
-    react: ({ license, isIntegratedCharts }) => `import React from "react";
-import { render } from "react-dom";
+    react: ({
+        license,
+        isIntegratedCharts,
+    }) => `import { AllEnterpriseModule${isIntegratedCharts ? ', IntegratedChartsModule' : ''} } from "ag-grid-enterprise";
+${isIntegratedCharts ? 'import { AgChartsEnterpriseModule } from "ag-charts-enterprise";\n' : ''}import { AgGridProvider, AgGridReact } from "ag-grid-react";
 
-import { ModuleRegistry } from "ag-grid-community";
-import { AllEnterpriseModule, LicenseManager${isIntegratedCharts ? ', IntegratedChartsModule' : ''} } from "ag-grid-enterprise";
-${isIntegratedCharts ? 'import { AgChartsEnterpriseModule } from "ag-charts-enterprise";\n' : ''}
-import App from "./App";
+const modules = [${isIntegratedCharts ? '\n    AllEnterpriseModule,\n    IntegratedChartsModule.with(AgChartsEnterpriseModule),\n' : 'AllEnterpriseModule'}];
 
-ModuleRegistry.registerModules([${isIntegratedCharts ? '\n    AllEnterpriseModule,\n    IntegratedChartsModule.with(AgChartsEnterpriseModule)\n' : 'AllEnterpriseModule'}]);
+function App() {
+    return (
+        <AgGridProvider modules={modules} licenseKey="${license}">
+            <AgGridReact /* ... props */ />
+        </AgGridProvider>
+    );
+}
 
-LicenseManager.setLicenseKey("${license}");
+// For versions <35.1 use the LicenseManager and ModuleRegistry directly
 
-document.addEventListener('DOMContentLoaded', () => {
-    render(
-        <App/>,
-        document.querySelector('#app')
-    );
-});
+// import { LicenseManager, ModuleRegistry } from "ag-grid-enterprise";
+// ModuleRegistry.registerModules([${isIntegratedCharts ? '\n//   AllEnterpriseModule,\n//   IntegratedChartsModule.with(AgChartsEnterpriseModule)\n// ' : 'AllEnterpriseModule'}]);
+// LicenseManager.setLicenseKey("${license}");
 `,
     angular: ({ license, isIntegratedCharts }) => {
         return `import { ModuleRegistry } from "ag-grid-community";
@@ -31,11 +34,20 @@ ModuleRegistry.registerModules([${isIntegratedCharts ? '\n    AllEnterpriseModul
 
 LicenseManager.setLicenseKey("${license}");
 
-// Template
-<ag-grid-angular
-   [rowData]="rowData"
-   [columnDefs]="columnDefs"
-   [modules]="modules" />
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [AgGridAngular],
+  template: 
+  \`<ag-grid-angular
+      [rowData]="rowData"
+      [columnDefs]="columnDefs"
+    />\`,
+})
+export class AppComponent {
+ /* Class implementation */
+}
+
 `;
     },
     javascript: ({ license, isIntegratedCharts }) => {

documentation/ag-grid-docs/src/components/module-mappings/ModuleMappings.tsx

@@ -38,7 +38,7 @@ ModuleRegistry.registerModules([
 
 export const ModuleMappings: FunctionComponent<Props> = ({ framework, modules }) => {
     const gridRef = useRef<AgGridReact>(null);
-    const moduleConfig = useModuleConfig(gridRef);
+    const moduleConfig = useModuleConfig(gridRef, framework);
     const { selectedDependenciesSnippet, setSelectedModules, bundleOption, rowModelOption } = moduleConfig;
 
     const rowData = useMemo(() => {