feat(): update taiga version

Author: develite98

apps/mix-cms/src/app/pages/portal/database/components/database-relationship/database-relationship.component.html

@@ -1,3 +1,8 @@
+<div class="mt-1 notification --info">
+  Currently we suppored relationship type:
+  <span class="text-highlight">One to Many</span>
+</div>
+
 <div class="card-list">
   <div class="card-list__header mt-3 mb-1">
     <div class="row">

apps/mix-cms/src/app/pages/portal/database/components/relationship-record/database-relationship-record.component.html

@@ -1,20 +1,28 @@
-<div class="card-01-wrap" [class.--new]="value.new">
+<div class="card-01-wrap" [class.--new]="value.new" [formGroup]="form">
   <div class="card-01">
     <div class="row">
       <div class="col-4 d-flex align-items-center gap-2">
         <span class="mix-icon cursor-grab">drag_indicator</span>
 
-        <mix-input placeHolder="Display name"></mix-input>
+        <mix-input
+          placeHolder="Display name"
+          formControlName="displayName"
+        ></mix-input>
       </div>
 
       <div class="col-4">
         <mix-select
-          [labelKey]="'displayName'"
           class="w-100"
-          [items]="(databaseStore.vm$ | async)?.data"
+          [items]="allDatabaseIds"
+          [labelProcess]="labelProcess"
           placeHolder="Choose database"
+          formControlName="parentId"
         ></mix-select>
       </div>
+
+      <div class="col-4 align-items-center d-flex">
+        <span class="text-500"> One to Many </span>
+      </div>
     </div>
 
     <div class="card-01__action">

apps/mix-cms/src/app/pages/portal/database/components/relationship-record/database-relationship-record.component.ts

@@ -6,11 +6,15 @@ import {
   Input,
   inject,
 } from '@angular/core';
-import { MixRelationShip } from '@mixcore/lib/model';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
+import { MixDatabase, MixRelationShip } from '@mixcore/lib/model';
+import { ArrayUtil } from '@mixcore/share/form';
 import { MixButtonComponent } from '@mixcore/ui/button';
 import { MixInputComponent } from '@mixcore/ui/input';
 import { MixSelectComponent } from '@mixcore/ui/select';
 import { DatabaseStore } from 'apps/mix-cms/src/app/stores/database.store';
+import { filter } from 'rxjs';
 
 @Component({
   selector: 'mix-database-relationship-record',
@@ -21,12 +25,40 @@ import { DatabaseStore } from 'apps/mix-cms/src/app/stores/database.store';
     MixInputComponent,
     MixSelectComponent,
     DragDropModule,
+    ReactiveFormsModule,
   ],
   templateUrl: './database-relationship-record.component.html',
   styleUrls: ['./database-relationship-record.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DatabaseRelationshipRecordComponent {
-  @Input() value!: Partial<MixRelationShip>;
+  @Input() public value!: Partial<MixRelationShip>;
   public databaseStore = inject(DatabaseStore);
+
+  public allDatabaseIds: number[] = [];
+  public allDatabaseDict: Record<number, MixDatabase> = {};
+  public form = inject(FormBuilder).group({
+    displayName: ['', Validators.required],
+    parentId: [<number | undefined>undefined, Validators.required],
+  });
+
+  public labelProcess = (dbId: number) => {
+    return this.allDatabaseDict[dbId].displayName;
+  };
+
+  constructor() {
+    this.databaseStore.vm$
+      .pipe(
+        takeUntilDestroyed(),
+        filter((s) => s.status === 'Success')
+      )
+      .subscribe((v) => {
+        this.allDatabaseIds = v.data.map((x) => x.id);
+        this.allDatabaseDict = ArrayUtil.toRecord(v.data, 'id');
+      });
+  }
+
+  ngOnInit() {
+    this.form.patchValue(this.value);
+  }
 }

libs/mix-share/src/form/index.ts

@@ -1,3 +1,4 @@
 export * from './error-map';
 export * from './form-error.component';
 export * from './form.helper';
+export * from './object.helper';

libs/mix-share/src/form/object.helper.ts

@@ -0,0 +1,20 @@
+export type RecordableKeys<T> = {
+  // for each key in T
+  [K in keyof T]: T[K] extends string | number | symbol // is the value a valid object key?
+    ? // Yes, return the key itself
+      K
+    : // No. Return `never`
+      never;
+}[keyof T];
+
+export class ArrayUtil {
+  public static toRecord<
+    T extends { [P in RecordableKeys<T>]: string | number | symbol },
+    K extends RecordableKeys<T>
+  >(array: T[], selector: K): Record<T[K], T> {
+    return array.reduce(
+      (acc, item) => ((acc[item[selector]] = item), acc),
+      {} as Record<T[K], T>
+    );
+  }
+}

libs/mix-ui/src/modal/modal.service.ts

@@ -37,6 +37,7 @@ export class ModalService extends AbstractTuiDialogService<
       heading: title,
       borderShadowColor: this.modalShadowColor.info,
     };
+
     return this.open(message, options);
   }
 
@@ -46,6 +47,7 @@ export class ModalService extends AbstractTuiDialogService<
       heading: 'Confirmation',
       borderShadowColor: this.modalShadowColor.confirm,
     };
+
     return this.open(message, options);
   }
 
@@ -65,6 +67,7 @@ export class ModalService extends AbstractTuiDialogService<
       heading: 'Congratulation',
       borderShadowColor: this.modalShadowColor.success,
     };
+
     return this.open(message, options);
   }
 
@@ -74,6 +77,7 @@ export class ModalService extends AbstractTuiDialogService<
       heading: 'Error !',
       borderShadowColor: this.modalShadowColor.success,
     };
+
     return this.open(message, options);
   }
 
@@ -83,6 +87,7 @@ export class ModalService extends AbstractTuiDialogService<
       heading: 'Warning',
       borderShadowColor: this.modalShadowColor.warning,
     };
+
     return this.open(message, options);
   }
 

libs/mix-ui/src/select/select.component.ts

@@ -1,5 +1,6 @@
 import { CommonModule } from '@angular/common';
 import {
+  ChangeDetectionStrategy,
   Component,
   EventEmitter,
   Input,
@@ -36,6 +37,7 @@ import { takeUntil } from 'rxjs';
   templateUrl: './select.component.html',
   styleUrls: ['./select.component.scss'],
   providers: [TuiDestroyService],
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MixSelectComponent
   extends BaseTextControl

package.json

@@ -48,15 +48,15 @@
     "@nrwl/angular": "17.1.1",
     "@swimlane/ngx-charts": "^20.1.2",
     "@taiga-ui/addon-editor": "^3.24.0",
-    "@taiga-ui/addon-mobile": "3.39.1",
-    "@taiga-ui/addon-preview": "3.39.1",
-    "@taiga-ui/addon-table": "3.39.1",
-    "@taiga-ui/cdk": "3.39.1",
-    "@taiga-ui/core": "3.39.1",
-    "@taiga-ui/icons": "3.39.1",
-    "@taiga-ui/kit": "3.39.1",
+    "@taiga-ui/addon-mobile": "3.54.0",
+    "@taiga-ui/addon-preview": "3.54.0",
+    "@taiga-ui/addon-table": "3.54.0",
+    "@taiga-ui/cdk": "3.54.0",
+    "@taiga-ui/core": "3.54.0",
+    "@taiga-ui/icons": "3.54.0",
+    "@taiga-ui/kit": "3.54.0",
     "@tinkoff/ng-dompurify": "^4.0.0",
-    "@tinkoff/ng-polymorpheus": "4.1.0",
+    "@tinkoff/ng-polymorpheus": "4.2.0",
     "ag-grid-angular": "^30.0.6",
     "ag-grid-community": "^30.0.6",
     "ang-jsoneditor": "^3.1.0",