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

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

@@ -6,4 +6,5 @@ export * from './identifiers-to-replace';
 export * from './inputs-to-remove';
 export * from './migration-warnings';
 export * from './modules-to-remove';
+export * from './services';
 export * from './tags-to-replace';

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

@@ -9,4 +9,5 @@ tslib_1.__exportStar(require("./identifiers-to-replace"), exports);
 tslib_1.__exportStar(require("./inputs-to-remove"), exports);
 tslib_1.__exportStar(require("./migration-warnings"), exports);
 tslib_1.__exportStar(require("./modules-to-remove"), exports);
+tslib_1.__exportStar(require("./services"), exports);
 tslib_1.__exportStar(require("./tags-to-replace"), exports);

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

@@ -14,6 +14,18 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiFocusableModule',
         moduleSpecifier: '@taiga-ui/cdk',
     },
+    {
+        name: 'TuiPromptDialogModule',
+        moduleSpecifier: '@taiga-ui/proprietary-core',
+    },
+    {
+        name: 'TuiPromptModule',
+        moduleSpecifier: '@taiga-ui/kit',
+    },
+    {
+        name: 'TuiThemeTinkoff2023NightModule',
+        moduleSpecifier: '@taiga-ui/proprietary-core',
+    },
     {
         name: 'TuiOverscrollModule',
         moduleSpecifier: '@taiga-ui/cdk',
@@ -26,4 +38,12 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiModeModule',
         moduleSpecifier: '@taiga-ui/core',
     },
+    {
+        name: 'TuiIconsModule',
+        moduleSpecifier: '@taiga-ui/experimental',
+    },
+    {
+        name: 'TuiMobileTabsModule',
+        moduleSpecifier: '@taiga-ui/addon-mobile',
+    },
 ];

package/schematics/ng-update/v4/steps/constants/modules-to-replace.d.ts

@@ -1,12 +1,13 @@
-interface ModuleToReplace {
+export interface ProviderToReplace {
+    name: string;
+    providerSpecifier: string;
+    isFunction?: boolean;
+}
+export interface ModuleToReplace {
     from: {
         name: string;
         moduleSpecifier: string;
     };
-    to: {
-        name: string;
-        providerSpecifier: string;
-    };
+    to: ProviderToReplace | ProviderToReplace[];
 }
 export declare const MODULES_TO_REPLACE_WITH_PROVIDERS: ModuleToReplace[];
-export {};

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

@@ -10,6 +10,7 @@ exports.MODULES_TO_REPLACE_WITH_PROVIDERS = [
         to: {
             name: 'tuiProvideMobileCalendar',
             providerSpecifier: '@taiga-ui/addon-mobile',
+            isFunction: true,
         },
     },
 ];

package/schematics/ng-update/v4/steps/constants/services.d.ts

@@ -0,0 +1,2 @@
+import type { ReplacementService } from '../../../interfaces';
+export declare const SERVICES_TO_REPLACE: ReplacementService[];

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SERVICES_TO_REPLACE = void 0;
+exports.SERVICES_TO_REPLACE = [
+    {
+        from: { name: 'TuiDialogFormService', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiConfirmService', moduleSpecifier: '@taiga-ui/kit' },
+        replaceMethods: [
+            {
+                from: 'withPrompt',
+                to: 'withConfirm',
+            },
+        ],
+    },
+];

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

@@ -1,20 +1,22 @@
 "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' },
+    { from: 'tui-svg', to: 'tui-icon' },
     {
         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',
@@ -30,6 +32,16 @@ exports.TAGS_TO_REPLACE = [
         to: 'input',
         addAttributes: ['tuiRadio', 'type="radio"'],
     },
+    {
+        from: 'tui-checkbox-block',
+        to: 'input',
+        addAttributes: ['tuiCheckbox', 'type="checkbox"'],
+    },
+    {
+        from: 'tui-radio-block',
+        to: 'input',
+        addAttributes: ['tuiRadio', 'type="radio"'],
+    },
     {
         from: 'tui-hosted-dropdown',
         to: 'div',

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

@@ -4,9 +4,12 @@ exports.TYPES_TO_RENAME = void 0;
 exports.TYPES_TO_RENAME = [
     {
         from: 'TuiDocExample',
-        to: 'Record<string, string | Promise<unknown>>',
+        to: 'Record<string, TuiRawLoaderContent>',
         moduleSpecifier: ['@taiga-ui/addon-doc'],
         removeImport: true,
+        newImports: [
+            { name: 'TuiRawLoaderContent', moduleSpecifier: '@taiga-ui/addon-doc' },
+        ],
     },
     {
         from: 'TuiBrightness',
@@ -14,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-root.d.ts

@@ -0,0 +1,3 @@
+import { type DevkitFileSystem } from 'ng-morph';
+import type { TuiSchema } from '../../../ng-add/schema';
+export declare function migrateRoot(fileSystem: DevkitFileSystem, options: TuiSchema): void;

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateRoot = 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 migrateRoot(fileSystem, options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} updating TuiRoot`);
+    const refs = [
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiRootModule', '@taiga-ui/core'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiProprietaryRootModule', '@taiga-ui/proprietary-core'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiProprietaryRoot2023Module', '@taiga-ui/proprietary-core'),
+    ];
+    for (const ref of refs) {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        if (ng_morph_1.Node.isImportSpecifier(parent)) {
+            (0, import_manipulations_1.removeImport)(parent);
+            (0, add_unique_import_1.addUniqueImport)(parent.getSourceFile().getFilePath(), 'TuiRoot', '@taiga-ui/core');
+        }
+        else {
+            replaceRootIdentifier(ref, fileSystem);
+        }
+    }
+}
+exports.migrateRoot = migrateRoot;
+function replaceRootIdentifier(ref, fileSystem) {
+    const callExpression = ref.getParentWhile(ng_morph_1.Node.isCallExpression);
+    if (callExpression &&
+        callExpression.getExpression().getText() === 'importProvidersFrom') {
+        const node = callExpression
+            .getArguments()
+            .find((arg) => arg.getText() === ref.getText());
+        if (node) {
+            callExpression.removeArgument(node);
+            addProviders(callExpression, fileSystem);
+        }
+    }
+    else {
+        ref.replaceWithText('TuiRoot');
+    }
+}
+function addProviders(callExpression, fileSystem) {
+    const array = callExpression.getParentWhile(ng_morph_1.Node.isArrayLiteralExpression);
+    if (!array) {
+        return;
+    }
+    array.addElement('NG_EVENT_PLUGINS');
+    (0, add_unique_import_1.addUniqueImport)(array.getSourceFile().getFilePath(), 'NG_EVENT_PLUGINS', '@taiga-ui/event-plugins');
+    (0, ng_morph_1.getActiveProject)();
+    const proprietary = (0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary-core');
+    if (proprietary) {
+        array.addElement('TBANK_PROVIDERS');
+        (0, add_unique_import_1.addUniqueImport)(array.getSourceFile().getFilePath(), 'TBANK_PROVIDERS', '@taiga-ui/proprietary');
+    }
+}

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

@@ -10,7 +10,8 @@ const templates_1 = require("../../utils/templates");
 const replace_attrs_by_directives_1 = require("../../utils/templates/replace-attrs-by-directives");
 const constants_2 = require("./constants");
 const templates_2 = require("./templates");
-const migrate_overscroll_1 = require("./templates/migrate-overscroll");
+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,11 +39,17 @@ 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,
         templates_2.migrateProgressSegmented,
         templates_2.migrateThumbnailCard,
-        migrate_overscroll_1.migrateOverscroll,
+        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/styles/index.js

@@ -0,0 +1,38 @@
+"use strict";
+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;
+    (_a = (0, ng_morph_1.getActiveProject)()) === null || _a === void 0 ? void 0 : _a.getSourceFiles('**/**.{less,sass,scss,css}').forEach((sourceFile) => {
+        let fullText = sourceFile.getFullText();
+        fullText = fullText
+            // eslint-disable-next-line
+            .replace(/^(.*--tui-rating-size.*)$/gm, `${exports.TUI_RATING_WARNING}\n$1`)
+            // eslint-disable-next-line
+            .replace(/^(.*--tui-rating-gap.*)$/gm, `${exports.TUI_RATING_WARNING}\n$1`)
+            .replaceAll('--tui-link-icon-size', '--tui-icon-size')
+            .replaceAll('@taiga-ui/proprietary-core/styles/tinkoff-fonts', '@taiga-ui/proprietary/styles/tbank-fonts')
+            .replaceAll('@taiga-ui/proprietary-core/styles/theme-tinkoff-2023', '@taiga-ui/proprietary/styles/tbank-theme')
+            .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');
+        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)();
+}
+exports.migrateStyles = migrateStyles;

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;