@taiga-ui/cdk 4.0.0-rc.5 → 4.0.0-rc.7

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

@@ -6,10 +6,18 @@ const add_unique_import_1 = require("../../utils/add-unique-import");
 const colored_log_1 = require("../../utils/colored-log");
 const get_named_import_references_1 = require("../../utils/get-named-import-references");
 const import_manipulations_1 = require("../../utils/import-manipulations");
+const progress_1 = require("../../utils/progress");
 function replaceIdentifiers(options, constants) {
     !options['skip-logs'] &&
         (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing identifiers...`);
-    constants.forEach(replaceIdentifier);
+    const progressLog = (0, progress_1.setupProgressLogger)({
+        total: constants.length,
+    });
+    constants.forEach((item, index) => {
+        replaceIdentifier(item);
+        const last = index === constants.length - 1;
+        !options['skip-logs'] && progressLog(item.from.name, last);
+    });
     !options['skip-logs'] &&
         (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} identifiers replaced \n`);
 }

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

@@ -6,13 +6,12 @@ const constants_1 = require("../../constants");
 const get_file_system_1 = require("../utils/get-file-system");
 const replace_text_1 = require("../utils/replace-text");
 function replacePackageName(oldPackage, newPackage, tree) {
-    if (!(0, ng_morph_1.getPackageJsonDependency)(tree, oldPackage)) {
-        return;
-    }
     const fileSystem = (0, get_file_system_1.getFileSystem)(tree);
     (0, replace_text_1.replaceText)([{ from: oldPackage, to: newPackage.name }], constants_1.ALL_TS_FILES);
-    (0, ng_morph_1.removePackageJsonDependency)(tree, oldPackage);
-    (0, ng_morph_1.addPackageJsonDependency)(tree, newPackage);
+    if ((0, ng_morph_1.getPackageJsonDependency)(tree, oldPackage)) {
+        (0, ng_morph_1.removePackageJsonDependency)(tree, oldPackage);
+        (0, ng_morph_1.addPackageJsonDependency)(tree, newPackage);
+    }
     fileSystem.commitEdits();
     (0, ng_morph_1.saveActiveProject)();
 }

package/schematics/ng-update/v4/index.js

@@ -34,6 +34,7 @@ function main(options) {
         (0, steps_2.migrateDestroyService)(options);
         (0, steps_2.migrateOptionProviders)(options);
         (0, steps_2.migrateAllCountryIsoCodes)(options);
+        (0, ng_morph_1.saveActiveProject)();
         (0, steps_2.migrateTemplates)(fileSystem, options);
         (0, steps_1.showWarnings)(context, constants_1.MIGRATION_WARNINGS);
         fileSystem.commitEdits();

package/schematics/ng-update/v4/migrate-icons/rename-icons.js

@@ -31,12 +31,12 @@ function renameIcons(pattern = constants_1.ALL_FILES) {
     sourceFiles.forEach((file) => {
         let text = file.getFullText();
         CHANGED_ICONS.map(({ from, to }) => ({
-            from: new RegExp(`\\b${from}\\b`, 'g'),
+            from: new RegExp(`["'\`]${from}["'\`]`, 'g'),
             to,
         })).forEach(({ from, to }) => {
-            text = text.replaceAll(from, to);
+            text = text.replaceAll(from, `"${to}"`);
         });
-        const regex = /\btuiIcon(?!Button\b)[A-Z][a-zA-Z0-9]*\b/g;
+        const regex = /['"`]tuiIcon(?!Button\b)[A-Z][a-zA-Z0-9]*\b/g;
         text = text.replaceAll(regex, (match) => convertString(match));
         file.replaceWithText(text);
     });
@@ -44,7 +44,7 @@ function renameIcons(pattern = constants_1.ALL_FILES) {
 exports.renameIcons = renameIcons;
 function convertString(input) {
     let result = input
-        .replace(/^tuiIcon/, '')
+        .replace(/["'`]tuiIcon/, '')
         .replace(/Large$/, '')
         .replaceAll(/([A-Z0-9])/g, '-$1')
         .toLowerCase();
@@ -53,5 +53,5 @@ function convertString(input) {
         result = result.replace('-circle', '');
         result = `circle${result}`;
     }
-    return `@tui.${result.startsWith('-') ? result.slice(1) : result}`;
+    return `${input.slice(0, 1)}@tui.${result.startsWith('-') ? result.slice(1) : result}`;
 }

package/schematics/ng-update/v4/steps/constants/attr-to-directive-replace.js

@@ -50,13 +50,14 @@ exports.ATTRS_TO_DIRECTIVE_REPLACE = [
         },
     },
     {
-        componentSelector: ['button'],
+        componentSelector: ['button', 'a'],
         inputProperty: 'showLoader',
         directive: 'loading',
         directiveModule: {
             name: 'TuiButtonLoading',
             moduleSpecifier: '@taiga-ui/kit',
         },
-        filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton'),
+        filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton') ||
+            (0, elements_1.hasElementAttribute)(el, 'tuiIconButton'),
     },
 ];

package/schematics/ng-update/v4/steps/constants/attr-with-values-to-replace.js

@@ -8,7 +8,8 @@ exports.ATTR_WITH_VALUES_TO_REPLACE = [
         newAttrName: '[style.border-radius.%]',
         values: [{ from: 'rounded', to: '100' }],
         withTagNames: ['button'],
-        filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton'),
+        filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton') ||
+            (0, elements_1.hasElementAttribute)(el, 'tuiIconButton'),
     },
     {
         attrNames: ['tuiMode'],

package/schematics/ng-update/v4/steps/constants/attrs-to-replace.js

@@ -10,6 +10,20 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: 'iconStart' },
     },
+    {
+        from: {
+            attrName: 'src',
+            withTagNames: ['tui-svg'],
+        },
+        to: { attrName: 'icon' },
+    },
+    {
+        from: {
+            attrName: '[src]',
+            withTagNames: ['tui-svg'],
+        },
+        to: { attrName: '[icon]' },
+    },
     {
         from: {
             attrName: '[brandLogo]',
@@ -34,14 +48,14 @@ exports.ATTRS_TO_REPLACE = [
     {
         from: {
             attrName: 'item',
-            withTagNames: ['tui-radio'],
+            withTagNames: ['tui-radio', 'tui-radio-labeled', 'tui-radio-block'],
         },
         to: { attrName: 'value' },
     },
     {
         from: {
             attrName: '[item]',
-            withTagNames: ['tui-radio'],
+            withTagNames: ['tui-radio', 'tui-radio-labeled', 'tui-radio-block'],
         },
         to: { attrName: '[value]' },
     },
@@ -59,20 +73,6 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: '(waResizeObserver)' },
     },
-    {
-        from: {
-            attrName: 'item',
-            withTagNames: ['tui-radio-labeled'],
-        },
-        to: { attrName: 'value' },
-    },
-    {
-        from: {
-            attrName: '[item]',
-            withTagNames: ['tui-radio-labeled'],
-        },
-        to: { attrName: '[value]' },
-    },
     // Hosted dropdown
     {
         from: {
@@ -167,17 +167,45 @@ exports.ATTRS_TO_REPLACE = [
     {
         from: {
             attrName: 'icon',
-            withAttrsNames: ['tuiButton'],
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
         },
         to: { attrName: 'iconStart' },
     },
     {
         from: {
             attrName: '[icon]',
-            withAttrsNames: ['tuiButton'],
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
         },
         to: { attrName: '[iconStart]' },
     },
+    {
+        from: {
+            attrName: 'iconLeft',
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
+        },
+        to: { attrName: 'iconStart' },
+    },
+    {
+        from: {
+            attrName: '[iconLeft]',
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
+        },
+        to: { attrName: '[iconStart]' },
+    },
+    {
+        from: {
+            attrName: 'iconRight',
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
+        },
+        to: { attrName: 'iconEnd' },
+    },
+    {
+        from: {
+            attrName: '[iconRight]',
+            withAttrsNames: ['tuiButton', 'tuiIconButton'],
+        },
+        to: { attrName: '[iconEnd]' },
+    },
     {
         from: {
             attrName: 'icon',
@@ -206,4 +234,11 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: '' },
     },
+    {
+        from: {
+            attrName: 'tuiTextfield',
+            withTagNames: ['input', 'textarea'],
+        },
+        to: { attrName: 'tuiTextfieldLegacy' },
+    },
 ];