@acorex/platform 20.9.37 → 20.9.39

package/fesm2022/acorex-platform-layout-widgets.mjs

@@ -32,7 +32,7 @@ import { FormsModule } from '@angular/forms';
 import * as i3 from '@acorex/components/select-box';
 import { AXSelectBoxComponent, AXSelectBoxModule } from '@acorex/components/select-box';
 import { setSmart, extractValue, AXPRegionalSetting, shouldUseLocaleMapShape, buildLocaleTextMapValue, isSelectionValueEqual, AXPWidgetsCatalog, AXPDataGenerator, AXP_INTEGRATION_AUTH_METHOD_TYPE, sortByMultiLanguageString, isFormValueEqual, normalizeDefinitionCategories } from '@acorex/platform/contracts';
-import { set, get, castArray, isNil, isNull, isEmpty, first, isPlainObject, isString, cloneDeep, isEqual, isNumber, defaultTo, has } from 'lodash-es';
+import { set, get, castArray, isNil, isNull, isEmpty, first, isPlainObject, isString, cloneDeep, isEqual, isNumber, defaultTo, isArray, has } from 'lodash-es';
 import * as i2$2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import { AXPCommandService, AXPQueryService, provideQuerySetups } from '@acorex/platform/runtime';
@@ -7373,6 +7373,7 @@ class AXPSelectBoxWidgetEditComponent extends AXPDataListWidgetComponent {
         /**
          * Bind resolved row object(s) when available so ax-select-box can render textField labels.
          * Falls back to primitive key(s) while selectedItems are still loading.
+         * In filterMode, prefer stored `displayText` when byKey has not resolved a real label yet.
          * Label translation is handled by ax-select-box (`getDisplayText(item) | translate`).
          */
         this.selectBoxModel = computed(() => {
@@ -7380,22 +7381,23 @@ class AXPSelectBoxWidgetEditComponent extends AXPDataListWidgetComponent {
             if (this.filterMode()) {
                 if (this.multiple()) {
                     if (items.length) {
-                        return items;
+                        return items.map((item, index) => this.withFilterDisplayText(item, index));
                     }
                     const val = this.selectFilterDisplayValue();
-                    return Array.isArray(val) ? val : castArray(val ?? []);
+                    const values = isArray(val) ? val : castArray(val ?? []);
+                    return values.map((value, index) => this.withFilterDisplayText(value, index));
                 }
                 if (items[0] != null) {
-                    return items[0];
+                    return this.withFilterDisplayText(items[0]);
                 }
-                return this.selectFilterDisplayValue();
+                return this.withFilterDisplayText(this.selectFilterDisplayValue());
             }
             if (this.multiple()) {
                 if (items.length) {
                     return items;
                 }
                 const value = this.getValue();
-                return Array.isArray(value) ? value : castArray(value ?? []);
+                return isArray(value) ? value : castArray(value ?? []);
             }
             if (items[0] != null) {
                 return items[0];
@@ -7474,6 +7476,60 @@ class AXPSelectBoxWidgetEditComponent extends AXPDataListWidgetComponent {
     resolveSelectedItemsValue() {
         return this.filterMode() ? this.selectFilterDisplayValue() : this.getValue();
     }
+    /** Reads `displayText` from filterMode payload `{ value, operation, displayText }`. */
+    getFilterDisplayText(index) {
+        const raw = this.getValue();
+        if (isNil(raw) || typeof raw !== 'object' || !('displayText' in raw)) {
+            return undefined;
+        }
+        const displayText = raw.displayText;
+        if (isArray(displayText)) {
+            const text = displayText[index ?? 0];
+            if (isString(text)) {
+                return text;
+            }
+            return isNil(text) ? undefined : String(text);
+        }
+        if (isString(displayText)) {
+            return displayText;
+        }
+        if (isNil(displayText) || displayText === '') {
+            return undefined;
+        }
+        return String(displayText);
+    }
+    /**
+     * Ensures filterMode select shows a label: when selectedItems/byKey only have the raw key
+     * (or are missing), synthesize/enrich the model with stored `displayText`.
+     */
+    withFilterDisplayText(item, index) {
+        const displayText = this.getFilterDisplayText(index);
+        if (isNil(displayText) || displayText === '') {
+            return item;
+        }
+        const valueField = this.valueField();
+        const textField = this.textField();
+        if (item != null && typeof item === 'object') {
+            const record = item;
+            const currentText = get(record, textField);
+            const currentValue = get(record, valueField);
+            const looksUnresolved = isNil(currentText) ||
+                currentText === '' ||
+                currentText === currentValue ||
+                String(currentText) === String(currentValue);
+            if (!looksUnresolved) {
+                return item;
+            }
+            return {
+                ...record,
+                [textField]: displayText,
+            };
+        }
+        return {
+            [valueField]: item,
+            [textField]: displayText,
+        };
+    }
     #focusEffect;
     focus() {
         this.shouldFocus.set(true);
@@ -10823,9 +10879,18 @@ class AXPDataListWidgetViewComponent extends AXPValueWidgetComponent {
         };
     }
     //#region ----   Public Methods   ----
+    /**
+     * Returns true when the data-table view child accepted the refresh.
+     * Callers must retry while this is false (grid may not be ready yet after remount).
+     */
     refresh() {
-        this.grid()?.refresh();
+        const grid = this.grid();
+        if (!grid) {
+            return false;
+        }
+        grid.refresh();
         this.selectedRows.set([]);
+        return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPDataListWidgetViewComponent, isStandalone: true, selector: "axp-data-list-widget-view", host: { properties: { "style.min-height": "minHeight() + \"px\"", "class": "\"ax-h-full ax-flex ax-flex-col\"" } }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
@@ -24212,8 +24277,9 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
         this.columnDefinitions = computed(() => this.options()['columnDefinitions'] || [], ...(ngDevMode ? [{ debugName: "columnDefinitions" }] : /* istanbul ignore next */ []));
         // sorts
         this.sortDefinitions = computed(() => this.options()['sortDefinitions'] || [], ...(ngDevMode ? [{ debugName: "sortDefinitions" }] : /* istanbul ignore next */ []));
-        //initials
-        this.initialFilters = computed(() => this.getValue()?.filters || [], ...(ngDevMode ? [{ debugName: "initialFilters" }] : /* istanbul ignore next */ []));
+        //initials — seed once (like master toolbar); do not live-bind getValue().filters
+        // or every emit resets axp-query-filters context and select labels fall back to raw keys.
+        this.initialFilters = signal(this.getValue()?.filters || [], ...(ngDevMode ? [{ debugName: "initialFilters" }] : /* istanbul ignore next */ []));
         this.initialColumns = computed(() => this.getValue()?.columns ?? [], ...(ngDevMode ? [{ debugName: "initialColumns" }] : /* istanbul ignore next */ []));
         this.initialSorts = computed(() => this.getValue()?.sorts ?? [], ...(ngDevMode ? [{ debugName: "initialSorts" }] : /* istanbul ignore next */ []));
         this.isFiltersDirty = computed(() => !isEqual(this.currentFilterQueries(), this.previousFilterQueries()), ...(ngDevMode ? [{ debugName: "isFiltersDirty" }] : /* istanbul ignore next */ []));