@mozaic-ds/angular 0.24.0-beta.16 → 0.24.0-beta.17

package/adeo/fesm2020/mozaic-ds-angular.mjs

@@ -2454,7 +2454,7 @@ class MozDatatableSelectionComponent {
                 if (row.selected) {
                     this.selectionSettings.excludedIds = [
                         ...this.selectionSettings.excludedIds.filter((deselectedId) => {
-                            return deselectedId !== '' + row[selectionIdentifierFieldKey];
+                            return deselectedId !== this.getId(row);
                         }),
                     ];
                 }
@@ -2462,12 +2462,12 @@ class MozDatatableSelectionComponent {
                     if (this.paginationEnabled) {
                         this.selectionSettings.excludedIds = [
                             ...this.selectionSettings.excludedIds,
-                            '' + row[selectionIdentifierFieldKey],
+                            this.getId(row),
                         ];
                     }
                     else {
                         this.selectionSettings.selectedIds = [
-                            ...this.selectionSettings.selectedIds.filter((selectedId) => selectedId !== '' + row[selectionIdentifierFieldKey]),
+                            ...this.selectionSettings.selectedIds.filter((selectedId) => selectedId !== this.getId(row)),
                         ];
                         this.selectionSettings.allSelected = false;
                     }
@@ -2482,7 +2482,7 @@ class MozDatatableSelectionComponent {
                 if (row.selected) {
                     this.selectionSettings.selectedIds = [
                         ...this.selectionSettings.selectedIds,
-                        '' + row[selectionIdentifierFieldKey],
+                        this.getId(row),
                     ];
                     if (this.canSwitchtoAllSelectedMode()) {
                         this.switchtoAllSelectedMode();
@@ -2491,7 +2491,7 @@ class MozDatatableSelectionComponent {
                 else {
                     this.selectionSettings.selectedIds = [
                         ...this.selectionSettings.selectedIds.filter((selectedId) => {
-                            return selectedId !== '' + row[selectionIdentifierFieldKey];
+                            return selectedId !== this.getId(row);
                         }),
                     ];
                 }
@@ -2524,7 +2524,7 @@ class MozDatatableSelectionComponent {
                         .filter((row) => !row.disableSelection)
                         .forEach((row) => {
                         if (this.selectionSettings) {
-                            const index = this.selectionSettings.excludedIds.indexOf('' + row[selectionIdentifierFieldKey], 0);
+                            const index = this.selectionSettings.excludedIds.indexOf(this.getId(row), 0);
                             if (index > -1) {
                                 this.selectionSettings.excludedIds.splice(index, 1);
                                 this.selectionSettings.excludedIds = [...this.selectionSettings.excludedIds];
@@ -2545,9 +2545,7 @@ class MozDatatableSelectionComponent {
                     if (this.rowData) {
                         this.selectionSettings.excludedIds = [
                             ...this.selectionSettings.excludedIds,
-                            ...this.rowData
-                                .filter((row) => !row.disableSelection)
-                                .map((row) => '' + row[selectionIdentifierFieldKey]),
+                            ...this.rowData.filter((row) => !row.disableSelection).map((row) => this.getId(row)),
                         ];
                         if (this.selectionSettings.excludedIds.length ===
                             this.selectionSettings.totalSelectableItems) {
@@ -2572,12 +2570,12 @@ class MozDatatableSelectionComponent {
                 if (allPageRowsSelected && this.rowData) {
                     this.rowData
                         .filter((row) => !row.disableSelection)
-                        .filter((row) => !(this.selectionSettings?.selectedIds || []).includes('' + row[selectionIdentifierFieldKey]))
+                        .filter((row) => !(this.selectionSettings?.selectedIds || []).includes(this.getId(row)))
                         .forEach((row) => {
                         if (this.selectionSettings) {
                             this.selectionSettings.selectedIds = [
                                 ...this.selectionSettings.selectedIds,
-                                '' + row[selectionIdentifierFieldKey],
+                                this.getId(row),
                             ];
                         }
                     });
@@ -2589,10 +2587,10 @@ class MozDatatableSelectionComponent {
                     if (this.rowData) {
                         const allRowOnPage = this.rowData
                             .filter((row) => !row.disableSelection)
-                            .map((row) => '' + row[selectionIdentifierFieldKey]);
+                            .map((row) => this.getId(row));
                         const allRowSelectedOnPage = this.rowData
                             .filter((row) => !row.disableSelection && row.selected)
-                            .map((row) => '' + row[selectionIdentifierFieldKey]);
+                            .map((row) => this.getId(row));
                         const rowSelectedOnOtherPages = this.selectionSettings.selectedIds.filter((element) => !allRowOnPage.includes(element));
                         this.selectionSettings.selectedIds = [
                             ...rowSelectedOnOtherPages,
@@ -2667,6 +2665,21 @@ class MozDatatableSelectionComponent {
         }
         return false;
     }
+    /**
+     * if the value is an object so the resulted id == '[object Object]'
+     * @param row
+     * @private
+     */
+    getId(row) {
+        if (!this.selectionSettings?.selectionIdentifierFieldKey) {
+            return '';
+        }
+        const rowElement = row[this.selectionSettings?.selectionIdentifierFieldKey];
+        if (typeof rowElement === 'object') {
+            return rowElement;
+        }
+        return '' + rowElement;
+    }
 }
 MozDatatableSelectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MozDatatableSelectionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 MozDatatableSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MozDatatableSelectionComponent, selector: "moz-datatable-selection", inputs: { selectionSettings: "selectionSettings", paginationEnabled: "paginationEnabled", allowAllSelected: "allowAllSelected", rowData: "rowData" }, outputs: { updateSelectionAllEmitter: "updateSelectionAllEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mc-datatable__selection\">\n  <ng-container *ngIf=\"selectionSettings && selectionSettings.labels && paginationEnabled\">\n    <div class=\"mc-datatable__topbar-selection\">\n      <ng-container *ngIf=\"selectionSettings.selectedIds.length || selectionSettings.allSelected\">\n        <div class=\"center-selection-label\">\n          <div *ngIf=\"selectionSettings.allSelected; else notAllSelected\">\n            <ng-container *ngIf=\"selectionSettings.excludedIds.length > 0; else exludedIdsEmpty\">\n              <span>\n                <b\n                  >{{\n                    selectionSettings.totalSelectableItems - selectionSettings.excludedIds.length\n                  }}\n                  {{ selectionSettings.labels.selectedLabel || 'selected' }}</b\n                >\n                <ng-container\n                  *ngIf=\"\n                    selectionSettings.totalSelectableItems -\n                      selectionSettings.excludedIds.length ===\n                      1;\n                    else plurialAllSelected\n                  \"\n                >\n                  {{ selectionSettings.labels.rowOnPageLabel || 'row on the page. ' }}-\n                </ng-container>\n                <ng-template #plurialAllSelected>\n                  {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                </ng-template>\n\n                {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                <a href=\"/\" (click)=\"selectAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.selectAllLabel || 'Select all' }}\n                  {{ selectionSettings.totalSelectableItems }}\n                  {{ selectionSettings.labels.rowsOfTableLabel || 'rows of the table' }}\n                </a>\n              </span>\n            </ng-container>\n            <ng-template #exludedIdsEmpty>\n              <span>\n                {{\n                  selectionSettings.labels.rowsSelectedLabel ||\n                    'All rows are selected in the table.'\n                }}\n                -\n                <a href=\"/\" (click)=\"clearAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.clearSelectionLabel || 'Clear selection' }}\n                </a>\n              </span>\n            </ng-template>\n          </div>\n          <ng-template #notAllSelected>\n            <span>\n              <b\n                >{{ selectionSettings.selectedIds.length }}\n                {{ selectionSettings.labels.selectedLabel || 'selected' }}</b\n              >\n              <ng-container\n                *ngIf=\"selectionSettings.selectedIds && selectionSettings.selectedIds.length > 0\"\n              >\n                <ng-container\n                  *ngIf=\"\n                    selectionSettings.selectedIds && selectionSettings.selectedIds.length === 1;\n                    else plurialNotAllSelected\n                  \"\n                >\n                  {{ selectionSettings.labels.rowOnPageLabel || 'row on the page. ' }}-\n                </ng-container>\n                <ng-template #plurialNotAllSelected>\n                  {{ selectionSettings.labels.rowsOnPageLabel || 'rows on the page. ' }}-\n                </ng-template>\n                <a href=\"/\" (click)=\"selectAll(); $event.preventDefault()\">\n                  {{ selectionSettings.labels.selectAllLabel || 'Select all' }}\n                  {{ selectionSettings.totalSelectableItems }}\n                  {{ selectionSettings.labels.rowsOfTableLabel || 'rows of the table' }}\n                </a>\n              </ng-container>\n            </span>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n</div>\n", styles: [".center-selection-label{margin-bottom:1rem;background-color:#fff;height:34px;text-align:center;align-items:center;display:flex;justify-content:center;border-radius:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });