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

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

@@ -2,11 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ATTR_WITH_VALUES_TO_REPLACE = void 0;
 const elements_1 = require("../../../../utils/templates/elements");
+const hasPseudo = [
+    'button',
+    'a',
+    'tui-checkbox',
+    'tui-checkbox-block',
+    'tui-radio',
+    'tui-radio-block',
+    'tui-radio-labeled',
+    'tui-checkbox-labeled',
+];
 exports.ATTR_WITH_VALUES_TO_REPLACE = [
     {
         attrNames: ['shape'],
         newAttrName: '[style.border-radius.%]',
-        values: [{ from: 'rounded', to: '100' }],
+        valueReplacer: [{ from: 'rounded', to: '100' }],
         withTagNames: ['button'],
         filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton') ||
             (0, elements_1.hasElementAttribute)(el, 'tuiIconButton'),
@@ -14,9 +24,39 @@ exports.ATTR_WITH_VALUES_TO_REPLACE = [
     {
         attrNames: ['tuiMode'],
         newAttrName: 'tuiTheme',
-        values: [
+        valueReplacer: [
             { from: 'onDark', to: 'dark' },
             { from: 'onLight', to: 'light' },
         ],
     },
+    {
+        attrNames: ['[pseudoActive]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: hasPseudo,
+        valueReplacer: (condition) => `${condition} ? 'active' : null`,
+    },
+    {
+        attrNames: ['[pseudoFocus]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: hasPseudo,
+        valueReplacer: (condition) => `${condition} ? 'focus' : null`,
+    },
+    {
+        attrNames: ['[pseudoHover]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: hasPseudo,
+        valueReplacer: (condition) => `${condition} ? 'hover' : null`,
+    },
+    {
+        attrNames: ['[pseudoInvalid]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: hasPseudo,
+        valueReplacer: (condition) => `${condition} ? 'invalid' : null`,
+    },
+    {
+        attrNames: ['[pseudoDisabled]'],
+        newAttrName: '[tuiAppearanceState]',
+        withTagNames: ['tui-radio-block', 'tui-radio-labeled', 'tui-radio'],
+        valueReplacer: (condition) => `${condition} ? 'disabled' : null`,
+    },
 ];

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: {
@@ -59,6 +60,13 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: '[value]' },
     },
+    {
+        from: {
+            attrName: '(removed)',
+            withTagNames: ['tui-file'],
+        },
+        to: { attrName: '(remove)' },
+    },
     {
         from: {
             attrName: '[rounded]',
@@ -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',
@@ -213,8 +229,7 @@ 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' },
@@ -223,7 +238,7 @@ exports.ATTRS_TO_REPLACE = [
         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' },
     },
@@ -241,4 +256,20 @@ exports.ATTRS_TO_REPLACE = [
         },
         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',
+    },
 ];