chore: remove legacy radio

taiga-family · Mar 27, 2024 · 10b5e96 · 10b5e96
1 parent 90ef9f6
commit 10b5e96
Show file tree

Hide file tree

Showing 98 changed files with 502 additions and 1,914 deletions.
diff --git a/projects/cdk/abstract/interactive.ts b/projects/cdk/abstract/interactive.ts
@@ -1,4 +1,5 @@
 import {Directive, EventEmitter, HostBinding, Input, Output} from '@angular/core';
+import {tuiPure} from '@taiga-ui/cdk/decorators';
 
 const TUI = 'tui_interactive_';
 
@@ -73,6 +74,7 @@ export abstract class AbstractTuiInteractive {
         return this.nativeId || this.autoIdString;
     }
 
+    @tuiPure
     protected updateFocused(focused: boolean): void {
         this.focusedChange.emit(focused);
     }

diff --git a/projects/core/components/expand/expand.component.ts b/projects/core/components/expand/expand.component.ts
@@ -115,8 +115,12 @@ export class TuiExpandComponent {
     }
 
     @HostListener('transitionend.self', ['$event'])
-    protected onTransitionEnd({propertyName}: TransitionEvent): void {
-        if (propertyName === 'opacity' && this.state === State.Animated) {
+    protected onTransitionEnd({propertyName, pseudoElement}: TransitionEvent): void {
+        if (
+            propertyName === 'opacity' &&
+            !pseudoElement &&
+            this.state === State.Animated
+        ) {
             this.state = State.Idle;
         }
     }

diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts
@@ -179,14 +179,6 @@ export const ROUTES: Routes = [
             title: 'Chip',
         },
     },
-    {
-        path: 'experimental/radio',
-        loadChildren: async () =>
-            (await import('../experimental/radio/radio.module')).ExampleTuiRadioModule,
-        data: {
-            title: 'Radio ',
-        },
-    },
     route({
         path: 'components/title',
         title: 'Title',
@@ -913,23 +905,11 @@ export const ROUTES: Routes = [
             title: 'Pagination',
         },
     },
-    {
+    route({
         path: 'components/radio',
-        loadChildren: async () =>
-            (await import('../components/radio/radio.module')).ExampleTuiRadioModule,
-        data: {
-            title: 'Radio',
-        },
-    },
-    {
-        path: 'components/radio-list',
-        loadChildren: async () =>
-            (await import('../components/radio-list/radio-list.module'))
-                .ExampleTuiRadioListModule,
-        data: {
-            title: 'RadioList',
-        },
-    },
+        title: 'Radio',
+        loadComponent: async () => import('../components/radio'),
+    }),
     {
         path: 'components/rating',
         loadChildren: async () =>

diff --git a/projects/demo/src/modules/app/pages.ts b/projects/demo/src/modules/app/pages.ts
@@ -255,13 +255,6 @@ export const pages: TuiDocPages = [
                 keywords: 'инпут, форма, ввод, radio, радио',
                 route: '/components/radio',
             },
-            // TODO: Move into Radio page
-            {
-                section: 'Components',
-                title: 'RadioList',
-                keywords: 'инпут, форма, ввод, radio, радио, список, list',
-                route: '/components/radio-list',
-            },
             {
                 section: 'Components',
                 title: 'Switch',
@@ -971,12 +964,6 @@ export const pages: TuiDocPages = [
         keywords: 'tooltip, тултип, hint, подсказка, помощь, help',
         route: '/experimental/tooltip',
     },
-    {
-        section: 'Experimental',
-        title: 'Radio ',
-        keywords: 'чек, радио, ввод, форма, form, checkbox, radio, toggle',
-        route: '/experimental/radio',
-    },
     {
         section: 'Pipes',
         title: 'Amount',

diff --git a/projects/demo/src/modules/components/badge/badge.component.ts b/projects/demo/src/modules/components/badge/badge.component.ts
@@ -12,7 +12,7 @@ import {
     type TuiRawLoaderContent,
 } from '@taiga-ui/addon-doc';
 import {TuiLabelModule, type TuiSizeS, type TuiSizeXL} from '@taiga-ui/core';
-import {TuiBadgeDirective, TuiFadeDirective, TuiRadioListModule} from '@taiga-ui/kit';
+import {TuiBadgeDirective, TuiFadeDirective, TuiRadioListComponent} from '@taiga-ui/kit';
 
 import {TuiBadgeExample1} from './examples/1';
 import {TuiBadgeExample2} from './examples/2';
@@ -30,7 +30,7 @@ import {TuiBadgeExample6} from './examples/6';
         NgIf,
         TuiFadeDirective,
         TuiLabelModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         FormsModule,
 
         TuiBadgeExample1,

diff --git a/projects/demo/src/modules/components/badge/badge.template.html b/projects/demo/src/modules/components/badge/badge.template.html
@@ -93,8 +93,10 @@
             class="tui-space_vertical-3"
         >
             <tui-radio-list
-                orientation="horizontal"
+                name="content-type"
+                size="s"
                 [items]="contentTypeVariants"
+                [style.flex-direction]="'row'"
                 [(ngModel)]="contentType"
             />
         </label>

diff --git a/projects/demo/src/modules/components/block/block.module.ts b/projects/demo/src/modules/components/block/block.module.ts
@@ -9,12 +9,12 @@ import {
     TuiTitleDirective,
     TuiTooltipModule,
 } from '@taiga-ui/core';
-import {TuiRadioComponent} from '@taiga-ui/experimental';
 import {
     TuiAvatarComponent,
     TuiBlockDirective,
     TuiCheckboxComponent,
     TuiFadeDirective,
+    TuiRadioComponent,
     TuiSwitchComponent,
 } from '@taiga-ui/kit';
 

diff --git a/projects/demo/src/modules/components/checkbox/examples/2/index.html b/projects/demo/src/modules/components/checkbox/examples/2/index.html
@@ -0,0 +1,26 @@
+<p>
+    <input
+        checked
+        tuiCheckbox
+        type="checkbox"
+    />
+</p>
+<p>
+    <input
+        tuiCheckbox
+        type="checkbox"
+    />
+</p>
+<p>
+    <input
+        tuiCheckbox
+        type="checkbox"
+        [checked]="checked"
+    />
+</p>
+<button
+    tuiButton
+    (click)="checked = !checked"
+>
+    Toggle
+</button>
diff --git a/...es/experimental/radio/examples/2/index.ts → ...s/components/checkbox/examples/2/index.ts b/...es/experimental/radio/examples/2/index.ts → ...s/components/checkbox/examples/2/index.ts
@@ -1,14 +1,16 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
+import {TuiButtonModule} from '@taiga-ui/experimental';
+import {TuiCheckboxComponent} from '@taiga-ui/kit';
 
 @Component({
-    selector: 'tui-radio-example-2',
+    standalone: true,
+    imports: [TuiCheckboxComponent, TuiButtonModule],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,
 })
-export class TuiRadioExample2 {
-    protected value: any = null;
-    protected identityMatcher = (a: any, b: any): boolean => a?.test === b?.test;
+export default class ExampleComponent {
+    protected checked = false;
 }
diff --git a/projects/demo/src/modules/components/checkbox/index.html b/projects/demo/src/modules/components/checkbox/index.html
@@ -18,6 +18,14 @@
                 CSS variable to customize color of native control emulation
             </tui-notification>
         </tui-doc-example>
+
+        <tui-doc-example
+            id="decorative"
+            description="If you only want to show checkbox for decorative purpose, without it being interactive — use it without Angular forms"
+            heading="Decorative"
+            [component]="2 | tuiComponent"
+            [content]="2 | tuiExample: 'html,ts'"
+        />
     </ng-template>
 
     <tui-setup *pageTab="'Setup'" />

diff --git a/projects/demo/src/modules/components/dialog/dialog.module.ts b/projects/demo/src/modules/components/dialog/dialog.module.ts
@@ -26,7 +26,7 @@ import {
     TuiInputModule,
     TuiInputNumberModule,
     TuiMarkerIconModule,
-    TuiRadioListModule,
+    TuiRadioListComponent,
 } from '@taiga-ui/kit';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 
@@ -55,7 +55,7 @@ import {TuiDialogExampleComponent10} from './examples/10';
         TuiAccordionModule,
         TuiAmountPipe,
         TuiButtonModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         TuiInputModule,
         TuiHintModule,
         TuiLinkModule,

diff --git a/projects/demo/src/modules/components/group/group.module.ts b/projects/demo/src/modules/components/group/group.module.ts
@@ -13,7 +13,7 @@ import {
     TuiTextfieldControllerModule,
     TuiTitleDirective,
 } from '@taiga-ui/core';
-import {TuiButtonModule, TuiRadioComponent} from '@taiga-ui/experimental';
+import {TuiButtonModule} from '@taiga-ui/experimental';
 import {
     TuiBadgeDirective,
     TuiBlockDirective,
@@ -24,6 +24,7 @@ import {
     TuiInputNumberModule,
     TuiMultiSelectModule,
     TuiProjectClassModule,
+    TuiRadioComponent,
     TuiSelectModule,
 } from '@taiga-ui/kit';
 

diff --git a/projects/demo/src/modules/components/input-date/input-date.module.ts b/projects/demo/src/modules/components/input-date/input-date.module.ts
@@ -16,7 +16,7 @@ import {
 import {
     TuiFieldErrorPipeModule,
     TuiInputDateModule,
-    TuiRadioListModule,
+    TuiRadioListComponent,
     TuiUnfinishedValidatorModule,
 } from '@taiga-ui/kit';
 
@@ -38,7 +38,7 @@ import {ExampleTuiInputDateComponent} from './input-date.component';
         FormsModule,
         CommonModule,
         TuiLinkModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         TuiButtonModule,
         TuiInputDateModule,
         TuiMobileCalendarDialogModule,

diff --git a/projects/demo/src/modules/components/input-number/input-number.module.ts b/projects/demo/src/modules/components/input-number/input-number.module.ts
@@ -13,7 +13,7 @@ import {
     TuiSvgModule,
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
-import {TuiInputNumberModule, TuiRadioListModule} from '@taiga-ui/kit';
+import {TuiInputNumberModule, TuiRadioListComponent} from '@taiga-ui/kit';
 
 import {InheritedDocumentationModule} from '../abstract/inherited-documentation/inherited-documentation.module';
 import {TuiInputNumberExample1} from './examples/1';
@@ -33,7 +33,7 @@ import {ExampleTuiInputNumberComponent} from './input-number.component';
         TuiInputNumberModule,
         TuiCurrencyPipeModule,
         TuiSvgModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         TuiButtonModule,
         TuiLinkModule,
         TuiTextfieldControllerModule,

diff --git a/projects/demo/src/modules/components/input-range/input-range.module.ts b/projects/demo/src/modules/components/input-range/input-range.module.ts
@@ -14,7 +14,7 @@ import {
 import {
     TuiInputRangeModule,
     TuiInputSliderModule,
-    TuiRadioListModule,
+    TuiRadioListComponent,
 } from '@taiga-ui/kit';
 
 import {InheritedDocumentationModule} from '../abstract/inherited-documentation/inherited-documentation.module';
@@ -36,7 +36,7 @@ import {ExampleTuiInputRangeComponent} from './input-range.component';
         ReactiveFormsModule,
         FormsModule,
         CommonModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         TuiAddonDocModule,
         TuiButtonModule,
         TuiLinkModule,

diff --git a/projects/demo/src/modules/components/input-slider/input-slider.module.ts b/projects/demo/src/modules/components/input-slider/input-slider.module.ts
@@ -15,7 +15,7 @@ import {
 import {
     TuiInputRangeModule,
     TuiInputSliderModule,
-    TuiRadioListModule,
+    TuiRadioListComponent,
 } from '@taiga-ui/kit';
 
 import {InheritedDocumentationModule} from '../abstract/inherited-documentation/inherited-documentation.module';
@@ -34,7 +34,7 @@ import {ExampleTuiInputSliderComponent} from './input-slider.component';
         ReactiveFormsModule,
         FormsModule,
         CommonModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         TuiButtonModule,
         TuiHintModule,
         TuiAddonDocModule,

diff --git a/projects/demo/src/modules/components/input/input.module.ts b/projects/demo/src/modules/components/input/input.module.ts
@@ -31,7 +31,7 @@ import {
     TuiInputDateModule,
     TuiInputModule,
     TuiInputNumberModule,
-    TuiRadioListModule,
+    TuiRadioListComponent,
     TuiSelectModule,
     TuiUnmaskHandlerModule,
 } from '@taiga-ui/kit';
@@ -70,7 +70,7 @@ import {ExampleTuiInputComponent} from './input.component';
         TuiNotificationModule,
         TuiRepeatTimesModule,
         TuiSvgModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         TuiButtonModule,
         TuiInputCardModule,
         TuiAvatarComponent,

diff --git a/projects/demo/src/modules/components/loader/loader.module.ts b/projects/demo/src/modules/components/loader/loader.module.ts
@@ -4,7 +4,7 @@ import {FormsModule} from '@angular/forms';
 import {RouterModule} from '@angular/router';
 import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
 import {TuiButtonModule, TuiLinkModule, TuiLoaderModule} from '@taiga-ui/core';
-import {TuiRadioListModule} from '@taiga-ui/kit';
+import {TuiRadioListComponent} from '@taiga-ui/kit';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 
 import {TuiLoaderExample1} from './examples/1';
@@ -20,7 +20,7 @@ import {ExampleTuiLoaderComponent} from './loader.component';
         FormsModule,
         PolymorpheusModule,
         TuiLoaderModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         TuiButtonModule,
         TuiLinkModule,
         RouterModule,

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
@@ -21,7 +21,7 @@ import {
     TuiAvatarComponent,
     TuiDataListWrapperModule,
     TuiMultiSelectModule,
-    TuiRadioListModule,
+    TuiRadioListComponent,
     TuiTagModule,
 } from '@taiga-ui/kit';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
@@ -48,7 +48,7 @@ import {ExampleTuiMultiSelectComponent} from './multi-select.component';
         ScrollingModule,
         TuiScrollbarComponent,
         TuiMultiSelectModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         TuiButtonModule,
         TuiLinkModule,
         TuiAvatarComponent,

diff --git a/projects/demo/src/modules/components/pagination/pagination.module.ts b/projects/demo/src/modules/components/pagination/pagination.module.ts
@@ -8,7 +8,7 @@ import {
     TuiBadgeDirective,
     TuiInputSliderModule,
     TuiPaginationModule,
-    TuiRadioListModule,
+    TuiRadioListComponent,
 } from '@taiga-ui/kit';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 
@@ -24,7 +24,7 @@ import {ExampleTuiPaginationComponent} from './pagination.component';
         TuiPaginationModule,
         TuiInputSliderModule,
         CommonModule,
-        TuiRadioListModule,
+        TuiRadioListComponent,
         FormsModule,
         ReactiveFormsModule,
         TuiAddonDocModule,