@taiga-ui/cdk 4.0.0-alpha.0 → 4.0.0-rc.10

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ATTRS_TO_REPLACE = void 0;
 const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
 exports.ATTRS_TO_REPLACE = [
     {
         from: {
@@ -10,6 +11,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,17 +49,24 @@ 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]' },
     },
+    {
+        from: {
+            attrName: '(removed)',
+            withTagNames: ['tui-file'],
+        },
+        to: { attrName: '(remove)' },
+    },
     {
         from: {
             attrName: '[rounded]',
@@ -59,20 +81,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: {
@@ -156,6 +164,14 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: 'appearance' },
     },
+    {
+        from: {
+            attrName: '[mode]',
+            withTagNames: ['tui-marker-icon'],
+            withAttrsNames: ['tuiMarkerIcon'],
+        },
+        to: { attrName: '[appearance]' },
+    },
     {
         from: {
             attrName: 'tuiAction',
@@ -167,17 +183,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',
@@ -185,20 +229,39 @@ exports.ATTRS_TO_REPLACE = [
             filterFn: (element) => {
                 var _a;
                 return !(0, elements_1.hasElementAttribute)(element, 'iconAlign') ||
-                    ((_a = element.attrs.find((attr) => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) ===
-                        'right';
+                    ((_a = (0, inputs_1.findAttr)(element.attrs, 'iconAlign')) === null || _a === void 0 ? void 0 : _a.value) === 'right';
             },
         },
         to: { attrName: 'iconEnd' },
     },
+    {
+        from: {
+            attrName: '[icon]',
+            withAttrsNames: ['tuiLink'],
+            filterFn: (element) => {
+                var _a;
+                return !(0, elements_1.hasElementAttribute)(element, 'iconAlign') ||
+                    ((_a = (0, inputs_1.findAttr)(element.attrs, 'iconAlign')) === null || _a === void 0 ? void 0 : _a.value) === 'right';
+            },
+        },
+        to: { attrName: '[iconEnd]' },
+    },
     {
         from: {
             attrName: 'icon',
             withAttrsNames: ['tuiLink'],
-            filterFn: (element) => { var _a; return ((_a = element.attrs.find((attr) => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+            filterFn: (element) => { var _a; return ((_a = (0, inputs_1.findAttr)(element.attrs, 'iconAlign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
         },
         to: { attrName: 'iconStart' },
     },
+    {
+        from: {
+            attrName: '[icon]',
+            withAttrsNames: ['tuiLink'],
+            filterFn: (element) => { var _a; return ((_a = (0, inputs_1.findAttr)(element.attrs, 'iconAlign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
+        },
+        to: { attrName: '[iconStart]' },
+    },
     {
         from: {
             attrName: 'new',
@@ -206,4 +269,27 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: '' },
     },
+    {
+        from: {
+            attrName: 'tuiTextfield',
+            withTagNames: ['input', 'textarea'],
+        },
+        to: { attrName: 'tuiTextfieldLegacy' },
+    },
+    {
+        from: {
+            attrName: 'status',
+            withTagNames: ['tui-notification'],
+            withAttrsNames: ['tuiNotification'],
+        },
+        to: { attrName: 'appearance' },
+    },
+    {
+        from: {
+            attrName: '[status]',
+            withTagNames: ['tui-notification'],
+            withAttrsNames: ['tuiNotification'],
+        },
+        to: { attrName: '[appearance]' },
+    },
 ];

package/schematics/ng-update/v4/steps/constants/html-comments.js

@@ -47,4 +47,13 @@ exports.HTML_COMMENTS = [
         withAttrs: [],
         comment: 'TuiThemeNight has been removed. Please use tuiTheme attribute to set theme https://taiga-ui.dev/directives/theme',
     },
+    {
+        tag: 'tui-input-files',
+        withAttrs: [],
+        comment: 'Native input inside is now required and the wrapper has changed from <tui-input-files to <label tuiInputFiles, control moved to native input. See interactive example https://taiga-ui.dev/components/input-files',
+    },
+    {
+        pattern: /\|\s?tuiFormatNumber\s?:/g,
+        comment: 'tuiFormatNumber pipe API has been changed. Learn how to migrate decimalLimit, decimal, zeroPadding: https://github.com/taiga-family/taiga-ui/issues/8335#migration',
+    },
 ];