@fuentis/phoenix-ui 0.0.9-alpha.567 → 0.0.9-alpha.570

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -3243,8 +3243,9 @@ function buildFileName(baseKey, ext = 'xlsx') {
  */
 const DEFAULT_MORE_ACTIONS = {
     context: tableButtonContext.MORE,
-    type: 'menu',
+    type: tableActionType.MENU,
     buttonType: 'multiselect',
+    label: '',
     items: [
         { key: 'EXPORT_PDF', label: 'ACTION.EXPORT_PDF', icon: 'pi pi-file-pdf' },
         { key: 'EXPORT_EXCEL', label: 'ACTION.EXPORT_EXCEL', icon: 'pi pi-file-excel' },
@@ -3598,6 +3599,22 @@ class TableComponent {
         });
         return sorted;
     }
+    normalizeInitialSort(cfg) {
+        const s = cfg?.initialSort;
+        // NEW style
+        if (Array.isArray(s))
+            return s.filter(x => !!x?.field);
+        if (s && typeof s === 'object' && s.field)
+            return [s];
+        // LEGACY fallback
+        if (cfg?.initialSortField) {
+            return [{
+                    field: cfg.initialSortField,
+                    order: (cfg.initialSortOrder ?? 1),
+                }];
+        }
+        return [];
+    }
     /**
    * Applies initial sort once:
    * - Uses tableConfiguration.initialSortField if provided
@@ -3612,7 +3629,6 @@ class TableComponent {
     applyInitialSortIfNeeded() {
         if (this.initialSortApplied)
             return;
-        // if no data, just render empty fast and stop loading
         if (!this.allData?.length) {
             this.tableData = [];
             this.totalRecords = 0;
@@ -3622,33 +3638,32 @@ class TableComponent {
         }
         const cols = (this.selectedColumns?.length ? this.selectedColumns : this.columns) ?? [];
         if (!cols.length)
-            return; // columns not ready yet (ngOnChanges will call again)
-        // pick configured or fallback
-        const configuredField = this.tableConfiguration?.initialSortField;
+            return;
+        // 1) normalize config
+        const cfgMeta = this.normalizeInitialSort(this.tableConfiguration);
+        // 2) if nothing configured -> fallback first column ASC
         const fallbackField = cols[0]?.field;
-        const field = configuredField || fallbackField;
-        const exists = cols.some((c) => c?.field === field);
-        const finalField = exists ? field : fallbackField;
-        // if still no field, just render base
-        if (!finalField) {
+        const wantedMeta = (cfgMeta.length ? cfgMeta : [{ field: fallbackField, order: 1 }])
+            .filter(m => !!m?.field);
+        // 3) keep only fields that exist in columns
+        const validMeta = wantedMeta.filter(m => cols.some((c) => c?.field === m.field));
+        const finalMeta = validMeta.length ? validMeta : [{ field: fallbackField, order: 1 }];
+        if (!finalMeta[0]?.field) {
             this.tableData = this.allData;
             this.totalRecords = this.tableData.length;
             this.initialSortLoading = false;
             this.initialSortApplied = true;
-            this.cdr.markForCheck();
             return;
         }
-        const meta = [{ field: finalField, order: 1 }];
         try {
             if (this.dt)
-                this.dt.multiSortMeta = meta;
+                this.dt.multiSortMeta = finalMeta;
         }
         catch { }
-        this.lastSortKey = JSON.stringify(meta);
+        this.lastSortKey = JSON.stringify(finalMeta);
         this.initialSortApplied = true;
-        this.initialSortFieldApplied = finalField;
-        // keep loading true until worker returns
-        this.runWorkerSort(meta);
+        this.initialSortFieldApplied = finalMeta[0].field;
+        this.runWorkerSort(finalMeta);
     }
     // ============================================================
     // SEARCH / FILTER
@@ -3859,8 +3874,9 @@ class TableComponent {
      * Some tables allow click on first N columns to open details.
      */
     isColumnClickable(columnIndex) {
-        return (columnIndex < (this.tableConfiguration?.clickableColumnCount ?? 1) &&
-            this.tableConfiguration?.hasCellClick);
+        const max = this.tableConfiguration?.clickableColumnCount ?? 1;
+        const enabled = this.tableConfiguration?.hasCellClick ?? false;
+        return columnIndex < max && enabled;
     }
     /**
      * Utility for copy icons inside cells (prevents row-click).
@@ -4375,6 +4391,9 @@ class ObjectItemDialogComponent {
         key: 'asd',
         rows: 20,
         selectionType: tableSelectionType.RADIO_BTN,
+        actions: [],
+        exportTable: false,
+        filterConfiguration: []
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ObjectItemDialogComponent, deps: [{ token: i1$2.DynamicDialogRef }, { token: i1$2.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ObjectItemDialogComponent, isStandalone: true, selector: "phoenix-object-item-dialog", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div style=\"overflow: hidden; padding-bottom: 50px\">\n  <phoenix-table\n    #table\n    [data]=\"tableData\"\n    [columns]=\"columns\"\n    [tableConfiguration]=\"tableConfiguration\"\n     (checkBoxSelection)=\"onSelectionChanged($event)\"\n  >\n  </phoenix-table>\n</div>\n<div class=\"absolute bottom-0 right-0 p-4\">\n  <div class=\"flex gap-2\">\n    <ng-container *ngFor=\"let action of actions\">\n    <p-button\n        [label]=\"action.label | translate\"\n        [icon]=\"action.icon || ''\"\n        [severity]=\"action.severity || 'primary'\"\n        [disabled]=\"action.id === 'assign' && !hasSelection\"\n        [id]=\"action.id\"\n        (onClick)=\"actionClick(action.id)\"\n        size=\"small\"\n      ></p-button>\n    </ng-container>\n</div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TableComponent, selector: "phoenix-table", inputs: ["columns", "selectedColumnsInput", "tableConfiguration", "filters", "data"], outputs: ["actionClick", "rowSelection", "checkBoxSelection", "saveColumns"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }] });