ci: require Tui prefix for type alias

package.json

@@ -146,7 +146,7 @@
         "@taiga-ui/browserslist-config": "0.2.0",
         "@taiga-ui/commitlint-config": "0.2.1",
         "@taiga-ui/cspell-config": "0.13.0",
-        "@taiga-ui/eslint-plugin-experience": "0.7.5",
+        "@taiga-ui/eslint-plugin-experience": "0.8.1",
         "@taiga-ui/prettier-config": "0.3.1",
         "@taiga-ui/stylelint-config": "0.5.1",
         "@testing-library/cypress": "9.0.0",

projects/addon-doc/components/code/code.component.ts

@@ -5,7 +5,7 @@ import {
     Inject,
     Input,
 } from '@angular/core';
-import {RawLoaderContent} from '@taiga-ui/addon-doc/interfaces';
+import {TuiRawLoaderContent} from '@taiga-ui/addon-doc/interfaces';
 import {TUI_DOC_EXAMPLE_MARKDOWN_CODE_PROCESSOR} from '@taiga-ui/addon-doc/tokens';
 import {tuiRawLoad} from '@taiga-ui/addon-doc/utils';
 import {TuiHandler} from '@taiga-ui/cdk';
@@ -19,7 +19,7 @@ import {map, switchMap} from 'rxjs/operators';
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class TuiDocCodeComponent {
-    private readonly rawLoader$$ = new BehaviorSubject<RawLoaderContent>('');
+    private readonly rawLoader$$ = new BehaviorSubject<TuiRawLoaderContent>('');
 
     @Input()
     filename = '';
@@ -35,7 +35,7 @@ export class TuiDocCodeComponent {
     ) {}
 
     @Input()
-    set code(code: RawLoaderContent) {
+    set code(code: TuiRawLoaderContent) {
         this.rawLoader$$.next(code);
     }
 

projects/addon-doc/components/documentation/documentation-property-connector.directive.ts

@@ -17,7 +17,14 @@ import {BehaviorSubject, Subject} from 'rxjs';
 
 const SERIALIZED_SUFFIX = '$';
 
-export type DocumentationPropertyType = 'input-output' | 'input' | 'output' | null;
+export type TuiDocumentationPropertyType = 'input-output' | 'input' | 'output' | null;
+
+/**
+ * @deprecated: use {@link TuiDocumentationPropertyType}
+ * TODO: remove in v4.0
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export type DocumentationPropertyType = TuiDocumentationPropertyType;
 
 // @bad TODO: refactor output and value sync
 @Directive({
@@ -31,7 +38,7 @@ export class TuiDocDocumentationPropertyConnectorDirective<T>
     documentationPropertyName = '';
 
     @Input()
-    documentationPropertyMode: DocumentationPropertyType = null;
+    documentationPropertyMode: TuiDocumentationPropertyType = null;
 
     @Input()
     documentationPropertyType = '';

projects/addon-doc/interfaces/page.ts

@@ -16,7 +16,14 @@ export interface TuiDocPageGroup extends TuiDocPageBase {
     readonly subPages: readonly TuiDocPage[];
 }
 
-export type RawLoaderContent = Promise<{default: string}> | string;
+export type TuiRawLoaderContent = Promise<{default: string}> | string;
+
+/**
+ * @deprecated: use {@link TuiRawLoaderContent}
+ * TODO: remove in v4.0
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export type RawLoaderContent = TuiRawLoaderContent;
 
 export const TUI_EXAMPLE_PRIMARY_FILE_NAME = {
     TS: `TypeScript`,
@@ -25,7 +32,7 @@ export const TUI_EXAMPLE_PRIMARY_FILE_NAME = {
 } as const;
 
 export type TuiDocExample =
-    | Record<string, RawLoaderContent>
+    | Record<string, TuiRawLoaderContent>
     | {
           [TUI_EXAMPLE_PRIMARY_FILE_NAME.HTML]?: string;
           [TUI_EXAMPLE_PRIMARY_FILE_NAME.LESS]?: string;

projects/addon-doc/utils/raw-load.ts

@@ -1,5 +1,5 @@
-import {RawLoaderContent} from '@taiga-ui/addon-doc/interfaces';
+import {TuiRawLoaderContent} from '@taiga-ui/addon-doc/interfaces';
 
-export async function tuiRawLoad(content: RawLoaderContent): Promise<string> {
+export async function tuiRawLoad(content: TuiRawLoaderContent): Promise<string> {
     return content instanceof Promise ? (await content).default : content;
 }

projects/core/tokens/ordered-short-week-days.ts

@@ -11,6 +11,7 @@ import {TUI_SHORT_WEEK_DAYS} from './i18n';
 /**
  * @deprecated
  */
+// eslint-disable-next-line @typescript-eslint/naming-convention
 export type WEEK_DAYS_NAMES = [string, string, string, string, string, string, string];
 
 const convertToSundayFirstWeekFormat = (

projects/demo/src/modules/components/avatar/avatar.component.ts

@@ -1,6 +1,6 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {TuiSafeHtml} from '@taiga-ui/cdk';
 import {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';
 
@@ -10,15 +10,15 @@ import {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';
     changeDetection,
 })
 export class ExampleTuiAvatarComponent {
-    readonly exampleOptions: RawLoaderContent = import(
+    readonly exampleOptions: TuiRawLoaderContent = import(
         './examples/import/define-options.md?raw'
     );
 
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/components/rating/rating.component.ts

@@ -2,7 +2,7 @@ import {Component, Inject} from '@angular/core';
 import {FormControl} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {TUI_RATING_OPTIONS, TuiRatingOptions} from '@taiga-ui/kit';
 
 @Component({
@@ -13,15 +13,15 @@ import {TUI_RATING_OPTIONS, TuiRatingOptions} from '@taiga-ui/kit';
     encapsulation,
 })
 export class ExampleTuiRatingComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 
-    readonly exampleOptions: RawLoaderContent = import(
+    readonly exampleOptions: TuiRawLoaderContent = import(
         './examples/import/define-options.md?raw'
     );
 

projects/demo/src/modules/components/tag/tag.component.ts

@@ -1,6 +1,6 @@
 import {Component, TemplateRef, ViewChild} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {TuiSizeL, TuiSizeS} from '@taiga-ui/core';
 import {TuiStatus} from '@taiga-ui/kit';
 import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';
@@ -15,15 +15,15 @@ export class ExampleTuiTagComponent {
     @ViewChild('errorIcon')
     errorTemplate?: TemplateRef<Record<string, unknown>>;
 
-    readonly exampleOptions: RawLoaderContent = import(
+    readonly exampleOptions: TuiRawLoaderContent = import(
         './examples/import/define-options.md?raw'
     );
 
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/experimental/avatar/avatar.component.ts

@@ -1,7 +1,7 @@
 import {Component, Inject} from '@angular/core';
 import {DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';
 
 @Component({
@@ -10,11 +10,11 @@ import {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';
     changeDetection,
 })
 export class ExampleTuiAvatarComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/experimental/badge-alert/badge-alert.component.ts

@@ -1,6 +1,6 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
 
 @Component({
@@ -9,11 +9,11 @@ import {TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
     changeDetection,
 })
 export class ExampleTuiBadgeAlertComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/experimental/badge/badge.component.ts

@@ -1,6 +1,6 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';
 import {TuiStatus} from '@taiga-ui/kit';
 
@@ -10,11 +10,11 @@ import {TuiStatus} from '@taiga-ui/kit';
     changeDetection,
 })
 export class ExampleTuiBadgeComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/experimental/badged-content/badged-content.component.ts

@@ -1,18 +1,18 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 
 @Component({
     selector: 'example-badged-content',
     templateUrl: './badged-content.template.html',
     changeDetection,
 })
 export class ExampleTuiBadgeAlertComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/experimental/button/button.component.ts

@@ -1,6 +1,6 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 import {TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
 
 @Component({
@@ -9,11 +9,11 @@ import {TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
     changeDetection,
 })
 export class ExampleTuiButtonComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/experimental/compass/compass.component.ts

@@ -1,18 +1,18 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 
 @Component({
     selector: 'example-compass',
     templateUrl: './compass.template.html',
     changeDetection,
 })
 export class ExampleTuiCompassComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/experimental/fade/fade.component.ts

@@ -1,6 +1,6 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 
 @Component({
     selector: 'example-fade',
@@ -9,11 +9,11 @@ import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
     changeDetection,
 })
 export class ExampleTuiFadeComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/demo/src/modules/experimental/sensitive/sensitive.component.ts

@@ -1,18 +1,18 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import {RawLoaderContent, TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiDocExample, TuiRawLoaderContent} from '@taiga-ui/addon-doc';
 
 @Component({
     selector: 'example-sensitive',
     templateUrl: './sensitive.template.html',
     changeDetection,
 })
 export class ExampleTuiSensitiveComponent {
-    readonly exampleModule: RawLoaderContent = import(
+    readonly exampleModule: TuiRawLoaderContent = import(
         './examples/import/import-module.md?raw'
     );
 
-    readonly exampleHtml: RawLoaderContent = import(
+    readonly exampleHtml: TuiRawLoaderContent = import(
         './examples/import/insert-template.md?raw'
     );
 

projects/kit/pipes/filter-by-input/filter-by-input-with.pipe.ts

@@ -6,7 +6,7 @@ import {
     TuiStringHandler,
 } from '@taiga-ui/cdk';
 
-import {AbstractTuiFilterByInput, ArrayElement} from './filter-by-input.base';
+import {AbstractTuiFilterByInput, TuiArrayElement} from './filter-by-input.base';
 
 /**
  * @deprecated Use {@link TuiFilterByInputPipe} instead
@@ -26,7 +26,7 @@ export class TuiFilterByInputWithPipe
         super();
     }
 
-    transform<T>(items: T, matcher?: TuiStringHandler<ArrayElement<T>>): T;
+    transform<T>(items: T, matcher?: TuiStringHandler<TuiArrayElement<T>>): T;
     transform<T>(
         items: ReadonlyArray<readonly T[]> | readonly T[] | null,
         stringify: TuiStringHandler<T>,

projects/kit/pipes/filter-by-input/filter-by-input.base.ts

@@ -7,12 +7,19 @@ import {
 } from '@taiga-ui/cdk';
 import {tuiIsFlat} from '@taiga-ui/kit/utils';
 
-export type ArrayElement<A> = A extends ReadonlyArray<infer T>
+export type TuiArrayElement<A> = A extends ReadonlyArray<infer T>
     ? A extends ReadonlyArray<ReadonlyArray<infer G>>
         ? G
         : T
     : never;
 
+/**
+ * @deprecated: use {@link TuiArrayElement}
+ * TODO: remove in v4.0
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export type ArrayElement<A> = TuiArrayElement<A>;
+
 export abstract class AbstractTuiFilterByInput {
     protected abstract readonly accessor: TuiFocusableElementAccessor;