Merge 31.0.0

Author: seanlandsman

.gitignore

@@ -18,6 +18,7 @@
 .settings/
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage/*

angular.json

@@ -97,6 +97,5 @@
         }
       }
     }
-  },
-  "defaultProject": "ag-grid-angular-cli-example"
+  }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-angular-cli-example",
-  "version": "30.1.0",
+  "version": "31.0.0",
   "description": "AG Grid Angular Example Using Angular CLI",
   "license": "MIT",
   "repository": {
@@ -10,44 +10,43 @@
   "author": "Sean Landsman <sean@thelandsmans.com>",
   "scripts": {
     "start": "NODE_OPTIONS=--openssl-legacy-provider ng serve --port 8080",
-    "build": "NODE_OPTIONS=\"--openssl-legacy-provider --max-old-space-size=8192\" ng build --aot && npm run hash",
+    "build": "NODE_OPTIONS=\"--openssl-legacy-provider --max-old-space-size=8192\" ng build --aot",
     "build-prod": "npm run build",
-    "hash": "sh ./hashDirectory.sh > .hash",
     "lint": "tslint \"src/**/*.ts\""
   },
   "private": true,
   "dependencies": {
-    "@ag-grid-community/angular": "~30.1.0",
-    "@ag-grid-community/core": "~30.1.0",
-    "@ag-grid-community/client-side-row-model": "~30.1.0",
-    "@ag-grid-enterprise/core": "~30.1.0",
-    "@ag-grid-enterprise/menu": "~30.1.0",
-    "@ag-grid-enterprise/side-bar": "~30.1.0",
-    "@ag-grid-enterprise/column-tool-panel": "~30.1.0",
-    "@ag-grid-enterprise/filter-tool-panel": "~30.1.0",
-    "@ag-grid-enterprise/row-grouping": "~30.1.0",
-    "@ag-grid-enterprise/set-filter": "~30.1.0",
-    "@ag-grid-enterprise/status-bar": "~30.1.0",
-    "@ag-grid-enterprise/range-selection": "~30.1.0",
-    "@ag-grid-enterprise/charts": "~30.1.0",
-    "@ag-grid-community/styles": "~30.1.0",
-    "@angular/animations": "~12.2.0",
-    "@angular/common": "~12.2.0",
-    "@angular/compiler": "~12.2.0",
-    "@angular/core": "~12.2.0",
-    "@angular/forms": "~12.2.0",
-    "@angular/platform-browser": "~12.2.0",
-    "@angular/platform-browser-dynamic": "~12.2.0",
-    "@angular/router": "~12.2.0",
+    "@ag-grid-community/angular": "~31.0.0",
+    "@ag-grid-community/core": "~31.0.0",
+    "@ag-grid-community/client-side-row-model": "~31.0.0",
+    "@ag-grid-enterprise/core": "~31.0.0",
+    "@ag-grid-enterprise/menu": "~31.0.0",
+    "@ag-grid-enterprise/side-bar": "~31.0.0",
+    "@ag-grid-enterprise/column-tool-panel": "~31.0.0",
+    "@ag-grid-enterprise/filter-tool-panel": "~31.0.0",
+    "@ag-grid-enterprise/row-grouping": "~31.0.0",
+    "@ag-grid-enterprise/set-filter": "~31.0.0",
+    "@ag-grid-enterprise/status-bar": "~31.0.0",
+    "@ag-grid-enterprise/range-selection": "~31.0.0",
+    "@ag-grid-enterprise/charts": "~31.0.0",
+    "@ag-grid-community/styles": "~31.0.0",
+    "@angular/animations": "^14.3.0",
+    "@angular/common": "^14.3.0",
+    "@angular/compiler": "^14.3.0",
+    "@angular/core": "^14.3.0",
+    "@angular/forms": "^14.3.0",
+    "@angular/platform-browser": "^14.3.0",
+    "@angular/platform-browser-dynamic": "^14.3.0",
+    "@angular/router": "^14.3.0",
     "bootstrap": "4.5.0",
     "rxjs": "~6.6.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~12.2.17",
-    "@angular/cli": "~12.2.17",
-    "@angular/compiler-cli": "~12.2.0",
+    "@angular-devkit/build-angular": "^14.2.12",
+    "@angular/cli": "^14.2.12",
+    "@angular/compiler-cli": "^14.3.0",
     "@types/jasmine": "~3.8.0",
     "@types/node": "^12.11.1",
     "jasmine-core": "~3.8.0",
@@ -56,6 +55,6 @@
     "karma-coverage": "~2.0.3",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "typescript": "~4.3.5"
+    "typescript": "~4.7.4"
   }
 }

src/app/rich-grid-example/rich-grid.component.html

@@ -15,8 +15,8 @@ <h1>Rich Grid Example</h1>
             </span>
                 <span style="float: right">
                 Column API:
-                <button (click)="this.columnApi.setColumnVisible('country', false)" class="btn btn-primary">Hide Country Column</button>
-                <button (click)="this.columnApi.setColumnVisible('country', true)" class="btn btn-primary">Show Country Column</button>
+                <button (click)="this.api.setColumnVisible('country', false)" class="btn btn-primary">Hide Country Column</button>
+                <button (click)="this.api.setColumnVisible('country', true)" class="btn btn-primary">Show Country Column</button>
             </span>
             </div>
         </div>

src/app/rich-grid-example/rich-grid.component.ts

@@ -1,6 +1,6 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 // for enterprise features
-import { ColumnApi, GridApi, Module, ColDef, ColGroupDef, GridReadyEvent, CellClickedEvent, CellDoubleClickedEvent, CellContextMenuEvent, ICellRendererParams } from '@ag-grid-community/core';
+import { GridApi, Module, ColDef, ColGroupDef, GridReadyEvent, CellClickedEvent, CellDoubleClickedEvent, CellContextMenuEvent, ICellRendererParams } from '@ag-grid-community/core';
 import { ClientSideRowModelModule } from "@ag-grid-community/client-side-row-model";
 import { MenuModule } from '@ag-grid-enterprise/menu';
 import { SideBarModule } from '@ag-grid-enterprise/side-bar';
@@ -53,18 +53,16 @@ export class RichGridComponent {
     ];
 
     public api!: GridApi;
-    public columnApi!: ColumnApi;
 
     constructor() {
         this.defaultColDef = {
-            resizable: true,
-            sortable: true,
             filter: true,
             floatingFilter: true,
             headerComponent: 'sortableHeaderComponent',
             headerComponentParams: {
                 menuIcon: 'fa-bars'
-            }
+            },
+            cellDataType: false,
         };
 
         this.components = {
@@ -216,8 +214,6 @@ export class RichGridComponent {
         console.log('onGridReady');
 
         this.api = params.api;
-        this.columnApi = params.columnApi;
-
         this.api.sizeColumnsToFit();
 
         this.calculateRowCount();

src/polyfills.ts

@@ -8,55 +8,46 @@
  *      file.
  *
  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ * automatically update themselves. This includes recent versions of Safari, Chrome (including
+ * Opera), Edge on the desktop, and iOS and Chrome on mobile.
  *
- * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+ * Learn more in https://angular.io/guide/browser-support
  */
 
 /***************************************************************************************************
  * BROWSER POLYFILLS
  */
 
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-import 'core-js/es/symbol';
-import 'core-js/es/object';
-import 'core-js/es/function';
-import 'core-js/es/parse-int';
-import 'core-js/es/parse-float';
-import 'core-js/es/number';
-import 'core-js/es/math';
-import 'core-js/es/string';
-import 'core-js/es/date';
-import 'core-js/es/array';
-import 'core-js/es/regexp';
-import 'core-js/es/map';
-import 'core-js/es/set';
-/** Evergreen browsers require these. **/
-import 'core-js/es/reflect';
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
 
 /***************************************************************************************************
- * Zone JS is required by Angular itself.
+ * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone'; // Included with Angular CLI.
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following to support `@angular/animation`. */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-
-/** ALL Firefox browsers require the following to support `@angular/animation`. **/
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+import 'zone.js';  // Included with Angular CLI.
 
 
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */
-
-/**
- * Date, currency, decimal and percent pipes.
- * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
- */
-// import 'intl';  // Run `npm install --save intl`.

src/test.ts

@@ -20,7 +20,9 @@ __karma__.loaded = function () {
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
     BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting()
+    platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);

src/tsconfig.app.json

@@ -14,7 +14,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2017",
+    "target": "es2020",
     "module": "es2020",
     "lib": [
       "es2018",