@taiga-ui/cdk 3.45.0 → 3.46.0-canary.c975242

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

@@ -1,123 +0,0 @@
-"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 COMPONENT_WITH_TEMPLATE_URL = `
-@Component({templateUrl: './test.template.html'})
-export class TestComponent {}
-`;
-const TEMPLATE_BEFORE = `
-<tui-input
-    tuiTextfieldSize="s"
-    formControlName="testValue"
-    tuiTextfieldExampleText="Test"
->
-    Type an email
-</tui-input>
-
-<tui-text-area
-    formControlName="testValue1"
-    tuiHintContent="it's just a joke"
-    [expandable]="true"
-    [tuiTextfieldMaxLength]="maxLength"
-    [tuiTextfieldLabelOutside]="true"
->
-    Type it
-</tui-text-area>
-
-<tui-input-count
-    formControlName="testValue1"
-    tuiTextfieldAutocomplete="off"
-    tuiTextfieldInputMode="numeric"
-    [min]="1"
-    [max]="200"
-    [tuiTextfieldMaxLength]="maxLength"
->
-    Count something
-    <input
-        tuiTextfield
-        placeholder="1.. 2.. 3.."
-    />
-</tui-input-count>
-
-<div
-    polymorpheus-outlet
-    [content]="content"
-    [context]="context"
-></div>
-`;
-const TEMPLATE_AFTER = `
-<tui-input
-    tuiTextfieldSize="s"
-    formControlName="testValue"
-    ${``}
->
-    Type an email
-<input tuiTextfield placeholder="Test"/> </tui-input>
-
-<tui-text-area
-    formControlName="testValue1"
-    tuiHintContent="it's just a joke"
-    [expandable]="true"
-    [maxLength]="maxLength"
-    [tuiTextfieldLabelOutside]="true"
->
-    Type it
-</tui-text-area>
-
-<tui-input-count
-    formControlName="testValue1"
-    ${``}
-    ${``}
-    [min]="1"
-    [max]="200"
-    ${``}
->
-    Count something
-    <input
-        tuiTextfield autocomplete="off" inputmode="numeric" [attr.maxlength]="maxLength"
-        placeholder="1.. 2.. 3.."
-    />
-</tui-input-count>
-
-<div
-    ${``}
-    ${``}
-    ${``}
->
-<ng-container *polymorpheusOutlet="content as text; context: context">
-    {{ text }}
-</ng-container></div>
-`;
-describe(`ng-update (flat file structure)`, () => {
-    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 migrate textfields`, () => 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.template.html`)).toEqual(TEMPLATE_AFTER);
-    }));
-    afterEach(() => {
-        ng_morph_1.resetActiveProject();
-    });
-});
-function createMainFiles() {
-    ng_morph_1.createSourceFile(`test.component.ts`, COMPONENT_WITH_TEMPLATE_URL);
-    ng_morph_1.createSourceFile(`test.template.html`, TEMPLATE_BEFORE);
-    create_angular_json_1.createAngularJson();
-    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0"}}`);
-}

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

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

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

@@ -1,81 +0,0 @@
-"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

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

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

@@ -1,157 +0,0 @@
-"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

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

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

@@ -1,135 +0,0 @@
-"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

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

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

@@ -1,53 +0,0 @@
-"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

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