chore(deps): update taiga-ui to v4

taiga-family · Sep 13, 2024 · d3a5981 · d3a5981
1 parent 48a6dc0
commit d3a5981
Show file tree

Hide file tree

Showing 20 changed files with 274 additions and 420 deletions.
diff --git a/apps/demo/src/app/app.component.html b/apps/demo/src/app/app.component.html
@@ -12,12 +12,13 @@
  />
  </a>
 
+ <!-- TODO: (Taiga UI migration) TuiMode has been removed. Please use tuiTheme attribute to set theme https://taiga-ui.dev/directives/theme -->
  <a
  href="https://github.com/taiga-family/ng-morph"
  rel="noreferrer"
  target="_blank"
  tuiLink
- tuiMode="onLight"
+ tuiTheme="light"
  class="github-link"
  >
  <img

diff --git a/apps/demo/src/app/app.component.ts b/apps/demo/src/app/app.component.ts
@@ -1,12 +1,12 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocMainModule} from '@taiga-ui/addon-doc';
-import {TuiLinkModule} from '@taiga-ui/core';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {TuiLink} from '@taiga-ui/core';
 import {HighlightModule} from 'ngx-highlightjs';
 
 @Component({
  standalone: true,
  selector: 'app-root',
- imports: [HighlightModule, TuiDocMainModule, TuiLinkModule],
+ imports: [HighlightModule, TuiAddonDoc, TuiLink],
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.less'],
  changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/apps/demo/src/app/getting-started/index.ts b/apps/demo/src/app/getting-started/index.ts
@@ -1,7 +1,7 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
-import {TuiLinkModule} from '@taiga-ui/core';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {TuiLink} from '@taiga-ui/core';
 
 const script = `import {
  setActiveProject,
@@ -131,7 +131,7 @@ describe('ng-add', () => {
 @Component({
  standalone: true,
  selector: 'getting-started',
- imports: [RouterLink, TuiDocCodeModule, TuiDocPageModule, TuiLinkModule],
+ imports: [RouterLink, TuiAddonDoc, TuiLink],
  templateUrl: './index.html',
  styles: [':host {max-width: 1200px}'],
  changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/apps/demo/src/app/logo/index.ts b/apps/demo/src/app/logo/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';
+import {PolymorpheusComponent} from '@taiga-ui/polymorpheus';
 
 @Component({
  standalone: true,

diff --git a/apps/demo/src/app/pages.ts b/apps/demo/src/app/pages.ts
@@ -1,6 +1,6 @@
-import type {TuiDocPages} from '@taiga-ui/addon-doc';
+import type {TuiDocRoutePages} from '@taiga-ui/addon-doc';
 
-export const pages: TuiDocPages = [
+export const pages: TuiDocRoutePages = [
  {
  section: 'Starting',
  title: 'Getting started',

diff --git a/apps/demo/src/app/pages/classes/index.ts b/apps/demo/src/app/pages/classes/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 import {ACCESSORS_SAMPLES} from './samples/accessors';
 import {CONSTRUCTORS_SAMPLES} from './samples/constructors';
@@ -77,7 +77,7 @@ saveActiveProject();
 
 @Component({
  standalone: true,
- imports: [TuiDocCodeModule, TuiDocPageModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/enums/index.ts b/apps/demo/src/app/pages/enums/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
  addEnums,
@@ -37,7 +37,7 @@ saveActiveProject();
 
 @Component({
  standalone: true,
- imports: [TuiDocCodeModule, TuiDocPageModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/functions/index.ts b/apps/demo/src/app/pages/functions/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiAddonDocModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
  addFunctions,
@@ -33,7 +33,7 @@ saveActiveProject();
 
 @Component({
  standalone: true,
- imports: [TuiAddonDocModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/get-bootstrap-function/index.ts b/apps/demo/src/app/pages/get-bootstrap-function/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const bootstrap = `import {
  getBootstrapFn,
@@ -36,7 +36,7 @@ addProviderToBootstrapApplicationFn(bootstrapFn, 'provideRouter()');
 
 @Component({
  standalone: true,
- imports: [TuiDocCodeModule, TuiDocPageModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/get-main-module/index.ts b/apps/demo/src/app/pages/get-main-module/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiAddonDocModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
  getMainModule
@@ -13,7 +13,7 @@ const classDeclaration = getMainModule('src/main.ts');
 
 @Component({
  standalone: true,
- imports: [TuiAddonDocModule, TuiDocPageModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/imports-and-exports/index.ts b/apps/demo/src/app/pages/imports-and-exports/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const imports = `import {
  addImports,
@@ -88,7 +88,7 @@ saveActiveProject();
 
 @Component({
  standalone: true,
- imports: [TuiDocCodeModule, TuiDocPageModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/inject-sample/index.ts b/apps/demo/src/app/pages/inject-sample/index.ts
@@ -1,6 +1,6 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
-import {TuiLinkModule} from '@taiga-ui/core';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {TuiLink} from '@taiga-ui/core';
 
 const example = `import {
  setActiveProject,
@@ -72,7 +72,7 @@ function fixInjectImport(file: string) {
 
 @Component({
  standalone: true,
- imports: [TuiDocCodeModule, TuiDocPageModule, TuiLinkModule],
+ imports: [TuiAddonDoc, TuiLink],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/interfaces/index.ts b/apps/demo/src/app/pages/interfaces/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const interfaces = `import {
  addInterfaces,
@@ -31,7 +31,7 @@ saveActiveProject();
 
 @Component({
  standalone: true,
- imports: [TuiDocCodeModule, TuiDocPageModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/source-files/index.ts b/apps/demo/src/app/pages/source-files/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
  createSourceFile,
@@ -24,7 +24,7 @@ saveActiveProject();
 
 @Component({
  standalone: true,
- imports: [TuiDocCodeModule, TuiDocPageModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/types/index.ts b/apps/demo/src/app/pages/types/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const types = `import {
  addTypeAliases,
@@ -31,7 +31,7 @@ saveActiveProject();
 
 @Component({
  standalone: true,
- imports: [TuiDocCodeModule, TuiDocPageModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/app/pages/variables/index.ts b/apps/demo/src/app/pages/variables/index.ts
@@ -1,5 +1,5 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiAddonDocModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const code = `import {
  addVariables,
@@ -36,7 +36,7 @@ saveActiveProject();
 @Component({
  standalone: true,
  selector: 'variables',
- imports: [TuiAddonDocModule],
+ imports: [TuiAddonDoc],
  templateUrl: './index.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/apps/demo/src/main.ts b/apps/demo/src/main.ts
@@ -6,7 +6,7 @@ import {
 } from '@angular/platform-browser/animations';
 import {PreloadAllModules, provideRouter, withPreloading} from '@angular/router';
 import {TUI_DOC_LOGO, TUI_DOC_PAGES} from '@taiga-ui/addon-doc';
-import {TuiRootModule} from '@taiga-ui/core';
+import {NG_EVENT_PLUGINS} from '@taiga-ui/event-plugins';
 
 import {AppComponent} from './app/app.component';
 import {LOGO_CONTENT} from './app/logo';
@@ -15,7 +15,7 @@ import {ROUTES} from './app/routes';
 
 bootstrapApplication(AppComponent, {
  providers: [
- importProvidersFrom(BrowserModule, BrowserAnimationsModule, TuiRootModule),
+ importProvidersFrom(BrowserModule, BrowserAnimationsModule),
  provideRouter(ROUTES, withPreloading(PreloadAllModules)),
  {
  provide: TUI_DOC_LOGO,
@@ -26,5 +26,6 @@ bootstrapApplication(AppComponent, {
  useValue: pages,
  },
  provideAnimations(),
+ NG_EVENT_PLUGINS,
  ],
 }).catch((e: unknown) => console.error(e));
diff --git a/apps/demo/src/styles.less b/apps/demo/src/styles.less
@@ -6,10 +6,10 @@ li {
 }
 
 code {
- background: var(--tui-base-02);
- color: var(--tui-link);
+ background: var(--tui-background-base-alt);
+ color: var(--tui-text-action);
  vertical-align: middle;
- box-shadow: inset 0 -2px var(--tui-secondary);
+ box-shadow: inset 0 -2px var(--tui-background-neutral-1);
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.5rem;