geonetwork-ui 2.4.0-dev.a9a61288 → 2.4.0-dev.ac57b75b

package/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents.component.d.ts

@@ -21,7 +21,9 @@ export declare class FormFieldTemporalExtentsComponent implements OnInit, OnDest
     }]>;
     constructor(translateService: TranslateService);
     ngOnInit(): void;
-    onElementsChange(elements: any): void;
+    onElementsChange(elements: {
+        inputs: Record<string, unknown>;
+    }[]): void;
     onAdd(eventName: string): void;
     ngOnDestroy(): void;
     private resetValueFromInput;

package/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-temporal-extents.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EACT,MAAM,EACN,IAAI,EACL,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAsB,MAAM,MAAM,CAAA;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;;AAGtD,qBAQa,iCAAkC,YAAW,MAAM,EAAE,SAAS;IAoB7D,OAAO,CAAC,gBAAgB;IAnB3B,OAAO,EAAG,WAAW,CAAA;IAE9B,YAAY,EAAE,YAAY,CAAA;IAE1B,KAAK,EAAE,SAAS,CAAoB;IACpC,QAAQ,EAAE,KAAK,CAAC;QACd,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;QACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAC5B,CAAC,CAAA;IAEF,WAAW;;;;;;QAOT;gBAEkB,gBAAgB,EAAE,gBAAgB;IAEtD,QAAQ;IAkBR,gBAAgB,CAAC,QAAQ,EAAE,GAAG;IAS9B,KAAK,CAAC,SAAS,EAAE,MAAM;IAkBvB,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,mBAAmB;yCAvEhB,iCAAiC;2CAAjC,iCAAiC;CAyG7C"}
+{"version":3,"file":"form-field-temporal-extents.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EACT,MAAM,EACN,IAAI,EACL,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAsB,MAAM,MAAM,CAAA;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;;AAGtD,qBAQa,iCAAkC,YAAW,MAAM,EAAE,SAAS;IAoB7D,OAAO,CAAC,gBAAgB;IAnB3B,OAAO,EAAG,WAAW,CAAA;IAE9B,YAAY,EAAE,YAAY,CAAA;IAE1B,KAAK,EAAE,SAAS,CAAoB;IACpC,QAAQ,EAAE,KAAK,CAAC;QACd,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;QACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAC5B,CAAC,CAAA;IAEF,WAAW;;;;;;QAOT;gBAEkB,gBAAgB,EAAE,gBAAgB;IAEtD,QAAQ;IAkBR,gBAAgB,CAAC,QAAQ,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,EAAE;IAShE,KAAK,CAAC,SAAS,EAAE,MAAM;IAkBvB,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,mBAAmB;yCAvEhB,iCAAiC;2CAAjC,iCAAiC;CA0G7C"}

package/libs/ui/elements/src/lib/sortable-list/sortable-list.component.d.ts

@@ -2,8 +2,8 @@ import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { EventEmitter, Type } from '@angular/core';
 import * as i0 from "@angular/core";
 type DynamicElement = {
-    component: Type<any>;
-    inputs: Record<string, any>;
+    component: Type<unknown>;
+    inputs: Record<string, unknown>;
 };
 export declare class SortableListComponent {
     elements: Array<DynamicElement>;
@@ -15,6 +15,7 @@ export declare class SortableListComponent {
     add: EventEmitter<string>;
     drop(event: CdkDragDrop<string[]>): void;
     removeElement(index: number): void;
+    trackByFn(index: number): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortableListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SortableListComponent, "gn-ui-sortable-list", never, { "elements": { "alias": "elements"; "required": false; }; "addOptions": { "alias": "addOptions"; "required": false; }; }, { "elementsChange": "elementsChange"; "add": "add"; }, never, never, true, never>;
 }

package/libs/ui/elements/src/lib/sortable-list/sortable-list.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-list.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/elements/src/lib/sortable-list/sortable-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAIZ,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAGL,YAAY,EAGZ,IAAI,EACL,MAAM,eAAe,CAAA;;AAItB,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,qBAgBa,qBAAqB;IACvB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC/B,UAAU,EAAE,KAAK,CAAC;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5D,cAAc,iCAA4C;IAC1D,GAAG,uBAA6B;IAE1C,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;IAKjC,aAAa,CAAC,KAAK,EAAE,MAAM;yCAXhB,qBAAqB;2CAArB,qBAAqB;CAejC"}
+{"version":3,"file":"sortable-list.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/elements/src/lib/sortable-list/sortable-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAIZ,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAGL,YAAY,EAGZ,IAAI,EACL,MAAM,eAAe,CAAA;;AAItB,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAChC,CAAA;AAED,qBAgBa,qBAAqB;IACvB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC/B,UAAU,EAAE,KAAK,CAAC;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5D,cAAc,iCAA4C;IAC1D,GAAG,uBAA6B;IAE1C,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;IAKjC,aAAa,CAAC,KAAK,EAAE,MAAM;IAK3B,SAAS,CAAC,KAAK,EAAE,MAAM;yCAhBZ,qBAAqB;2CAArB,qBAAqB;CAmBjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonetwork-ui",
-  "version": "2.4.0-dev.a9a61288",
+  "version": "2.4.0-dev.ac57b75b",
   "engines": {
     "node": ">=14.17.0"
   },

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents.component.ts

@@ -62,9 +62,9 @@ export class FormFieldTemporalExtentsComponent implements OnInit, OnDestroy {
     )
   }
 
-  onElementsChange(elements: any) {
+  onElementsChange(elements: { inputs: Record<string, unknown> }[]) {
     this.array.clear({ emitEvent: false })
-    elements.forEach((e: any, i: number) =>
+    elements.forEach((e, i) =>
       this.array.push(e.inputs.control, {
         emitEvent: i === elements.length - 1,
       })
@@ -95,7 +95,7 @@ export class FormFieldTemporalExtentsComponent implements OnInit, OnDestroy {
 
   private resetValueFromInput(value) {
     this.array.clear({ emitEvent: false })
-    this.elements = []
+    let newElements = []
     value.forEach((v: any) => {
       if ('start' in v && 'end' in v) {
         const rangeControl = new FormControl({
@@ -103,8 +103,8 @@ export class FormFieldTemporalExtentsComponent implements OnInit, OnDestroy {
           end: v.end,
         })
         this.array.push(rangeControl, { emitEvent: false })
-        this.elements = [
-          ...this.elements,
+        newElements = [
+          ...newElements,
           {
             component: FormFieldTemporalExtentsRangeComponent,
             inputs: {
@@ -115,8 +115,8 @@ export class FormFieldTemporalExtentsComponent implements OnInit, OnDestroy {
       } else {
         const dateControl = new FormControl({ start: v.start })
         this.array.push(dateControl, { emitEvent: false })
-        this.elements = [
-          ...this.elements,
+        newElements = [
+          ...newElements,
           {
             component: FormFieldTemporalExtentsDateComponent,
             inputs: {
@@ -126,5 +126,6 @@ export class FormFieldTemporalExtentsComponent implements OnInit, OnDestroy {
         ]
       }
     })
+    this.elements = newElements
   }
 }

package/src/libs/ui/elements/src/lib/sortable-list/sortable-list.component.html

@@ -12,7 +12,9 @@
   class="sortable-list flex flex-col gap-3 p-2"
   (cdkDropListDropped)="drop($event)"
 >
-  <ng-container *ngFor="let element of elements; index as index">
+  <ng-container
+    *ngFor="let element of elements; index as index; trackBy: trackByFn"
+  >
     <div class="sortable-box bg-white flex items-center" cdkDrag>
       <span
         cdkDragHandle

package/src/libs/ui/elements/src/lib/sortable-list/sortable-list.component.ts

@@ -18,8 +18,8 @@ import { MatIconModule } from '@angular/material/icon'
 import { ButtonComponent } from '../../../../../../libs/ui/inputs/src'
 
 type DynamicElement = {
-  component: Type<any>
-  inputs: Record<string, any>
+  component: Type<unknown>
+  inputs: Record<string, unknown>
 }
 
 @Component({
@@ -53,4 +53,8 @@ export class SortableListComponent {
     this.elements = this.elements.filter((_, i) => i !== index)
     this.elementsChange.emit(this.elements)
   }
+
+  trackByFn(index: number) {
+    return index
+  }
 }