ag-grid-angular - npm Package Compare versions

Comparing version 31.0.1 to 31.0.2

lib/ag-grid-angular.module.d.ts

@@ -5,4 +5,4 @@ import * as i0 from "@angular/core";
     static ɵfac: i0.ɵɵFactoryDeclaration<AgGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AgGridModule, [typeof i1.AgGridAngular], never, [typeof i1.AgGridAngular]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AgGridModule, never, [typeof i1.AgGridAngular], [typeof i1.AgGridAngular]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AgGridModule>;
 }

lib/angularFrameworkComponentWrapper.d.ts

@@ -1,12 +0,12 @@
-import { ComponentFactoryResolver, ComponentRef, ViewContainerRef } from "@angular/core";
+import { ComponentRef, ViewContainerRef } from "@angular/core";
 import { BaseComponentWrapper, FrameworkComponentWrapper, WrappableInterface } from 'ag-grid-community';
+import { AngularFrameworkOverrides } from "./angularFrameworkOverrides";
 import * as i0 from "@angular/core";
 export declare class AngularFrameworkComponentWrapper extends BaseComponentWrapper<WrappableInterface> implements FrameworkComponentWrapper {
     private viewContainerRef;
-    private componentFactoryResolver;
-    setViewContainerRef(viewContainerRef: ViewContainerRef): void;
-    setComponentFactoryResolver(componentFactoryResolver: ComponentFactoryResolver): void;
+    private angularFrameworkOverrides;
+    setViewContainerRef(viewContainerRef: ViewContainerRef, angularFrameworkOverrides: AngularFrameworkOverrides): void;
     createWrapper(OriginalConstructor: {
         new (): any;
-    }): WrappableInterface;
+    }, compType: any): WrappableInterface;
     createComponent<T>(componentType: {
@@ -13,0 +13,0 @@ new (...args: any[]): T;

lib/angularFrameworkOverrides.d.ts

 import { NgZone } from "@angular/core";
 import { VanillaFrameworkOverrides } from "ag-grid-community";
-import { AgPromise } from "ag-grid-community";
 import * as i0 from "@angular/core";
 export declare class AngularFrameworkOverrides extends VanillaFrameworkOverrides {
     private _ngZone;
-    private isEmitterUsed;
     constructor(_ngZone: NgZone);
-    setEmitterUsedCallback(isEmitterUsed: (eventType: string) => boolean): void;
-    setTimeout(action: any, timeout?: any): void;
-    setInterval(action: any, interval?: any): AgPromise<number>;
-    addEventListener(element: HTMLElement, eventType: string, listener: EventListener | EventListenerObject, useCapture?: boolean): void;
-    dispatchEvent(eventType: string, listener: () => {}, global?: boolean): void;
+    wrapIncoming: <T>(callback: () => T) => T;
+    get shouldWrapOutgoing(): boolean;
+    /**
+     * Make sure that any code that is executed outside of AG Grid is running within the Angular zone.
+     * This means users can update templates and use binding without having to do anything extra.
+     */
+    wrapOutgoing: <T>(callback: () => T) => T;
     isFrameworkComponent(comp: any): boolean;
+    runInsideAngular<T>(callback: () => T): T;
+    runOutsideAngular<T>(callback: () => T): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<AngularFrameworkOverrides, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AngularFrameworkOverrides>;
 }

lib/interfaces.d.ts

@@ -1,2 +0,2 @@
-import { ICellEditor, ICellEditorParams, ICellRenderer, ICellRendererParams, IDate, IDateParams, IFilter, IFilterParams, IFloatingFilter, IFloatingFilterParams, IHeader, IHeaderGroup, IHeaderGroupParams, IHeaderParams, ILoadingCellRendererParams, ILoadingOverlayParams, INoRowsOverlayParams, IStatusPanelParams, IToolPanelParams, ITooltipParams } from "ag-grid-community";
+import { ICellEditor, ICellEditorParams, ICellRenderer, ICellRendererParams, IDate, IDateParams, IFilter, IFilterParams, IFloatingFilter, IFloatingFilterParams, IHeader, IHeaderGroup, IHeaderGroupParams, IHeaderParams, ILoadingCellRendererParams, ILoadingOverlay, ILoadingOverlayParams, INoRowsOverlay, INoRowsOverlayParams, IStatusPanel, IStatusPanelParams, IToolPanel, IToolPanelParams, ITooltipParams } from "ag-grid-community";
 export interface AgFrameworkComponent<T> {
@@ -30,11 +30,11 @@ /** Mandatory - Params for rendering this component. */
 }
-export interface ILoadingOverlayAngularComp extends AgFrameworkComponent<ILoadingOverlayParams> {
+export interface ILoadingOverlayAngularComp extends AgFrameworkComponent<ILoadingOverlayParams>, ILoadingOverlay {
 }
-export interface INoRowsOverlayAngularComp extends AgFrameworkComponent<INoRowsOverlayParams> {
+export interface INoRowsOverlayAngularComp extends AgFrameworkComponent<INoRowsOverlayParams>, INoRowsOverlay {
 }
-export interface IStatusPanelAngularComp extends AgFrameworkComponent<IStatusPanelParams> {
+export interface IStatusPanelAngularComp extends AgFrameworkComponent<IStatusPanelParams>, IStatusPanel {
 }
-export interface IToolPanelAngularComp extends AgFrameworkComponent<IToolPanelParams> {
+export interface IToolPanelAngularComp extends AgFrameworkComponent<IToolPanelParams>, IToolPanel {
 }
 export interface ITooltipAngularComp extends AgFrameworkComponent<ITooltipParams> {
 }

package.json

 {
   "name": "ag-grid-angular",
-  "version": "31.0.1",
+  "version": "31.0.2",
   "license": "MIT",
@@ -10,3 +10,3 @@ "peerDependencies": {
   "dependencies": {
-    "ag-grid-community": "~31.0.1",
+    "ag-grid-community": "~31.0.2",
     "tslib": "^2.3.0"
@@ -13,0 +13,0 @@ },

README.md

@@ -65,39 +65,40 @@ ![AG Grid HTML5 Grid trusted by the community, built for enterprise](./github-banner.png "AG Grid")
 
-#### Import `AgGridModule` and add it to the `App` module
-
-	import { AgGridModule } from 'ag-grid-angular';
-
-	@NgModule({
-	  declarations: [AppComponent],
-	  imports: [BrowserModule, AgGridModule],
-	  providers: [],
-	  bootstrap: [AppComponent]
-	})
-	export class AppModule {}
-
 ### Import styles in `styles.css`
 
-    @import "~ag-grid-community/styles//ag-grid.css";
-    @import "~ag-grid-community/styles//ag-theme-quartz.css";
+```scss
+@import "~ag-grid-community/styles//ag-grid.css";
+@import "~ag-grid-community/styles//ag-theme-quartz.css";
+```
 
 ### Set the grid's configuration in a parent component
 
-	export class AppComponent {
-		title = 'app';
+```ts
+import { AgGridAngular } from 'ag-grid-angular';
 
-		columnDefs = [
-			{headerName: 'Make', field: 'make' },
-			{headerName: 'Model', field: 'model' },
-			{headerName: 'Price', field: 'price'}
-		];
+@Component({
+    selector: 'app-grid',
+    standalone: true,
+    imports: [AgGridAngular],
+    template: ` ... `
+})
+export class AppComponent {
+	title = 'app';
 
-		rowData = [
-			{ make: 'Toyota', model: 'Celica', price: 35000 },
-			{ make: 'Ford', model: 'Mondeo', price: 32000 },
-			{ make: 'Porsche', model: 'Boxster', price: 72000 }
-		];
-	}
+	columnDefs: ColDef[] = [
+		{ headerName: 'Make', field: 'make' },
+		{ headerName: 'Model', field: 'model' },
+		{ headerName: 'Price', field: 'price' }
+	];
 
+	rowData = [
+		{ make: 'Toyota', model: 'Celica', price: 35000 },
+		{ make: 'Ford', model: 'Mondeo', price: 32000 },
+		{ make: 'Porsche', model: 'Boxster', price: 72000 }
+	];
+}
+```
+
 ### Render the grid as the `ag-grid-angular` child component
 
+```html
 	<ag-grid-angular 
@@ -109,2 +110,3 @@ style="width: 500px; height: 500px;"
 	</ag-grid-angular>
+```
 
@@ -111,0 +113,0 @@ Issue Reporting

No alert changes

Improved metrics

Total package byte prevSize

1083266

increased by0.56%

Number of lines in readme file

128

increased by1.59%

Worsened metrics

Lines of code

9470

decreased by-0.56%

Dependency changes

• Updatedag-grid-community@~31.0.2