@taiga-ui/cdk 4.7.0 → 4.8.1-canary.d818d28

package/schematics/ng-add/index.js

@@ -29,7 +29,7 @@ function addAngularCdkDep(tree) {
     if (!angularCore) {
         return;
     }
-    const majorVersionArr = /[0-9]+/.exec(angularCore);
+    const majorVersionArr = /\d+/.exec(angularCore);
     if (majorVersionArr) {
         (0, ng_morph_1.addPackageJsonDependency)(tree, {
             name: '@angular/cdk',

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

@@ -301,4 +301,13 @@ exports.ATTRS_TO_REPLACE = [
             attrName: '[tuiAppearanceFocus]',
         },
     },
+    {
+        from: {
+            attrName: '*tuiRow',
+            withTagNames: ['tr'],
+        },
+        to: {
+            attrName: '*ngFor',
+        },
+    },
 ];

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

@@ -50,13 +50,14 @@ function migrateEditor(fileSystem, options) {
         {
             from: [
                 { name: 'defaultEditorTools', moduleSpecifier },
-                {
-                    name: 'TUI_EDITOR_DEFAULT_TOOLS',
-                    moduleSpecifier: '@tinkoff/tui-editor',
-                },
+                { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier },
             ],
             to: { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier: '@taiga-ui/editor' },
         },
+        {
+            from: { name: 'TUI_EDITOR_DEFAULT_EDITOR_TOOLS', moduleSpecifier },
+            to: { name: 'TUI_EDITOR_DEFAULT_TOOLS', moduleSpecifier: '@taiga-ui/editor' },
+        },
         {
             from: { name: 'TuiColorPickerModule', moduleSpecifier },
             to: { name: 'TuiColorPickerModule', moduleSpecifier: '@taiga-ui/legacy' },

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);

package/utils/di/create-options.d.ts

@@ -1,3 +1,2 @@
-import type { InjectionToken, Provider } from '@angular/core';
-import type { TuiHandler } from '@taiga-ui/cdk/types';
-export declare function tuiCreateOptions<T>(defaults: T): [token: InjectionToken<T>, provider: TuiHandler<Partial<T>, Provider>];
+import type { FactoryProvider, InjectionToken } from '@angular/core';
+export declare function tuiCreateOptions<T>(defaults: T): [token: InjectionToken<T>, provider: (item: Partial<T>) => FactoryProvider];

package/utils/miscellaneous/create-token.d.ts

@@ -1,3 +1,3 @@
 import { InjectionToken } from '@angular/core';
-export declare function tuiCreateToken<T>(defaults: T): InjectionToken<T>;
-export declare function tuiCreateTokenFromFactory<T>(factory: () => T): InjectionToken<T>;
+export declare function tuiCreateToken<T>(defaults?: T): InjectionToken<T>;
+export declare function tuiCreateTokenFromFactory<T>(factory?: () => T): InjectionToken<T>;