@taiga-ui/cdk 4.6.0 → 4.7.0-canary.5ce088a

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

@@ -18,11 +18,13 @@ const modules_to_replace_1 = require("./steps/constants/modules-to-replace");
 const types_1 = require("./steps/constants/types");
 const drop_universal_mock_1 = require("./steps/drop-universal-mock");
 const migrate_editor_1 = require("./steps/migrate-editor");
+const migrate_providers_from_1 = require("./steps/migrate-providers-from");
 const migrate_root_1 = require("./steps/migrate-root");
 const replace_modules_with_providers_1 = require("./steps/utils/replace-modules-with-providers");
 function main(options) {
     return (tree, context) => {
         const fileSystem = (0, get_file_system_1.getFileSystem)(tree);
+        (0, migrate_providers_from_1.migrateImportProvidersFrom)(options);
         (0, migrate_editor_1.migrateEditor)(fileSystem, options);
         (0, steps_1.replaceEnums)(options, enums_1.ENUMS_TO_REPLACE);
         (0, migrate_root_1.migrateRoot)(fileSystem, options);
@@ -49,7 +51,7 @@ function main(options) {
         (0, steps_2.removeDuplicates)(options);
         (0, steps_2.migrateStyles)();
         (0, steps_2.migrateProprietary)(fileSystem, options);
-        (0, steps_2.updatePackages)(fileSystem, options);
+        (0, steps_2.updatePackages)(fileSystem);
         fileSystem.commitEdits();
         (0, ng_morph_1.saveActiveProject)();
         context.addTask(new tasks_1.NodePackageInstallTask());

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

@@ -42,7 +42,7 @@ exports.ATTR_WITH_VALUES_TO_REPLACE = [
     },
     {
         attrNames: ['[pseudoInvalid]'],
-        newAttrName: '[attr.data-mode]',
+        newAttrName: '[tuiAppearanceMode]',
         withTagNames: hasPseudoInvalid,
         valueReplacer: (condition) => `${condition} ? 'invalid' : null`,
     },

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

@@ -1311,6 +1311,26 @@ exports.IDENTIFIERS_TO_REPLACE = [
             spreadInModule: true,
         },
     },
+    {
+        from: {
+            name: 'TuiPreviewDialogModule',
+            moduleSpecifier: '@taiga-ui/addon-preview',
+        },
+        to: {
+            name: 'TuiPreviewDialog',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+    },
+    {
+        from: {
+            name: 'TuiPreviewDialogService',
+            moduleSpecifier: '@taiga-ui/addon-preview',
+        },
+        to: {
+            name: 'TuiPreviewDialogService',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+    },
     {
         from: {
             name: 'TuiBlockStatusModule',
@@ -1376,26 +1396,6 @@ exports.IDENTIFIERS_TO_REPLACE = [
             spreadInModule: true,
         },
     },
-    {
-        from: {
-            name: 'TuiPreviewDialogModule',
-            moduleSpecifier: '@taiga-ui/addon-preview',
-        },
-        to: {
-            name: 'TuiPreviewDialog',
-            moduleSpecifier: '@taiga-ui/kit',
-        },
-    },
-    {
-        from: {
-            name: 'TuiPreviewDialogService',
-            moduleSpecifier: '@taiga-ui/addon-preview',
-        },
-        to: {
-            name: 'TuiPreviewDialogService',
-            moduleSpecifier: '@taiga-ui/kit',
-        },
-    },
     {
         from: {
             name: 'PolymorpheusModule',

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

@@ -22,6 +22,10 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiPromptModule',
         moduleSpecifier: '@taiga-ui/kit',
     },
+    {
+        name: 'TuiPdfViewerModule',
+        moduleSpecifier: '@taiga-ui/kit',
+    },
     {
         name: 'TuiThemeTinkoff2023NightModule',
         moduleSpecifier: '@taiga-ui/proprietary-core',
@@ -46,4 +50,8 @@ exports.MODULES_TO_REMOVE = [
         name: 'TuiMobileTabsModule',
         moduleSpecifier: '@taiga-ui/addon-mobile',
     },
+    {
+        name: 'TuiPreviewActionModule',
+        moduleSpecifier: '@taiga-ui/addon-preview',
+    },
 ];

package/schematics/ng-update/v4/steps/migrate-providers-from.d.ts

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

package/schematics/ng-update/v4/steps/migrate-providers-from.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateImportProvidersFrom = 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");
+function migrateImportProvidersFrom(options) {
+    !options['skip-logs'] &&
+        (0, colored_log_1.infoLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} updating importProvidersFrom`);
+    const refs = [
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiDialogModule', '@taiga-ui/core'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiAlertModule', '@taiga-ui/core'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiPushModule', '@taiga-ui/kit'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiPdfViewerModule', '@taiga-ui/kit'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiPreviewModule', '@taiga-ui/addon-preview'),
+    ];
+    for (const ref of refs) {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const callExpression = ref.getParentWhile(ng_morph_1.Node.isCallExpression);
+        if ((callExpression === null || callExpression === void 0 ? void 0 : callExpression.getExpression().getText()) === 'importProvidersFrom') {
+            const node = callExpression
+                .getArguments()
+                .find((arg) => arg.getText() === ref.getText());
+            if (node) {
+                callExpression.removeArgument(node);
+            }
+        }
+    }
+}
+exports.migrateImportProvidersFrom = migrateImportProvidersFrom;

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

@@ -27,7 +27,7 @@ function migrateButtonAppearance({ resource, recorder, fileSystem, }) {
             (0, remove_attrs_1.removeAttrs)([whiteBlockActiveAttr], sourceCodeLocation, recorder, templateOffset);
             const { startOffset } = ((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[whiteBlockActiveAttr.name]) || { startOffset: 0, endOffset: 0 };
             recorder.insertLeft(startOffset + templateOffset, ` ${appearanceInputName}="whiteblock"`);
-            recorder.insertLeft(startOffset + templateOffset, ' data-mode="checked"');
+            recorder.insertLeft(startOffset + templateOffset, ' tuiAppearanceMode="checked"');
         }
     });
     const elementWithConditionAppearance = elements.find(({ attrs }) => attrs.some(({ name, value }) => name === `[${appearanceInputName}]` && !value.trim().startsWith("'")));
@@ -37,5 +37,5 @@ function migrateButtonAppearance({ resource, recorder, fileSystem, }) {
 }
 exports.migrateButtonAppearance = migrateButtonAppearance;
 function addTodo(recorder, templateOffset) {
-    recorder.insertRight(templateOffset, '<!-- Taiga migration TODO: tuiButton "whiteblock-active" appearance is no longer available. Use \'appearance="whiteblock" data-mode="checked"\' -->\n');
+    recorder.insertRight(templateOffset, '<!-- Taiga migration TODO: tuiButton "whiteblock-active" appearance is no longer available. Use \'appearance="whiteblock" tuiAppearanceMode="checked"\' -->\n');
 }

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

@@ -1,7 +1,6 @@
 /// <reference lib="es2021" />
 import type { DevkitFileSystem } from 'ng-morph';
-import type { TuiSchema } from '../../../ng-add/schema';
 export declare const TUI_POLYMORPHEUS_VERSION = "^4.6.4";
 export declare const TUI_DOMPURIFY_VERSION = "^4.1.2";
 export declare const TUI_EVENT_PLUGINS_VERSION = "^4.0.1";
-export declare function updatePackages({ tree }: DevkitFileSystem, _: TuiSchema): void;
+export declare function updatePackages({ tree }: DevkitFileSystem): void;

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

@@ -4,11 +4,12 @@ exports.updatePackages = exports.TUI_EVENT_PLUGINS_VERSION = exports.TUI_DOMPURI
 const ng_morph_1 = require("ng-morph");
 const version_1 = require("../../../../constants/version");
 const constants_1 = require("../../../constants");
+const colored_log_1 = require("../../../utils/colored-log");
 const steps_1 = require("../../steps");
 exports.TUI_POLYMORPHEUS_VERSION = '^4.6.4';
 exports.TUI_DOMPURIFY_VERSION = '^4.1.2';
 exports.TUI_EVENT_PLUGINS_VERSION = '^4.0.1';
-function updatePackages({ tree }, _) {
+function updatePackages({ tree }) {
     const packagesToRemove = ['@taiga-ui/addon-tablebars', '@taiga-ui/addon-preview'];
     packagesToRemove.forEach((pkg) => {
         (0, ng_morph_1.removePackageJsonDependency)(tree, pkg);
@@ -33,19 +34,20 @@ function updatePackages({ tree }, _) {
             type: cdk === null || cdk === void 0 ? void 0 : cdk.type,
         });
     }
-    if ((0, ng_morph_1.getImports)(constants_1.ALL_TS_FILES, { moduleSpecifier: '@taiga-ui/layout' }).length) {
-        (0, ng_morph_1.addPackageJsonDependency)(tree, {
-            name: '@taiga-ui/layout',
-            version: version_1.TUI_VERSION,
-            type: cdk === null || cdk === void 0 ? void 0 : cdk.type,
+    try {
+        ['@taiga-ui/layout', '@taiga-ui/legacy'].forEach((moduleSpecifier) => {
+            if ((0, ng_morph_1.getImports)(constants_1.ALL_TS_FILES, { moduleSpecifier }).length) {
+                (0, ng_morph_1.addPackageJsonDependency)(tree, {
+                    name: moduleSpecifier,
+                    version: version_1.TUI_VERSION,
+                    type: cdk === null || cdk === void 0 ? void 0 : cdk.type,
+                });
+            }
         });
     }
-    if ((0, ng_morph_1.getImports)(constants_1.ALL_TS_FILES, { moduleSpecifier: '@taiga-ui/legacy' }).length) {
-        (0, ng_morph_1.addPackageJsonDependency)(tree, {
-            name: '@taiga-ui/legacy',
-            version: version_1.TUI_VERSION,
-            type: cdk === null || cdk === void 0 ? void 0 : cdk.type,
-        });
+    catch (e) {
+        const error = e;
+        (0, colored_log_1.errorLog)(`ATTENTION: An error occurred during migration: ${error.message}\n${error.stack}`);
     }
 }
 exports.updatePackages = updatePackages;

package/services/scroll.service.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class TuiScrollService {
     private readonly performanceRef;
     private readonly animationFrame$;
+    private readonly zone;
     scroll$(elementOrWindow: Element | Window, scrollTop: number, scrollLeft?: number, duration?: number): Observable<[number, number]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiScrollService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiScrollService>;

package/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './context';
 export * from './handler';
+export * from './loose-union';
 export * from './mapper';
 export * from './matcher';
 export * from './rounding';

package/types/loose-union.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @example
+ * type Color = 'primary' | 'secondary' | string;
+ *
+ * Your brand has some known colors, like `primary` and `secondary`.
+ * But you also want to make sure that users can specify any color they want.
+ *
+ * @Input() color: Color = '';
+ *
+ * <my-icon color="red" />
+ *
+ * But there's an issue. We aren't getting `color`
+ * suggestions when we use the `MyIcon` component.
+ * If we try to autocomplete the `color` prop, we get no suggestions.
+ * Ideally, we want `primary` and `secondary` to be part of that list.
+ * How do we manage that?
+ *
+ * This works because of a quirk of the TypeScript compiler.
+ * When you create a union between a string literal type and `string`,
+ * TypeScript will eagerly widen the type to `string`.
+ *
+ * But if we change type to
+ * type Color = 'primary' | 'secondary' | (string & {});
+ *
+ * TypeScript has already forgotten that `"primary"` and `"secondary"`
+ * were ever part of the type. But by intersecting `string` with
+ * an empty object, we trick TypeScript into retaining the string
+ * literal types for a bit longer.
+ *
+ * This might feel pretty fragile to you. This doesn't seem like
+ * intended behavior from TypeScript. Well, the team actually
+ * know about this trick. They test against it. And someday, they may make
+ * it so that a plain `string` type will just work.
+ * But until then, keep this in mind.
+ */
+export type TuiLooseUnion<U> = U | (U extends string ? Record<never, never> & string : U extends number ? Record<never, never> & number : U extends symbol ? Record<never, never> & symbol : U extends bigint ? Record<never, never> & bigint : never);