ag-grid-aurelia-plugin 31.3.6 → 31.3.7

package/lib/agGridAurelia.d.ts

@@ -1,6 +1,5 @@
-// ag-grid-aurelia-plugin v31.3.4
-import type { GridOptions } from "ag-grid-community";
-import { ColumnApi, GridApi } from "ag-grid-community";
+// ag-grid-aurelia-plugin v31.3.7
+import type { ColumnApi, GridApi, GridOptions } from "ag-grid-community";
 import { ComponentAttached, ComponentDetached, Container, TaskQueue, ViewResources } from "aurelia-framework";
 import { AureliaFrameworkFactory } from "./aureliaFrameworkFactory";
 import { AgGridColumn } from "./agGridColumn";

package/lib/agGridAurelia.js

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -8,8 +8,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { autoinject, bindable, child, children, Container, customElement, inlineView, TaskQueue, ViewResources } from "aurelia-framework";
 import { ComponentUtil, Grid } from "ag-grid-community";
-import { bindable, child, children, Container, customElement, inlineView, TaskQueue, ViewResources } from "aurelia-framework";
 import { AureliaFrameworkFactory } from "./aureliaFrameworkFactory";
 import { generateBindables } from "./agUtils";
 import { AgDateTemplate, AgFullWidthRowTemplate } from './agTemplate';
@@ -62,6 +62,7 @@ let AgGridAurelia = class AgGridAurelia {
         this.auFrameworkFactory.setViewResources(this.viewResources);
         this.aureliaFrameworkComponentWrapper.setContainer(this.container);
         this.aureliaFrameworkComponentWrapper.setViewResources(this.viewResources);
+        this.gridOptions = ComponentUtil.combineAttributesAndGridOptions(this.gridOptions, this);
         this.gridParams = {
             globalEventListener: this.globalEventListener.bind(this),
             frameworkFactory: this.auFrameworkFactory,
@@ -80,8 +81,13 @@ let AgGridAurelia = class AgGridAurelia {
                 { template: this.fullWidthRowTemplate.template };
         }
         if (this.dateTemplate) {
-            this.gridOptions.dateComponentFramework =
-                { template: this.dateTemplate.template };
+            this.gridOptions.dataTypeDefinitions = {
+                date: {
+                    baseDataType: 'date',
+                    extendsDataType: 'date',
+                    valueFormatter: () => this.dateTemplate.template
+                }
+            };
         }
         new Grid(this._nativeElement, this.gridOptions, this.gridParams);
         this.api = this.gridOptions.api;
@@ -149,6 +155,7 @@ AgGridAurelia = __decorate([
     // <slot> is required for @children to work.  https://github.com/aurelia/templating/issues/451#issuecomment-254206622
     ,
     inlineView(`<template><slot></slot></template>`),
+    autoinject(),
     __metadata("design:paramtypes", [Element,
         TaskQueue,
         AureliaFrameworkFactory,

package/lib/agGridColumn.d.ts

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 import { ColDef } from "ag-grid-community";
 import { AgCellTemplate, AgEditorTemplate, AgFilterTemplate, AgHeaderGroupTemplate, AgHeaderTemplate, AgPinnedRowTemplate } from "./agTemplate";
 export declare class AgGridColumn {

package/lib/agGridColumn.js

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/lib/agTemplate.d.ts

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 import { TargetInstruction } from "aurelia-framework";
 export declare class AgCellTemplate {
     template: string;

package/lib/agTemplate.js

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/lib/agUtils.d.ts

@@ -1,2 +1,2 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 export declare function generateBindables(names: string[], bindingModeToUse?: any): any;

package/lib/agUtils.js

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 import { BindableProperty, HtmlBehaviorResource, metadata } from "aurelia-framework";
 export function generateBindables(names, bindingModeToUse) {
     return function (target, key, descriptor) {

package/lib/aureliaFrameworkComponentWrapper.d.ts

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 import { Container, TaskQueue, ViewCompiler, ViewResources } from "aurelia-framework";
 import { BaseComponentWrapper, FrameworkComponentWrapper, WrappableInterface } from 'ag-grid-community';
 export declare class AureliaFrameworkComponentWrapper extends BaseComponentWrapper<WrappableInterface> implements FrameworkComponentWrapper {

package/lib/aureliaFrameworkComponentWrapper.js

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/lib/aureliaFrameworkFactory.d.ts

@@ -1,13 +1,9 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 import { Container, ViewResources } from "aurelia-framework";
-import { IFrameworkOverrides, AgPromise, FrameworkOverridesIncomingSource } from "ag-grid-community";
+import { IFrameworkOverrides, AgPromise } from "ag-grid-community";
 export declare class AureliaFrameworkFactory implements IFrameworkOverrides {
     setInterval(action: any, interval?: any): AgPromise<number>;
-    addEventListener(element: HTMLElement, type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-    wrapIncoming: <T>(callback: () => T, source?: FrameworkOverridesIncomingSource) => T;
-    wrapOutgoing: <T>(callback: () => T) => T;
     shouldWrapOutgoing?: boolean;
-    frameworkComponent(name: string, components?: any): void;
     isFrameworkComponent(comp: any): boolean;
     renderingEngine: "vanilla" | "react";
     getDocLink(path?: string): string;
@@ -16,6 +12,9 @@ export declare class AureliaFrameworkFactory implements IFrameworkOverrides {
     private _baseFrameworkFactory;
     setContainer(container: Container): void;
     setViewResources(viewResources: ViewResources): void;
-    setTimeout(action: any, timeout?: any): void;
-    addEventListenerOutsideAngular(element: HTMLElement, type: string, listener: EventListener | EventListenerObject, useCapture?: boolean): void;
+    setTimeout(action: any, interval?: any): void;
+    addEventListener(element: HTMLElement, type: string, listener: EventListener | EventListenerObject, useCapture?: boolean): void;
+    wrapIncoming<T>(callback: () => T, source?: any): T;
+    wrapOutgoing<T>(callback: () => T, source?: any): T;
+    frameworkComponent(name: string): any;
 }

package/lib/aureliaFrameworkFactory.js

@@ -1,4 +1,4 @@
-// ag-grid-aurelia-plugin v31.3.4
+// ag-grid-aurelia-plugin v31.3.7
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -6,20 +6,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { autoinject, transient } from "aurelia-framework";
-import { VanillaFrameworkOverrides } from "ag-grid-community";
+import { VanillaFrameworkOverrides, AgPromise } from "ag-grid-community";
 let AureliaFrameworkFactory = class AureliaFrameworkFactory {
     setInterval(action, interval) {
-        throw new Error("Method not implemented.");
-    }
-    addEventListener(element, type, listener, options) {
-        throw new Error("Method not implemented.");
+        return new AgPromise(resolve => {
+            resolve(window.setInterval(action, interval));
+        });
     }
-    wrapIncoming;
-    wrapOutgoing;
     shouldWrapOutgoing;
-    frameworkComponent(name, components) {
-        throw new Error("Method not implemented.");
-    }
     isFrameworkComponent(comp) {
         throw new Error("Method not implemented.");
     }
@@ -29,18 +23,27 @@ let AureliaFrameworkFactory = class AureliaFrameworkFactory {
     }
     _container;
     _viewResources;
-    _baseFrameworkFactory = new VanillaFrameworkOverrides(); // todo - inject this
+    _baseFrameworkFactory = new VanillaFrameworkOverrides();
     setContainer(container) {
         this._container = container;
     }
     setViewResources(viewResources) {
         this._viewResources = viewResources;
     }
-    setTimeout(action, timeout) {
-        window.setTimeout(action, timeout);
+    setTimeout(action, interval) {
+        this._baseFrameworkFactory.setInterval(action, interval);
+    }
+    addEventListener(element, type, listener, useCapture) {
+        this._baseFrameworkFactory.addEventListener(element, type, listener, useCapture);
+    }
+    wrapIncoming(callback, source) {
+        return this._baseFrameworkFactory.wrapIncoming(callback, source);
+    }
+    wrapOutgoing(callback, source) {
+        return this._baseFrameworkFactory.wrapOutgoing(callback);
     }
-    addEventListenerOutsideAngular(element, type, listener, useCapture) {
-        element.addEventListener(type, listener, useCapture);
+    frameworkComponent(name) {
+        return this._baseFrameworkFactory.frameworkComponent(name);
     }
 };
 AureliaFrameworkFactory = __decorate([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-aurelia-plugin",
-  "version": "31.3.6",
+  "version": "31.3.7",
   "description": "ag-Grid Aurelia Component, a fork of Niall Crosby <niall.crosby@gmail.com>",
   "credits": "Niall Crosby <niall.crosby@gmail.com>",
   "main": "./main.js",

package/src/agGridAurelia.ts

@@ -1,25 +1,24 @@
 import type {
+    ColumnApi,
+    GridApi,
     GridOptions,
     GridParams
 } from "ag-grid-community";
+
 import {
-    ColumnApi,
-    ComponentUtil,
-    Grid,
-    GridApi
-} from "ag-grid-community";
-import {
-    ComponentAttached,
-    ComponentDetached,
+    autoinject,
     bindable,
     child,
     children,
+    ComponentAttached,
+    ComponentDetached,
     Container,
     customElement,
     inlineView,
     TaskQueue,
     ViewResources
 } from "aurelia-framework";
+import {ComponentUtil, Grid} from "ag-grid-community";
 import {AureliaFrameworkFactory} from "./aureliaFrameworkFactory";
 import {AgGridColumn} from "./agGridColumn";
 import {generateBindables} from "./agUtils";
@@ -35,6 +34,7 @@ interface IPropertyChanges {
 @generateBindables(ComponentUtil.EVENTS)
 // <slot> is required for @children to work.  https://github.com/aurelia/templating/issues/451#issuecomment-254206622
 @inlineView(`<template><slot></slot></template>`)
+@autoinject()
 export class AgGridAurelia implements ComponentAttached, ComponentDetached {
     // not intended for user to interact with. so putting _ in so if user gets reference
     // to this object, they kind'a know it's not part of the agreed interface
@@ -93,6 +93,7 @@ export class AgGridAurelia implements ComponentAttached, ComponentDetached {
         this.aureliaFrameworkComponentWrapper.setContainer(this.container);
         this.aureliaFrameworkComponentWrapper.setViewResources(this.viewResources);
 
+        this.gridOptions = ComponentUtil.combineAttributesAndGridOptions(this.gridOptions, this);
         this.gridParams = <any>{
             globalEventListener: this.globalEventListener.bind(this),
             frameworkFactory: this.auFrameworkFactory,
@@ -114,8 +115,13 @@ export class AgGridAurelia implements ComponentAttached, ComponentDetached {
         }
 
         if (this.dateTemplate) {
-            (<any>this.gridOptions).dateComponentFramework =
-                {template: this.dateTemplate.template};
+            this.gridOptions.dataTypeDefinitions = {
+                date: {
+                    baseDataType: 'date',
+                    extendsDataType: 'date',
+                    valueFormatter: () => this.dateTemplate.template
+                }
+            };
         }
 
         new Grid(this._nativeElement, this.gridOptions, this.gridParams);

package/src/aureliaFrameworkFactory.ts

@@ -1,21 +1,15 @@
 import {autoinject, Container, transient, ViewResources} from "aurelia-framework";
-import {VanillaFrameworkOverrides, IFrameworkOverrides, AgPromise, FrameworkOverridesIncomingSource} from "ag-grid-community";
+import {VanillaFrameworkOverrides, IFrameworkOverrides, AgPromise} from "ag-grid-community";
 
 @autoinject()
 @transient()
 export class AureliaFrameworkFactory implements IFrameworkOverrides {
     setInterval(action: any, interval?: any): AgPromise<number> {
-        throw new Error("Method not implemented.");
-    }
-    addEventListener(element: HTMLElement, type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void {
-        throw new Error("Method not implemented.");
+        return new AgPromise(resolve => {
+            resolve(window.setInterval(action, interval));
+        });
     }
-    wrapIncoming: <T>(callback: () => T, source?: FrameworkOverridesIncomingSource) => T;
-    wrapOutgoing: <T>(callback: () => T) => T;
     shouldWrapOutgoing?: boolean;
-    frameworkComponent(name: string, components?: any) {
-        throw new Error("Method not implemented.");
-    }
     isFrameworkComponent(comp: any): boolean {
         throw new Error("Method not implemented.");
     }
@@ -25,7 +19,7 @@ export class AureliaFrameworkFactory implements IFrameworkOverrides {
     }
     private _container: Container;
     private _viewResources: ViewResources;
-    private _baseFrameworkFactory: IFrameworkOverrides = new VanillaFrameworkOverrides();    // todo - inject this
+    private _baseFrameworkFactory: IFrameworkOverrides = new VanillaFrameworkOverrides();
 
     public setContainer(container: Container): void {
         this._container = container;
@@ -35,11 +29,26 @@ export class AureliaFrameworkFactory implements IFrameworkOverrides {
         this._viewResources = viewResources;
     }
 
-    setTimeout(action: any, timeout?: any): void {
-        window.setTimeout(action, timeout);
+    setTimeout(action: any, interval?: any): void {
+        this._baseFrameworkFactory.setInterval(action, interval);
+    }
+
+    addEventListener(element: HTMLElement, type: string, listener: EventListener | EventListenerObject, useCapture?: boolean): void {
+        this._baseFrameworkFactory.addEventListener(element, type, listener, useCapture);
+    }
+
+    wrapIncoming<T>(callback: () => T, source?: any): T {
+        return this._baseFrameworkFactory.wrapIncoming(callback, source);
     }
 
-    addEventListenerOutsideAngular(element: HTMLElement, type: string, listener: EventListener | EventListenerObject, useCapture?: boolean): void {
-        element.addEventListener(type, listener, useCapture);
+    wrapOutgoing<T>(callback: () => T, source?: any): T {
+        return this._baseFrameworkFactory.wrapOutgoing(callback);
     }
+
+    frameworkComponent(name: string): any {
+        return this._baseFrameworkFactory.frameworkComponent(name);
+    }
+
+    // Add any additional missing methods based on the IFrameworkOverrides interface
+    // You may need to check the ag-grid documentation for the complete interface
 }