@taiga-ui/cdk 3.44.1-canary.aef8c35 → 3.44.1-canary.fd7a856

package/schematics/ng-update/v3/tests/schematic-miscellaneous.spec.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const BEFORE = `import {Component} from '@angular/core';
+import {TuiCurrency, TuiCurrencyCode} from '@taiga-ui/addon-commerce';
+import {TuiDirectiveStylesService} from '@taiga-ui/cdk';
+
+const lineType: TuiCurrency = TuiCurrency.HongKong_dollar;
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent {
+   some: TuiCurrencyCode = TuiCurrencyCode.HongKong_dollar;
+
+   constructor(
+        @Inject(TuiDirectiveStylesService) private directiveStyles: TuiDirectiveStylesService,
+    ) {}
+
+    method() {
+      this.directiveStyles.addComponent(component);
+    }
+
+    method2() {
+      this.directiveStyles.addStyle(styles, 'style');
+    }
+}`;
+const AFTER = `import {Component} from '@angular/core';
+import {TuiCurrency, TuiCurrencyCode} from '@taiga-ui/addon-commerce';
+import {TuiDirectiveStylesService} from '@taiga-ui/cdk';
+
+const lineType: TuiCurrency = TuiCurrency.HongKongDollar;
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent {
+   some: TuiCurrencyCode = TuiCurrencyCode.HongKongDollar;
+
+   constructor(
+        @Inject(TuiDirectiveStylesService) private directiveStyles: TuiDirectiveStylesService,
+    ) {}
+
+    method() {
+      this.directiveStyles.addComponent(component);
+    }
+
+    method2() {
+// TODO: (Taiga UI migration) addStyle method has been removed. Use components approach
+      this.directiveStyles.addStyle(styles, 'style');
+    }
+}`;
+describe(`ng-update miscellaneous`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should replace content`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/app.component.ts`)).toEqual(AFTER);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/app.component.ts`, BEFORE);
+    ng_morph_1.createSourceFile(`test/app/app.template.html`, `<app></app>`);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0"}}`);
+}

package/schematics/ng-update/v3/tests/schematic-rename-types.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3/tests/schematic-rename-types.spec.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const BEFORE = `
+import { Component } from '@angular/core';
+import {
+    TuiNotificationOptions,
+    TuiNotificationOptionsWithData,
+    AnotherType,
+    TuiAbstractTextfieldHost
+} from '@taiga-ui/core';
+import { InputCountOptions } from '@taiga-ui/kit/components';
+import { ScrollIntoViewDirective, CodeComponent } from '@taiga-ui/addon-doc';
+import { TableBar } from '@taiga-ui/addon-tablebars';
+import { TuiInvalidDayException, TuiInvalidMonthException, TuiInvalidYearException } from '@taiga-ui/cdk/exceptions';
+import { ButtonOptions, some, InputCountOptions, WithDateMaskPipeConfig } from '@taiga-ui/core/types';
+import { InputPasswordOptions } from '@taiga-ui/kit/components/input-password';
+import { TUI_INPUT_TIME_OPTIONS, InputTimeOptions, Country, RadioOptions } from '@taiga-ui/kit';
+import {
+    Language,
+    LanguageCore,
+    LanguageCommerce,
+    LanguageEditor,
+    LanguagePreview,
+    LanguageTable,
+    LanguageKit
+} from '@taiga-ui/i18n';
+import { ToggleOptions } from '@taiga-ui/cdk';
+const options: ButtonOptions = {};
+const inputCountOptions: InputCountOptions = {};
+const passwordOptions = {} as InputPasswordOptions;
+const config: WithDateMaskPipeConfig = {}
+const notificationOptions: TuiNotificationOptions = {};
+const notificationOptionsWithData: TuiNotificationOptionsWithData<string> = {};
+const COUNTRIES: Country[] = [];
+const language: Language
+        | LanguageCore
+        | LanguageCommerce
+        | LanguageEditor
+        | LanguagePreview
+        | LanguageTable
+        | LanguageKit
+        | null = null;
+
+@Component({
+   templateUrl: './app.template.html',
+   providers: [
+      {provide: TUI_TOGGLE_OPTIONS, useValue: {showIcons: true} as ToggleOptions},
+   ],
+})
+export class AppComponent {
+   some: ButtonOptions = {};
+   doSomething(options: InputCountOptions) {
+      console.log(options.step);
+   }
+   get passwordOptions(): InputPasswordOptions {
+      return {};
+   }
+   get radioOptions() {
+      return {size: 'l'} as RadioOptions;
+   }
+   constructor(@Inject(TUI_INPUT_TIME_OPTIONS) readonly options: InputTimeOptions) {}
+}
+
+export class Textfield extends TuiAbstractTextfieldHost {}
+`;
+const AFTER = `
+import { Component } from '@angular/core';
+import { TuiAlertOptions, AnotherType, AbstractTuiTextfieldHost } from '@taiga-ui/core';
+import { TuiInputCountOptions } from '@taiga-ui/kit';
+import { TuiScrollIntoViewLinkDirective, TuiCodeComponent } from '@taiga-ui/addon-doc';
+import { TuiTableBar } from '@taiga-ui/addon-tablebars';
+import { TuiInvalidDayException, TuiInvalidMonthException, TuiInvalidYearException } from '@taiga-ui/cdk';
+import { TuiButtonOptions, some, InputCountOptions } from '@taiga-ui/core';
+import { TuiInputPasswordOptions } from '@taiga-ui/kit';
+import { TUI_INPUT_TIME_OPTIONS, TuiInputTimeOptions, TuiRadioOptions } from '@taiga-ui/kit';
+import {
+    TuiLanguage,
+    TuiLanguageCore,
+    TuiLanguageCommerce,
+    TuiLanguageEditor,
+    TuiLanguagePreview,
+    TuiLanguageTable,
+    TuiLanguageKit
+} from '@taiga-ui/i18n';
+import { TuiToggleOptions } from '@taiga-ui/cdk';
+const options: TuiButtonOptions = {};
+const inputCountOptions: TuiInputCountOptions = {};
+const passwordOptions = {} as TuiInputPasswordOptions;
+const config: any = {}
+const notificationOptions: TuiAlertOptions<any> = {};
+const notificationOptionsWithData: TuiAlertOptions<string> = {};
+const COUNTRIES: any[] = [];
+const language: TuiLanguage
+        | TuiLanguageCore
+        | TuiLanguageCommerce
+        | TuiLanguageEditor
+        | TuiLanguagePreview
+        | TuiLanguageTable
+        | TuiLanguageKit
+        | null = null;
+
+@Component({
+   templateUrl: './app.template.html',
+   providers: [
+      {provide: TUI_TOGGLE_OPTIONS, useValue: {showIcons: true} as TuiToggleOptions},
+   ],
+})
+export class AppComponent {
+   some: TuiButtonOptions = {};
+   doSomething(options: TuiInputCountOptions) {
+      console.log(options.step);
+   }
+   get passwordOptions(): TuiInputPasswordOptions {
+      return {};
+   }
+   get radioOptions() {
+      return {size: 'l'} as TuiRadioOptions;
+   }
+   constructor(@Inject(TUI_INPUT_TIME_OPTIONS) readonly options: TuiInputTimeOptions) {}
+}
+
+export class Textfield extends AbstractTuiTextfieldHost {}
+`;
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should rename types`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/app.component.ts`)).toEqual(AFTER);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/app.component.ts`, BEFORE);
+    ng_morph_1.createSourceFile(`test/app/app.template.html`, `<app></app>`);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0"}}`);
+}

package/schematics/ng-update/v3/tests/schematic-replace-consts.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3/tests/schematic-replace-consts.spec.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const AFTER = `import { TuiTableCommands } from "@taiga-ui/addon-editor";
+import { TuiCountryIsoCode } from "@taiga-ui/i18n";
+import { identity } from "rxjs";
+import { TuiAlertModule } from "@taiga-ui/core";
+import { Validators } from "@angular/forms";
+import {Component} from '@angular/core';
+import { tuiCreateAutoCorrectedDatePipe, tuiCreateDateMask, tuiCreateDateRangeMask } from '@taiga-ui/kit';
+import { tuiGetClosestFocusable, AbstractTuiController } from '@taiga-ui/cdk';
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent extends AbstractTuiController {
+   private readonly textMaskOptions = {
+        mask: tuiCreateDateMask('DMY', '.'),
+        pipe: tuiCreateAutoCorrectedDatePipe(this),
+        guide: false,
+    };
+
+    mask = tuiCreateDateRangeMask('DMY', '.');
+
+    command = TuiTableCommands.InsertColumnBefore;
+
+    control = new FormControl('', [Validators.nullValidator]);
+
+    onMouseDown(event: MouseEvent, target: HTMLElement) {
+        if (tuiGetClosestFocusable({initial: target, root: 'button', previous: false, keyboard: true})) {
+            return null;
+        }
+    }
+}
+
+@NgModule({
+    imports: [
+      TuiAlertModule
+    ],
+    declarations: [AppComponent],
+})
+export class TuiTestModule {}
+
+
+const countriesVariants: ReadonlyArray<readonly TuiCountryIsoCode[]> = [
+    [
+        TuiCountryIsoCode.RU,
+        TuiCountryIsoCode.KZ,
+        TuiCountryIsoCode.UA,
+        TuiCountryIsoCode.BY,
+    ],
+    Object.values(TuiCountryIsoCode),
+];
+`;
+const BEFORE = `import {Component} from '@angular/core';
+import {TUI_DATE_MASK, TUI_DATE_RANGE_MASK, TuiCountryIsoCode, tuiCreateAutoCorrectedDatePipe} from '@taiga-ui/kit';
+import {EMPTY_VALIDATOR} from '@taiga-ui/cdk';
+import { TuiController } from '@taiga-ui/cdk';
+import { tuiGetClosestFocusable, identity } from '@taiga-ui/cdk';
+import { TuiNotificationsModule } from '@taiga-ui/core';
+import { TableComands } from '@taiga-ui/addon-editor';
+import {TuiResizableColumnModule} from '@taiga-ui/addon-table';
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent extends TuiController {
+   private readonly textMaskOptions = {
+        mask: TUI_DATE_MASK,
+        pipe: tuiCreateAutoCorrectedDatePipe(this),
+        guide: false,
+    };
+
+    mask = TUI_DATE_RANGE_MASK;
+
+    command = TableComands.InsertColumnBefore;
+
+    control = new FormControl('', [EMPTY_VALIDATOR]);
+
+    onMouseDown(event: MouseEvent, target: HTMLElement) {
+        if (tuiGetClosestFocusable(target, false, 'button')) {
+            return null;
+        }
+    }
+}
+
+@NgModule({
+    imports: [
+      TuiNotificationsModule,
+      TuiResizableColumnModule
+    ],
+    declarations: [AppComponent],
+})
+export class TuiTestModule {}
+
+
+const countriesVariants: ReadonlyArray<readonly TuiCountryIsoCode[]> = [
+    [
+        TuiCountryIsoCode.RU,
+        TuiCountryIsoCode.KZ,
+        TuiCountryIsoCode.UA,
+        TuiCountryIsoCode.BY,
+    ],
+    Object.values(TuiCountryIsoCode),
+];
+`;
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should replace constants`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/app.component.ts`)).toEqual(AFTER);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/app.component.ts`, BEFORE);
+    ng_morph_1.createSourceFile(`test/app/app.template.html`, `<app></app>`);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0"}}`);
+}

package/schematics/ng-update/v3/tests/schematic-replace-deep-imports.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3/tests/schematic-replace-deep-imports.spec.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const replace_styles_1 = require("../steps/replace-styles");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host, `/`, `**/**`));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should rename types`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/app.component.ts`)).toEqual(`import { Component } from '@angular/core';
+import { some } from '@taiga-ui/kit';
+import { any } from '@taiga-ui/cdk'
+import { unknown } from '@taiga-ui/core'
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent {}`);
+        expect(tree.readContent(`test/style.less`)).toEqual(`${replace_styles_1.TUI_WARNING_NORMALIZE}\n@import '@taiga-ui/styles/taiga-ui-global.less';`);
+        expect(tree.readContent(`test/app/app.template.less`)).toEqual(`@import '@taiga-ui/core/styles/taiga-ui-local.less';`);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/app.component.ts`, `import { Component } from '@angular/core';
+import { some } from '@taiga-ui/kit/types';
+import { any } from '@taiga-ui/cdk/directives/any'
+import { unknown } from '@taiga-ui/core'
+
+@Component({templateUrl: './app.template.html'})
+export class AppComponent {}`);
+    ng_morph_1.createSourceFile(`test/app/app.template.html`, `<app></app>`);
+    ng_morph_1.createSourceFile(`test/style.less`, `@import '~@taiga-ui/core/styles/taiga-ui-global';`);
+    ng_morph_1.createSourceFile(`test/app/app.template.less`, `@import '~@taiga-ui/core/styles/taiga-ui-local';`);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0"}}`);
+}

package/schematics/ng-update/v3/tests/schematic-replace-deprecated-functions.spec.d.ts

@@ -0,0 +1 @@
+export {};