refactor: rename TuiErrorComponent to TuiError (#7819)

taiga-family · Jun 18, 2024 · a2ee5b4 · a2ee5b4
1 parent 3c4fc96
commit a2ee5b4
Show file tree

Hide file tree

Showing 22 changed files with 42 additions and 46 deletions.
diff --git a/projects/cdk/schematics/ng-update/v3/steps/migrate-templates.ts b/projects/cdk/schematics/ng-update/v3/steps/migrate-templates.ts
@@ -210,11 +210,7 @@ function replaceFieldError({
     });
 
     if (elements.length) {
-        addImportToClosestModule(
-            resource.componentPath,
-            'TuiErrorComponent',
-            '@taiga-ui/core',
-        );
+        addImportToClosestModule(resource.componentPath, 'TuiError', '@taiga-ui/core');
     }
 }
 

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
@@ -131,7 +131,7 @@ export const IDENTIFIERS_TO_REPLACE: ReplacementIdentifierMulti[] = [
     },
     {
         from: {name: 'TuiErrorModule', moduleSpecifier: '@taiga-ui/core'},
-        to: {name: 'TuiErrorComponent', moduleSpecifier: '@taiga-ui/core'},
+        to: {name: 'TuiError', moduleSpecifier: '@taiga-ui/core'},
     },
     {
         from: {name: 'TuiExpandModule', moduleSpecifier: '@taiga-ui/core'},
@@ -1216,7 +1216,7 @@ export const IDENTIFIERS_TO_REPLACE: ReplacementIdentifierMulti[] = [
             moduleSpecifier: '@taiga-ui/core',
         },
         to: {
-            name: 'TuiErrorComponent',
+            name: 'TuiError',
             moduleSpecifier: '@taiga-ui/core',
         },
     },

diff --git a/projects/core/components/error/error.component.ts b/projects/core/components/error/error.component.ts
@@ -21,7 +21,7 @@ import {PolymorpheusOutlet, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';
     changeDetection: ChangeDetectionStrategy.OnPush,
     animations: [tuiHeightCollapse, tuiFadeIn],
 })
-export class TuiErrorComponent {
+export class TuiError {
     protected readonly options = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));
     protected error: TuiValidationError | null = null;
     protected visible = true;

diff --git a/projects/demo/src/modules/components/error/examples/1/index.ts b/projects/demo/src/modules/components/error/examples/1/index.ts
@@ -3,12 +3,12 @@ import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiValidationError} from '@taiga-ui/cdk';
-import {TuiErrorComponent, TuiLabel} from '@taiga-ui/core';
+import {TuiError, TuiLabel} from '@taiga-ui/core';
 import {TuiSwitchComponent} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [FormsModule, TuiLabel, TuiSwitchComponent, TuiErrorComponent],
+    imports: [FormsModule, TuiLabel, TuiSwitchComponent, TuiError],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/error/examples/import/import.md b/projects/demo/src/modules/components/error/examples/import/import.md
@@ -1,13 +1,13 @@
 ```ts
-import {TuiErrorComponent} from '@taiga-ui/core';
+import {TuiError} from '@taiga-ui/core';
 
 // ...
 
 @Component({
   standalone: true,
   imports: [
     // ...
-    TuiErrorComponent,
+    TuiError,
   ],
   // ...
 })

diff --git a/projects/demo/src/modules/components/error/index.ts b/projects/demo/src/modules/components/error/index.ts
@@ -4,11 +4,11 @@ import {RouterLink} from '@angular/router';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {TuiDemo} from '@demo/utils';
 import {TuiValidationError} from '@taiga-ui/cdk';
-import {TuiErrorComponent, TuiLink} from '@taiga-ui/core';
+import {TuiError, TuiLink} from '@taiga-ui/core';
 
 @Component({
     standalone: true,
-    imports: [RouterLink, TuiDemo, TuiErrorComponent, TuiLink],
+    imports: [RouterLink, TuiDemo, TuiError, TuiLink],
     templateUrl: './index.html',
     changeDetection,
 })

diff --git a/projects/demo/src/modules/components/group/examples/1/index.ts b/projects/demo/src/modules/components/group/examples/1/index.ts
@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
 import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiErrorComponent, TuiGroupDirective, TuiHint} from '@taiga-ui/core';
+import {TuiError, TuiGroupDirective, TuiHint} from '@taiga-ui/core';
 import {TuiDataListWrapper, TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {
     TuiInputModule,
@@ -18,7 +18,7 @@ import {
         TuiGroupDirective,
         TuiInputModule,
         TuiHint,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
         TuiMultiSelectModule,

diff --git a/projects/demo/src/modules/components/input-card-grouped/examples/1/index.ts b/projects/demo/src/modules/components/input-card-grouped/examples/1/index.ts
@@ -8,7 +8,7 @@ import {
     tuiCardNumberValidator,
     TuiInputCardGroup,
 } from '@taiga-ui/addon-commerce';
-import {TuiErrorComponent} from '@taiga-ui/core';
+import {TuiError} from '@taiga-ui/core';
 import {TuiFieldErrorPipe} from '@taiga-ui/kit';
 
 @Component({
@@ -18,7 +18,7 @@ import {TuiFieldErrorPipe} from '@taiga-ui/kit';
         TuiFieldErrorPipe,
         AsyncPipe,
         ReactiveFormsModule,
-        TuiErrorComponent,
+        TuiError,
     ],
     templateUrl: './index.html',
     changeDetection,

diff --git a/projects/demo/src/modules/components/input-card-grouped/examples/3/index.ts b/projects/demo/src/modules/components/input-card-grouped/examples/3/index.ts
@@ -8,7 +8,7 @@ import {
     tuiCardNumberValidator,
     TuiInputCardGroup,
 } from '@taiga-ui/addon-commerce';
-import {TuiErrorComponent} from '@taiga-ui/core';
+import {TuiError} from '@taiga-ui/core';
 import {TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {PolymorpheusOutlet, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';
 
@@ -19,7 +19,7 @@ import {PolymorpheusOutlet, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';
         ReactiveFormsModule,
         PolymorpheusOutlet,
         PolymorpheusTemplate,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
     ],

diff --git a/projects/demo/src/modules/components/input-card/examples/1/index.ts b/projects/demo/src/modules/components/input-card/examples/1/index.ts
@@ -12,7 +12,7 @@ import {
 } from '@taiga-ui/addon-commerce';
 import {
     TuiAlertService,
-    TuiErrorComponent,
+    TuiError,
     TuiTextfield,
     tuiTextfieldOptionsProvider,
 } from '@taiga-ui/core';
@@ -26,7 +26,7 @@ import {TuiFieldErrorPipe} from '@taiga-ui/kit';
         TuiInputCVC,
         TuiInputExpire,
         TuiInputCard,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
         JsonPipe,

diff --git a/projects/demo/src/modules/components/input-date/examples/1/index.ts b/projects/demo/src/modules/components/input-date/examples/1/index.ts
@@ -4,7 +4,7 @@ import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiDay} from '@taiga-ui/cdk';
-import {TuiErrorComponent} from '@taiga-ui/core';
+import {TuiError} from '@taiga-ui/core';
 import {TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {
     TuiInputDateModule,
@@ -16,7 +16,7 @@ import {
     standalone: true,
     imports: [
         TuiInputDateModule,
-        TuiErrorComponent,
+        TuiError,
         TuiTextfieldControllerModule,
         TuiFieldErrorPipe,
         ReactiveFormsModule,

diff --git a/projects/demo/src/modules/components/input-files/examples/2/index.ts b/projects/demo/src/modules/components/input-files/examples/2/index.ts
@@ -5,7 +5,7 @@ import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiValidationError} from '@taiga-ui/cdk';
-import {TuiErrorComponent} from '@taiga-ui/core';
+import {TuiError} from '@taiga-ui/core';
 import {
     TuiFieldErrorPipe,
     TuiFileComponent,
@@ -27,7 +27,7 @@ import {map} from 'rxjs';
         TuiFileComponent,
         NgForOf,
         AsyncPipe,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         TuiFileRejectedPipe,
     ],

diff --git a/projects/demo/src/modules/components/input-tag/examples/4/index.ts b/projects/demo/src/modules/components/input-tag/examples/4/index.ts
@@ -14,7 +14,7 @@ import {
 import {
     TuiDataListComponent,
     TuiDataListDirective,
-    TuiErrorComponent,
+    TuiError,
     TuiOptionComponent,
 } from '@taiga-ui/core';
 import {TuiFieldErrorPipe} from '@taiga-ui/kit';
@@ -49,7 +49,7 @@ function tagValidator(tag: string): boolean {
         NgForOf,
         TuiOptionComponent,
         TuiDataListDirective,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
     ],

diff --git a/projects/demo/src/modules/components/island/examples/3/index.ts b/projects/demo/src/modules/components/island/examples/3/index.ts
@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
 import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiButton, TuiErrorComponent, TuiLink} from '@taiga-ui/core';
+import {TuiButton, TuiError, TuiLink} from '@taiga-ui/core';
 import {TuiAvatarComponent, TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {TuiCardLarge} from '@taiga-ui/layout';
 import {
@@ -18,7 +18,7 @@ import {
         TuiIslandDirective,
         ReactiveFormsModule,
         TuiInputPhoneModule,
-        TuiErrorComponent,
+        TuiError,
         TuiTextfieldControllerModule,
         TuiFieldErrorPipe,
         AsyncPipe,

diff --git a/projects/demo/src/modules/components/textarea/examples/4/index.ts b/projects/demo/src/modules/components/textarea/examples/4/index.ts
@@ -5,7 +5,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {tuiMarkControlAsTouchedAndValidate} from '@taiga-ui/cdk';
-import {TuiErrorComponent, TuiHint, TuiLabel} from '@taiga-ui/core';
+import {TuiError, TuiHint, TuiLabel} from '@taiga-ui/core';
 import {TUI_VALIDATION_ERRORS, TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {TuiTextareaModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
 
@@ -27,7 +27,7 @@ export function maxLengthMessageFactory(context: {requiredLength: string}): stri
         TuiTextareaModule,
         TuiHint,
         TuiTextfieldControllerModule,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
     ],

diff --git a/projects/demo/src/modules/components/utils/miscellaneous/examples/5/index.ts b/projects/demo/src/modules/components/utils/miscellaneous/examples/5/index.ts
@@ -5,7 +5,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {tuiMarkControlAsTouchedAndValidate} from '@taiga-ui/cdk';
-import {TuiErrorComponent} from '@taiga-ui/core';
+import {TuiError} from '@taiga-ui/core';
 import {TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {TuiInputModule} from '@taiga-ui/legacy';
 
@@ -14,7 +14,7 @@ import {TuiInputModule} from '@taiga-ui/legacy';
     imports: [
         ReactiveFormsModule,
         TuiInputModule,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
     ],

diff --git a/projects/demo/src/modules/markup/form/examples/1/index.ts b/projects/demo/src/modules/markup/form/examples/1/index.ts
@@ -4,7 +4,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/
 import {changeDetection} from '@demo/emulate/change-detection';
 import {TuiAmountPipe, TuiCurrency, TuiCurrencyPipe} from '@taiga-ui/addon-commerce';
 import {TuiDay, TuiTime} from '@taiga-ui/cdk';
-import {TuiButton, TuiErrorComponent, TuiGroupDirective, TuiLabel} from '@taiga-ui/core';
+import {TuiButton, TuiError, TuiGroupDirective, TuiLabel} from '@taiga-ui/core';
 import {
     TuiBlockDirective,
     TuiCheckboxComponent,
@@ -52,7 +52,7 @@ class Account {
         TuiStepper,
         ReactiveFormsModule,
         TuiInputModule,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
         TuiInputDateModule,

diff --git a/projects/demo/src/modules/pipes/field-error/examples/1/index.ts b/projects/demo/src/modules/pipes/field-error/examples/1/index.ts
@@ -6,7 +6,7 @@ import {RouterLink} from '@angular/router';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {DemoRoute} from '@demo/routes';
-import {TuiErrorComponent, TuiLabel, TuiLink} from '@taiga-ui/core';
+import {TuiError, TuiLabel, TuiLink} from '@taiga-ui/core';
 import {TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
 import {distinctUntilChanged} from 'rxjs';
@@ -36,7 +36,7 @@ export function superComputerValidator(field: AbstractControl): Validators | nul
         TuiLabel,
         TuiInputModule,
         TuiTextfieldControllerModule,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
         RouterLink,

diff --git a/projects/demo/src/modules/pipes/field-error/examples/2/index.ts b/projects/demo/src/modules/pipes/field-error/examples/2/index.ts
@@ -4,7 +4,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {tuiIsFalsy} from '@taiga-ui/cdk';
-import {TuiErrorComponent, TuiTextfield} from '@taiga-ui/core';
+import {TuiError, TuiTextfield} from '@taiga-ui/core';
 import {TUI_VALIDATION_ERRORS, TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {
     TuiInputModule,
@@ -20,7 +20,7 @@ import {interval, map, of, scan, startWith} from 'rxjs';
         TuiInputModule,
         TuiTextfield,
         TuiTextfieldControllerModule,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
         TuiInputNumberModule,

diff --git a/projects/demo/src/modules/pipes/field-error/examples/3/index.ts b/projects/demo/src/modules/pipes/field-error/examples/3/index.ts
@@ -6,7 +6,7 @@ import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {tuiMarkControlAsTouchedAndValidate, TuiValidationError} from '@taiga-ui/cdk';
-import {TuiButton, TuiErrorComponent, TuiLabel} from '@taiga-ui/core';
+import {TuiButton, TuiError, TuiLabel} from '@taiga-ui/core';
 import {TuiCheckboxComponent, TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {TuiInputModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
@@ -21,7 +21,7 @@ const secretRegexTwelve = /^\d{12}$/;
         TuiLabel,
         TuiInputModule,
         TuiTextfieldControllerModule,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
         TuiCheckboxComponent,

diff --git a/projects/demo/src/modules/pipes/field-error/examples/4/index.ts b/projects/demo/src/modules/pipes/field-error/examples/4/index.ts
@@ -11,7 +11,7 @@ import {
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiValidationError} from '@taiga-ui/cdk';
-import {TuiButton, TuiErrorComponent, TuiTextfield} from '@taiga-ui/core';
+import {TuiButton, TuiError, TuiTextfield} from '@taiga-ui/core';
 import {TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {TuiInputPhoneModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
@@ -25,7 +25,7 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
         TuiTextfield,
         TuiTextfieldControllerModule,
         TuiButton,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
     ],

diff --git a/projects/demo/src/modules/pipes/field-error/examples/5/index.ts b/projects/demo/src/modules/pipes/field-error/examples/5/index.ts
@@ -5,7 +5,7 @@ import {ReactiveFormsModule, UntypedFormBuilder, Validators} from '@angular/form
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TUI_IS_E2E, TuiValidationError} from '@taiga-ui/cdk';
-import {TuiErrorComponent} from '@taiga-ui/core';
+import {TuiError} from '@taiga-ui/core';
 import {TuiFieldErrorPipe} from '@taiga-ui/kit';
 import {TuiInputModule} from '@taiga-ui/legacy';
 import {delay, of} from 'rxjs';
@@ -26,7 +26,7 @@ function asyncValidatorFn(isE2E: boolean): AsyncValidatorFn {
     imports: [
         ReactiveFormsModule,
         TuiInputModule,
-        TuiErrorComponent,
+        TuiError,
         TuiFieldErrorPipe,
         AsyncPipe,
     ],