@taiga-ui/cdk 2.51.1 → 2.52.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/cdk",
-  "version": "2.51.1",
+  "version": "2.52.0",
   "description": "Base library for creating Angular components and applications using Taiga UI principles regarding of actual visual appearance",
   "keywords": [
     "angular",

package/schematics/ng-update/index.js

@@ -16,6 +16,7 @@ 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* () {
         console.info('\x1b[35m', `taiga packages will be updated to ${versions_1.TAIGA_VERSION}`);
@@ -51,6 +52,9 @@ function updateToV3(_) {
         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();

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-templates.js

@@ -20,6 +20,7 @@ function migrateTemplates(fileSystem) {
         replaceFieldError,
         addHTMLCommentTags,
         addEditorProviders,
+        migrateTuiHideSelectedPipe,
     ];
     componentWithTemplatesPaths.forEach(resource => {
         const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
@@ -150,3 +151,23 @@ function addEditorProviders({ resource, fileSystem, }) {
         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);
+    });
+}

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-services.js

@@ -5,9 +5,10 @@ const get_named_import_references_1 = require("../../utils/get-named-import-refe
 const ng_morph_1 = require("ng-morph");
 const import_manipulations_1 = require("../../utils/import-manipulations");
 const add_unique_import_1 = require("../../utils/add-unique-import");
+const colored_log_1 = require("../../utils/colored-log");
 function replaceServices() {
     services_1.SERVICES_TO_REPLACE.forEach(service => {
-        console.info('\x1b[34m', `replacing ${service.from.name}`);
+        colored_log_1.infoLog(`replacing ${service.from.name}`);
         replaceService(service);
     });
 }

package/schematics/utils/insert-todo.d.ts

@@ -0,0 +1,2 @@
+import { Identifier } from 'ng-morph';
+export declare function insertTodo(identifier: Identifier, message: string): void;

package/schematics/utils/insert-todo.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function insertTodo(identifier, message) {
+    const startLinePos = identifier.getStartLinePos();
+    const sourceFile = identifier.getSourceFile();
+    sourceFile.insertText(startLinePos, `// TODO: (Taiga UI migration) ${message}\n`);
+}
+exports.insertTodo = insertTodo;

package/schematics/utils/templates/elements.d.ts

@@ -1,4 +1,5 @@
 import { Element } from 'parse5';
+export declare function findElementByFn(html: string, predicateFn: (el: Element) => boolean): Element[];
 export declare function findElementsByTagName(html: string, tagName: string): Element[];
 /**
  * Parses a HTML fragment and traverses all AST nodes in order find elements that

package/schematics/utils/templates/elements.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const parse5_1 = require("parse5");
 const ALWAYS_TRUE_HANDLER = () => true;
-function findElementsByTagName(html, tagName) {
+function findElementByFn(html, predicateFn) {
     const document = parse5_1.parseFragment(html, { sourceCodeLocationInfo: true });
     const elements = [];
     const visitNodes = (nodes) => {
@@ -11,7 +11,7 @@ function findElementsByTagName(html, tagName) {
             if (node.childNodes) {
                 visitNodes(node.childNodes);
             }
-            if (node.tagName === tagName) {
+            if (predicateFn(node)) {
                 elements.push(node);
             }
         });
@@ -19,28 +19,17 @@ function findElementsByTagName(html, tagName) {
     visitNodes(document.childNodes);
     return elements;
 }
+exports.findElementByFn = findElementByFn;
+function findElementsByTagName(html, tagName) {
+    return findElementByFn(html, el => el.tagName === tagName);
+}
 exports.findElementsByTagName = findElementsByTagName;
 /**
  * Parses a HTML fragment and traverses all AST nodes in order find elements that
  * include the specified attribute.
  */
 function findElementsWithAttribute(html, attributeName) {
-    const document = parse5_1.parseFragment(html, { sourceCodeLocationInfo: true });
-    const elements = [];
-    const visitNodes = (nodes) => {
-        nodes.forEach(n => {
-            var _a;
-            const node = n;
-            if (node.childNodes) {
-                visitNodes(node.childNodes);
-            }
-            if ((_a = node.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.name === attributeName.toLowerCase())) {
-                elements.push(node);
-            }
-        });
-    };
-    visitNodes(document.childNodes);
-    return elements;
+    return findElementByFn(html, el => { var _a; return (_a = el.attrs) === null || _a === void 0 ? void 0 : _a.some(attr => attr.name === attributeName.toLowerCase()); });
 }
 exports.findElementsWithAttribute = findElementsWithAttribute;
 /**