refactor: rename TuiBadgeDirective to TuiBadge (#7839)

taiga-family · Jun 19, 2024 · 0fe169f · 0fe169f
1 parent 33dc632
commit 0fe169f
Show file tree

Hide file tree

Showing 45 changed files with 104 additions and 136 deletions.
diff --git a/projects/addon-doc/components/documentation/documentation.component.ts b/projects/addon-doc/components/documentation/documentation.component.ts
@@ -38,7 +38,7 @@ import {
     TuiNotification,
     TuiTextfield,
 } from '@taiga-ui/core';
-import {TuiBadgeDirective, TuiDataListWrapper, TuiSwitch} from '@taiga-ui/kit';
+import {TuiBadge, TuiDataListWrapper, TuiSwitch} from '@taiga-ui/kit';
 import {
     TuiInputNumberModule,
     TuiSelectModule,
@@ -67,7 +67,7 @@ import {TuiDocTypeReferencePipe} from './pipes/type-reference.pipe';
         NgForOf,
         TuiStripOptionalPipe,
         TuiIsOptionalPipe,
-        TuiBadgeDirective,
+        TuiBadge,
         NgTemplateOutlet,
         TuiDocTypeReferencePipe,
         TuiSelectModule,

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
@@ -319,11 +319,11 @@ export const IDENTIFIERS_TO_REPLACE: ReplacementIdentifierMulti[] = [
     },
     {
         from: {name: 'TuiBadgeModule', moduleSpecifier: '@taiga-ui/experimental'},
-        to: {name: 'TuiBadgeDirective', moduleSpecifier: '@taiga-ui/kit'},
+        to: {name: 'TuiBadge', moduleSpecifier: '@taiga-ui/kit'},
     },
     {
         from: {name: 'TuiBadgeModule', moduleSpecifier: '@taiga-ui/kit'},
-        to: {name: 'TuiBadgeDirective', moduleSpecifier: '@taiga-ui/kit'},
+        to: {name: 'TuiBadge', moduleSpecifier: '@taiga-ui/kit'},
     },
     {
         from: {name: 'TuiClickOutsideModule', moduleSpecifier: '@taiga-ui/cdk'},
@@ -398,7 +398,7 @@ export const IDENTIFIERS_TO_REPLACE: ReplacementIdentifierMulti[] = [
             name: 'TuiBadgeNotificationModule',
             moduleSpecifier: '@taiga-ui/experimental',
         },
-        to: {name: 'TuiBadgeNotificationComponent', moduleSpecifier: '@taiga-ui/kit'},
+        to: {name: 'TuiBadgeNotification', moduleSpecifier: '@taiga-ui/kit'},
     },
     {
         from: {name: 'TuiBadgedContentModule', moduleSpecifier: '@taiga-ui/kit'},

diff --git a/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-badge.spec.ts b/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-badge.spec.ts
@@ -26,12 +26,12 @@ import { TuiBadgeModule } from "@taiga-ui/experimental";
 export class Test {
 }`;
 
-const COMPONENT_AFTER = `import { TuiBadgeDirective } from "@taiga-ui/kit";
+const COMPONENT_AFTER = `import { TuiBadge } from "@taiga-ui/kit";
 
 @Component({
     standalone: true,
     templateUrl: './test.template.html',
-    imports: [TuiBadgeDirective]
+    imports: [TuiBadge]
 })
 export class Test {
 }`;

diff --git a/projects/demo/src/modules/components/badge-notification/examples/1/index.ts b/projects/demo/src/modules/components/badge-notification/examples/1/index.ts
@@ -2,11 +2,11 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiPlatform} from '@taiga-ui/cdk';
-import {TuiBadgeNotificationComponent} from '@taiga-ui/kit';
+import {TuiBadgeNotification} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [TuiPlatform, TuiBadgeNotificationComponent],
+    imports: [TuiPlatform, TuiBadgeNotification],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/badge-notification/examples/2/index.ts b/projects/demo/src/modules/components/badge-notification/examples/2/index.ts
@@ -1,11 +1,11 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiBadgeNotificationComponent} from '@taiga-ui/kit';
+import {TuiBadgeNotification} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [TuiBadgeNotificationComponent],
+    imports: [TuiBadgeNotification],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/badge-notification/index.ts b/projects/demo/src/modules/components/badge-notification/index.ts
@@ -3,11 +3,11 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {TuiDemo} from '@demo/utils';
 import type {TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
 import {TuiLabel} from '@taiga-ui/core';
-import {TuiBadgeNotificationComponent} from '@taiga-ui/kit';
+import {TuiBadgeNotification} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [TuiDemo, TuiBadgeNotificationComponent, TuiLabel],
+    imports: [TuiDemo, TuiBadgeNotification, TuiLabel],
     templateUrl: './index.html',
     changeDetection,
 })

diff --git a/projects/demo/src/modules/components/badge/examples/1/index.ts b/projects/demo/src/modules/components/badge/examples/1/index.ts
@@ -2,12 +2,12 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiRepeatTimes} from '@taiga-ui/cdk';
-import {TuiBadgeDirective} from '@taiga-ui/kit';
+import {TuiBadge} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     selector: 'tui-badge-example-1',
-    imports: [TuiBadgeDirective, TuiRepeatTimes],
+    imports: [TuiBadge, TuiRepeatTimes],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/badge/examples/2/index.ts b/projects/demo/src/modules/components/badge/examples/2/index.ts
@@ -1,12 +1,12 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiBadgeDirective} from '@taiga-ui/kit';
+import {TuiBadge} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     selector: 'tui-badge-example-2',
-    imports: [TuiBadgeDirective],
+    imports: [TuiBadge],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/badge/examples/3/index.ts b/projects/demo/src/modules/components/badge/examples/3/index.ts
@@ -3,12 +3,12 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiPlatform} from '@taiga-ui/cdk';
 import {TuiIcon} from '@taiga-ui/core';
-import {TuiBadgeDirective} from '@taiga-ui/kit';
+import {TuiBadge} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     selector: 'tui-badge-example-3',
-    imports: [TuiBadgeDirective, TuiPlatform, TuiIcon],
+    imports: [TuiBadge, TuiPlatform, TuiIcon],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

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

diff --git a/projects/demo/src/modules/components/badge/examples/5/index.ts b/projects/demo/src/modules/components/badge/examples/5/index.ts
@@ -1,12 +1,12 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiBadgeDirective} from '@taiga-ui/kit';
+import {TuiBadge} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     selector: 'tui-badge-example-5',
-    imports: [TuiBadgeDirective],
+    imports: [TuiBadge],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/badge/examples/6/index.ts b/projects/demo/src/modules/components/badge/examples/6/index.ts
@@ -1,12 +1,12 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiBadgeDirective, tuiBadgeOptionsProvider} from '@taiga-ui/kit';
+import {TuiBadge, tuiBadgeOptionsProvider} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     selector: 'tui-badge-example-6',
-    imports: [TuiBadgeDirective],
+    imports: [TuiBadge],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/badge/index.ts b/projects/demo/src/modules/components/badge/index.ts
@@ -4,7 +4,7 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {TuiDemo} from '@demo/utils';
 import {type TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {type TuiSizeS, type TuiSizeXL} from '@taiga-ui/core';
-import {TuiBadgeDirective, TuiFadeDirective, TuiRadioListComponent} from '@taiga-ui/kit';
+import {TuiBadge, TuiFadeDirective, TuiRadioListComponent} from '@taiga-ui/kit';
 
 import {TuiBadgeExample1} from './examples/1';
 import {TuiBadgeExample2} from './examples/2';
@@ -16,7 +16,7 @@ import {TuiBadgeExample6} from './examples/6';
 @Component({
     standalone: true,
     imports: [
-        TuiBadgeDirective,
+        TuiBadge,
         TuiFadeDirective,
         TuiRadioListComponent,
         FormsModule,

diff --git a/projects/demo/src/modules/components/badged-content/examples/1/index.ts b/projects/demo/src/modules/components/badged-content/examples/1/index.ts
@@ -2,22 +2,11 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiIcon} from '@taiga-ui/core';
-import {
-    TuiAvatar,
-    TuiBadgedContentComponent,
-    TuiBadgeDirective,
-    TuiBadgeNotificationComponent,
-} from '@taiga-ui/kit';
+import {TuiAvatar, TuiBadge, TuiBadgedContent, TuiBadgeNotification} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [
-        TuiBadgedContentComponent,
-        TuiBadgeNotificationComponent,
-        TuiAvatar,
-        TuiIcon,
-        TuiBadgeDirective,
-    ],
+    imports: [TuiBadgedContent, TuiBadgeNotification, TuiAvatar, TuiIcon, TuiBadge],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/badged-content/examples/2/index.ts b/projects/demo/src/modules/components/badged-content/examples/2/index.ts
@@ -2,22 +2,11 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiIcon} from '@taiga-ui/core';
-import {
-    TuiAvatar,
-    TuiBadgedContentComponent,
-    TuiBadgeDirective,
-    TuiBadgeNotificationComponent,
-} from '@taiga-ui/kit';
+import {TuiAvatar, TuiBadge, TuiBadgedContent, TuiBadgeNotification} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [
-        TuiBadgedContentComponent,
-        TuiBadgeNotificationComponent,
-        TuiAvatar,
-        TuiIcon,
-        TuiBadgeDirective,
-    ],
+    imports: [TuiBadgedContent, TuiBadgeNotification, TuiAvatar, TuiIcon, TuiBadge],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/badged-content/examples/3/index.ts b/projects/demo/src/modules/components/badged-content/examples/3/index.ts
@@ -2,22 +2,18 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiButton, TuiIcon} from '@taiga-ui/core';
-import {
-    TuiBadgedContentComponent,
-    TuiBadgeDirective,
-    TuiBadgeNotificationComponent,
-} from '@taiga-ui/kit';
+import {TuiBadge, TuiBadgedContent, TuiBadgeNotification} from '@taiga-ui/kit';
 import {TuiInputModule} from '@taiga-ui/legacy';
 
 @Component({
     standalone: true,
     imports: [
-        TuiBadgedContentComponent,
-        TuiBadgeNotificationComponent,
+        TuiBadgedContent,
+        TuiBadgeNotification,
         TuiInputModule,
         TuiIcon,
         TuiButton,
-        TuiBadgeDirective,
+        TuiBadge,
     ],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],

diff --git a/projects/demo/src/modules/components/badged-content/index.ts b/projects/demo/src/modules/components/badged-content/index.ts
@@ -3,18 +3,14 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {TuiDemo} from '@demo/utils';
 import {TuiFallbackSrcPipe} from '@taiga-ui/core';
-import {
-    TuiAvatar,
-    TuiBadgedContentComponent,
-    TuiBadgeNotificationComponent,
-} from '@taiga-ui/kit';
+import {TuiAvatar, TuiBadgedContent, TuiBadgeNotification} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     imports: [
         AsyncPipe,
-        TuiBadgedContentComponent,
-        TuiBadgeNotificationComponent,
+        TuiBadgedContent,
+        TuiBadgeNotification,
         TuiAvatar,
         TuiFallbackSrcPipe,
         TuiDemo,

diff --git a/projects/demo/src/modules/components/block-details/examples/1/index.ts b/projects/demo/src/modules/components/block-details/examples/1/index.ts
@@ -5,7 +5,7 @@ import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiAmountPipe} from '@taiga-ui/addon-commerce';
 import {TUI_IS_MOBILE} from '@taiga-ui/cdk';
 import {TuiTitle} from '@taiga-ui/core';
-import {TuiAvatar, TuiBadgeDirective, TuiCommentDirective} from '@taiga-ui/kit';
+import {TuiAvatar, TuiBadge, TuiCommentDirective} from '@taiga-ui/kit';
 import {TuiBlockDetails} from '@taiga-ui/layout';
 
 @Component({
@@ -16,7 +16,7 @@ import {TuiBlockDetails} from '@taiga-ui/layout';
         TuiCommentDirective,
         TuiAmountPipe,
         TuiBlockDetails,
-        TuiBadgeDirective,
+        TuiBadge,
         TuiTitle,
     ],
     templateUrl: './index.html',

diff --git a/projects/demo/src/modules/components/block-details/examples/2/index.ts b/projects/demo/src/modules/components/block-details/examples/2/index.ts
@@ -5,7 +5,7 @@ import {encapsulation} from '@demo/emulate/encapsulation';
 import {tuiAmountOptionsProvider, TuiAmountPipe} from '@taiga-ui/addon-commerce';
 import {TUI_IS_MOBILE} from '@taiga-ui/cdk';
 import {TuiTitle} from '@taiga-ui/core';
-import {TuiAvatar, TuiBadgeDirective, TuiFadeDirective} from '@taiga-ui/kit';
+import {TuiAvatar, TuiBadge, TuiFadeDirective} from '@taiga-ui/kit';
 import {TuiBlockDetails} from '@taiga-ui/layout';
 
 @Component({
@@ -15,7 +15,7 @@ import {TuiBlockDetails} from '@taiga-ui/layout';
         TuiAvatar,
         TuiAmountPipe,
         TuiBlockDetails,
-        TuiBadgeDirective,
+        TuiBadge,
         TuiTitle,
         TuiFadeDirective,
     ],

diff --git a/projects/demo/src/modules/components/card-medium/examples/3/index.ts b/projects/demo/src/modules/components/card-medium/examples/3/index.ts
@@ -2,12 +2,12 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiIcon, TuiSurface, TuiTitle} from '@taiga-ui/core';
-import {TuiBadgeDirective} from '@taiga-ui/kit';
+import {TuiBadge} from '@taiga-ui/kit';
 import {TuiCardMedium} from '@taiga-ui/layout';
 
 @Component({
     standalone: true,
-    imports: [TuiCardMedium, TuiSurface, TuiBadgeDirective, TuiIcon, TuiTitle],
+    imports: [TuiCardMedium, TuiSurface, TuiBadge, TuiIcon, TuiTitle],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/card-medium/examples/5/index.ts b/projects/demo/src/modules/components/card-medium/examples/5/index.ts
@@ -2,12 +2,12 @@ import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiIcon, TuiSurface, TuiTitle} from '@taiga-ui/core';
-import {TuiBadgeDirective} from '@taiga-ui/kit';
+import {TuiBadge} from '@taiga-ui/kit';
 import {TuiCardMedium} from '@taiga-ui/layout';
 
 @Component({
     standalone: true,
-    imports: [TuiBadgeDirective, TuiIcon, TuiCardMedium, TuiSurface, TuiTitle],
+    imports: [TuiBadge, TuiIcon, TuiCardMedium, TuiSurface, TuiTitle],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/cell/examples/2/index.ts b/projects/demo/src/modules/components/cell/examples/2/index.ts
@@ -3,20 +3,15 @@ import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiIcon} from '@taiga-ui/core';
-import {
-    TuiAvatar,
-    TuiBadgedContentComponent,
-    TuiBadgeDirective,
-    TuiSwitch,
-} from '@taiga-ui/kit';
+import {TuiAvatar, TuiBadge, TuiBadgedContent, TuiSwitch} from '@taiga-ui/kit';
 import {TuiCell} from '@taiga-ui/layout';
 
 @Component({
     standalone: true,
     imports: [
         TuiCell,
-        TuiBadgedContentComponent,
-        TuiBadgeDirective,
+        TuiBadgedContent,
+        TuiBadge,
         TuiIcon,
         TuiAvatar,
         TuiSwitch,