refactor: use TuiRadio (#7846)

Co-authored-by: taiga-family-bot <taiga-family-bot@users.noreply.github.com>
taiga-family · Jun 20, 2024 · b22f3ba · b22f3ba
1 parent d100a98
commit b22f3ba
Show file tree

Hide file tree

Showing 37 changed files with 77 additions and 99 deletions.
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 {TuiBadge, TuiFadeDirective, TuiRadioListComponent} from '@taiga-ui/kit';
+import {TuiBadge, TuiFadeDirective, TuiRadioList} from '@taiga-ui/kit';
 
 import {TuiBadgeExample1} from './examples/1';
 import {TuiBadgeExample2} from './examples/2';
@@ -18,7 +18,7 @@ import {TuiBadgeExample6} from './examples/6';
     imports: [
         TuiBadge,
         TuiFadeDirective,
-        TuiRadioListComponent,
+        TuiRadioList,
         FormsModule,
         TuiBadgeExample1,
         TuiBadgeExample2,

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

diff --git a/projects/demo/src/modules/components/block/examples/2/index.ts b/projects/demo/src/modules/components/block/examples/2/index.ts
@@ -3,15 +3,15 @@ import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiGroupDirective} from '@taiga-ui/core';
-import {TuiBlock, TuiFadeDirective, TuiRadioComponent} from '@taiga-ui/kit';
+import {TuiBlock, TuiFadeDirective, TuiRadio} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     imports: [
+        TuiRadio,
         ReactiveFormsModule,
         TuiGroupDirective,
         TuiBlock,
-        TuiRadioComponent,
         TuiFadeDirective,
     ],
     templateUrl: './index.html',

diff --git a/projects/demo/src/modules/components/block/examples/3/index.ts b/projects/demo/src/modules/components/block/examples/3/index.ts
@@ -3,7 +3,7 @@ import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiIcon, TuiTitle, TuiTooltip} from '@taiga-ui/core';
-import {TuiAvatar, TuiBlock, TuiCheckboxComponent, TuiSwitch} from '@taiga-ui/kit';
+import {TuiAvatar, TuiBlock, TuiCheckbox, TuiSwitch} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
@@ -13,7 +13,7 @@ import {TuiAvatar, TuiBlock, TuiCheckboxComponent, TuiSwitch} from '@taiga-ui/ki
         TuiTooltip,
         TuiIcon,
         TuiBlock,
-        TuiCheckboxComponent,
+        TuiCheckbox,
         TuiTitle,
         TuiSwitch,
     ],

diff --git a/projects/demo/src/modules/components/block/examples/import/import.md b/projects/demo/src/modules/components/block/examples/import/import.md
@@ -10,7 +10,7 @@ import {TuiBlock, TuiCheckboxComponent} from '@taiga-ui/kit';
     // ...
     FormsModule,
     TuiBlock,
-    TuiCheckboxComponent, // or TuiRadioComponent
+    TuiCheckbox, // or TuiRadio
   ],
   // ...
 })

diff --git a/projects/demo/src/modules/components/cell/examples/3/index.ts b/projects/demo/src/modules/components/cell/examples/3/index.ts
@@ -8,7 +8,7 @@ import {
     TuiAvatar,
     TuiAvatarStackComponent,
     TuiBadge,
-    TuiCheckboxComponent,
+    TuiCheckbox,
     TuiProgressModule,
 } from '@taiga-ui/kit';
 import {TuiCell} from '@taiga-ui/layout';
@@ -22,7 +22,7 @@ import {TuiCell} from '@taiga-ui/layout';
         TuiBadge,
         TuiAvatar,
         TuiAvatarStackComponent,
-        TuiCheckboxComponent,
+        TuiCheckbox,
         TuiThumbnailCard,
         FormsModule,
         TuiTitle,

diff --git a/projects/demo/src/modules/components/cell/examples/4/index.ts b/projects/demo/src/modules/components/cell/examples/4/index.ts
@@ -6,7 +6,7 @@ import {TuiIcon, TuiLoader, TuiTitle, TuiTooltip} from '@taiga-ui/core';
 import {
     TuiAvatar,
     TuiBadgeNotification,
-    TuiCheckboxComponent,
+    TuiCheckbox,
     TuiSensitiveDirective,
 } from '@taiga-ui/kit';
 import {TuiCell} from '@taiga-ui/layout';
@@ -22,7 +22,7 @@ import {TuiCell} from '@taiga-ui/layout';
         TuiBadgeNotification,
         FormsModule,
         TuiIcon,
-        TuiCheckboxComponent,
+        TuiCheckbox,
         TuiTitle,
     ],
     templateUrl: './index.html',

diff --git a/projects/demo/src/modules/components/checkbox/examples/1/index.ts b/projects/demo/src/modules/components/checkbox/examples/1/index.ts
@@ -6,17 +6,11 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiPlatform} from '@taiga-ui/cdk';
 import type {TuiSizeS} from '@taiga-ui/core';
-import {TuiCheckboxComponent} from '@taiga-ui/kit';
+import {TuiCheckbox} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [
-        NgForOf,
-        FormsModule,
-        ReactiveFormsModule,
-        TuiCheckboxComponent,
-        TuiPlatform,
-    ],
+    imports: [NgForOf, FormsModule, ReactiveFormsModule, TuiCheckbox, TuiPlatform],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/checkbox/examples/2/index.ts b/projects/demo/src/modules/components/checkbox/examples/2/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 {TuiButton} from '@taiga-ui/core';
-import {TuiCheckboxComponent} from '@taiga-ui/kit';
+import {TuiCheckbox} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [TuiCheckboxComponent, TuiButton],
+    imports: [TuiCheckbox, TuiButton],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/checkbox/examples/import/import.md b/projects/demo/src/modules/components/checkbox/examples/import/import.md
@@ -1,13 +1,13 @@
 ```ts
 import {Component} from '@angular/core';
-import {TuiCheckboxComponent} from '@taiga-ui/kit';
+import {TuiCheckbox} from '@taiga-ui/kit';
 // ...
 
 @Component({
   standalone: true,
   imports: [
     // ...
-    TuiCheckboxComponent,
+    TuiCheckbox,
   ],
 })
 export class Example {}

diff --git a/projects/demo/src/modules/components/chip/examples/3/index.ts b/projects/demo/src/modules/components/chip/examples/3/index.ts
@@ -4,11 +4,11 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiRepeatTimes} from '@taiga-ui/cdk';
 import {TuiAlertService, TuiButton} from '@taiga-ui/core';
-import {TuiCheckboxComponent, TuiChip} from '@taiga-ui/kit';
+import {TuiCheckbox, TuiChip} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [TuiChip, TuiRepeatTimes, FormsModule, TuiButton, TuiCheckboxComponent],
+    imports: [TuiChip, TuiRepeatTimes, FormsModule, TuiButton, TuiCheckbox],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/data-list/examples/3/index.ts b/projects/demo/src/modules/components/data-list/examples/3/index.ts
@@ -4,7 +4,7 @@ import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiButton, TuiDataList, TuiDropdown} from '@taiga-ui/core';
-import {TuiCheckboxComponent, TuiChevron, TuiSwitch} from '@taiga-ui/kit';
+import {TuiCheckbox, TuiChevron, TuiSwitch} from '@taiga-ui/kit';
 import {TuiMultiSelectModule} from '@taiga-ui/legacy';
 
 @Component({
@@ -17,7 +17,7 @@ import {TuiMultiSelectModule} from '@taiga-ui/legacy';
         TuiMultiSelectModule,
         FormsModule,
         NgForOf,
-        TuiCheckboxComponent,
+        TuiCheckbox,
         TuiSwitch,
     ],
     templateUrl: './index.html',

diff --git a/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts b/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.component.ts
@@ -26,7 +26,7 @@ import {
     TuiLoader,
     TuiTextfield,
 } from '@taiga-ui/core';
-import {TuiButtonLoadingComponent, TuiCheckboxComponent} from '@taiga-ui/kit';
+import {TuiButtonLoadingComponent, TuiCheckbox} from '@taiga-ui/kit';
 import {POLYMORPHEUS_CONTEXT} from '@taiga-ui/polymorpheus';
 import {BehaviorSubject, map, switchMap} from 'rxjs';
 
@@ -52,7 +52,7 @@ import {inputCardGroupedCVCValidator} from '../helpers/validator';
         TuiLoader,
         TuiInputCardGroup,
         TuiTextfield,
-        TuiCheckboxComponent,
+        TuiCheckbox,
         TuiIconPipe,
     ],
     templateUrl: './pay-modal.component.html',

diff --git a/projects/demo/src/modules/components/group/examples/3/index.ts b/projects/demo/src/modules/components/group/examples/3/index.ts
@@ -3,11 +3,11 @@ import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiGroupDirective} from '@taiga-ui/core';
-import {TuiBlock, TuiRadioComponent} from '@taiga-ui/kit';
+import {TuiBlock, TuiRadio} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [TuiGroupDirective, ReactiveFormsModule, TuiBlock, TuiRadioComponent],
+    imports: [TuiGroupDirective, ReactiveFormsModule, TuiBlock, TuiRadio],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/group/examples/4/index.ts b/projects/demo/src/modules/components/group/examples/4/index.ts
@@ -3,17 +3,11 @@ import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiGroupDirective, TuiTitle} from '@taiga-ui/core';
-import {TuiBlock, TuiRadioComponent} from '@taiga-ui/kit';
+import {TuiBlock, TuiRadio} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [
-        TuiGroupDirective,
-        ReactiveFormsModule,
-        TuiBlock,
-        TuiTitle,
-        TuiRadioComponent,
-    ],
+    imports: [TuiGroupDirective, ReactiveFormsModule, TuiBlock, TuiTitle, TuiRadio],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/input-card/examples/2/index.ts b/projects/demo/src/modules/components/input-card/examples/2/index.ts
@@ -5,7 +5,7 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiInputCard, TuiThumbnailCard} from '@taiga-ui/addon-commerce';
 import {TuiTextfield} from '@taiga-ui/core';
-import {TuiCheckboxComponent} from '@taiga-ui/kit';
+import {TuiCheckbox} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
@@ -15,7 +15,7 @@ import {TuiCheckboxComponent} from '@taiga-ui/kit';
         TuiTextfield,
         TuiInputCard,
         TuiThumbnailCard,
-        TuiCheckboxComponent,
+        TuiCheckbox,
     ],
     templateUrl: './index.html',
     encapsulation,

diff --git a/projects/demo/src/modules/components/label/examples/1/index.ts b/projects/demo/src/modules/components/label/examples/1/index.ts
@@ -3,11 +3,11 @@ import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiLabel, TuiTitle} from '@taiga-ui/core';
-import {TuiCheckboxComponent} from '@taiga-ui/kit';
+import {TuiCheckbox} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [ReactiveFormsModule, TuiLabel, TuiCheckboxComponent, TuiTitle],
+    imports: [ReactiveFormsModule, TuiLabel, TuiCheckbox, TuiTitle],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/label/examples/2/index.ts b/projects/demo/src/modules/components/label/examples/2/index.ts
@@ -3,11 +3,11 @@ import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiLabel} from '@taiga-ui/core';
-import {TuiRadioComponent} from '@taiga-ui/kit';
+import {TuiRadio} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [ReactiveFormsModule, TuiLabel, TuiRadioComponent],
+    imports: [ReactiveFormsModule, TuiLabel, TuiRadio],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/label/examples/import/import.md b/projects/demo/src/modules/components/label/examples/import/import.md
@@ -1,7 +1,7 @@
 ```ts
 import {FormsModule} from '@angular/forms';
 import {TuiLabelDirective} from '@taiga-ui/core';
-import {TuiCheckboxComponent} from '@taiga-ui/kit';
+import {TuiCheckbox} from '@taiga-ui/kit';
 
 // ...
 
@@ -10,7 +10,7 @@ import {TuiCheckboxComponent} from '@taiga-ui/kit';
   imports: [
     // ...
     FormsModule,
-    TuiCheckboxComponent,
+    TuiCheckbox,
     TuiLabelDirective,
   ],
   // ...

diff --git a/projects/demo/src/modules/components/legend-item/examples/2/index.ts b/projects/demo/src/modules/components/legend-item/examples/2/index.ts
@@ -6,14 +6,14 @@ import {TuiLegendItem, TuiRingChart} from '@taiga-ui/addon-charts';
 import {TuiAmountPipe} from '@taiga-ui/addon-commerce';
 import {tuiPure, tuiSum} from '@taiga-ui/cdk';
 import {TuiAlertService, tuiFormatNumber, TuiIcon, TuiNotification} from '@taiga-ui/core';
-import {TuiCheckboxComponent} from '@taiga-ui/kit';
+import {TuiCheckbox} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
     imports: [
         TuiNotification,
         TuiLegendItem,
-        TuiCheckboxComponent,
+        TuiCheckbox,
         NgForOf,
         TuiRingChart,
         TuiAmountPipe,

diff --git a/projects/demo/src/modules/components/radio/examples/1/index.ts b/projects/demo/src/modules/components/radio/examples/1/index.ts
@@ -6,11 +6,11 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiPlatform} from '@taiga-ui/cdk';
 import type {TuiSizeS} from '@taiga-ui/core';
-import {TuiRadioComponent} from '@taiga-ui/kit';
+import {TuiRadio} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [NgForOf, FormsModule, ReactiveFormsModule, TuiPlatform, TuiRadioComponent],
+    imports: [NgForOf, FormsModule, ReactiveFormsModule, TuiPlatform, TuiRadio],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,

diff --git a/projects/demo/src/modules/components/radio/examples/2/index.ts b/projects/demo/src/modules/components/radio/examples/2/index.ts
@@ -4,18 +4,11 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {TuiPlatform} from '@taiga-ui/cdk';
 import {TuiButton, TuiLabel} from '@taiga-ui/core';
-import {TuiRadioComponent, TuiRadioDirective} from '@taiga-ui/kit';
+import {TuiRadio} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [
-        FormsModule,
-        TuiPlatform,
-        TuiRadioComponent,
-        TuiRadioDirective,
-        TuiLabel,
-        TuiButton,
-    ],
+    imports: [FormsModule, TuiPlatform, TuiRadio, TuiLabel, TuiButton],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/radio/examples/3/index.ts b/projects/demo/src/modules/components/radio/examples/3/index.ts
@@ -10,11 +10,11 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import type {TuiBooleanHandler} from '@taiga-ui/cdk';
 import {TuiTitle} from '@taiga-ui/core';
-import {TuiRadioListComponent} from '@taiga-ui/kit';
+import {TuiRadioList} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [FormsModule, ReactiveFormsModule, TuiRadioListComponent, TuiTitle],
+    imports: [FormsModule, ReactiveFormsModule, TuiRadioList, TuiTitle],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,

diff --git a/projects/demo/src/modules/components/radio/examples/import/import.md b/projects/demo/src/modules/components/radio/examples/import/import.md
@@ -1,13 +1,13 @@
 ```ts
 import {Component} from '@angular/core';
-import {TuiRadioComponent} from '@taiga-ui/kit';
+import {TuiRadio} from '@taiga-ui/kit';
 // ...
 
 @Component({
   standalone: true,
   imports: [
     // ...
-    TuiRadioComponent,
+    TuiRadio,
   ],
 })
 export class Example {}