refactor!: move FallbackSrc, Initials, Autocolor pipes to core,…

… make it standalone (#6961) Co-authored-by: taiga-family-bot <[email protected]>
taiga-family · Mar 7, 2024 · eabaf64 · eabaf64
1 parent 5ac9963
commit eabaf64
Show file tree

Hide file tree

Showing 47 changed files with 98 additions and 112 deletions.
diff --git a/projects/cdk/schematics/ng-update/v4/steps/constants/identifiers-to-replace.ts b/projects/cdk/schematics/ng-update/v4/steps/constants/identifiers-to-replace.ts
@@ -211,4 +211,20 @@ export const IDENTIFIERS_TO_REPLACE: ReplacementIdentifier[] = [
             moduleSpecifier: '@taiga-ui/kit',
         },
     },
+    {
+        from: {name: 'TuiInitialsModule', moduleSpecifier: '@taiga-ui/experimental'},
+        to: {name: 'TuiInitialsPipe', moduleSpecifier: '@taiga-ui/core'},
+    },
+    {
+        from: {name: 'TuiFallbackSrcModule', moduleSpecifier: '@taiga-ui/experimental'},
+        to: {name: 'TuiFallbackSrcPipe', moduleSpecifier: '@taiga-ui/core'},
+    },
+    {
+        from: {name: 'TuiAutoColorModule', moduleSpecifier: '@taiga-ui/experimental'},
+        to: {name: 'TuiAutoColorPipe', moduleSpecifier: '@taiga-ui/core'},
+    },
+    {
+        from: {name: 'tuiStringHashToHsl', moduleSpecifier: '@taiga-ui/kit'},
+        to: {name: 'tuiStringHashToHsl', moduleSpecifier: '@taiga-ui/core'},
+    },
 ];
diff --git a/projects/cdk/schematics/ng-update/v4/steps/templates/migrate-avatar.ts b/projects/cdk/schematics/ng-update/v4/steps/templates/migrate-avatar.ts
@@ -108,10 +108,10 @@ export function migrateAvatar({
 
         const modules = [
             ...(fallbackModule
-                ? [{moduleName: 'TuiFallbackModule', moduleSpecifier: '@taiga-ui/cdk'}]
+                ? [{moduleName: 'TuiFallbackSrcPipe', moduleSpecifier: '@taiga-ui/core'}]
                 : []),
             ...(initialsModule
-                ? [{moduleName: 'TuiInitialsModule', moduleSpecifier: '@taiga-ui/cdk'}]
+                ? [{moduleName: 'TuiInitialsPipe', moduleSpecifier: '@taiga-ui/core'}]
                 : []),
         ];
 

diff --git a/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-avatar.spec.ts b/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-avatar.spec.ts
@@ -25,13 +25,13 @@ import { TuiAvatarModule } from "@taiga-ui/experimental";
 export class TestComponent {
 }`;
 
-const COMPONENT_AFTER = `import { TuiFallbackModule, TuiInitialsModule } from "@taiga-ui/cdk";
+const COMPONENT_AFTER = `import { TuiFallbackSrcPipe, TuiInitialsPipe } from "@taiga-ui/core";
 import { TuiAvatarModule } from "@taiga-ui/kit";
 
 @Component({
     standalone: true,
     templateUrl: './test.template.html',
-    imports: [TuiAvatarModule, TuiFallbackModule, TuiInitialsModule]
+    imports: [TuiAvatarModule, TuiFallbackSrcPipe, TuiInitialsPipe]
 })
 export class TestComponent {
 }`;

diff --git a/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-badged-content.spec.ts b/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-badged-content.spec.ts
@@ -25,13 +25,13 @@ import { TuiBadgedContentModule } from "@taiga-ui/experimental";
 export class TestComponent {
 }`;
 
-const COMPONENT_AFTER = `import { TuiInitialsModule } from "@taiga-ui/cdk";
+const COMPONENT_AFTER = `import { TuiInitialsPipe } from "@taiga-ui/core";
 import { TuiBadgedContentComponent } from "@taiga-ui/kit";
 
 @Component({
     standalone: true,
     templateUrl: './test.template.html',
-    imports: [TuiBadgedContentComponent, TuiInitialsModule]
+    imports: [TuiBadgedContentComponent, TuiInitialsPipe]
 })
 export class TestComponent {
 }`;

diff --git a/...ental/pipes/auto-color/auto-color.pipe.ts → .../core/pipes/auto-color/auto-color.pipe.ts b/...ental/pipes/auto-color/auto-color.pipe.ts → .../core/pipes/auto-color/auto-color.pipe.ts
@@ -1,8 +1,9 @@
 import type {PipeTransform} from '@angular/core';
 import {Pipe} from '@angular/core';
-import {tuiStringHashToHsl} from '@taiga-ui/kit';
+import {tuiStringHashToHsl} from '@taiga-ui/core/utils';
 
 @Pipe({
+    standalone: true,
     name: 'tuiAutoColor',
 })
 export class TuiAutoColorPipe implements PipeTransform {

diff --git a/projects/core/pipes/auto-color/index.ts b/projects/core/pipes/auto-color/index.ts
@@ -0,0 +1 @@
+export * from './auto-color.pipe';
diff --git a/...rimental/pipes/auto-color/ng-package.json → ...cts/core/pipes/auto-color/ng-package.json b/...rimental/pipes/auto-color/ng-package.json → ...cts/core/pipes/auto-color/ng-package.json
diff --git a/...l/pipes/fallback-src/fallback-src.pipe.ts → ...e/pipes/fallback-src/fallback-src.pipe.ts b/...l/pipes/fallback-src/fallback-src.pipe.ts → ...e/pipes/fallback-src/fallback-src.pipe.ts
@@ -1,10 +1,11 @@
 import type {PipeTransform} from '@angular/core';
 import {ElementRef, inject, Pipe} from '@angular/core';
-import {TUI_ICON_ERROR} from '@taiga-ui/core';
+import {TUI_ICON_ERROR} from '@taiga-ui/core/constants';
 import type {Observable} from 'rxjs';
 import {fromEvent, map, merge, startWith} from 'rxjs';
 
 @Pipe({
+    standalone: true,
     name: 'tuiFallbackSrc',
 })
 export class TuiFallbackSrcPipe implements PipeTransform {

diff --git a/projects/core/pipes/fallback-src/index.ts b/projects/core/pipes/fallback-src/index.ts
@@ -0,0 +1 @@
+export * from './fallback-src.pipe';
diff --git a/...mental/pipes/fallback-src/ng-package.json → ...s/core/pipes/fallback-src/ng-package.json b/...mental/pipes/fallback-src/ng-package.json → ...s/core/pipes/fallback-src/ng-package.json
diff --git a/projects/core/pipes/index.ts b/projects/core/pipes/index.ts
@@ -1,7 +1,10 @@
+export * from '@taiga-ui/core/pipes/auto-color';
 export * from '@taiga-ui/core/pipes/calendar-sheet';
+export * from '@taiga-ui/core/pipes/fallback-src';
 export * from '@taiga-ui/core/pipes/flag';
 export * from '@taiga-ui/core/pipes/format-date';
 export * from '@taiga-ui/core/pipes/format-number';
 export * from '@taiga-ui/core/pipes/format-phone';
+export * from '@taiga-ui/core/pipes/initials';
 export * from '@taiga-ui/core/pipes/month';
 export * from '@taiga-ui/core/pipes/order-week-days';
diff --git a/projects/core/pipes/initials/index.ts b/projects/core/pipes/initials/index.ts
@@ -0,0 +1 @@
+export * from './initials.pipe';
diff --git a/...erimental/pipes/initials/initials.pipe.ts → ...ects/core/pipes/initials/initials.pipe.ts b/...erimental/pipes/initials/initials.pipe.ts → ...ects/core/pipes/initials/initials.pipe.ts
@@ -2,6 +2,7 @@ import type {PipeTransform} from '@angular/core';
 import {Pipe} from '@angular/core';
 
 @Pipe({
+    standalone: true,
     name: 'tuiInitials',
 })
 export class TuiInitialsPipe implements PipeTransform {

diff --git a/...perimental/pipes/initials/ng-package.json → projects/core/pipes/initials/ng-package.json b/...perimental/pipes/initials/ng-package.json → projects/core/pipes/initials/ng-package.json
diff --git a/projects/core/utils/format/index.ts b/projects/core/utils/format/index.ts
@@ -5,3 +5,4 @@ export * from './format-phone';
 export * from './get-fractional-part-padded';
 export * from './number-to-string-without-exp';
 export * from './other-decimal-symbol';
+export * from './string-hash-to-hsl';
diff --git a/...ts/kit/utils/format/string-hash-to-hsl.ts → ...s/core/utils/format/string-hash-to-hsl.ts b/...ts/kit/utils/format/string-hash-to-hsl.ts → ...s/core/utils/format/string-hash-to-hsl.ts
diff --git a/...ls/format/test/string-hash-to-hsl.spec.ts → ...ls/format/test/string-hash-to-hsl.spec.ts b/...ls/format/test/string-hash-to-hsl.spec.ts → ...ls/format/test/string-hash-to-hsl.spec.ts
@@ -1,4 +1,4 @@
-import {tuiStringHashToHsl} from '@taiga-ui/kit';
+import {tuiStringHashToHsl} from '../string-hash-to-hsl';
 
 describe('Convert string to HSL color', () => {
     it('The name in Russian is converted correctly', () => {

diff --git a/projects/demo/src/modules/components/avatar/avatar.template.html b/projects/demo/src/modules/components/avatar/avatar.template.html
@@ -11,7 +11,7 @@
         >
             <tui-notification class="tui-space_bottom-4">
                 This example requires import of
-                <code>TuiFallbackSrcModule</code>
+                <code>TuiFallbackSrcPipe</code>
             </tui-notification>
             <tui-avatar-example-1></tui-avatar-example-1>
         </tui-doc-example>

diff --git a/projects/demo/src/modules/components/avatar/examples/1/index.ts b/projects/demo/src/modules/components/avatar/examples/1/index.ts
@@ -2,13 +2,13 @@ import {AsyncPipe} from '@angular/common';
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiFallbackSrcModule} from '@taiga-ui/experimental';
+import {TuiFallbackSrcPipe} from '@taiga-ui/core';
 import {TuiAvatarComponent} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     selector: 'tui-avatar-example-1',
-    imports: [TuiAvatarComponent, TuiFallbackSrcModule, AsyncPipe],
+    imports: [TuiAvatarComponent, TuiFallbackSrcPipe, AsyncPipe],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/avatar/examples/2/index.ts b/projects/demo/src/modules/components/avatar/examples/2/index.ts
@@ -1,13 +1,13 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiAutoColorModule} from '@taiga-ui/experimental';
+import {TuiAutoColorPipe} from '@taiga-ui/core';
 import {TuiAvatarComponent, TuiFadeDirective} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     selector: 'tui-avatar-example-2',
-    imports: [TuiAvatarComponent, TuiAutoColorModule, TuiFadeDirective],
+    imports: [TuiAvatarComponent, TuiAutoColorPipe, TuiFadeDirective],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/avatar/examples/4/index.ts b/projects/demo/src/modules/components/avatar/examples/4/index.ts
@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import type {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';
-import {TuiAutoColorModule, TuiInitialsModule} from '@taiga-ui/experimental';
+import {TuiAutoColorPipe, TuiInitialsPipe} from '@taiga-ui/core';
 import {TuiAvatarComponent, TuiAvatarStackComponent} from '@taiga-ui/kit';
 
 @Component({
@@ -13,8 +13,8 @@ import {TuiAvatarComponent, TuiAvatarStackComponent} from '@taiga-ui/kit';
         TuiAvatarStackComponent,
         NgForOf,
         TuiAvatarComponent,
-        TuiInitialsModule,
-        TuiAutoColorModule,
+        TuiInitialsPipe,
+        TuiAutoColorPipe,
     ],
     templateUrl: './index.html',
     encapsulation,

diff --git a/projects/demo/src/modules/components/avatar/examples/6/index.ts b/projects/demo/src/modules/components/avatar/examples/6/index.ts
@@ -2,7 +2,7 @@ import {AsyncPipe} from '@angular/common';
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiFallbackSrcModule} from '@taiga-ui/experimental';
+import {TuiFallbackSrcPipe} from '@taiga-ui/core';
 import {
     TuiAvatarComponent,
     TuiAvatarLabeledComponent,
@@ -14,7 +14,7 @@ import {
     selector: 'tui-avatar-example-6',
     imports: [
         AsyncPipe,
-        TuiFallbackSrcModule,
+        TuiFallbackSrcPipe,
         TuiAvatarLabeledComponent,
         TuiAvatarComponent,
         TuiFadeDirective,

diff --git a/projects/demo/src/modules/components/badged-content/badged-content.module.ts b/projects/demo/src/modules/components/badged-content/badged-content.module.ts
@@ -3,12 +3,8 @@ import {NgModule} from '@angular/core';
 import {RouterModule} from '@angular/router';
 import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
 import {TuiPlatformModule} from '@taiga-ui/cdk';
-import {TuiNotificationModule} from '@taiga-ui/core';
-import {
-    TuiButtonModule,
-    TuiFallbackSrcModule,
-    TuiIconModule,
-} from '@taiga-ui/experimental';
+import {TuiFallbackSrcPipe, TuiNotificationModule} from '@taiga-ui/core';
+import {TuiButtonModule, TuiIconModule} from '@taiga-ui/experimental';
 import {
     TuiAvatarComponent,
     TuiBadgedContentComponent,
@@ -30,7 +26,7 @@ import {TuiBadgedContentExample3} from './examples/3';
         TuiBadgeDirective,
         TuiBadgedContentComponent,
         TuiAvatarComponent,
-        TuiFallbackSrcModule,
+        TuiFallbackSrcPipe,
         TuiInputModule,
         TuiButtonModule,
         TuiAddonDocModule,

diff --git a/projects/demo/src/modules/components/block-status/block-status.module.ts b/projects/demo/src/modules/components/block-status/block-status.module.ts
@@ -4,8 +4,12 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {RouterModule} from '@angular/router';
 import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
 import {TuiPlatformModule} from '@taiga-ui/cdk';
-import {TuiButtonModule, TuiLinkModule} from '@taiga-ui/core';
-import {TuiAutoColorModule, TuiInitialsModule} from '@taiga-ui/experimental';
+import {
+    TuiAutoColorPipe,
+    TuiButtonModule,
+    TuiInitialsPipe,
+    TuiLinkModule,
+} from '@taiga-ui/core';
 import {TuiAvatarComponent} from '@taiga-ui/kit';
 import {TuiBlockStatusModule} from '@taiga-ui/layout';
 
@@ -28,8 +32,8 @@ import {TuiBlockStatusExample5} from './examples/5';
         RouterModule.forChild(tuiGenerateRoutes(ExampleTuiBlockStatusComponent)),
         TuiPlatformModule,
         TuiAvatarComponent,
-        TuiAutoColorModule,
-        TuiInitialsModule,
+        TuiAutoColorPipe,
+        TuiInitialsPipe,
     ],
     declarations: [
         ExampleTuiBlockStatusComponent,

diff --git a/projects/demo/src/modules/components/combo-box/combo-box.module.ts b/projects/demo/src/modules/components/combo-box/combo-box.module.ts
@@ -14,6 +14,7 @@ import {
     TuiDataListModule,
     TuiDropdownModule,
     TuiHintModule,
+    TuiInitialsPipe,
     TuiLinkModule,
     TuiLoaderModule,
     TuiNotificationModule,
@@ -22,7 +23,6 @@ import {
     TuiSvgModule,
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
-import {TuiInitialsModule} from '@taiga-ui/experimental';
 import {
     TuiAvatarComponent,
     TuiComboBoxModule,
@@ -72,7 +72,7 @@ import {TuiComboBoxExample8} from './examples/8';
         RouterModule.forChild(tuiGenerateRoutes(ExampleTuiComboBoxComponent)),
         TuiTextCodeModule,
         TuiScrollableDirective,
-        TuiInitialsModule,
+        TuiInitialsPipe,
     ],
     declarations: [
         ExampleTuiComboBoxComponent,

diff --git a/projects/demo/src/modules/components/input/input.module.ts b/projects/demo/src/modules/components/input/input.module.ts
@@ -17,14 +17,14 @@ import {
     TuiDropdownModule,
     TuiGroupDirective,
     TuiHintModule,
+    TuiInitialsPipe,
     TuiLinkModule,
     TuiModeModule,
     TuiNotificationModule,
     TuiPrimitiveTextfieldModule,
     TuiSvgModule,
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
-import {TuiInitialsModule} from '@taiga-ui/experimental';
 import {
     TuiAvatarComponent,
     TuiDataListWrapperModule,
@@ -87,7 +87,7 @@ import {ExampleTuiInputComponent} from './input.component';
         TuiTextCodeModule,
         MaskitoDirective,
         TuiUnmaskHandlerModule,
-        TuiInitialsModule,
+        TuiInitialsPipe,
     ],
     declarations: [
         ExampleTuiInputComponent,

diff --git a/projects/demo/src/modules/components/multi-select/multi-select.module.ts b/projects/demo/src/modules/components/multi-select/multi-select.module.ts
@@ -10,13 +10,13 @@ import {
     TuiDataListModule,
     TuiDropdownModule,
     TuiHintModule,
+    TuiInitialsPipe,
     TuiLabelModule,
     TuiLinkModule,
     TuiScrollableDirective,
     TuiScrollbarComponent,
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
-import {TuiInitialsModule} from '@taiga-ui/experimental';
 import {
     TuiAvatarComponent,
     TuiDataListWrapperModule,
@@ -65,7 +65,7 @@ import {ExampleTuiMultiSelectComponent} from './multi-select.component';
         RouterModule.forChild(tuiGenerateRoutes(ExampleTuiMultiSelectComponent)),
         PolymorpheusModule,
         TuiScrollableDirective,
-        TuiInitialsModule,
+        TuiInitialsPipe,
     ],
     declarations: [
         ExampleTuiMultiSelectComponent,

diff --git a/projects/demo/src/modules/components/select/select.module.ts b/projects/demo/src/modules/components/select/select.module.ts
@@ -11,6 +11,7 @@ import {
     TuiDataListModule,
     TuiDropdownModule,
     TuiHintModule,
+    TuiInitialsPipe,
     TuiLabelModule,
     TuiLinkModule,
     TuiLoaderModule,
@@ -21,7 +22,6 @@ import {
     TuiSvgModule,
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
-import {TuiInitialsModule} from '@taiga-ui/experimental';
 import {
     TuiAvatarComponent,
     TuiDataListWrapperModule,
@@ -83,7 +83,7 @@ import {ExampleTuiSelectComponent} from './select.component';
         TuiAmountPipe,
         TuiNumberFormatModule,
         TuiScrollableDirective,
-        TuiInitialsModule,
+        TuiInitialsPipe,
     ],
     declarations: [
         ExampleTuiSelectComponent,

diff --git a/projects/demo/src/modules/components/sheet-dialog/sheet-dialog.module.ts b/projects/demo/src/modules/components/sheet-dialog/sheet-dialog.module.ts
@@ -7,12 +7,13 @@ import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
 import {TuiSheetDialogModule} from '@taiga-ui/addon-mobile';
 import {TuiSwipeModule} from '@taiga-ui/cdk';
 import {
+    TuiAutoColorPipe,
     TuiButtonModule,
+    TuiInitialsPipe,
     TuiLabelModule,
     TuiNotificationModule,
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
-import {TuiAutoColorModule, TuiInitialsModule} from '@taiga-ui/experimental';
 import {TuiAvatarComponent, TuiInputModule} from '@taiga-ui/kit';
 
 import {TuiSheetDialogExample1} from './examples/1';
@@ -36,8 +37,8 @@ import {ExampleTuiSheetDialogComponent} from './sheet-dialog.component';
         TuiAddonDocModule,
         RouterModule.forChild(tuiGenerateRoutes(ExampleTuiSheetDialogComponent)),
         TuiSwipeModule,
-        TuiAutoColorModule,
-        TuiInitialsModule,
+        TuiAutoColorPipe,
+        TuiInitialsPipe,
     ],
     declarations: [
         ExampleTuiSheetDialogComponent,