From 2f1c86a55e851dab51076b58a31503fa2af51e42 Mon Sep 17 00:00:00 2001 From: Nathan Walker Date: Mon, 20 Apr 2020 11:35:59 -0700 Subject: [PATCH 1/2] feat(angular): angular 9 support and cleanup --- demo-angular/package.json | 33 +- demo-angular/src/app/app-routing.module.ts | 2 +- demo-angular/src/app/app.module.ts | 2 +- .../src/app/home/home-routing.module.ts | 2 +- demo-angular/src/app/home/home.component.ts | 3 +- demo-angular/src/app/home/home.module.ts | 3 +- demo-angular/src/main.ts | 2 +- demo-angular/tsconfig.json | 12 +- demo-vue/app/components/Home.vue | 3 +- demo-vue/jsconfig.json | 2 +- demo-vue/package.json | 6 +- demo-vue/tsconfig.json | 1 - demo/app/app.ts | 4 +- demo/app/home/home-page.ts | 2 +- demo/app/home/home-view-model.ts | 5 +- demo/package.json | 6 +- ...nativescript-datetimepicker.accessors.d.ts | 19 +- .../nativescript-datetimepicker.accessors.ts | 2 +- ...ativescript-datetimepicker.directives.d.ts | 4 +- .../nativescript-datetimepicker.directives.ts | 8 +- .../nativescript-datetimepicker.module.d.ts | 2 + .../nativescript-datetimepicker.module.ts | 49 +- src/angular/package.json | 4 - src/datetimepicker.android.d.ts | 24 + src/datetimepicker.android.ts | 2 +- src/datetimepicker.common.d.ts | 41 + src/datetimepicker.common.ts | 8 +- src/datetimepicker.d.ts | 3 +- src/datetimepicker.ios.d.ts | 24 + src/datetimepicker.ios.ts | 6 +- src/index.d.ts | 4 +- src/index.ts | 4 +- src/package-lock.json | 1136 +++++++++++++++++ src/package.json | 36 +- src/tsconfig.json | 13 +- src/ui/date-picker-field.android.d.ts | 4 + src/ui/date-picker-field.common.d.ts | 30 + src/ui/date-picker-field.common.ts | 3 +- src/ui/date-picker-field.d.ts | 4 +- src/ui/date-picker-field.ios.d.ts | 3 + src/ui/date-time-picker-fields.d.ts | 207 +-- src/ui/date-time-picker-fields.ts | 11 +- src/ui/index.d.ts | 3 + src/ui/index.ts | 3 + src/ui/picker-field-base.d.ts | 21 + src/ui/picker-field-base.ts | 6 +- src/ui/time-picker-field.android.d.ts | 4 + src/ui/time-picker-field.common.d.ts | 27 + src/ui/time-picker-field.common.ts | 3 +- src/ui/time-picker-field.d.ts | 4 +- src/ui/time-picker-field.ios.d.ts | 3 + src/utils/date-utils.d.ts | 4 + src/utils/localization-utils.android.d.ts | 10 + src/utils/localization-utils.common.d.ts | 11 + src/utils/localization-utils.ios.d.ts | 9 + src/vue/index.d.ts | 5 +- src/vue/index.ts | 4 +- src/vue/package.json | 4 - 58 files changed, 1561 insertions(+), 299 deletions(-) delete mode 100644 src/angular/package.json create mode 100644 src/datetimepicker.android.d.ts create mode 100644 src/datetimepicker.common.d.ts create mode 100644 src/datetimepicker.ios.d.ts create mode 100644 src/package-lock.json create mode 100644 src/ui/date-picker-field.android.d.ts create mode 100644 src/ui/date-picker-field.common.d.ts create mode 100644 src/ui/date-picker-field.ios.d.ts create mode 100644 src/ui/index.d.ts create mode 100644 src/ui/index.ts create mode 100644 src/ui/picker-field-base.d.ts create mode 100644 src/ui/time-picker-field.android.d.ts create mode 100644 src/ui/time-picker-field.common.d.ts create mode 100644 src/ui/time-picker-field.ios.d.ts create mode 100644 src/utils/date-utils.d.ts create mode 100644 src/utils/localization-utils.android.d.ts create mode 100644 src/utils/localization-utils.common.d.ts create mode 100644 src/utils/localization-utils.ios.d.ts delete mode 100644 src/vue/package.json diff --git a/demo-angular/package.json b/demo-angular/package.json index 821ee23..b099519 100644 --- a/demo-angular/package.json +++ b/demo-angular/package.json @@ -18,29 +18,30 @@ "e2e-watch": "tsc -p e2e --watch" }, "dependencies": { - "@angular/animations": "~8.2.0", - "@angular/common": "~8.2.0", - "@angular/compiler": "~8.2.0", - "@angular/core": "~8.2.0", - "@angular/forms": "~8.2.0", - "@angular/platform-browser": "~8.2.0", - "@angular/platform-browser-dynamic": "~8.2.0", - "@angular/router": "~8.2.0", - "nativescript-angular": "~8.20.0", + "@angular/animations": "~9.1.0", + "@angular/common": "~9.1.0", + "@angular/compiler": "~9.1.0", + "@angular/core": "~9.1.0", + "@angular/forms": "~9.1.0", + "@angular/platform-browser": "~9.1.0", + "@angular/platform-browser-dynamic": "~9.1.0", + "@angular/router": "~9.1.0", + "@nativescript/angular": "https://github.com/nstudio/ns-ng/blob/master/nativescript-angular-9.0.0.tgz?raw=true", + "nativescript-angular": "https://github.com/nstudio/ns-ng/blob/master/nativescript-angular-compat.tgz?raw=true", "nativescript-datetimepicker": "file:../src", "nativescript-theme-core": "~1.0.4", "reflect-metadata": "~0.1.10", - "rxjs": "^6.4.0", - "tns-core-modules": "^6.0.0", - "zone.js": "^0.9.1" + "rxjs": "^6.5.0", + "tns-core-modules": "^6.5.0", + "zone.js": "^0.10.3" }, "devDependencies": { - "@angular/compiler-cli": "~8.2.0", - "@ngtools/webpack": "~8.2.0", + "@angular/compiler-cli": "~9.1.0", + "@ngtools/webpack": "~9.1.0", "@types/node": "~10.12.18", - "nativescript-dev-webpack": "^1.3.0", + "nativescript-dev-webpack": "^1.5.0", "tslint": "~5.11.0", - "typescript": "~3.5.3" + "typescript": "~3.8.3" }, "readme": "NativeScript DateTimePicker Demo NG" } diff --git a/demo-angular/src/app/app-routing.module.ts b/demo-angular/src/app/app-routing.module.ts index 8317fd8..ed78560 100644 --- a/demo-angular/src/app/app-routing.module.ts +++ b/demo-angular/src/app/app-routing.module.ts @@ -1,6 +1,6 @@ import { NgModule } from "@angular/core"; import { Routes } from "@angular/router"; -import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptRouterModule } from "@nativescript/angular"; const routes: Routes = [ { path: "", redirectTo: "/home", pathMatch: "full" }, diff --git a/demo-angular/src/app/app.module.ts b/demo-angular/src/app/app.module.ts index e531604..bb47fe9 100644 --- a/demo-angular/src/app/app.module.ts +++ b/demo-angular/src/app/app.module.ts @@ -1,5 +1,5 @@ import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; -import { NativeScriptModule } from "nativescript-angular/nativescript.module"; +import { NativeScriptModule } from "@nativescript/angular"; import { AppRoutingModule } from "./app-routing.module"; import { AppComponent } from "./app.component"; diff --git a/demo-angular/src/app/home/home-routing.module.ts b/demo-angular/src/app/home/home-routing.module.ts index a697bdb..d0218c1 100644 --- a/demo-angular/src/app/home/home-routing.module.ts +++ b/demo-angular/src/app/home/home-routing.module.ts @@ -1,6 +1,6 @@ import { NgModule } from "@angular/core"; import { Routes } from "@angular/router"; -import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptRouterModule } from "@nativescript/angular"; import { HomeComponent } from "./home.component"; diff --git a/demo-angular/src/app/home/home.component.ts b/demo-angular/src/app/home/home.component.ts index 8f4e9e2..3429392 100644 --- a/demo-angular/src/app/home/home.component.ts +++ b/demo-angular/src/app/home/home.component.ts @@ -1,7 +1,6 @@ import { Component, OnInit, ViewChild, ElementRef } from "@angular/core"; import { DateTimePicker } from "nativescript-datetimepicker"; -import { EventData } from "tns-core-modules/data/observable"; -import { Button } from "tns-core-modules/ui/button"; +import { Button, EventData } from "@nativescript/core"; @Component({ selector: "Home", diff --git a/demo-angular/src/app/home/home.module.ts b/demo-angular/src/app/home/home.module.ts index f78b7d9..0fee216 100644 --- a/demo-angular/src/app/home/home.module.ts +++ b/demo-angular/src/app/home/home.module.ts @@ -1,7 +1,6 @@ import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; -import { NativeScriptCommonModule } from "nativescript-angular/common"; +import { NativeScriptCommonModule, NativeScriptFormsModule } from "@nativescript/angular"; import { NativeScriptDateTimePickerModule } from "nativescript-datetimepicker/angular"; -import { NativeScriptFormsModule } from "nativescript-angular/forms"; import { HomeRoutingModule } from "./home-routing.module"; import { HomeComponent } from "./home.component"; diff --git a/demo-angular/src/main.ts b/demo-angular/src/main.ts index 8015ce5..3cae736 100644 --- a/demo-angular/src/main.ts +++ b/demo-angular/src/main.ts @@ -1,5 +1,5 @@ // this import should be first in order to load some required settings (like globals and reflect-metadata) -import { platformNativeScriptDynamic } from "nativescript-angular/platform"; +import { platformNativeScriptDynamic } from "@nativescript/angular/platform"; import { AppModule } from "./app/app.module"; diff --git a/demo-angular/tsconfig.json b/demo-angular/tsconfig.json index 58b7643..2d3a263 100644 --- a/demo-angular/tsconfig.json +++ b/demo-angular/tsconfig.json @@ -8,9 +8,9 @@ "emitDecoratorMetadata": true, "experimentalDecorators": true, "lib": [ - "es6", - "dom", - "es2015.iterable" + "es2017", + "dom", + "es6" ], "pretty": true, "allowUnreachableCode": false, @@ -25,7 +25,6 @@ "baseUrl": ".", "paths": { "*": [ - "./node_modules/tns-core-modules/*", "./node_modules/*" ], "~/*": [ @@ -42,5 +41,8 @@ "node_modules", "platforms" ], - "compileOnSave": false + "compileOnSave": false, + "angularCompilerOptions": { + "enableIvy": false + } } \ No newline at end of file diff --git a/demo-vue/app/components/Home.vue b/demo-vue/app/components/Home.vue index 75c69c3..631d54a 100644 --- a/demo-vue/app/components/Home.vue +++ b/demo-vue/app/components/Home.vue @@ -172,8 +172,7 @@