@taiga-ui/cdk 2.51.0 → 2.53.0

package/schematics/ng-update/constants/templates.d.ts

@@ -1,8 +1,10 @@
+import { Element } from 'parse5';
 export interface ReplacementAttributes {
     readonly from: {
         readonly attrName: string;
         readonly withTagNames?: string[];
         readonly withAttrsNames?: string[];
+        readonly filterFn?: (element: Element) => boolean;
     };
     readonly to: {
         readonly attrName: string;
@@ -15,6 +17,7 @@ export interface ReplacementTags {
 }
 export interface AttributeToDirective {
     readonly componentSelector: string | string[];
+    readonly filterFn?: (element: Element) => boolean;
     readonly inputProperty: string;
     readonly directive: string;
     readonly directiveModule: {
@@ -22,7 +25,12 @@ export interface AttributeToDirective {
         readonly moduleSpecifier: string;
     };
 }
+export interface InputToRemove {
+    readonly inputName: string;
+    readonly tags: string[];
+}
 export declare const ATTRS_TO_REPLACE: ReplacementAttributes[];
+export declare const INPUTS_TO_REMOVE: InputToRemove[];
 export declare const TAGS_TO_REPLACE: ReplacementTags[];
 export declare const ATTR_TO_DIRECTIVE: AttributeToDirective[];
 export declare const TEMPLATE_COMMENTS: readonly [{

package/schematics/ng-update/constants/templates.js

@@ -1,7 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tui_interactive_selectors_1 = require("./tui-interactive-selectors");
+const elements_1 = require("../../utils/templates/elements");
 exports.ATTRS_TO_REPLACE = [
+    {
+        from: {
+            attrName: 'icon',
+            withTagNames: ['tui-input-tag'],
+            filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+        },
+        to: {
+            attrName: 'iconLeft',
+        },
+    },
+    {
+        from: {
+            attrName: '[icon]',
+            withTagNames: ['tui-input-tag'],
+            filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+        },
+        to: {
+            attrName: '[iconLeft]',
+        },
+    },
     {
         from: { attrName: 'tuiResizableColumn', withAttrsNames: ['tuiResizableColumn'] },
         to: { attrName: 'tuiTh [resizable]="true"' },
@@ -51,12 +72,19 @@ exports.ATTRS_TO_REPLACE = [
         from: {
             attrName: '[quantum]',
             withAttrsNames: ['tuiSlider'],
+            withTagNames: ['tui-slider'],
         },
         to: {
             attrName: '[step]',
         },
     },
 ];
+exports.INPUTS_TO_REMOVE = [
+    {
+        inputName: 'iconAlign',
+        tags: ['tui-input', 'tui-primitive-textfield', 'tui-input-tag'],
+    },
+];
 exports.TAGS_TO_REPLACE = [
     {
         from: 'tui-group',
@@ -129,6 +157,54 @@ exports.ATTR_TO_DIRECTIVE = [
             moduleSpecifier: '@taiga-ui/core',
         },
     },
+    {
+        componentSelector: 'tui-input',
+        inputProperty: 'icon',
+        directive: 'tuiTextfieldIcon',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'right'; },
+    },
+    {
+        componentSelector: 'tui-input',
+        inputProperty: 'icon',
+        directive: 'tuiTextfieldIconLeft',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => {
+            var _a;
+            return !elements_1.hasElementAttribute(element, 'iconAlign') ||
+                ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left';
+        },
+    },
+    {
+        componentSelector: 'tui-primitive-textfield',
+        inputProperty: 'iconContent',
+        directive: 'tuiTextfieldIcon',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => {
+            var _a;
+            return !elements_1.hasElementAttribute(element, 'iconAlign') ||
+                ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'right';
+        },
+    },
+    {
+        componentSelector: 'tui-primitive-textfield',
+        inputProperty: 'iconContent',
+        directive: 'tuiTextfieldIconLeft',
+        directiveModule: {
+            name: 'TuiTextfieldControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+    },
     {
         componentSelector: '*',
         inputProperty: 'scrollIntoView',

package/schematics/ng-update/constants/types.d.ts

@@ -1,8 +1,7 @@
-interface TypeToRename {
+export interface TypeToRename {
     readonly from: string;
     readonly to?: string;
     readonly moduleSpecifier?: string | string[];
     readonly preserveGenerics?: boolean;
 }
 export declare const TYPES_TO_RENAME: readonly TypeToRename[];
-export {};

package/schematics/ng-update/index.js

@@ -15,23 +15,56 @@ const remove_module_1 = require("./steps/remove-module");
 const miscellaneous_1 = require("./steps/miscellaneous");
 const replace_functions_1 = require("./steps/replace-functions");
 const migrate_progress_1 = require("./steps/migrate-progress");
+const colored_log_1 = require("../utils/colored-log");
+const migrate_date_time_1 = require("./steps/migrate-date-time");
 function updateToV3(_) {
     return (tree, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        context.logger.info(`taiga packages will be updated to ${versions_1.TAIGA_VERSION}`);
-        ng_morph_1.setActiveProject(ng_morph_1.createProject(tree, '/', '**/**'));
+        console.info('\x1b[35m', `taiga packages will be updated to ${versions_1.TAIGA_VERSION}`);
+        const fileSystem = getFileSystem(tree);
+        colored_log_1.infoLog('replacing deep imports...');
         replace_deep_import_1.replaceDeepImports();
+        colored_log_1.successLog('deep imports replaced');
+        colored_log_1.infoLog('replacing enums imports...');
         replace_enums_1.replaceEnums();
+        colored_log_1.successLog('enums replaced');
+        colored_log_1.infoLog('renaming types...');
         rename_types_1.renameTypes();
+        colored_log_1.successLog('types renamed');
+        colored_log_1.infoLog('replacing consts...');
         replace_const_1.replaceConsts();
+        colored_log_1.successLog('constants replaced');
+        colored_log_1.infoLog('replacing services...');
         replace_services_1.replaceServices();
+        colored_log_1.successLog('services replaced');
         show_warnings_1.showWarnings(context);
-        migrate_templates_1.migrateTemplates(tree);
-        migrate_sliders_1.migrateSliders(tree);
-        migrate_progress_1.migrateProgress(tree);
+        colored_log_1.infoLog('migrating templates...');
+        migrate_templates_1.migrateTemplates(fileSystem);
+        colored_log_1.successLog('templates migrated');
+        fileSystem.commitEdits();
+        ng_morph_1.saveActiveProject();
+        const updatedFileSystem = getFileSystem(tree);
+        colored_log_1.infoLog('migrating sliders...');
+        migrate_sliders_1.migrateSliders(updatedFileSystem);
+        colored_log_1.successLog('sliders migrated');
+        colored_log_1.infoLog('migrating progress bars');
+        migrate_progress_1.migrateProgress(updatedFileSystem);
+        colored_log_1.successLog('progress bars migrated');
+        colored_log_1.infoLog('removing modules...');
         remove_module_1.removeModules();
+        colored_log_1.successLog('modules removed');
+        colored_log_1.infoLog('migrating taiga date/time ...');
+        migrate_date_time_1.dateTimeMigrations();
+        colored_log_1.successLog('date/time migrated');
+        colored_log_1.infoLog('miscellaneous migrating...');
         replace_functions_1.replaceFunctions();
         miscellaneous_1.miscellaneousMigrations();
+        colored_log_1.successLog('miscellaneous migrated');
         ng_morph_1.saveActiveProject();
     });
 }
 exports.updateToV3 = updateToV3;
+function getFileSystem(tree) {
+    const project = ng_morph_1.createProject(tree, '/', '**/**.{html,ts}');
+    ng_morph_1.setActiveProject(project);
+    return project.getFileSystem().fs;
+}

package/schematics/ng-update/steps/migrate-date-time.d.ts

@@ -0,0 +1 @@
+export declare function dateTimeMigrations(): void;

package/schematics/ng-update/steps/migrate-date-time.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ng_morph_1 = require("ng-morph");
+const get_named_import_references_1 = require("../../utils/get-named-import-references");
+const insert_todo_1 = require("../../utils/insert-todo");
+function dateTimeMigrations() {
+    migrateProperty({
+        namedImport: 'TuiDay',
+        moduleSpecifier: '@taiga-ui/cdk',
+        from: 'formattedDay',
+        callback: node => node.replaceWithText(node.getText().replace('formattedDay', 'getFormattedDay("DMY", ".")')),
+    });
+    migrateProperty({
+        namedImport: 'TuiDayRange',
+        moduleSpecifier: '@taiga-ui/cdk',
+        from: 'formattedDayRange',
+        callback: node => node.replaceWithText(node
+            .getText()
+            .replace('formattedDayRange', 'getFormattedDayRange("DMY", ".")')),
+    });
+    migrateProperty({
+        namedImport: 'TuiDayRange',
+        moduleSpecifier: '@taiga-ui/cdk',
+        from: 'normalizeParse',
+        callback: node => {
+            const parent = node.getParent();
+            if (ng_morph_1.Node.isCallExpression(parent)) {
+                changeNormalizeArgs(parent);
+            }
+        },
+    });
+    [
+        {
+            namedImport: 'TuiMonthRange',
+            field: 'formattedMonthRange',
+            message: 'formattedMonthRange has been removed in 3.0. Please use TUI_MONTH_FORMATTER from @taiga-ui/kit',
+        },
+        {
+            namedImport: 'TuiMonth',
+            field: 'formattedMonth',
+            message: 'formattedMonth has been removed in 3.0. Please use TUI_MONTH_FORMATTER from @taiga-ui/kit',
+        },
+        {
+            namedImport: 'TuiDay',
+            field: 'getDayFromMonthRowCol',
+            message: 'getDayFromMonthRowCol has been removed in 3.0. If you need this utils check out this pipe https://github.com/Tinkoff/taiga-ui/tree/main/projects/core/pipes/calendar-sheet',
+        },
+        {
+            namedImport: 'TuiMonth',
+            field: 'monthStartDaysOffset',
+            message: 'monthStartDaysOffset has been removed in 3.0. If you need this utils check out this pipe https://github.com/Tinkoff/taiga-ui/tree/main/projects/core/pipes/calendar-sheet',
+        },
+        {
+            namedImport: 'TuiMonth',
+            field: 'weeksRowsCount',
+            message: 'weeksRowsCount has been removed in 3.0. If you need this utils check out this pipe https://github.com/Tinkoff/taiga-ui/tree/main/projects/core/pipes/calendar-sheet',
+        },
+        {
+            namedImport: 'TuiYear',
+            field: 'getYearStartDaysOffset',
+            message: 'getYearStartDaysOffset has been removed in 3.0. If you need this utils check out this pipe https://github.com/Tinkoff/taiga-ui/tree/main/projects/core/pipes/calendar-sheet',
+        },
+        {
+            namedImport: 'TuiYear',
+            field: 'weeksRowsCount',
+            message: 'weeksRowsCount has been removed in 3.0. If you need this utils check out this pipe https://github.com/Tinkoff/taiga-ui/tree/main/projects/core/pipes/calendar-sheet',
+        },
+    ].forEach(({ namedImport, field, message }) => {
+        migrateProperty({
+            namedImport,
+            moduleSpecifier: '@taiga-ui/cdk',
+            from: field,
+            callback: node => insertTodoBeforeNode(node, message),
+        });
+    });
+}
+exports.dateTimeMigrations = dateTimeMigrations;
+function migrateProperty({ namedImport, moduleSpecifier, from, callback, }) {
+    const references = get_named_import_references_1.getNamedImportReferences(namedImport, moduleSpecifier);
+    references.forEach(ref => {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        if (!parent) {
+            return;
+        }
+        if (ng_morph_1.Node.isNewExpression(parent)) {
+            const accessExpression = parent.getFirstAncestorByKind(ng_morph_1.SyntaxKind.PropertyAccessExpression);
+            const searched = accessExpression === null || accessExpression === void 0 ? void 0 : accessExpression.getChildrenOfKind(ng_morph_1.SyntaxKind.Identifier).find(identifier => identifier.getText() === from);
+            if (searched && accessExpression) {
+                callback(accessExpression);
+                return;
+            }
+        }
+        if (ng_morph_1.Node.isPropertyAccessExpression(parent)) {
+            const searched = parent
+                .getChildrenOfKind(ng_morph_1.SyntaxKind.Identifier)
+                .find(identifier => identifier.getText() === from);
+            if (searched && !parent.wasForgotten()) {
+                callback(parent);
+                return;
+            }
+        }
+        replaceIdentifier(parent, from, callback);
+    });
+}
+function replaceIdentifier(node, from, callback) {
+    const declaration = node.getFirstAncestorByKind(ng_morph_1.SyntaxKind.VariableDeclaration) ||
+        node.getFirstAncestorByKind(ng_morph_1.SyntaxKind.PropertyDeclaration);
+    const identifier = declaration === null || declaration === void 0 ? void 0 : declaration.getFirstDescendantByKind(ng_morph_1.SyntaxKind.Identifier);
+    if (identifier) {
+        replaceIdentifierReferences(identifier, from, callback);
+    }
+}
+function replaceIdentifierReferences(identifier, from, callback) {
+    identifier.findReferencesAsNodes().forEach(ref => {
+        let parent = ref.getParent();
+        if ((parent === null || parent === void 0 ? void 0 : parent.getText()) === `this.${identifier.getText()}` ||
+            (parent === null || parent === void 0 ? void 0 : parent.getText()) === identifier.getText()) {
+            replaceIdentifier(parent, from, callback);
+        }
+        if (parent === null || parent === void 0 ? void 0 : parent.getText().startsWith('this')) {
+            parent = parent === null || parent === void 0 ? void 0 : parent.getParent();
+        }
+        if (ng_morph_1.Node.isPropertyAccessExpression(parent)) {
+            const searched = parent
+                .getChildrenOfKind(ng_morph_1.SyntaxKind.Identifier)
+                .find(identifier => identifier.getText() === from);
+            if (searched) {
+                callback(parent);
+            }
+        }
+    });
+}
+function changeNormalizeArgs(node) {
+    const args = node.getArguments();
+    if (args.length > 2) {
+        node.removeArgument(2);
+        node.removeArgument(1);
+        node.addArgument('"DMY"');
+    }
+    else if (args.length === 1) {
+        node.addArgument('"DMY"');
+    }
+}
+function insertTodoBeforeNode(node, message) {
+    const identifier = node.getFirstDescendantByKind(ng_morph_1.SyntaxKind.Identifier);
+    if (identifier) {
+        insert_todo_1.insertTodo(identifier, message);
+    }
+}

package/schematics/ng-update/steps/migrate-progress.d.ts

@@ -1,3 +1,3 @@
-import { Tree } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
 export declare const DEPRECATED_PROGRESS_PIPES_REG: RegExp;
-export declare function migrateProgress(tree: Tree): void;
+export declare function migrateProgress(fileSystem: DevkitFileSystem): void;

package/schematics/ng-update/steps/migrate-progress.js

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
-const devkit_file_system_1 = require("ng-morph/project/classes/devkit-file-system");
 const get_component_templates_1 = require("../../utils/templates/get-component-templates");
 const elements_1 = require("../../utils/templates/elements");
 const template_resource_1 = require("../../utils/templates/template-resource");
 exports.DEPRECATED_PROGRESS_PIPES_REG = /\s*\|\s*tuiProgressColorSegments(Async\s*\|\s*async)?/gi;
 const PROPERTY_FOR_DEPRECATED_PIPES = '[color]';
-function migrateProgress(tree) {
-    const fileSystem = new devkit_file_system_1.DevkitFileSystem(tree);
+function migrateProgress(fileSystem) {
     const templateResources = get_component_templates_1.getComponentTemplates('**/**');
     for (const templateResource of templateResources) {
         replaceProgressColorSegmentsPipe(templateResource, fileSystem);

package/schematics/ng-update/steps/migrate-sliders/index.d.ts

@@ -1,2 +1,2 @@
-import { Tree } from '@angular-devkit/schematics';
-export declare function migrateSliders(tree: Tree): void;
+import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
+export declare function migrateSliders(fileSystem: DevkitFileSystem): void;

package/schematics/ng-update/steps/migrate-sliders/index.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const migrate_input_slider_1 = require("./migrate-input-slider");
 const migrate_input_range_1 = require("./migrate-input-range");
-function migrateSliders(tree) {
-    migrate_input_slider_1.migrateInputSlider(tree);
-    migrate_input_range_1.migrateInputRange(tree);
+function migrateSliders(fileSystem) {
+    migrate_input_slider_1.migrateInputSlider(fileSystem);
+    migrate_input_range_1.migrateInputRange(fileSystem);
 }
 exports.migrateSliders = migrateSliders;

package/schematics/ng-update/steps/migrate-sliders/migrate-input-range.d.ts

@@ -1,2 +1,2 @@
-import { Tree } from '@angular-devkit/schematics';
-export declare function migrateInputRange(tree: Tree): void;
+import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
+export declare function migrateInputRange(fileSystem: DevkitFileSystem): void;

package/schematics/ng-update/steps/migrate-sliders/migrate-input-range.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_file_system_1 = require("ng-morph/project/classes/devkit-file-system");
 const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
 const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-component-input-manipulations");
 const ng_morph_1 = require("ng-morph");
@@ -8,8 +7,7 @@ const ng_component_1 = require("../../../utils/angular/ng-component");
 const add_unique_import_1 = require("../../../utils/add-unique-import");
 const MIN_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationInputRangeMinLabel';
 const MAX_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationInputRangeMaxLabel';
-function migrateInputRange(tree) {
-    const fileSystem = new devkit_file_system_1.DevkitFileSystem(tree);
+function migrateInputRange(fileSystem) {
     const templateResources = get_component_templates_1.getComponentTemplates('**/**');
     const COMPONENTS_WITH_MIN_LABELS = new Set();
     const COMPONENTS_WITH_MAX_LABELS = new Set();

package/schematics/ng-update/steps/migrate-sliders/migrate-input-slider.d.ts

@@ -1,2 +1,2 @@
-import { Tree } from '@angular-devkit/schematics';
-export declare function migrateInputSlider(tree: Tree): void;
+import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
+export declare function migrateInputSlider(fileSystem: DevkitFileSystem): void;

package/schematics/ng-update/steps/migrate-sliders/migrate-input-slider.js

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ng_morph_1 = require("ng-morph");
-const devkit_file_system_1 = require("ng-morph/project/classes/devkit-file-system");
 const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-component-input-manipulations");
 const ng_component_1 = require("../../../utils/angular/ng-component");
 const add_unique_import_1 = require("../../../utils/add-unique-import");
 const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
 const elements_1 = require("../../../utils/templates/elements");
-function migrateInputSlider(tree) {
-    const fileSystem = new devkit_file_system_1.DevkitFileSystem(tree);
+function migrateInputSlider(fileSystem) {
     const templateResources = get_component_templates_1.getComponentTemplates('**/**');
     const COMPONENTS_WITH_MIN_MAX_LABELS = new Set();
     for (const templateResource of templateResources) {

package/schematics/ng-update/steps/migrate-templates.d.ts

@@ -1,2 +1,2 @@
-import { Tree } from '@angular-devkit/schematics';
-export declare function migrateTemplates(tree: Tree): void;
+import { DevkitFileSystem } from 'ng-morph/project/classes/devkit-file-system';
+export declare function migrateTemplates(fileSystem: DevkitFileSystem): void;

package/schematics/ng-update/steps/migrate-templates.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const get_component_templates_1 = require("../../utils/templates/get-component-templates");
 const templates_1 = require("../constants/templates");
 const elements_1 = require("../../utils/templates/elements");
-const devkit_file_system_1 = require("ng-morph/project/classes/devkit-file-system");
 const ng_component_input_manipulations_1 = require("../../utils/templates/ng-component-input-manipulations");
 const template_resource_1 = require("../../utils/templates/template-resource");
 const ng_morph_1 = require("ng-morph");
+const ng_component_1 = require("../../utils/angular/ng-component");
+const add_unique_import_1 = require("../../utils/add-unique-import");
 const START_TAG_OFFSET = 1;
 const END_TAG_OFFSET = 2;
-function migrateTemplates(tree) {
-    const fileSystem = new devkit_file_system_1.DevkitFileSystem(tree);
-    const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates('**/**').map(({ componentPath }) => componentPath);
+function migrateTemplates(fileSystem) {
+    const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates('**/**');
     const actions = [
         replaceTags,
         replaceAttrs,
@@ -19,30 +19,21 @@ function migrateTemplates(tree) {
         replaceBreadcrumbs,
         replaceFieldError,
         addHTMLCommentTags,
+        addEditorProviders,
+        migrateTuiHideSelectedPipe,
+        removeInputs,
     ];
-    actions.forEach(action => {
-        componentWithTemplatesPaths.forEach(componentPath => {
-            // get updated version of template after the previous action
-            const [resource] = get_component_templates_1.getComponentTemplates(componentPath);
-            const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
-            const recorder = fileSystem.edit(path);
+    componentWithTemplatesPaths.forEach(resource => {
+        const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
+        const recorder = fileSystem.edit(path);
+        actions.forEach(action => {
             action({ resource, fileSystem, recorder });
         });
-        save(fileSystem);
     });
 }
 exports.migrateTemplates = migrateTemplates;
-/**
- * We should update virtual file tree
- * otherwise all following ng-morph commands will overwrite all previous template manipulations
- * */
-function save(fileSystem) {
-    fileSystem.commitEdits();
-    ng_morph_1.saveActiveProject();
-    ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, '/', '**/**'));
-}
 function replaceAttrsByDirective({ resource, fileSystem, }) {
-    templates_1.ATTR_TO_DIRECTIVE.forEach(({ componentSelector, directiveModule, directive, inputProperty }) => {
+    templates_1.ATTR_TO_DIRECTIVE.forEach(({ componentSelector, directiveModule, directive, inputProperty, filterFn }) => {
         ng_component_input_manipulations_1.replaceInputPropertyByDirective({
             componentSelector,
             directiveModule,
@@ -50,6 +41,7 @@ function replaceAttrsByDirective({ resource, fileSystem, }) {
             inputProperty,
             fileSystem,
             templateResource: resource,
+            filterFn,
         });
     });
 }
@@ -58,11 +50,11 @@ function replaceAttrs({ resource, recorder, fileSystem, }) {
     const templateOffset = template_resource_1.getTemplateOffset(resource);
     templates_1.ATTRS_TO_REPLACE.forEach(({ from, to }) => {
         const offsets = [
-            ...elements_1.findAttributeOnElementWithTag(template, from.attrName, from.withTagNames || []),
-            ...elements_1.findAttributeOnElementWithAttrs(template, from.attrName, from.withAttrsNames || []),
+            ...elements_1.findAttributeOnElementWithTag(template, from.attrName, from.withTagNames || [], from.filterFn),
+            ...elements_1.findAttributeOnElementWithAttrs(template, from.attrName, from.withAttrsNames || [], from.filterFn),
         ];
         offsets.forEach(offset => {
-            recorder.remove(offset + templateOffset, from.attrName.length + (to.attrName.length ? 0 : 1));
+            recorder.remove(offset + templateOffset, from.attrName.length);
             recorder.insertRight(offset + templateOffset, to.attrName);
         });
     });
@@ -147,3 +139,50 @@ function replaceTag(recorder, sourceCodeLocation, from, to, templateOffset = 0,
     recorder.remove(startTagOffset + templateOffset + START_TAG_OFFSET, from.length);
     recorder.insertRight(startTagOffset + templateOffset + START_TAG_OFFSET, `${to} ${addAttributes.join(' ')}`);
 }
+function addEditorProviders({ resource, fileSystem, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const elements = elements_1.findElementsByTagName(template, 'tui-editor').filter(element => !elements_1.hasElementAttribute(element, 'new'));
+    if (elements.length) {
+        const componentPath = resource.componentPath;
+        const componentClass = ng_component_1.getNgComponents(componentPath);
+        ng_morph_1.addProviderToComponent(componentClass[0], `{
+            provide: TUI_EDITOR_EXTENSIONS,
+            useValue: defaultEditorExtensions
+        }`, { unique: true });
+        add_unique_import_1.addUniqueImport(componentPath, 'TUI_EDITOR_EXTENSIONS', '@taiga-ui/addon-editor');
+        add_unique_import_1.addUniqueImport(componentPath, 'defaultEditorExtensions', '@taiga-ui/addon-editor');
+    }
+}
+const HIDE_SELECTED_PIPE_WITH_ARGS_REG = /\|\s*tuiHideSelected(\s*:\s*[^|'"]*)?/gi;
+function migrateTuiHideSelectedPipe({ resource, fileSystem, recorder, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elementsWithPipe = elements_1.findElementByFn(template, el => { var _a; return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.value.match(HIDE_SELECTED_PIPE_WITH_ARGS_REG)); });
+    elementsWithPipe.forEach(el => {
+        var _a;
+        const { name, value: oldValue } = el.attrs.find(attr => attr.value.match(HIDE_SELECTED_PIPE_WITH_ARGS_REG)) ||
+            {};
+        const attrLocations = (_a = el.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs;
+        if (!name || !oldValue || !attrLocations) {
+            return;
+        }
+        const newValue = oldValue.replace(HIDE_SELECTED_PIPE_WITH_ARGS_REG, '| tuiHideSelected');
+        const { startOffset } = attrLocations[name];
+        const valueOffset = templateOffset + startOffset + name.length + '="'.length;
+        recorder.remove(valueOffset, oldValue.length);
+        recorder.insertRight(valueOffset, newValue);
+    });
+}
+function removeInputs({ resource, fileSystem, recorder, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    templates_1.INPUTS_TO_REMOVE.forEach(({ inputName, tags }) => {
+        const offsets = [
+            ...ng_component_input_manipulations_1.getInputPropertyOffsets(template, inputName, tags),
+            ...ng_component_input_manipulations_1.getInputPropertyOffsets(template, `[${inputName}]`, tags),
+        ];
+        offsets.forEach(([start, end]) => {
+            recorder.remove(start + templateOffset, end - start);
+        });
+    });
+}

package/schematics/ng-update/steps/miscellaneous.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const ng_morph_1 = require("ng-morph");
+const insert_todo_1 = require("../../utils/insert-todo");
 function miscellaneousMigrations() {
     replaceEnumProperty({
         enumName: 'TuiCurrency',
@@ -52,14 +53,9 @@ function checkMethod(node, method, message) {
         if (ng_morph_1.Node.isPropertyAccessExpression(parent)) {
             parent.getChildrenOfKind(ng_morph_1.SyntaxKind.Identifier).forEach(identifier => {
                 if (identifier.getText() === method) {
-                    insertTodo(identifier, message);
+                    insert_todo_1.insertTodo(identifier, message);
                 }
             });
         }
     });
 }
-function insertTodo(identifier, message) {
-    const startLinePos = identifier.getStartLinePos();
-    const sourceFile = identifier.getSourceFile();
-    sourceFile.insertText(startLinePos, `// TODO: ${message}\n`);
-}

package/schematics/ng-update/steps/replace-functions.js

@@ -3,13 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const ng_morph_1 = require("ng-morph");
 const import_manipulations_1 = require("../../utils/import-manipulations");
+const deprecated_functions_1 = require("../constants/deprecated-functions");
 function replaceFunctions() {
     replacePadStart(get_named_import_references_1.getNamedImportReferences('padStart', '@taiga-ui/cdk'));
     replaceFallbackValue(get_named_import_references_1.getNamedImportReferences('fallbackValue', '@taiga-ui/cdk'));
     replaceCustomEvent(get_named_import_references_1.getNamedImportReferences('tuiCustomEvent', '@taiga-ui/cdk'));
     replaceClosestElement(get_named_import_references_1.getNamedImportReferences('getClosestElement', '@taiga-ui/cdk'));
+    replaceDeprecatedFunction();
 }
 exports.replaceFunctions = replaceFunctions;
+function replaceDeprecatedFunction() {
+    deprecated_functions_1.DEPRECATED_FUNCTIONS.forEach(({ from, to, moduleSpecifier }) => {
+        get_named_import_references_1.getNamedImportReferences(from, moduleSpecifier).forEach(ref => {
+            const parent = ref.getParent();
+            if (ng_morph_1.Node.isImportSpecifier(parent) || ng_morph_1.Node.isCallExpression(parent)) {
+                parent === null || parent === void 0 ? void 0 : parent.replaceWithText(parent === null || parent === void 0 ? void 0 : parent.getFullText().trim().replace(from, to !== null && to !== void 0 ? to : from));
+            }
+        });
+    });
+}
 function replacePadStart(references) {
     references.forEach(ref => {
         var _a;