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

package/schematics/ng-update/v4/steps/constants/inputs-to-remove.js

@@ -7,6 +7,7 @@ exports.INPUTS_TO_REMOVE = [
     { inputName: 'showLoader', tags: ['tui-toggle'] },
     { inputName: 'singleColor', tags: ['tui-toggle'] },
     { inputName: 'hoverable', tags: ['tui-badge'] },
+    { inputName: 'singleColor', tags: ['tui-money'] },
     {
         inputName: 'iconAlign',
         tags: ['button', 'a'],

package/schematics/ng-update/v4/steps/constants/migration-warnings.js

@@ -147,4 +147,24 @@ exports.MIGRATION_WARNINGS = [
         moduleSpecifier: '@taiga-ui/kit',
         message: 'TUI_ARROW is deprecated, Use tuiChevron directive instead. See example https://taiga-ui.dev/components/data-list#links',
     },
+    {
+        name: 'TuiMoneyComponent',
+        moduleSpecifier: '@taiga-ui/addon-commerce',
+        message: 'TuiMoneyComponent is deprecated, Use tuiAmount pipe instead. See example https://taiga-ui.dev/pipes/amount',
+    },
+    {
+        name: 'TuiIllustrationsModule',
+        moduleSpecifier: '@taiga-ui/proprietary-icons',
+        message: 'TuiIllustrationsModule was deleted. Import TuiIconPipe and use <img [src]="icon | tuiIcon" /> instead. See https://taiga-ui.tcsbank.ru/icons',
+    },
+    {
+        name: 'TuiIllustrationsPipe',
+        moduleSpecifier: '@taiga-ui/proprietary-icons',
+        message: 'TuiIllustrationsPipe was deleted. Import TuiIconPipe and use <img [src]="icon | tuiIcon" /> instead. See https://taiga-ui.tcsbank.ru/icons',
+    },
+    {
+        name: 'TuiIllustrationModePipe',
+        moduleSpecifier: '@taiga-ui/proprietary-icons',
+        message: 'TuiIllustrationModePipe was deleted. Import TuiIconPipe and use <img [src]="icon | tuiIcon" /> instead. See https://taiga-ui.tcsbank.ru/icons',
+    },
 ];

package/schematics/ng-update/v4/steps/constants/modules-to-remove.js

@@ -18,6 +18,10 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiPromptDialogModule',
         moduleSpecifier: '@taiga-ui/proprietary-core',
     },
+    {
+        name: 'TuiPromptModule',
+        moduleSpecifier: '@taiga-ui/kit',
+    },
     {
         name: 'TuiThemeTinkoff2023NightModule',
         moduleSpecifier: '@taiga-ui/proprietary-core',
@@ -38,4 +42,8 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiIconsModule',
         moduleSpecifier: '@taiga-ui/experimental',
     },
+    {
+        name: 'TuiMobileTabsModule',
+        moduleSpecifier: '@taiga-ui/addon-mobile',
+    },
 ];

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TAGS_TO_REPLACE = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
 exports.TAGS_TO_REPLACE = [
     { from: 'tui-card', to: 'tui-thumbnail-card' },
     { from: 'tui-text-area', to: 'tui-textarea' },
@@ -9,13 +10,13 @@ exports.TAGS_TO_REPLACE = [
         from: 'tui-input-count',
         to: 'tui-input-number',
         addAttributes: ['decimal="never"'],
-        filterFn: (element) => element.attrs.some((attr) => attr.name === '[step]'),
+        filterFn: (element) => (0, elements_1.hasElementAttribute)(element, 'step'),
     },
     {
         from: 'tui-input-count',
         to: 'tui-input-number',
         addAttributes: ['decimal="never"', '[step]="1"'],
-        filterFn: (element) => element.attrs.every((attr) => attr.name !== '[step]'),
+        filterFn: (element) => !(0, elements_1.hasElementAttribute)(element, 'step'),
     },
     {
         from: 'tui-money',

package/schematics/ng-update/v4/steps/constants/types.js

@@ -17,4 +17,33 @@ exports.TYPES_TO_RENAME = [
         moduleSpecifier: ['@taiga-ui/core'],
         removeImport: true,
     },
+    {
+        from: 'TuiIllustrationName',
+        moduleSpecifier: ['@taiga-ui/proprietary-icons'],
+        to: 'string',
+        removeImport: true,
+    },
+    {
+        from: 'TuiIllustrationCategory',
+        moduleSpecifier: ['@taiga-ui/proprietary-icons'],
+        to: 'string',
+        removeImport: true,
+    },
+    {
+        from: 'TuiNotificationT',
+        moduleSpecifier: ['@taiga-ui/core'],
+        to: 'string',
+        removeImport: true,
+    },
+    {
+        from: 'TuiMarkerIconMode',
+        moduleSpecifier: ['@taiga-ui/kit'],
+        to: 'string',
+        removeImport: true,
+    },
+    {
+        from: 'TuiOperationIcon',
+        moduleSpecifier: ['@taiga-ui/proprietary-banking'],
+        to: 'TuiFeedItemIcon',
+    },
 ];

package/schematics/ng-update/v4/steps/index.d.ts

@@ -1,10 +1,13 @@
+export * from './migrate-alert-service';
 export * from './migrate-all-country-iso-codes';
 export * from './migrate-destroy-service';
 export * from './migrate-legacy-mask';
+export * from './migrate-month-context';
+export * from './migrate-number-format-settings';
 export * from './migrate-option-providers';
 export * from './migrate-proprietary';
-export * from './migrate-styles';
 export * from './migrate-templates';
 export * from './restore-tui-mapper';
 export * from './restore-tui-matcher';
+export * from './styles';
 export * from './update-packages';

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

@@ -1,13 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./migrate-alert-service"), exports);
 tslib_1.__exportStar(require("./migrate-all-country-iso-codes"), exports);
 tslib_1.__exportStar(require("./migrate-destroy-service"), exports);
 tslib_1.__exportStar(require("./migrate-legacy-mask"), exports);
+tslib_1.__exportStar(require("./migrate-month-context"), exports);
+tslib_1.__exportStar(require("./migrate-number-format-settings"), exports);
 tslib_1.__exportStar(require("./migrate-option-providers"), exports);
 tslib_1.__exportStar(require("./migrate-proprietary"), exports);
-tslib_1.__exportStar(require("./migrate-styles"), exports);
 tslib_1.__exportStar(require("./migrate-templates"), exports);
 tslib_1.__exportStar(require("./restore-tui-mapper"), exports);
 tslib_1.__exportStar(require("./restore-tui-matcher"), exports);
+tslib_1.__exportStar(require("./styles"), exports);
 tslib_1.__exportStar(require("./update-packages"), exports);

package/schematics/ng-update/v4/steps/migrate-alert-service.d.ts

@@ -0,0 +1,2 @@
+import type { TuiSchema } from '../../../ng-add/schema';
+export declare function migrateAlertService(options: TuiSchema): void;

package/schematics/ng-update/v4/steps/migrate-alert-service.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateAlertService = void 0;
+const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../../utils/colored-log");
+const get_named_import_references_1 = require("../../../utils/get-named-import-references");
+const OPTIONS_MIGRATIONS = {
+    autoClose: (property) => {
+        const [propertyKey, propertyValue] = property.getText().split(/\s?:\s?/);
+        switch (propertyValue) {
+            case 'true':
+                return property.replaceWithText(`${propertyKey}: 3_000`);
+            case 'false':
+                return property.replaceWithText(`${propertyKey}: 0`);
+            default:
+                return null;
+        }
+    },
+    defaultAutoCloseTime: (property) => property.replaceWithText(property.getText().replace('defaultAutoCloseTime', 'autoClose')),
+    status: (property) => property.replaceWithText(property.getText().replace('status', 'appearance')),
+    hasCloseButton: (property) => property.replaceWithText(property.getText().replace('hasCloseButton', 'closeable')),
+    hasIcon: (property) => {
+        const [, propertyValue] = property.getText().split(/\s?:\s?/);
+        switch (propertyValue) {
+            case 'false':
+                return property.replaceWithText("icon: ''");
+            case 'true':
+                return property.remove();
+            default:
+                return property.replaceWithText(`// TODO: (Taiga UI migration) "hasIcon" is deleted. Use "icon: ''" to hide icon. Use "icon: TUI_NOTIFICATION_DEFAULT_OPTIONS['icon']" to show it.\n${property.getText()}`);
+        }
+    },
+};
+function migrateAlertService(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing inject(TuiAlertService).open({autoClose: boolean})...`);
+    const alertServiceRefs = (0, get_named_import_references_1.getNamedImportReferences)('TuiAlertService', '@taiga-ui/core');
+    // inject(TuiAlertService).open(...)
+    const viaDirectInjects = alertServiceRefs.map((x) => x.getFirstAncestor((node) => node.isKind(ng_morph_1.SyntaxKind.CallExpression) &&
+        node.getFullText().includes('inject(TuiAlertService') &&
+        node.getFullText().includes('.open')));
+    // readonly alertService = inject(TuiAlertService);
+    const viaClassProperty = alertServiceRefs
+        .map((x) => {
+        var _a;
+        return (_a = x
+            .getFirstAncestorByKind(ng_morph_1.SyntaxKind.PropertyDeclaration)) === null || _a === void 0 ? void 0 : _a.findReferencesAsNodes();
+    })
+        .flat()
+        .map(toAlertServiceOpenCallExpression);
+    // constructor(private readonly legacyWayService: TuiAlertService) {}
+    const viaConstructorParam = alertServiceRefs
+        .map((x) => { var _a; return (_a = x.getFirstAncestorByKind(ng_morph_1.SyntaxKind.Parameter)) === null || _a === void 0 ? void 0 : _a.findReferencesAsNodes(); })
+        .flat()
+        .map(toAlertServiceOpenCallExpression);
+    const inlineAlertOptions = [
+        ...viaDirectInjects,
+        ...viaClassProperty,
+        ...viaConstructorParam,
+    ]
+        .map((callExpression) => {
+        if (!callExpression || callExpression.wasForgotten()) {
+            return;
+        }
+        const [, arg] = callExpression.getArguments();
+        return (arg === null || arg === void 0 ? void 0 : arg.isKind(ng_morph_1.SyntaxKind.PropertyAccessExpression))
+            ? findOptionsInitializer(arg)
+            : arg;
+    })
+        .filter(ng_morph_1.Node.isObjectLiteralExpression);
+    const standaloneAlertOptions = (0, get_named_import_references_1.getNamedImportReferences)('TuiAlertOptions', '@taiga-ui/core')
+        .map((n) => {
+        const type = n.getFirstAncestorByKind(ng_morph_1.SyntaxKind.TypeReference);
+        const siblings = [
+            ...((type === null || type === void 0 ? void 0 : type.getPreviousSiblings()) || []),
+            ...((type === null || type === void 0 ? void 0 : type.getNextSiblings()) || []),
+        ];
+        return siblings.find(ng_morph_1.Node.isObjectLiteralExpression);
+    })
+        .filter((x) => !!x);
+    [...inlineAlertOptions, ...standaloneAlertOptions].forEach((options) => {
+        Object.entries(OPTIONS_MIGRATIONS).forEach(([propertyName, migration]) => {
+            const property = options.getProperty(propertyName);
+            if (!property) {
+                return;
+            }
+            const isShorthandPropertyAssignment = ng_morph_1.Node.isShorthandPropertyAssignment(property) &&
+                !property.hasObjectAssignmentInitializer();
+            const previousPropertyText = property.getText();
+            migration(property);
+            if (isShorthandPropertyAssignment && !property.wasForgotten()) {
+                property.replaceWithText(`${property.getText()}: ${previousPropertyText}`);
+            }
+        });
+    });
+    !options['skip-logs'] &&
+        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} "true => 3_000" & "false => 0" were replaced  \n`);
+}
+exports.migrateAlertService = migrateAlertService;
+function toAlertServiceOpenCallExpression(node) {
+    return node === null || node === void 0 ? void 0 : node.getFirstAncestor((x) => x.isKind(ng_morph_1.SyntaxKind.CallExpression) && x.getFullText().includes('.open'));
+}
+function findOptionsInitializer(ref) {
+    var _a;
+    return (_a = ref === null || ref === void 0 ? void 0 : ref.getFirstChildByKind(ng_morph_1.SyntaxKind.Identifier)) === null || _a === void 0 ? void 0 : _a.findReferencesAsNodes().map((n) => {
+        var _a;
+        return (_a = n
+            .getFirstAncestorByKind(ng_morph_1.SyntaxKind.PropertyDeclaration)) === null || _a === void 0 ? void 0 : _a.getFirstChildByKind(ng_morph_1.SyntaxKind.ObjectLiteralExpression);
+    }).find(Boolean);
+}

package/schematics/ng-update/v4/steps/migrate-month-context.d.ts

@@ -0,0 +1,2 @@
+import type { TuiSchema } from '../../../ng-add/schema';
+export declare function migrateMonthContext(options: TuiSchema): void;

package/schematics/ng-update/v4/steps/migrate-month-context.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateMonthContext = void 0;
+const ng_morph_1 = require("ng-morph");
+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");
+function migrateMonthContext(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating TuiBooleanHandlerWithContext<TuiMonth, TuiMonthContext> ...`);
+    const monthContextRefs = (0, get_named_import_references_1.getNamedImportReferences)('TuiMonthContext', '@taiga-ui/kit');
+    monthContextRefs
+        .map((n) => n.getFirstAncestorByKind(ng_morph_1.SyntaxKind.TypeReference))
+        .forEach((ref) => {
+        if (!ref || ref.wasForgotten()) {
+            return;
+        }
+        const booleanHandlerWithContext = ref.getFirstAncestor((node) => node.isKind(ng_morph_1.SyntaxKind.TypeReference) &&
+            !!node
+                .getText()
+                .match(/TuiBooleanHandlerWithContext<\s*TuiMonth\s*,\s*TuiMonthContext\s*>/));
+        if (!booleanHandlerWithContext) {
+            return;
+        }
+        booleanHandlerWithContext.replaceWithText('TuiBooleanHandler<TuiMonth>');
+        (0, add_unique_import_1.addUniqueImport)(booleanHandlerWithContext.getSourceFile().getFilePath(), 'TuiBooleanHandler', '@taiga-ui/cdk');
+    });
+    [
+        ...monthContextRefs,
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiBooleanHandlerWithContext', '@taiga-ui/kit'),
+    ]
+        .map((node) => !node.wasForgotten() &&
+        node.getFirstAncestorByKind(ng_morph_1.SyntaxKind.ImportSpecifier))
+        .filter((x) => !!x)
+        .forEach(import_manipulations_1.removeImport);
+    !options['skip-logs'] && (0, colored_log_1.titleLog)(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
+}
+exports.migrateMonthContext = migrateMonthContext;

package/schematics/ng-update/v4/steps/migrate-number-format-settings.d.ts

@@ -0,0 +1,2 @@
+import type { TuiSchema } from '../../../ng-add/schema';
+export declare function migrateNumberFormatSettings(options: TuiSchema): void;

package/schematics/ng-update/v4/steps/migrate-number-format-settings.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateNumberFormatSettings = void 0;
+const ng_morph_1 = require("ng-morph");
+const colored_log_1 = require("../../../utils/colored-log");
+const get_named_import_references_1 = require("../../../utils/get-named-import-references");
+const OPTIONS_MIGRATIONS = {
+    decimalLimit: (property) => property.replaceWithText(property.getText().replace('decimalLimit', 'precision')),
+    decimal: (property) => {
+        const [, propertyValue] = property.getText().split(/\s?:\s?/);
+        property.replaceWithText(propertyValue.match(/^['"`]never['"`]$/)
+            ? 'precision: 0'
+            : property.getText().replace('decimal', 'decimalMode'));
+    },
+    zeroPadding: (property) => {
+        const [, propertyValue] = property.getText().split(/\s?:\s?/);
+        if (propertyValue === 'true') {
+            property.replaceWithText('decimalMode: "always"');
+        }
+        else {
+            property.replaceWithText(`// TODO: (Taiga UI migration) "zeroPadding" is deleted. Use "decimalMode" instead https://taiga-ui.dev/pipes/format-number/API \n${property.getText()}`);
+        }
+    },
+};
+function migrateNumberFormatSettings(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating TuiNumberFormatSettings...`);
+    const asFunctionArgument = [
+        ...(0, get_named_import_references_1.getNamedImportReferences)('tuiFormatNumber', '@taiga-ui/core'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('tuiNumberFormatProvider', '@taiga-ui/core'),
+    ].map((n) => {
+        var _a;
+        return (_a = n
+            .getFirstAncestorByKind(ng_morph_1.SyntaxKind.CallExpression)) === null || _a === void 0 ? void 0 : _a.getFirstDescendantByKind(ng_morph_1.SyntaxKind.ObjectLiteralExpression);
+    });
+    const asStandaloneSettingsObject = (0, get_named_import_references_1.getNamedImportReferences)('TuiNumberFormatSettings', '@taiga-ui/core').map((n) => {
+        const type = n.getFirstAncestorByKind(ng_morph_1.SyntaxKind.TypeReference);
+        const siblings = [
+            ...((type === null || type === void 0 ? void 0 : type.getPreviousSiblings()) || []),
+            ...((type === null || type === void 0 ? void 0 : type.getNextSiblings()) || []),
+        ];
+        return siblings.find(ng_morph_1.Node.isObjectLiteralExpression);
+    });
+    [...asFunctionArgument, ...asStandaloneSettingsObject]
+        .filter(ng_morph_1.Node.isObjectLiteralExpression)
+        .forEach((options) => {
+        Object.entries(OPTIONS_MIGRATIONS).forEach(([propertyName, migration]) => {
+            const property = options.getProperty(propertyName);
+            if (!property) {
+                return;
+            }
+            const isShorthandPropertyAssignment = ng_morph_1.Node.isShorthandPropertyAssignment(property) &&
+                !property.hasObjectAssignmentInitializer();
+            const previousPropertyText = property.getText();
+            migration(property);
+            if (isShorthandPropertyAssignment && !property.wasForgotten()) {
+                property.replaceWithText(`${property.getText()}: ${previousPropertyText}`);
+            }
+        });
+    });
+    !options['skip-logs'] &&
+        (0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} migration of TuiNumberFormatSettings completes \n`);
+}
+exports.migrateNumberFormatSettings = migrateNumberFormatSettings;

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

@@ -11,6 +11,7 @@ const replace_attrs_by_directives_1 = require("../../utils/templates/replace-att
 const constants_2 = require("./constants");
 const templates_2 = require("./templates");
 const migrate_blocked_1 = require("./templates/migrate-blocked");
+const migrate_number_precision_1 = require("./templates/migrate-number-precision");
 function getAction({ action, requiredData, }) {
     return ({ resource, fileSystem, recorder, }) => action({ resource, fileSystem, recorder, data: requiredData });
 }
@@ -28,6 +29,7 @@ function migrateTemplates(fileSystem, options) {
         getAction({ action: templates_1.replaceAttrs, requiredData: constants_2.ATTRS_TO_REPLACE }),
         getAction({ action: templates_1.replaceAttrValues, requiredData: constants_2.ATTR_WITH_VALUES_TO_REPLACE }),
         getAction({ action: templates_1.removeInputs, requiredData: constants_2.INPUTS_TO_REMOVE }),
+        templates_2.migrateAxes,
         templates_2.migrateBadge,
         templates_2.migrateCheckbox,
         templates_2.migrateFocusable,
@@ -37,6 +39,7 @@ function migrateTemplates(fileSystem, options) {
         templates_2.migrateExpandable,
         templates_2.migrateBadgedContent,
         templates_2.migratePreventDefault,
+        templates_2.migrateMobileTabs,
         templates_2.migrateMoney,
         templates_2.migrateLabeled,
         migrate_blocked_1.migrateBlocked,
@@ -45,6 +48,8 @@ function migrateTemplates(fileSystem, options) {
         templates_2.migrateOverscroll,
         templates_2.migrateButtonAppearance,
         templates_2.migrateLabel,
+        migrate_number_precision_1.migrateNumberPrecision,
+        templates_2.migrateNotification,
     ];
     const progressLog = (0, progress_1.setupProgressLogger)({
         total: componentWithTemplatesPaths.length,

package/schematics/ng-update/v4/steps/{migrate-styles.js → styles/index.js}

@@ -3,6 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateStyles = exports.TUI_RATING_WARNING = void 0;
 /// <reference lib="es2021" />
 const ng_morph_1 = require("ng-morph");
+const migrate_less_scss_constants_1 = require("./migrate-less-scss-constants");
+const migrate_scrollbar_behavior_1 = require("./migrate-scrollbar-behavior");
+const migrate_shadow_mixins_1 = require("./migrate-shadow-mixins");
+const migrate_space_mixins_1 = require("./migrate-space-mixins");
+const migrate_text_mixins_1 = require("./migrate-text-mixins");
 exports.TUI_RATING_WARNING = '// TODO: (Taiga UI migration): use css to customize rating gap and size. See https://taiga-ui.dev/components/rating#basic';
 function migrateStyles() {
     var _a;
@@ -19,7 +24,14 @@ function migrateStyles() {
             .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-mobile-2023', '@taiga-ui/proprietary/styles/tbank-theme-mobile.less')
             .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-mobile', '@taiga-ui/proprietary/styles/tbank-theme-mobile.less')
             .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff', '@taiga-ui/proprietary/styles/tbank-theme');
-        sourceFile.replaceWithText(fullText);
+        const newFileContent = [
+            migrate_space_mixins_1.migrateSpaceMixins,
+            migrate_text_mixins_1.migrateTextMixins,
+            migrate_shadow_mixins_1.migrateShadowMixins,
+            migrate_less_scss_constants_1.migrateLessSCSSConstants,
+            migrate_scrollbar_behavior_1.migrateScrollbarBehavior,
+        ].reduce((text, migrate) => migrate(text), fullText);
+        sourceFile.replaceWithText(newFileContent);
     });
     (0, ng_morph_1.saveActiveProject)();
 }

package/schematics/ng-update/v4/steps/styles/migrate-less-scss-constants.d.ts

@@ -0,0 +1 @@
+export declare function migrateLessSCSSConstants(fileContent: string): string;

package/schematics/ng-update/v4/steps/styles/migrate-less-scss-constants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateLessSCSSConstants = void 0;
+const MAPPING = {
+    space: '0.25rem',
+};
+function migrateLessSCSSConstants(fileContent) {
+    if (!fileContent.includes('@taiga-ui/core/styles/taiga-ui-local')) {
+        return fileContent;
+    }
+    return fileContent.replaceAll(new RegExp(`[$|@](${Object.keys(MAPPING).join('|')})`, 'g'), (_, variable) => MAPPING[variable]);
+}
+exports.migrateLessSCSSConstants = migrateLessSCSSConstants;

package/schematics/ng-update/v4/steps/styles/migrate-scrollbar-behavior.d.ts

@@ -0,0 +1 @@
+export declare function migrateScrollbarBehavior(fileContent: string): string;

package/schematics/ng-update/v4/steps/styles/migrate-scrollbar-behavior.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateScrollbarBehavior = void 0;
+function migrateScrollbarBehavior(fileContent) {
+    if (!fileContent.includes('@taiga-ui/core/styles/taiga-ui-local')) {
+        return fileContent;
+    }
+    return fileContent.replaceAll('.scroll-behavior()', 'scroll-behavior: var(--tui-scroll-behavior)');
+}
+exports.migrateScrollbarBehavior = migrateScrollbarBehavior;

package/schematics/ng-update/v4/steps/styles/migrate-shadow-mixins.d.ts

@@ -0,0 +1 @@
+export declare function migrateShadowMixins(fileContent: string): string;

package/schematics/ng-update/v4/steps/styles/migrate-shadow-mixins.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateShadowMixins = void 0;
+const MAPPING = {
+    'shadow()': 'var(--tui-shadow-small)',
+    'shadow(1)': 'var(--tui-shadow-small)',
+    'shadow(2)': 'var(--tui-shadow-medium)',
+    'shadow(3)': 'var(--tui-shadow-popup)',
+    'shadow(4)': 'var(--tui-shadow-medium)',
+    'shadow(5)': 'var(--tui-shadow-small-hover)',
+    'shadow(6)': 'var(--tui-shadow-small)',
+    'shadow(7)': 'var(--tui-shadow-popup)',
+};
+// .shadow(2);
+// @include shadow(2);
+const MIXIN_RE = /(?:@include\s|\.)(shadow\(\d*\))(\s?!important)?;/g;
+function migrateShadowMixins(fileContent) {
+    if (!fileContent.includes('@taiga-ui/core/styles/taiga-ui-local')) {
+        return fileContent;
+    }
+    return fileContent.replaceAll(MIXIN_RE, (_, mixin, important = '') => `box-shadow: ${MAPPING[mixin]}${important};`);
+}
+exports.migrateShadowMixins = migrateShadowMixins;

package/schematics/ng-update/v4/steps/styles/migrate-space-mixins.d.ts

@@ -0,0 +1 @@
+export declare function migrateSpaceMixins(fileContent: string): string;

package/schematics/ng-update/v4/steps/styles/migrate-space-mixins.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateSpaceMixins = void 0;
+const DIRECTION_MAPPING = {
+    all: ['margin'],
+    top: ['margin-top'],
+    bottom: ['margin-bottom'],
+    left: ['margin-left'],
+    right: ['margin-right'],
+    vertical: ['margin-top', 'margin-bottom'],
+    horizontal: ['margin-left', 'margin-right'],
+};
+const SPACE = 0.25;
+// .tui-space(top, 4);
+// @include tui-space(top, 4);
+const MIXIN_RE = new RegExp(`(?:@include\\s|\\.)tui-space\\((?<direction>${Object.keys(DIRECTION_MAPPING).join('|')}),\\s?(?<size>-?\\d+)\\)(\\s?!important)?;`, 'g');
+function migrateSpaceMixins(fileContent) {
+    return fileContent.replaceAll(MIXIN_RE, (_, direction, size, important = '') => `${DIRECTION_MAPPING[direction].map((property) => `${property}: ${Number(size) * SPACE}rem${important};`).join('\n')}`);
+}
+exports.migrateSpaceMixins = migrateSpaceMixins;

package/schematics/ng-update/v4/steps/styles/migrate-text-mixins.d.ts

@@ -0,0 +1 @@
+export declare function migrateTextMixins(fileContent: string): string;

package/schematics/ng-update/v4/steps/styles/migrate-text-mixins.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateTextMixins = void 0;
+const MAPPING = {
+    'text-h1': ['font: var(--tui-font-heading-1)'],
+    'text-h2': ['font: var(--tui-font-heading-2)'],
+    'text-h3': ['font: var(--tui-font-heading-3)'],
+    'text-h4': ['font: var(--tui-font-heading-4)'],
+    'text-h5': ['font: var(--tui-font-heading-5)'],
+    'text-h6': ['font: var(--tui-font-heading-6)'],
+    'text-body-xl-bold': ['font: var(--tui-font-text-xl)', 'font-weight: bold'],
+    'text-body-xl': ['font: var(--tui-font-text-xl)'],
+    'text-body-xs': ['font: var(--tui-font-text-xs)'],
+    'text-caption-l-bold': [
+        'font-size: 0.8125rem',
+        'font-weight: bold',
+        'font-family: var(--tui-font-text)',
+        'letter-spacing: 0.0625rem',
+        'text-transform: uppercase',
+    ],
+    'text-caption-l': [
+        'font-size: 0.8125rem',
+        'font-weight: normal',
+        'font-family: var(--tui-font-text)',
+        'letter-spacing: 0.0625rem',
+        'text-transform: uppercase',
+    ],
+    'text-caption-bold': [
+        'font-size: 0.6875rem',
+        'font-weight: bold',
+        'font-family: var(--tui-font-text)',
+        'letter-spacing: 0.0625rem',
+        'text-transform: uppercase',
+    ],
+    'text-caption': [
+        'font-size: 0.6875rem',
+        'font-weight: normal',
+        'font-family: var(--tui-font-text)',
+        'letter-spacing: 0.0625rem',
+        'text-transform: uppercase',
+    ],
+};
+// .tui-text-h1();
+// @include tui-text-h1();
+const MIXIN_RE = /(?:@include\s|\.)(text-[\w-]+)\(([\w-,\s]+)?\)(\s?!important)?;/g;
+function migrateTextMixins(fileContent) {
+    if (!fileContent.includes('@taiga-ui/core/styles/taiga-ui-local')) {
+        return fileContent;
+    }
+    return fileContent.replaceAll(MIXIN_RE, (originalString, mixinName, important = '') => MAPPING[mixinName]
+        ? `${MAPPING[mixinName].map((newValue) => `${newValue}${important};`).join('\n')}`
+        : `${originalString} // TODO: this mixin was deleted. Replace it with inline styles. Find it source code in https://github.com/taiga-family/taiga-ui/blob/v3.x/projects/core/styles/mixins/text.less`);
+}
+exports.migrateTextMixins = migrateTextMixins;

package/schematics/ng-update/v4/steps/templates/index.d.ts

@@ -1,4 +1,5 @@
 export * from './migrate-avatar';
+export * from './migrate-axes';
 export * from './migrate-badge';
 export * from './migrate-badged-content';
 export * from './migrate-button-appearance';
@@ -6,7 +7,9 @@ export * from './migrate-expandable';
 export * from './migrate-focusable';
 export * from './migrate-label';
 export * from './migrate-labeled';
+export * from './migrate-mobile-tabs';
 export * from './migrate-money';
+export * from './migrate-notification';
 export * from './migrate-overscroll';
 export * from './migrate-prevent-default';
 export * from './migrate-progress-segmented';

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./migrate-avatar"), exports);
+tslib_1.__exportStar(require("./migrate-axes"), exports);
 tslib_1.__exportStar(require("./migrate-badge"), exports);
 tslib_1.__exportStar(require("./migrate-badged-content"), exports);
 tslib_1.__exportStar(require("./migrate-button-appearance"), exports);
@@ -9,7 +10,9 @@ tslib_1.__exportStar(require("./migrate-expandable"), exports);
 tslib_1.__exportStar(require("./migrate-focusable"), exports);
 tslib_1.__exportStar(require("./migrate-label"), exports);
 tslib_1.__exportStar(require("./migrate-labeled"), exports);
+tslib_1.__exportStar(require("./migrate-mobile-tabs"), exports);
 tslib_1.__exportStar(require("./migrate-money"), exports);
+tslib_1.__exportStar(require("./migrate-notification"), exports);
 tslib_1.__exportStar(require("./migrate-overscroll"), exports);
 tslib_1.__exportStar(require("./migrate-prevent-default"), exports);
 tslib_1.__exportStar(require("./migrate-progress-segmented"), exports);