@taiga-ui/cdk 3.0.0-rc.0 → 3.0.0-rc.3

package/schematics/ng-update/schema.json

@@ -0,0 +1,13 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema",
+    "$id": "taiga-ui-ng-update-v3",
+    "title": "Taiga UI ng-update v3",
+    "type": "object",
+    "properties": {
+        "skip-deep-imports": {
+            "description": "Ignore deep imports replacements",
+            "type": "boolean",
+            "default": false
+        }
+    }
+}

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

@@ -5,14 +5,19 @@ 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");
 const colored_log_1 = require("../../utils/colored-log");
+const get_execution_time_1 = require("../../utils/get-execution-time");
 function dateTimeMigrations() {
     colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating taiga date/time...`);
+    let start = performance.now();
     migrateProperty({
         namedImport: 'TuiDay',
         moduleSpecifier: '@taiga-ui/cdk',
         from: 'formattedDay',
         callback: node => node.replaceWithText(node.getText().replace('formattedDay', 'getFormattedDay("DMY", ".")')),
     });
+    colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDay.formattedDay ` +
+        `(${get_execution_time_1.getExecutionTime(start, performance.now())})`);
+    start = performance.now();
     migrateProperty({
         namedImport: 'TuiDayRange',
         moduleSpecifier: '@taiga-ui/cdk',
@@ -21,6 +26,9 @@ function dateTimeMigrations() {
             .getText()
             .replace('formattedDayRange', 'getFormattedDayRange("DMY", ".")')),
     });
+    colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDayRange.formattedDayRange ` +
+        `(${get_execution_time_1.getExecutionTime(start, performance.now())})`);
+    start = performance.now();
     migrateProperty({
         namedImport: 'TuiDayRange',
         moduleSpecifier: '@taiga-ui/cdk',
@@ -32,6 +40,8 @@ function dateTimeMigrations() {
             }
         },
     });
+    colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}TuiDayRange.normalizeParse ` +
+        `(${get_execution_time_1.getExecutionTime(start, performance.now())})`);
     [
         {
             namedImport: 'TuiMonthRange',
@@ -69,12 +79,15 @@ function dateTimeMigrations() {
             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 }) => {
+        start = performance.now();
         migrateProperty({
             namedImport,
             moduleSpecifier: '@taiga-ui/cdk',
             from: field,
             callback: node => insertTodoBeforeNode(node, message),
         });
+        colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}${namedImport}.${field} ` +
+            `(${get_execution_time_1.getExecutionTime(start, performance.now())})`);
     });
     colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} date/time migrated \n`);
 }
@@ -118,12 +131,39 @@ function replaceIdentifier(node, from, callback) {
     }
 }
 function replaceIdentifierReferences(identifier, from, callback) {
-    identifier.findReferencesAsNodes().forEach(ref => {
+    identifier
+        .findReferencesAsNodes()
+        /**
+         * `findReferencesAsNodes` has strange behavior.
+         * Imagine schematics run on the following file:
+         * ```
+         * class Dummy {
+         *  var = 5;
+         *  method1() {
+         *      const {var} = this; // (1)
+         *      return var; // (2)
+         *  }
+         *  method2() {
+         *      const {var} = this; // (3)
+         *  }
+         * }
+         * ```
+         * If `identifier` is equal to `var` from `method1` (1),
+         * then `identifier.findReferencesAsNodes` will return array with 2 references: (2) and (3).
+         */
+        .filter(ref => !areBothObjectDestructuring(ref, identifier))
+        .forEach(ref => {
+        if (ref.wasForgotten()) {
+            return;
+        }
         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.wasForgotten()) {
+            return;
+        }
         if (parent === null || parent === void 0 ? void 0 : parent.getText().startsWith('this')) {
             parent = parent === null || parent === void 0 ? void 0 : parent.getParent();
         }
@@ -154,3 +194,7 @@ function insertTodoBeforeNode(node, message) {
         insert_todo_1.insertTodo(identifier, message);
     }
 }
+function areBothObjectDestructuring(ref, identifier) {
+    return Boolean(identifier.getFirstAncestorByKind(ng_morph_1.SyntaxKind.BindingElement) &&
+        ref.getFirstAncestorByKind(ng_morph_1.SyntaxKind.BindingElement));
+}

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

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

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

@@ -6,11 +6,12 @@ const get_component_templates_1 = require("../../utils/templates/get-component-t
 const elements_1 = require("../../utils/templates/elements");
 const template_resource_1 = require("../../utils/templates/template-resource");
 const colored_log_1 = require("../../utils/colored-log");
+const constants_1 = require("../../constants");
 exports.DEPRECATED_PROGRESS_PIPES_REG = /\s*\|\s*tuiProgressColorSegments(Async\s*\|\s*async)?/gi;
 const PROPERTY_FOR_DEPRECATED_PIPES = '[color]';
 function migrateProgress(fileSystem) {
     colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating progress bars...`);
-    const templateResources = get_component_templates_1.getComponentTemplates('**/**');
+    const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
     for (const templateResource of templateResources) {
         replaceProgressColorSegmentsPipe(templateResource, fileSystem);
     }

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

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

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

@@ -6,7 +6,9 @@ const migrate_input_range_1 = require("./migrate-input-range");
 const colored_log_1 = require("../../../utils/colored-log");
 function migrateSliders(fileSystem) {
     colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating sliders...`);
+    colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}InputSlider...`);
     migrate_input_slider_1.migrateInputSlider(fileSystem);
+    colored_log_1.processLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.PROCESSING_SYMBOL}InputRange...`);
     migrate_input_range_1.migrateInputRange(fileSystem);
     colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} sliders migrated \n`);
 }

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

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

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

@@ -6,10 +6,11 @@ const ng_component_input_manipulations_1 = require("../../../utils/templates/ng-
 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 constants_1 = require("../../../constants");
 const MIN_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationInputRangeMinLabel';
 const MAX_LABELS_MIGRATION_METHOD_NAME = 'tuiMigrationInputRangeMaxLabel';
 function migrateInputRange(fileSystem) {
-    const templateResources = get_component_templates_1.getComponentTemplates('**/**');
+    const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
     const COMPONENTS_WITH_MIN_LABELS = new Set();
     const COMPONENTS_WITH_MAX_LABELS = new Set();
     for (const templateResource of templateResources) {
@@ -17,7 +18,7 @@ function migrateInputRange(fileSystem) {
         replaceMaxLabel(templateResource, fileSystem, COMPONENTS_WITH_MAX_LABELS);
     }
     save(fileSystem);
-    for (const componentPath of COMPONENTS_WITH_MIN_LABELS) {
+    for (const componentPath of Array.from(COMPONENTS_WITH_MIN_LABELS)) {
         addMinMaxLabelMethod(componentPath, MIN_LABELS_MIGRATION_METHOD_NAME, [
             'const currentValue = context.$implicit;',
             'const minValue = 0; // TODO: (Taiga UI migration) replace with the MIN value of the input-range',
@@ -26,7 +27,7 @@ function migrateInputRange(fileSystem) {
             'return String(currentValue);',
         ]);
     }
-    for (const componentPath of COMPONENTS_WITH_MAX_LABELS) {
+    for (const componentPath of Array.from(COMPONENTS_WITH_MAX_LABELS)) {
         addMinMaxLabelMethod(componentPath, MAX_LABELS_MIGRATION_METHOD_NAME, [
             'const currentValue = context.$implicit;',
             'const maxValue = 100; // TODO: (Taiga UI migration) replace with the MAX value of the input',

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

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

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

@@ -7,8 +7,9 @@ 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");
+const constants_1 = require("../../../constants");
 function migrateInputSlider(fileSystem) {
-    const templateResources = get_component_templates_1.getComponentTemplates('**/**');
+    const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
     const COMPONENTS_WITH_MIN_MAX_LABELS = new Set();
     for (const templateResource of templateResources) {
         replaceMinMaxLabels(templateResource, fileSystem, COMPONENTS_WITH_MIN_MAX_LABELS);
@@ -20,7 +21,7 @@ function migrateInputSlider(fileSystem) {
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
     ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, '/', '**/**'));
-    for (const componentPath of COMPONENTS_WITH_MIN_MAX_LABELS) {
+    for (const componentPath of Array.from(COMPONENTS_WITH_MIN_MAX_LABELS)) {
         addMinMaxLabelMethod(componentPath);
     }
 }

package/schematics/ng-update/steps/migrate-taiga-proprietary-icons.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from '../../ng-add/schema';
+export declare function migrateTaigaProprietaryIcons(options: Schema): Rule;

package/schematics/ng-update/steps/migrate-taiga-proprietary-icons.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateTaigaProprietaryIcons = void 0;
+const tslib_1 = require("tslib");
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const get_project_target_options_1 = require("../../utils/get-project-target-options");
+const get_project_1 = require("../../utils/get-project");
+const ng_morph_1 = require("ng-morph");
+const PROPRIETARY_TDS_ICON_ASSETS = {
+    glob: '**/*',
+    input: 'node_modules/@taiga-ui/proprietary-tds-icons/src',
+    output: 'assets/taiga-ui/icons',
+};
+function migrateTaigaProprietaryIcons(options) {
+    return (tree, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _a;
+        let proprietaryIcons = null;
+        try {
+            proprietaryIcons =
+                ((_a = ng_morph_1.getPackageJsonDependency(tree, '@taiga-ui/proprietary-icons')) === null || _a === void 0 ? void 0 : _a.version) ||
+                    null;
+        }
+        catch (_b) {
+            // noop
+        }
+        return ng_morph_1.getSourceFiles('**/angular.json').length > 0
+            ? workspace_1.updateWorkspace(workspace => {
+                if (proprietaryIcons === null) {
+                    return;
+                }
+                const project = get_project_1.getProject(options, workspace);
+                if (!project) {
+                    context.logger.warn(`[WARNING]: Target project not found. Add ${JSON.stringify(PROPRIETARY_TDS_ICON_ASSETS, null, 4)} to angular.json manually`);
+                    return;
+                }
+                const targetOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
+                if (Array.isArray(targetOptions === null || targetOptions === void 0 ? void 0 : targetOptions.assets)) {
+                    const hasIcons = targetOptions.assets.find(asset => {
+                        var _a;
+                        return (_a = asset) === null || _a === void 0 ? void 0 : _a.input.includes('@taiga-ui/proprietary-tds-icons/src');
+                    });
+                    if (hasIcons) {
+                        return;
+                    }
+                    targetOptions.assets.push(PROPRIETARY_TDS_ICON_ASSETS);
+                }
+            })
+            : () => { };
+    });
+}
+exports.migrateTaigaProprietaryIcons = migrateTaigaProprietaryIcons;

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

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

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

@@ -4,17 +4,21 @@ exports.migrateTemplates = void 0;
 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 ng_morph_1 = require("ng-morph");
 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 colored_log_1 = require("../../utils/colored-log");
+const constants_1 = require("../../constants");
 const replace_tag_1 = require("../../utils/replace-tag");
+const progress_1 = require("../../utils/progress");
 const migrate_polymorpheus_1 = require("./migrate-polymorpheus");
+const add_import_to_closest_module_1 = require("../../utils/add-import-to-closest-module");
+const insert_todo_1 = require("../../utils/insert-todo");
 function migrateTemplates(fileSystem) {
     colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
-    const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates('**/**');
+    const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
     const actions = [
         replaceTags,
         replaceAttrs,
@@ -26,11 +30,18 @@ function migrateTemplates(fileSystem) {
         migrateTuiHideSelectedPipe,
         removeInputs,
         migrate_polymorpheus_1.migratePolymorpheus,
+        replaceInputValues,
+        migrateBinaryAttributes,
+        addWarningForFormatNumberPipe,
     ];
-    componentWithTemplatesPaths.forEach(resource => {
+    componentWithTemplatesPaths.forEach((resource, templateIndex, templates) => {
         const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
         const recorder = fileSystem.edit(path);
-        actions.forEach(action => {
+        const isLastTemplate = templateIndex === templates.length - 1;
+        actions.forEach((action, actionIndex) => {
+            const isLastAction = actionIndex === actions.length - 1;
+            const progressLog = `${templateIndex + 1} / ${templates.length} (${action.name}...)`;
+            progress_1.printProgress(`${colored_log_1.SMALL_TAB_SYMBOL.repeat(2)}${progressLog}`, isLastTemplate && isLastAction);
             action({ resource, fileSystem, recorder });
         });
     });
@@ -87,7 +98,7 @@ function addHTMLCommentTags({ resource, recorder, fileSystem, }) {
             .filter(el => el.tagName === tag)
             .map(el => { var _a; return (((_a = el.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.startOffset) || 0) + templateOffset; });
         elementStartOffsets.forEach(offset => {
-            recorder.insertRight(offset, `<!-- TODO: (Taiga UI migration) ${comment} -->\n`);
+            recorder.insertRight(offset, `<!-- ${insert_todo_1.TODO_MARK} ${comment} -->\n`);
         });
     });
 }
@@ -132,6 +143,9 @@ function replaceFieldError({ resource, recorder, fileSystem, }) {
         const input = `[error]="${orderVal !== null && orderVal !== void 0 ? orderVal : '[]'} | tuiFieldError | async"`;
         replace_tag_1.replaceTag(recorder, element.sourceCodeLocation, 'tui-field-error', 'tui-error', templateOffset, [input]);
     });
+    if (elements.length) {
+        add_import_to_closest_module_1.addImportToClosestModule(resource.componentPath, 'TuiErrorModule', '@taiga-ui/core');
+    }
 }
 function addEditorProviders({ resource, fileSystem, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
@@ -167,6 +181,64 @@ function migrateTuiHideSelectedPipe({ resource, fileSystem, recorder, }) {
         recorder.insertRight(valueOffset, newValue);
     });
 }
+function migrateBinaryAttributes({ resource, fileSystem, recorder, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    templates_1.TRUTHY_BOOLEAN_INPUT_TO_HTML_BINARY_ATTRIBUTE.forEach(attrName => {
+        const elements = elements_1.findElementsInTemplateByFn(template, el => {
+            var _a;
+            return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.value === 'true' && attr.name.includes(attrName.toLowerCase()));
+        });
+        elements.forEach(el => {
+            var _a;
+            const attrLocations = (_a = el.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs;
+            if (!attrLocations) {
+                return;
+            }
+            const { startOffset, endOffset } = attrLocations[`[${attrName.toLowerCase()}]`] ||
+                attrLocations[attrName.toLowerCase()];
+            recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+            recorder.insertRight(templateOffset + startOffset, attrName);
+        });
+    });
+}
+function addWarningForFormatNumberPipe({ resource, fileSystem, recorder, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    if (template.match(/\|\s*tuiFormatNumber\s*:\s/gi)) {
+        recorder.insertLeft(templateOffset && templateOffset + 1, `<!-- ${insert_todo_1.TODO_MARK} tuiFormatNumber pipe has new API. See https://taiga-ui.dev/pipes/format-number -->`);
+    }
+}
+function replaceInputValues({ resource, recorder, fileSystem, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const ATTR_VALUES = [
+        {
+            attrName: 'tuiHintDirection',
+            values: [
+                { from: 'bottom-middle', to: 'bottom' },
+                { from: 'top-middle', to: 'top' },
+            ],
+        },
+    ];
+    ATTR_VALUES.forEach(({ attrName, values }) => {
+        const elements = [...elements_1.findElementsWithAttribute(template, attrName)];
+        elements.forEach(element => {
+            const { name, value } = element.attrs.find(attr => attr.name === attrName.toLowerCase()) || {};
+            if (!name || !value) {
+                return;
+            }
+            values.forEach(({ from, to }) => {
+                var _a, _b;
+                if (value === from) {
+                    const { startOffset, endOffset } = ((_b = (_a = element.sourceCodeLocation) === null || _a === void 0 ? void 0 : _a.attrs) === null || _b === void 0 ? void 0 : _b[name]) || { startOffset: 0, endOffset: 0 };
+                    recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+                    recorder.insertRight(templateOffset + startOffset, `${attrName}="${to}"`);
+                }
+            });
+        });
+    });
+}
 function removeInputs({ resource, fileSystem, recorder, }) {
     const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(resource);

package/schematics/ng-update/steps/replace-deep-import.js

@@ -3,10 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceDeepImports = void 0;
 const ng_morph_1 = require("ng-morph");
 const colored_log_1 = require("../../utils/colored-log");
+const constants_1 = require("../../constants");
 const DEEP_REGEX = /(@taiga-ui\/\w+)\/.*/;
 function replaceDeepImports() {
     colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing deep imports...`);
-    const deepImports = ng_morph_1.getImports('**/**').filter(imp => DEEP_REGEX.test(imp.getModuleSpecifier().getLiteralValue()));
+    const deepImports = ng_morph_1.getImports(constants_1.ALL_TS_FILES).filter(imp => DEEP_REGEX.test(imp.getModuleSpecifier().getLiteralValue()));
     ng_morph_1.editImports(deepImports, deepImport => {
         const specifier = deepImport.moduleSpecifier.replace(DEEP_REGEX, '$1');
         return { moduleSpecifier: specifier };

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

@@ -13,6 +13,7 @@ function replaceEnums() {
 }
 exports.replaceEnums = replaceEnums;
 function replaceEnumWithString(enumName, replaceValues, keepAsType = true) {
+    var _a;
     const references = get_named_import_references_1.getNamedImportReferences(enumName);
     for (let ref of references) {
         const parent = ref.getParent();
@@ -22,7 +23,7 @@ function replaceEnumWithString(enumName, replaceValues, keepAsType = true) {
         }
         if (ng_morph_1.Node.isTypeReferenceNode(parent) && !keepAsType) {
             const declaration = parent.getParent();
-            declaration.removeType();
+            (_a = declaration.removeType) === null || _a === void 0 ? void 0 : _a.call(declaration);
             continue;
         }
         if (!ng_morph_1.Node.isPropertyAccessExpression(parent)) {

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

@@ -13,15 +13,20 @@ function replaceFunctions() {
     replaceCustomEvent(get_named_import_references_1.getNamedImportReferences('tuiCustomEvent', '@taiga-ui/cdk'));
     replaceClosestElement(get_named_import_references_1.getNamedImportReferences('getClosestElement', '@taiga-ui/cdk'));
     replaceDeprecatedFunction();
+    modifyFormatNumberArgs();
+    modifyClosestFocusable();
     colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} functions replaced \n`);
 }
 exports.replaceFunctions = replaceFunctions;
 function replaceDeprecatedFunction() {
     deprecated_functions_1.DEPRECATED_FUNCTIONS.forEach(({ from, to, moduleSpecifier }) => {
         get_named_import_references_1.getNamedImportReferences(from, moduleSpecifier).forEach(ref => {
+            if (ref.wasForgotten()) {
+                return;
+            }
             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));
+                parent === null || parent === void 0 ? void 0 : parent.replaceWithText(parent === null || parent === void 0 ? void 0 : parent.getText({ includeJsDocComments: false }).trim().replace(from, to !== null && to !== void 0 ? to : from));
             }
         });
     });
@@ -47,7 +52,11 @@ function replaceClosestElement(references) {
         }
         else if (ng_morph_1.Node.isCallExpression(parent)) {
             const [firstArg, secondArg] = parent.getArguments();
-            parent.replaceWithText(`${firstArg.getText()}.closest(${secondArg.getText()})`);
+            const firstArgText = firstArg.getText();
+            const element = firstArgText.includes(' as ') // e.g, `getClosestElement(el as Element, ...)`
+                ? `(${firstArgText})`
+                : firstArgText;
+            parent.replaceWithText(`${element}.closest(${secondArg.getText()})`);
         }
     });
 }
@@ -75,3 +84,34 @@ function replaceFallbackValue(references) {
         }
     });
 }
+function modifyFormatNumberArgs() {
+    [
+        ...get_named_import_references_1.getNamedImportReferences('formatNumber', '@taiga-ui/core'),
+        ...get_named_import_references_1.getNamedImportReferences('tuiFormatNumber', '@taiga-ui/core'),
+    ]
+        .map(ref => ref.getParent())
+        .filter(ng_morph_1.Node.isCallExpression)
+        .forEach(fn => {
+        const args = fn.getArguments();
+        if (args.length > 1) {
+            const [value, decimalLimit = `Infinity`, decimalSeparator = `','`, thousandSeparator = `'\u00A0'`, zeroPadding = true,] = args.map(arg => arg.getText());
+            const notNullDecimalLimit = decimalLimit === `null` ? `Infinity` : decimalLimit;
+            const conditionalDecimalLimit = !Number.isNaN(+notNullDecimalLimit)
+                ? notNullDecimalLimit
+                : `${decimalLimit} === null ? Infinity : ${decimalLimit}`;
+            fn.replaceWithText(`tuiFormatNumber(${value}, {decimalLimit: ${conditionalDecimalLimit}, decimalSeparator: ${decimalSeparator}, thousandSeparator: ${thousandSeparator}, zeroPadding: ${zeroPadding}})`);
+        }
+    });
+}
+function modifyClosestFocusable() {
+    get_named_import_references_1.getNamedImportReferences('tuiGetClosestFocusable', '@taiga-ui/cdk')
+        .map(ref => ref.getParent())
+        .filter(ng_morph_1.Node.isCallExpression)
+        .forEach(fn => {
+        const args = fn.getArguments();
+        if (args.length > 1) {
+            const [initial, prev = false, root, keyboard = true] = args.map(arg => arg.getText());
+            fn.replaceWithText(`tuiGetClosestFocusable({initial: ${initial}, root: ${root}, previous: ${prev}, keyboard: ${keyboard}})`);
+        }
+    });
+}

package/schematics/ng-update/steps/replace-styles.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceStyles = void 0;
+const ng_morph_1 = require("ng-morph");
+const breakpoints_1 = require("../constants/breakpoints");
+function replaceStyles() {
+    var _a;
+    (_a = ng_morph_1.getActiveProject()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/**.less').forEach(sourceFile => {
+        let fullText = sourceFile.getFullText();
+        if (fullText.includes(`taiga-ui-local`)) {
+            breakpoints_1.DEPRECATED_BREAKPOINTS.forEach(({ from, to }) => {
+                fullText = fullText.replaceAll(new RegExp(`(?<=@media.*)(${from})(?=[\\s,{])`, 'g'), to);
+            });
+        }
+        sourceFile.replaceWithText(fullText.replace(`@import '~@taiga-ui/core/styles/taiga-ui-global';`, `@import '~@taiga-ui/styles/taiga-ui-global';`));
+    });
+}
+exports.replaceStyles = replaceStyles;

package/schematics/ng-update/steps/show-warnings.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.showWarnings = void 0;
 const ng_morph_1 = require("ng-morph");
 const warnings_1 = require("../constants/warnings");
+const constants_1 = require("../../constants");
 function showWarnings(context) {
     warnings_1.MIGRATION_WARNINGS.forEach(warning => showWarning(warning, context));
 }
 exports.showWarnings = showWarnings;
 function showWarning({ name, message, moduleSpecifier = '**/**' }, { logger }) {
-    const references = ng_morph_1.getImports('**/**', {
+    const references = ng_morph_1.getImports(constants_1.ALL_TS_FILES, {
         moduleSpecifier,
         namedImports: [name],
     })

package/schematics/utils/add-import-to-closest-module.d.ts

@@ -0,0 +1 @@
+export declare function addImportToClosestModule(componentPath: string, moduleName: string, moduleSpecifier: string): void;

package/schematics/utils/add-import-to-closest-module.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addImportToClosestModule = void 0;
+const ng_component_1 = require("./angular/ng-component");
+const ng_module_1 = require("./angular/ng-module");
+const ng_morph_1 = require("ng-morph");
+const add_unique_import_1 = require("./add-unique-import");
+function addImportToClosestModule(componentPath, moduleName, moduleSpecifier) {
+    const [ngComponent] = ng_component_1.getNgComponents(componentPath);
+    const ngModule = ngComponent ? ng_module_1.findNgModule(ngComponent) : null;
+    if (ngModule) {
+        ng_morph_1.addImportToNgModule(ngModule, moduleName, {
+            unique: true,
+        });
+        add_unique_import_1.addUniqueImport(ngModule.getSourceFile().getFilePath(), moduleName, moduleSpecifier);
+    }
+}
+exports.addImportToClosestModule = addImportToClosestModule;

package/schematics/utils/add-styles.d.ts

@@ -1,3 +1,7 @@
 import { Schema } from '../ng-add/schema';
-import { Rule } from '@angular-devkit/schematics';
-export declare function addStylesToAngularJson(options: Schema, taigaStyles: string[]): Rule;
+import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';
+import { JsonArray } from '@angular-devkit/core';
+export declare function addStylesToAngularJson(options: Schema, context: SchematicContext, taigaStyles: string[], filter?: (styles: JsonArray | undefined) => boolean, stylesToReplace?: {
+    from: string;
+    to: string[];
+}, tree?: Tree): Rule;

package/schematics/utils/add-styles.js

@@ -4,14 +4,42 @@ exports.addStylesToAngularJson = void 0;
 const get_project_1 = require("./get-project");
 const get_project_target_options_1 = require("./get-project-target-options");
 const workspace_1 = require("@schematics/angular/utility/workspace");
-function addStylesToAngularJson(options, taigaStyles) {
+const ng_morph_1 = require("ng-morph");
+const versions_1 = require("../ng-add/constants/versions");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+function addStylesToAngularJson(options, context, taigaStyles, filter, stylesToReplace, tree) {
     return workspace_1.updateWorkspace(workspace => {
         const project = get_project_1.getProject(options, workspace);
+        if (!project) {
+            context.logger.warn(`[WARNING]: Target project not found. Add styles ${taigaStyles.join(',')} to angular.json manually.`);
+            return;
+        }
         const targetOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
         const styles = targetOptions.styles;
-        targetOptions.styles = styles
-            ? Array.from(new Set([...taigaStyles, ...styles]))
-            : taigaStyles;
+        if (filter && filter(styles)) {
+            return;
+        }
+        if (!styles) {
+            targetOptions.styles = taigaStyles;
+            return;
+        }
+        if (tree &&
+            stylesToReplace &&
+            styles.find(style => style === stylesToReplace.from)) {
+            targetOptions.styles = Array.from(new Set([
+                ...taigaStyles,
+                ...stylesToReplace.to,
+                ...styles.filter(style => style !== stylesToReplace.from),
+            ]));
+            ng_morph_1.addPackageJsonDependency(tree, {
+                name: `@taiga-ui/styles`,
+                version: versions_1.TAIGA_VERSION,
+            });
+            context.addTask(new tasks_1.NodePackageInstallTask());
+        }
+        else {
+            targetOptions.styles = Array.from(new Set([...taigaStyles, ...styles]));
+        }
     });
 }
 exports.addStylesToAngularJson = addStylesToAngularJson;

package/schematics/utils/angular/ng-component.d.ts

@@ -1,3 +1,2 @@
-import { ClassDeclaration, Pattern, Query } from 'ng-morph';
-import { StructureType } from 'ng-morph/utils/types/structure-type';
+import { ClassDeclaration, Pattern, Query, StructureType } from 'ng-morph';
 export declare function getNgComponents(pattern: Pattern, query?: Query<Omit<StructureType<ClassDeclaration>, 'kind'>>): ClassDeclaration[];