refactor: drop TuiLetModule (#7353)

taiga-family · May 3, 2024 · 8012471 · 8012471
1 parent 412811a
commit 8012471
Show file tree

Hide file tree

Showing 50 changed files with 127 additions and 157 deletions.
diff --git a/projects/addon-charts/components/line-chart/line-chart.module.ts b/projects/addon-charts/components/line-chart/line-chart.module.ts
@@ -1,6 +1,6 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
-import {TuiFocusableModule, TuiLetModule} from '@taiga-ui/cdk';
+import {TuiFocusableModule, TuiLetDirective} from '@taiga-ui/cdk';
 import {TuiHintModule} from '@taiga-ui/core';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 
@@ -13,7 +13,7 @@ import {TuiLineChartHintDirective} from './line-chart-hint.directive';
         PolymorpheusModule,
         TuiHintModule,
         TuiFocusableModule,
-        TuiLetModule,
+        TuiLetDirective,
     ],
     declarations: [TuiLineChartComponent, TuiLineChartHintDirective],
     exports: [TuiLineChartComponent, TuiLineChartHintDirective],

diff --git a/projects/addon-commerce/components/input-card-grouped/input-card-grouped.module.ts b/projects/addon-commerce/components/input-card-grouped/input-card-grouped.module.ts
@@ -8,7 +8,7 @@ import {
     TuiActiveZoneDirective,
     TuiAutoFocusDirective,
     TuiFocusableModule,
-    TuiLetModule,
+    TuiLetDirective,
     TuiMapperPipe,
 } from '@taiga-ui/cdk';
 import {TuiDropdownModule, TuiSvgComponent, TuiWrapperModule} from '@taiga-ui/core';
@@ -29,7 +29,7 @@ import {TuiInputCardGroupedComponent} from './input-card-grouped.component';
         TuiMapperPipe,
         TuiDropdownModule,
         PolymorpheusModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiFormatCardModule,
         TuiAutoFocusDirective,
     ],

diff --git a/projects/addon-doc/components/navigation/navigation.module.ts b/projects/addon-doc/components/navigation/navigation.module.ts
@@ -3,7 +3,11 @@ import {NgModule} from '@angular/core';
 import {ReactiveFormsModule} from '@angular/forms';
 import {RouterModule} from '@angular/router';
 import {TuiScrollIntoViewLinkModule} from '@taiga-ui/addon-doc/directives';
-import {TuiActiveZoneDirective, TuiAutoFocusDirective, TuiLetModule} from '@taiga-ui/cdk';
+import {
+    TuiActiveZoneDirective,
+    TuiAutoFocusDirective,
+    TuiLetDirective,
+} from '@taiga-ui/cdk';
 import {
     TuiButtonDirective,
     TuiDataListModule,
@@ -31,7 +35,7 @@ import {TuiDocNavigationComponent} from './navigation.component';
         TuiInputModule,
         TuiTextfieldControllerModule,
         TuiActiveZoneDirective,
-        TuiLetModule,
+        TuiLetDirective,
         TuiLinkDirective,
         TuiExpandModule,
         TuiHostedDropdownModule,

diff --git a/projects/addon-mobile/components/sheet/sheet.module.ts b/projects/addon-mobile/components/sheet/sheet.module.ts
@@ -1,6 +1,6 @@
 import {CommonModule} from '@angular/common';
 import {NgModule, NO_ERRORS_SCHEMA} from '@angular/core';
-import {TuiLetModule, TuiOverscrollModule} from '@taiga-ui/cdk';
+import {TuiLetDirective, TuiOverscrollModule} from '@taiga-ui/cdk';
 import {TuiButtonDirective, TuiScrollbarComponent} from '@taiga-ui/core';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 
@@ -22,7 +22,7 @@ import {TuiSheetDirective} from './sheet.directive';
     imports: [
         CommonModule,
         PolymorpheusModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiButtonDirective,
         TuiOverscrollModule,
         TuiScrollbarComponent,

diff --git a/projects/addon-mobile/internal/primitive-calendar-mobile/primitive-calendar-mobile.module.ts b/projects/addon-mobile/internal/primitive-calendar-mobile/primitive-calendar-mobile.module.ts
@@ -1,6 +1,6 @@
 import {NgModule} from '@angular/core';
 import {TuiRippleModule} from '@taiga-ui/addon-mobile/directives/ripple';
-import {TuiLetModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';
+import {TuiLetDirective, TuiRepeatTimesModule} from '@taiga-ui/cdk';
 import {TuiCalendarSheetPipeModule} from '@taiga-ui/core';
 
 import {TuiPrimitiveCalendarMobileComponent} from './primitive-calendar-mobile.component';
@@ -13,7 +13,7 @@ import {TuiPrimitiveCalendarMobileComponent} from './primitive-calendar-mobile.c
         TuiRepeatTimesModule,
         TuiCalendarSheetPipeModule,
         TuiRippleModule,
-        TuiLetModule,
+        TuiLetDirective,
     ],
     declarations: [TuiPrimitiveCalendarMobileComponent],
     exports: [TuiPrimitiveCalendarMobileComponent],

diff --git a/projects/cdk/directives/let/index.ts b/projects/cdk/directives/let/index.ts
@@ -1,3 +1,2 @@
 export * from './let.directive';
-export * from './let.module';
 export * from './let-context';
diff --git a/projects/cdk/directives/let/let.directive.ts b/projects/cdk/directives/let/let.directive.ts
@@ -7,6 +7,7 @@ import {TuiLetContext} from './let-context';
  * the result of pipes calculation (i.e. async pipe)
  */
 @Directive({
+    standalone: true,
     selector: '[tuiLet]',
 })
 export class TuiLetDirective<T> {

diff --git a/projects/cdk/directives/let/let.module.ts b/projects/cdk/directives/let/let.module.ts
diff --git a/projects/cdk/directives/let/test/let.directive.spec.ts b/projects/cdk/directives/let/test/let.directive.spec.ts
@@ -2,7 +2,7 @@ import type {ElementRef} from '@angular/core';
 import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core';
 import type {ComponentFixture} from '@angular/core/testing';
 import {TestBed} from '@angular/core/testing';
-import {TuiLetModule} from '@taiga-ui/cdk';
+import {TuiLetDirective} from '@taiga-ui/cdk';
 import {NG_EVENT_PLUGINS} from '@tinkoff/ng-event-plugins';
 
 describe('Let', () => {
@@ -35,7 +35,7 @@ describe('Let', () => {
 
     beforeEach(async () => {
         TestBed.configureTestingModule({
-            imports: [TuiLetModule],
+            imports: [TuiLetDirective],
             declarations: [TestComponent],
             providers: [NG_EVENT_PLUGINS],
         });

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
@@ -403,4 +403,8 @@ export const IDENTIFIERS_TO_REPLACE: ReplacementIdentifierMulti[] = [
             moduleSpecifier: '@taiga-ui/kit',
         },
     },
+    {
+        from: {name: 'TuiLetModule', moduleSpecifier: '@taiga-ui/cdk'},
+        to: {name: 'TuiLetDirective', moduleSpecifier: '@taiga-ui/cdk'},
+    },
 ];
diff --git a/projects/core/components/error/error.module.ts b/projects/core/components/error/error.module.ts
@@ -1,12 +1,12 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
-import {TuiLetModule} from '@taiga-ui/cdk';
+import {TuiLetDirective} from '@taiga-ui/cdk';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 
 import {TuiErrorComponent} from './error.component';
 
 @NgModule({
-    imports: [CommonModule, PolymorpheusModule, TuiLetModule],
+    imports: [CommonModule, PolymorpheusModule, TuiLetDirective],
     declarations: [TuiErrorComponent],
     exports: [TuiErrorComponent],
 })

diff --git a/projects/core/components/hosted-dropdown/hosted-dropdown.module.ts b/projects/core/components/hosted-dropdown/hosted-dropdown.module.ts
@@ -1,6 +1,10 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
-import {TuiActiveZoneDirective, TuiLetModule, TuiObscuredDirective} from '@taiga-ui/cdk';
+import {
+    TuiActiveZoneDirective,
+    TuiLetDirective,
+    TuiObscuredDirective,
+} from '@taiga-ui/cdk';
 import {
     TuiDropdownModule,
     TuiDropdownOptionsDirective,
@@ -19,7 +23,7 @@ import {TuiHostedDropdownConnectorDirective} from './hosted-dropdown-connector.d
     imports: [
         CommonModule,
         PolymorpheusModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiObscuredDirective,
         TuiActiveZoneDirective,
         TuiDropdownModule,

diff --git a/projects/core/components/primitive-calendar/primitive-calendar.module.ts b/projects/core/components/primitive-calendar/primitive-calendar.module.ts
@@ -2,7 +2,7 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {
     TuiHoveredModule,
-    TuiLetModule,
+    TuiLetDirective,
     TuiMapperPipe,
     TuiPressedModule,
     TuiRepeatTimesModule,
@@ -17,7 +17,7 @@ import {TuiPrimitiveCalendarComponent} from './primitive-calendar.component';
 @NgModule({
     imports: [
         CommonModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiMapperPipe,
         TuiRepeatTimesModule,
         TuiHoveredModule,

diff --git a/projects/core/components/primitive-year-picker/primitive-year-picker.module.ts b/projects/core/components/primitive-year-picker/primitive-year-picker.module.ts
@@ -1,7 +1,7 @@
 import {NgModule} from '@angular/core';
 import {
     TuiHoveredModule,
-    TuiLetModule,
+    TuiLetDirective,
     TuiPressedModule,
     TuiRepeatTimesModule,
 } from '@taiga-ui/cdk';
@@ -14,7 +14,7 @@ import {TuiPrimitiveYearPickerComponent} from './primitive-year-picker.component
         TuiHoveredModule,
         TuiPressedModule,
         TuiRepeatTimesModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiScrollIntoViewModule,
     ],
     declarations: [TuiPrimitiveYearPickerComponent],

diff --git a/projects/core/components/svg/svg.component.ts b/projects/core/components/svg/svg.component.ts
@@ -16,7 +16,7 @@ import {
     TUI_BASE_HREF,
     tuiGetDocumentOrShadowRoot,
     tuiIsString,
-    TuiLetModule,
+    TuiLetDirective,
     tuiPure,
     TuiStaticRequestService,
 } from '@taiga-ui/cdk';
@@ -39,7 +39,7 @@ const FAILED_EXTERNAL_ICON = 'Failed to load external SVG';
 @Component({
     standalone: true,
     selector: 'tui-svg',
-    imports: [TuiLetModule, AsyncPipe, NgIf],
+    imports: [TuiLetDirective, AsyncPipe, NgIf],
     templateUrl: './svg.template.html',
     styleUrls: ['./svg.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/projects/core/internal/svg-defs-host/svg-defs-host.module.ts b/projects/core/internal/svg-defs-host/svg-defs-host.module.ts
@@ -1,11 +1,11 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
-import {TuiLetModule} from '@taiga-ui/cdk';
+import {TuiLetDirective} from '@taiga-ui/cdk';
 
 import {TuiSvgDefsHostComponent} from './svg-defs-host.component';
 
 @NgModule({
-    imports: [CommonModule, TuiLetModule],
+    imports: [CommonModule, TuiLetDirective],
     declarations: [TuiSvgDefsHostComponent],
     exports: [TuiSvgDefsHostComponent],
 })

diff --git a/projects/demo/src/modules/animations/animations.module.ts b/projects/demo/src/modules/animations/animations.module.ts
@@ -3,7 +3,7 @@ import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {RouterModule} from '@angular/router';
 import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
-import {TuiLetModule} from '@taiga-ui/cdk';
+import {TuiLetDirective} from '@taiga-ui/cdk';
 import {TuiButtonDirective, TuiLabelModule, TuiSvgComponent} from '@taiga-ui/core';
 import {TuiSliderModule} from '@taiga-ui/kit';
 
@@ -22,7 +22,7 @@ import {TuiWidthCollapseExample} from './examples/width-collapse';
         TuiAddonDocModule,
         TuiSliderModule,
         TuiButtonDirective,
-        TuiLetModule,
+        TuiLetDirective,
         TuiLabelModule,
         TuiSvgComponent,
         RouterModule.forChild(tuiGenerateRoutes(ExampleAnimationsComponent)),

diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts
@@ -1053,8 +1053,7 @@ export const ROUTES: Routes = [
     }),
     route({
         path: DemoRoute.Let,
-        loadChildren: async () =>
-            (await import('../directives/let/let.module')).ExampleTuiLetModule,
+        loadComponent: async () => import('../directives/let'),
         title: 'Let',
     }),
     route({

diff --git a/projects/demo/src/modules/components/combo-box/examples/1/index.ts b/projects/demo/src/modules/components/combo-box/examples/1/index.ts
@@ -4,7 +4,7 @@ import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 import {assets} from '@demo/utils';
-import {TUI_DEFAULT_MATCHER, TuiLetModule} from '@taiga-ui/cdk';
+import {TUI_DEFAULT_MATCHER, TuiLetDirective} from '@taiga-ui/cdk';
 import {TuiInitialsPipe, TuiTextfieldControllerModule} from '@taiga-ui/core';
 import {
     TuiAvatarComponent,
@@ -35,7 +35,7 @@ const databaseMockData: readonly User[] = [
     standalone: true,
     imports: [
         AsyncPipe,
-        TuiLetModule,
+        TuiLetDirective,
         ReactiveFormsModule,
         TuiComboBoxModule,
         TuiDataListWrapperModule,

diff --git a/projects/demo/src/modules/components/combo-box/examples/2/index.ts b/projects/demo/src/modules/components/combo-box/examples/2/index.ts
@@ -2,7 +2,7 @@ import {AsyncPipe, NgForOf, NgIf} from '@angular/common';
 import {Component, inject} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {TuiLetModule} from '@taiga-ui/cdk';
+import {TuiLetDirective} from '@taiga-ui/cdk';
 import {
     TuiDataListModule,
     TuiInitialsPipe,
@@ -22,7 +22,7 @@ import {RequestService} from './request.service';
         NgIf,
         NgForOf,
         ReactiveFormsModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiComboBoxModule,
         TuiDataListModule,
         TuiAvatarComponent,

diff --git a/projects/demo/src/modules/components/combo-box/examples/5/index.ts b/projects/demo/src/modules/components/combo-box/examples/5/index.ts
@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiLetModule} from '@taiga-ui/cdk';
+import {TuiLetDirective} from '@taiga-ui/cdk';
 import {TuiDataListModule, TuiScrollableDirective} from '@taiga-ui/core';
 import {TuiComboBoxModule, TuiFilterByInputPipeModule} from '@taiga-ui/kit';
 
@@ -12,7 +12,7 @@ import {TuiComboBoxModule, TuiFilterByInputPipeModule} from '@taiga-ui/kit';
     selector: 'tui-combo-box-example-5',
     imports: [
         FormsModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiComboBoxModule,
         TuiDataListModule,
         TuiFilterByInputPipeModule,

diff --git a/projects/demo/src/modules/components/data-list/data-list.module.ts b/projects/demo/src/modules/components/data-list/data-list.module.ts
@@ -5,7 +5,7 @@ import {RouterModule} from '@angular/router';
 import {TuiSetupComponent} from '@demo/utils';
 import {TuiAmountPipe} from '@taiga-ui/addon-commerce';
 import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
-import {TuiActiveZoneDirective, TuiFilterPipe, TuiLetModule} from '@taiga-ui/cdk';
+import {TuiActiveZoneDirective, TuiFilterPipe, TuiLetDirective} from '@taiga-ui/cdk';
 import {
     TuiButtonDirective,
     TuiCalendarModule,
@@ -40,7 +40,7 @@ import {TuiDataListExample6} from './examples/6';
         CommonModule,
         FormsModule,
         ReactiveFormsModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiMultiSelectModule,
         TuiPrimitiveTextfieldModule,
         TuiSelectModule,

diff --git a/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.module.ts b/projects/demo/src/modules/components/dialog/examples/9/pay-modal/pay-modal.module.ts
@@ -2,7 +2,7 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {TuiInputCardGroupedModule} from '@taiga-ui/addon-commerce';
-import {TuiAutoFocusDirective, TuiLetModule} from '@taiga-ui/cdk';
+import {TuiAutoFocusDirective, TuiLetDirective} from '@taiga-ui/cdk';
 import {
     TuiButtonDirective,
     TuiFormatNumberPipeModule,
@@ -22,7 +22,7 @@ import {PayModalComponent} from './pay-modal.component';
         FormsModule,
         TuiLinkDirective,
         TuiSvgComponent,
-        TuiLetModule,
+        TuiLetDirective,
         TuiLoaderModule,
         TuiButtonDirective,
         TuiAutoFocusDirective,

diff --git a/projects/demo/src/modules/components/input-phone/input-phone.module.ts b/projects/demo/src/modules/components/input-phone/input-phone.module.ts
@@ -3,7 +3,7 @@ import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {RouterModule} from '@angular/router';
 import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
-import {TuiLetModule} from '@taiga-ui/cdk';
+import {TuiLetDirective} from '@taiga-ui/cdk';
 import {
     TuiButtonDirective,
     TuiDataListModule,
@@ -29,7 +29,7 @@ import {ExampleTuiInputPhoneComponent} from './input-phone.component';
         FormsModule,
         ReactiveFormsModule,
         PolymorpheusModule,
-        TuiLetModule,
+        TuiLetDirective,
         TuiDataListModule,
         TuiButtonDirective,
         TuiSvgComponent,

diff --git a/projects/demo/src/modules/components/input/input.module.ts b/projects/demo/src/modules/components/input/input.module.ts
@@ -10,7 +10,7 @@ import {
     TuiTextCodeModule,
 } from '@taiga-ui/addon-doc';
 import {TuiTableModule} from '@taiga-ui/addon-table';
-import {TuiLetModule, TuiMapperPipe, TuiRepeatTimesModule} from '@taiga-ui/cdk';
+import {TuiLetDirective, TuiMapperPipe, TuiRepeatTimesModule} from '@taiga-ui/cdk';
 import {
     TuiButtonDirective,
     TuiDataListModule,
@@ -78,7 +78,7 @@ import {ExampleTuiInputComponent} from './input.component';
         TuiDropdownModule,
         TuiDataListModule,
         TuiDataListWrapperModule,
-        TuiLetModule,
+        TuiLetDirective,
         PolymorpheusModule,
         TuiAddonDocModule,
         RouterModule.forChild(tuiGenerateRoutes(ExampleTuiInputComponent)),