udp-stencil-component-library 26.2.0-beta.0 → 26.2.0-beta.14

package/dist/cjs/{SearchBuilder-BsB_257b.js → SearchBuilder-aqpLQz8E.js}

@@ -309,6 +309,10 @@ class SearchUtilities {
         if (!validation.isValid) {
             throw new Error(`Invalid search: ${validation.errors.join(', ')}`);
         }
+        // Wait for ConfigService to be initialized — callers may invoke this from
+        // top-level effects that mount before the app sets PRODUCT_API_DOMAIN,
+        // which would otherwise produce a relative URL and fail the request.
+        await configService.ConfigService.waitForConfig();
         // Build the API URL
         const url = `${configService.ConfigService.productV1ApiUrl}/${tableName}/search`;
         // Execute the search

package/dist/cjs/ag-grid-base_63.cjs.entry.js

@@ -3,10 +3,10 @@
 var index = require('./index-G1ccGqOs.js');
 var agGridEnterpriseV33 = require('ag-grid-enterprise-v33');
 var apiUtils = require('./apiUtils-ELzOoTQ0.js');
-var getCurrentApiCatalogId = require('./getCurrentApiCatalogId-D7xHCEzs.js');
+var lookupHelper = require('./lookupHelper-fokGJbeb.js');
 var tenantUtils = require('./tenantUtils-BCKSE0vq.js');
 var statusRenderer = require('./status-renderer-9CQ-hhq8.js');
-var configureUdpColumnMods = require('./configureUdpColumnMods-MGNO-bXn.js');
+var configureUdpColumnMods = require('./configureUdpColumnMods-DtsJ11YI.js');
 var lodashEs = require('lodash-es');
 var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
 var configService = require('./configService-BqiLnW8G.js');
@@ -291,10 +291,15 @@ class SavedViews {
             var _a;
             if (!this.baseColumnState)
                 return;
-            const currentColIds = ((_a = this.api.getColumnState()) !== null && _a !== void 0 ? _a : []).map(c => c.colId).join(',');
-            const baseColIds = JSON.parse(this.baseColumnState)
+            // Compare only primary (user-defined) colIds — pivot result columns regenerate
+            // from filtered data and shouldn't be treated as external column-def updates.
+            const primaryColIds = this.getPrimaryColIds();
+            const collectColIds = (state) => state
+                .filter(c => primaryColIds.has(c.colId))
                 .map(c => c.colId)
                 .join(',');
+            const currentColIds = collectColIds((_a = this.api.getColumnState()) !== null && _a !== void 0 ? _a : []);
+            const baseColIds = collectColIds(JSON.parse(this.baseColumnState));
             if (currentColIds !== baseColIds) {
                 this.baseColumnState = JSON.stringify(this.api.getColumnState());
                 if (this.isDirty) {
@@ -350,8 +355,26 @@ class SavedViews {
                 this.saveCurrentStateToLocalStorage();
             });
         };
+        // Returns the set of colIds for primary (user-defined) columns. Pivot result
+        // columns are secondary and excluded — they regenerate from filtered data and
+        // would cause spurious dirty diffs.
+        this.getPrimaryColIds = () => {
+            var _a;
+            return new Set(((_a = this.api.getColumns()) !== null && _a !== void 0 ? _a : [])
+                .filter(c => c.isPrimary())
+                .map(c => c.getColId()));
+        };
+        // Serializes column state to a JSON string filtered to primary columns only.
+        // Using a positive include filter (vs. excluding pivot result ids) keeps the
+        // comparison symmetric across snapshots — stale pivot ids in older baselines
+        // get dropped automatically because they aren't in the current primary set.
+        this.serializeUserColumnState = (state) => {
+            const primaryColIds = this.getPrimaryColIds();
+            return JSON.stringify(state.filter(c => primaryColIds.has(c.colId)));
+        };
         // Compare current grid state against snapshot (view active) or default empty state (no view)
         this.checkIfDirty = () => {
+            var _a, _b;
             // Skip during initial setup — baseline will be recaptured after parent
             // gridReady handlers (e.g. search-method-grid) finish applying state.
             if (this.baselineRecaptureId !== null)
@@ -359,18 +382,22 @@ class SavedViews {
             let dirty;
             if (this.activeViewId && this.activeViewState) {
                 // Named view active: compare against the snapshot taken when the view was applied
-                const currentColumnState = JSON.stringify(this.api.getColumnState());
+                const currentColumnState = this.serializeUserColumnState((_a = this.api.getColumnState()) !== null && _a !== void 0 ? _a : []);
+                const baseColumnState = this.serializeUserColumnState(JSON.parse(this.activeViewState.columnState));
                 const currentFilterModel = JSON.stringify(this.api.getFilterModel());
                 dirty =
-                    currentColumnState !== this.activeViewState.columnState ||
+                    currentColumnState !== baseColumnState ||
                         currentFilterModel !== this.activeViewState.filterModel;
             }
             else {
                 // No view: dirty if there are any active filters or column state changes vs baseline
                 const filterModel = this.api.getFilterModel();
                 const hasFilters = Object.keys(filterModel !== null && filterModel !== void 0 ? filterModel : {}).length > 0;
-                const columnState = this.api.getColumnState();
-                const hasColumnChanges = this.baseColumnState !== null && JSON.stringify(columnState) !== this.baseColumnState;
+                const currentColumnState = this.serializeUserColumnState((_b = this.api.getColumnState()) !== null && _b !== void 0 ? _b : []);
+                const baseColumnState = this.baseColumnState !== null
+                    ? this.serializeUserColumnState(JSON.parse(this.baseColumnState))
+                    : null;
+                const hasColumnChanges = baseColumnState !== null && currentColumnState !== baseColumnState;
                 dirty = hasFilters || hasColumnChanges;
             }
             if (dirty !== this.isDirty) {
@@ -624,7 +651,7 @@ class SavedViews {
                 },
             ];
             try {
-                await apiUtils.updateViewAndConfigurations(view.gridViewId, getUserId(), context === null || context === void 0 ? void 0 : context.gridId, getCurrentApiCatalogId.getCurrentApiCatalogId(), view.name, saveState, view.isDefault ? 1 : 0, context === null || context === void 0 ? void 0 : context.entityName, (_a = view.gridViewVisibilityTypeId) !== null && _a !== void 0 ? _a : 1, () => null);
+                await apiUtils.updateViewAndConfigurations(view.gridViewId, getUserId(), context === null || context === void 0 ? void 0 : context.gridId, lookupHelper.getCurrentApiCatalogId(), view.name, saveState, view.isDefault ? 1 : 0, context === null || context === void 0 ? void 0 : context.entityName, (_a = view.gridViewVisibilityTypeId) !== null && _a !== void 0 ? _a : 1, () => null);
                 await this.fetchViews();
                 const updated = this.filteredViews.find(v => v.gridViewId === view.gridViewId);
                 if (updated)
@@ -786,7 +813,7 @@ class SavedViews {
             },
         ];
         try {
-            await apiUtils.saveView(getUserId(), context === null || context === void 0 ? void 0 : context.gridId, getCurrentApiCatalogId.getCurrentApiCatalogId(), name, context === null || context === void 0 ? void 0 : context.entityName, saveState, visibilityTypeId, 0, // not set as default
+            await apiUtils.saveView(getUserId(), context === null || context === void 0 ? void 0 : context.gridId, lookupHelper.getCurrentApiCatalogId(), name, context === null || context === void 0 ? void 0 : context.entityName, saveState, visibilityTypeId, 0, // not set as default
             () => null);
             await this.fetchViews();
             const newView = this.filteredViews.find(v => v.name === name);
@@ -806,7 +833,7 @@ class SavedViews {
         this.refresh();
         const context = this.api.getGridOption('context');
         try {
-            await apiUtils.updateView(view.gridViewId, getUserId(), context === null || context === void 0 ? void 0 : context.gridId, getCurrentApiCatalogId.getCurrentApiCatalogId(), name, view.isDefault ? 1 : 0, context === null || context === void 0 ? void 0 : context.entityName, visibilityTypeId, () => null);
+            await apiUtils.updateView(view.gridViewId, getUserId(), context === null || context === void 0 ? void 0 : context.gridId, lookupHelper.getCurrentApiCatalogId(), name, view.isDefault ? 1 : 0, context === null || context === void 0 ? void 0 : context.entityName, visibilityTypeId, () => null);
             await this.fetchViews();
         }
         catch (err) {
@@ -824,12 +851,12 @@ class SavedViews {
         const context = this.api.getGridOption('context');
         const isCurrentlyDefault = view.isDefault;
         try {
-            await apiUtils.updateView(view.gridViewId, getUserId(), context === null || context === void 0 ? void 0 : context.gridId, getCurrentApiCatalogId.getCurrentApiCatalogId(), view.name, isCurrentlyDefault ? 0 : 1, context === null || context === void 0 ? void 0 : context.entityName, (_a = view.gridViewVisibilityTypeId) !== null && _a !== void 0 ? _a : 1, () => null);
+            await apiUtils.updateView(view.gridViewId, getUserId(), context === null || context === void 0 ? void 0 : context.gridId, lookupHelper.getCurrentApiCatalogId(), view.name, isCurrentlyDefault ? 0 : 1, context === null || context === void 0 ? void 0 : context.entityName, (_a = view.gridViewVisibilityTypeId) !== null && _a !== void 0 ? _a : 1, () => null);
             if (!isCurrentlyDefault) {
                 // Unset the previous default if there was one
                 const currentDefault = this.filteredViews.find(v => v.isDefault);
                 if (currentDefault) {
-                    await apiUtils.updateView(currentDefault.gridViewId, getUserId(), context === null || context === void 0 ? void 0 : context.gridId, getCurrentApiCatalogId.getCurrentApiCatalogId(), currentDefault.name, 0, context === null || context === void 0 ? void 0 : context.entityName, (_b = currentDefault.gridViewVisibilityTypeId) !== null && _b !== void 0 ? _b : 1, () => null).catch(err => console.log(err));
+                    await apiUtils.updateView(currentDefault.gridViewId, getUserId(), context === null || context === void 0 ? void 0 : context.gridId, lookupHelper.getCurrentApiCatalogId(), currentDefault.name, 0, context === null || context === void 0 ? void 0 : context.entityName, (_b = currentDefault.gridViewVisibilityTypeId) !== null && _b !== void 0 ? _b : 1, () => null).catch(err => console.log(err));
                 }
             }
             await this.fetchViews();
@@ -1444,6 +1471,9 @@ const AgGridBase = class {
          * Refresh key for the grid. Used by grid functions.
          */
         this.refreshKey = 0;
+        // @State so reassignment in onGridReady triggers a re-render — otherwise
+        // grid-header receives only the initial empty array and downstream relies on
+        // savedViews.init() firing refreshKey++ as a side effect to update the prop.
         this.gridFunctionInstances = [];
         this.myTheme = agGridEnterpriseV33.themeQuartz.withParams({
             wrapperBorderRadius: 0,
@@ -1621,7 +1651,7 @@ const AgGridBase = class {
         this.updateGridContextValues();
     }
     render() {
-        return (index.h("div", { key: '28295b31bb57a79c026571c4bc2658bc142a6044', ref: el => (this.gridContainerEl = el) }, index.h("ghost-render", { key: '00d8044044b9df22e0b9ea5384b299aaa71d1962' }, index.h("div", { key: 'f1b96881e7881fb6d815c090ae3ce41e7cd0d3fe' }, index.h("udp-dialog", { key: '07cabede25361ce396c09de8e858d140ad581345' }), index.h("udp-list-item", { key: '2706ad0e6c0dd7ce5cf12cb490f7709ca5c0956c' }), index.h("hint-panel", { key: '9893d09d8fa85966e08feaa32b423e4ef28946ca' }), index.h("udp-side-sheet", { key: 'd24b860add93c6455938fd83b1830188b08536c1' }), index.h("udp-fluent-dialog", { key: '68b35903b5f563d6c93d5a0b28f01a880f7dca2a' }), index.h("udp-fluent-text", { key: 'c0b84fc1e06db10433cd9bf255c916d965f943b0' }), index.h("udp-fluent-text-input", { key: '4125ae2f44e892b4a4304b593d1ec783807d765e' }), index.h("udp-fluent-switch", { key: 'acb3cc843565fc2a276a5ace8af9f2273be5751e' }), index.h("udp-fluent-button", { key: 'b339290e313091f1cb02e87bceab213ff0cfe48d' }), index.h("udp-text", { key: '6f562b11231b95ff2ab5263fd93d50e692f4c535' }), index.h("udp-search-input", { key: 'de54983644895e8bc6f084c7b17abbd3b4eabae2' }), index.h("udp-fluent-avatar", { key: '7f07751beadae953c84f12577517e72d08662296' }), index.h("udp-fluent-icon-button", { key: '92ca31065f3af5c6e89ae945de004bfd18c418de' }), index.h("udp-fluent-icon", { key: '4a82b60fbfbe19cde29280c0abd71dcfaa53c6a5' }), index.h("udp-fluent-badge", { key: '392307e71d90db19c34099aedba1db573fc1e601' }))), index.h("grid-header", { key: 'c13cac1e69b3006a053501fcbf5d5729c12f112e', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, gridFunctionInstances: this.gridFunctionInstances, refreshKey: this.refreshKey, onHeaderAction: this.onHeaderAction }), index.h("div", { key: '06cf43709ccf9e5d75a7c6a35dce3561adea98f2', ref: el => (this.gridEl = el) })));
+        return (index.h("div", { key: '787b7be7f7b05c843a6a01c6e1566847bf7b22b4', ref: el => (this.gridContainerEl = el) }, index.h("ghost-render", { key: '703da83d17a7676b36233e07a3bd46a206f7963d' }, index.h("div", { key: 'b604c343a6d15887f1a2b1a1b2406d2818f9eadf' }, index.h("udp-dialog", { key: '88d07504f07a14bda85af5e2ff27c41461a3fd6a' }), index.h("udp-list-item", { key: '8e695bdf55f5101e625f67567d4e475ec33450d5' }), index.h("hint-panel", { key: '845b944175b2c33229529e743d55dbe099da503f' }), index.h("udp-side-sheet", { key: '7e2005fb4e179e5b02eaa2489c32dd210e42e5a4' }), index.h("udp-fluent-dialog", { key: '9a167175826cc762c81e36d716be28118d2d2505' }), index.h("udp-fluent-text", { key: 'fd36f31c317dc8e01d4db0c44e00fcafbace768c' }), index.h("udp-fluent-text-input", { key: '732d9df42b2922acc0883d0ccc443d4ad2b9445d' }), index.h("udp-fluent-switch", { key: 'bffc7d2fb3a370936fd239864f2a0c46ee6a9361' }), index.h("udp-fluent-button", { key: '9dcbe7e3d774db0d98ca516841b1f61c84d71840' }), index.h("udp-text", { key: '55f4db1ac90181b5584d2819b08c52b140820e92' }), index.h("udp-search-input", { key: 'c8fed21ba25c4e5d1041834a285c64e66a6576b0' }), index.h("udp-fluent-avatar", { key: 'cc196444d1bc69bd495ec192d64079de9437e849' }), index.h("udp-fluent-icon-button", { key: '785862e322d8a6a74aee88396ec757c8852e12ec' }), index.h("udp-fluent-icon", { key: '94b21290732e5cb9cbbfe48a6795fc2af91e7c20' }), index.h("udp-fluent-badge", { key: '7c4b77948a2569614d3bd80c5d2de9d974c75427' }))), index.h("grid-header", { key: '1f42c9f41eab77a2f9bf7fe36b41b5871e1d6e26', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, gridFunctionInstances: this.gridFunctionInstances, refreshKey: this.refreshKey, onHeaderAction: this.onHeaderAction }), index.h("div", { key: '8f563ca751e9377dbedc4c225be264bb293f746f', ref: el => (this.gridEl = el) })));
     }
     static get watchers() { return {
         "gridFunctions": [{
@@ -1807,7 +1837,7 @@ const GridHeader = class {
         this.headerAction.emit({ name, payload });
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         // ── Layout decision ───────────────────────────────────────────────────────
         const hasScopingTools = computeHasScopingTools(this.gridFunctions);
         // ── PAH (Row 1) content ───────────────────────────────────────────────────
@@ -1827,6 +1857,7 @@ const GridHeader = class {
             onClick: a.onClick,
             iconName: a.iconName,
             disabled: a.disabled,
+            iconOnly: a.iconOnly,
         }));
         const subtitle = (_d = this.headerConfig) === null || _d === void 0 ? void 0 : _d.subtitle;
         // ── Function name lookup ──────────────────────────────────────────────────
@@ -1887,8 +1918,11 @@ const GridHeader = class {
             return null;
         // Promote grid functions into PAH actions row when both exist but no scoping tools
         const isPromoted = hasHeaderConfig && hasGridFunctions && !hasScopingTools;
+        // When title and subtitle are both absent, promote scoping tools into the PAH row too
+        const hasTitleOrSubtitle = !!(((_k = this.headerConfig) === null || _k === void 0 ? void 0 : _k.title) || subtitle);
+        const isFullyPromoted = hasHeaderConfig && hasGridFunctions && hasScopingTools && !hasTitleOrSubtitle;
         // Separate toolbar row when grid functions are not promoted into PAH
-        const showToolbar = hasGridFunctions && !isPromoted;
+        const showToolbar = hasGridFunctions && !isPromoted && !isFullyPromoted;
         // ── Zone B renderer (Utilities) ───────────────────────────────────────────
         const renderUtilitiesZone = () => {
             var _a, _b, _c, _d;
@@ -1916,11 +1950,11 @@ const GridHeader = class {
             return renderToolbar();
         }
         // Promoted layout + bulk active: overlay bulk bar on hidden PAH to preserve height
-        if (isPromoted && isBulkActive) {
-            return (index.h("div", { class: "bulk-overlay-wrapper" }, index.h("div", { class: "bulk-overlay-ghost", "aria-hidden": "true" }, index.h("udp-primary-action-header", { title: (_k = this.headerConfig) === null || _k === void 0 ? void 0 : _k.title, subtitle: subtitle, primaryAction: primaryAction, secondaryActions: secondaryActions })), index.h("div", { class: "bulk-overlay-bar" }, (_l = bulkActionsInstance.render) === null || _l === void 0 ? void 0 : _l.call(bulkActionsInstance))));
+        if ((isPromoted || isFullyPromoted) && isBulkActive) {
+            return (index.h("div", { class: "bulk-overlay-wrapper" }, index.h("div", { class: "bulk-overlay-ghost", "aria-hidden": "true" }, index.h("udp-primary-action-header", { title: (_l = this.headerConfig) === null || _l === void 0 ? void 0 : _l.title, subtitle: subtitle, primaryAction: primaryAction, secondaryActions: secondaryActions })), index.h("div", { class: "bulk-overlay-bar" }, (_m = bulkActionsInstance.render) === null || _m === void 0 ? void 0 : _m.call(bulkActionsInstance))));
         }
         return [
-            index.h("udp-primary-action-header", { title: (_m = this.headerConfig) === null || _m === void 0 ? void 0 : _m.title, subtitle: subtitle, primaryAction: primaryAction, secondaryActions: secondaryActions }, isPromoted && hasUtilityButtons && (index.h("div", { slot: "actions", class: "promoted-utilities" }, renderUtilitiesZone()))),
+            index.h("udp-primary-action-header", { title: (_o = this.headerConfig) === null || _o === void 0 ? void 0 : _o.title, subtitle: subtitle, primaryAction: primaryAction, secondaryActions: secondaryActions }, isFullyPromoted && (index.h("div", { slot: "inline", class: "promoted-scoping" }, renderScopingZone())), (isPromoted || isFullyPromoted) && hasUtilityButtons && (index.h("div", { slot: "actions", class: "promoted-utilities" }, renderUtilitiesZone()))),
             showToolbar && renderToolbar(),
         ];
     }
@@ -7419,10 +7453,10 @@ const UdpFluentTablist = class {
         return (index.h("div", { class: {
                 'tablist-scroll-wrapper': true,
                 'contained-variant': this.appearance === 'contained',
-            } }, index.h("div", { class: {
+            } }, this.overflowStrategy === 'scroll' && (index.h("div", { class: {
                 'scroll-shadow-start': true,
                 'is-visible': this.showStartShadow,
-            } }, index.h("div", { class: "scroll-button-container start" }, index.h("udp-fluent-icon-button", { iconName: "chevron-left", size: "small", shape: "circular", onClick: this.handleScrollStart, ariaLabel: "Scroll to start", tabIndex: this.showStartShadow ? 0 : -1 }))), index.h("div", { class: {
+            } }, index.h("div", { class: "scroll-button-container start" }, index.h("udp-fluent-icon-button", { iconName: "chevron-left", size: "small", shape: "circular", onClick: this.handleScrollStart, ariaLabel: "Scroll to start", tabIndex: this.showStartShadow ? 0 : -1 })))), index.h("div", { class: {
                 'tablist-scroll-container': true,
                 'collapse-mode': this.overflowStrategy === 'collapse',
             }, ref: el => (this.scrollContainer = el) }, index.h("fluent-tablist", { ref: el => (this.tablistEl = el), class: "tablist-inner", appearance: 'subtle', disabled: this.disabled, size: this.size, orientation: this.orientation, activeid: this.activeId != null ? String(this.activeId) : undefined, onChange: this.handleTabChange }, this.orderedTabs.map(tab => this.renderTab(tab))), this.overflowStrategy === 'collapse' && (index.h("div", { class: {
@@ -8569,6 +8603,10 @@ const UdpPrimaryActionHeader = class {
         const nodes = [];
         // 1. Render visible secondary buttons
         visibleActions.forEach((action, idx) => {
+            if (action.iconOnly && action.iconName) {
+                nodes.push(index.h("udp-tooltip", { content: action.label }, index.h("udp-fluent-icon-button", { class: "secondary-action", "data-index": idx, appearance: "secondary", shape: "rounded", iconName: action.iconName, ariaLabel: action.label, disabled: action.disabled, onClick: action.onClick })));
+                return;
+            }
             nodes.push(index.h("udp-fluent-button", { class: "secondary-action", "data-index": idx, appearance: "secondary", startIconName: action.iconName, disabled: action.disabled, onClick: action.onClick }, action.label));
         });
         // 2. Render overflow menu if needed
@@ -8623,7 +8661,7 @@ const UdpPrimaryActionHeader = class {
     render() {
         var _a;
         const hasPropActions = !!this.primaryAction || (((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0;
-        return (index.h(index.Host, { key: '1d8abd00824841de306864a45054105e6ef33523' }, index.h("div", { key: 'b5ed8c883d6025707e575fe0e6114a37a64a097e', class: { 'header-body': true, 'has-toolbar': this.hasToolbar } }, index.h("div", { key: '60740ab4155a2be9e29d15c7f99c24076b1a7ecc', class: "title-row" }, index.h("div", { key: 'e14b3a04a26363bb56a3a739b2a63edc6ef3bd50', class: "title-inline" }, index.h("udp-text", { key: '9c7cd71a71d481412b48d023db0dc44272333044', variant: "subtitle1", block: false }, this.title !== undefined ? (this.title) : (index.h("slot", { name: "title", onSlotchange: this.handleSlotChange }))), index.h("div", { key: '29932908336c129c534ccc5a69ec9dac350589e8', class: { 'slot-inline': true, 'hidden': !this.hasInline } }, index.h("slot", { key: 'c50275589a52839bc8b721ef07b99a4fb98acbe8', name: "inline", onSlotchange: this.handleSlotChange }))), index.h("div", { key: '8925ba9dcb145f57f62d2475bbf289bb0dd75295', class: { 'slot-actions': true, 'hidden': !this.hasActions } }, index.h("slot", { key: '64636c73913b0d84eb89c5e33b17082a3d0a148d', name: "actions", onSlotchange: this.handleSlotChange })), index.h("div", { key: '8ed41da19a0eb0c25399baf94f033f05a8fa79e5', class: { 'system-actions': true, 'hidden': !hasPropActions } }, this.renderSecondaryActions(), this.renderPrimaryAction())), index.h("div", { key: 'dcd517f65a42bb90ebd2d03c9609b6ac320d49a2', class: { 'subtitle-row': true, 'hidden': !this.hasSubtitle && !this.subtitle } }, index.h("udp-text", { key: '2c4e3f453cd2e2a4d4c96217c45b2752942f968a', variant: "caption1" }, this.subtitle !== undefined ? (this.subtitle) : (index.h("slot", { name: "subtitle", onSlotchange: this.handleSlotChange }))))), index.h("div", { key: '152c7500ab9e891f8a29169056d61358e73ad9fd', class: { 'toolbar-row': true, 'hidden': !this.hasToolbar } }, index.h("slot", { key: '08e36b83baf508179a43c762722d3785f8fa2633', name: "toolbar", onSlotchange: this.handleSlotChange }))));
+        return (index.h(index.Host, { key: '891c4bec1849babcde0df74c9cc88ace52aa6413' }, index.h("div", { key: 'dbf047733fce860f40108ca55381a775ff15577f', class: { 'header-body': true, 'has-toolbar': this.hasToolbar } }, index.h("div", { key: '2cd2a74501522f4755a18145f0223bd3f30ea484', class: "title-row" }, index.h("div", { key: '70199f1352a70ccea8a546838683fe356850b4ec', class: "title-inline" }, index.h("udp-text", { key: '1d7b7b31d7e5ab4cc2e85352d3b3b070c8ee305d', variant: "subtitle1", block: false }, this.title !== undefined ? (this.title) : (index.h("slot", { name: "title", onSlotchange: this.handleSlotChange }))), index.h("div", { key: '231848030113338d29b8f4112f8bf501b894d360', class: { 'slot-inline': true, 'hidden': !this.hasInline } }, index.h("slot", { key: '3a1c4787e3863cec14cb1d9408bdc05cac63d507', name: "inline", onSlotchange: this.handleSlotChange }))), index.h("div", { key: 'f9ae8c74bd146e25c22283840fa0f3f3108a5963', class: { 'slot-actions': true, 'hidden': !this.hasActions } }, index.h("slot", { key: '4b7ec1141c81f4fa42bd35e9092d1039df77347e', name: "actions", onSlotchange: this.handleSlotChange })), index.h("div", { key: '38fb067d1994e3da0c386fa14b28d331ff877d8a', class: { 'system-actions': true, 'hidden': !hasPropActions } }, this.renderSecondaryActions(), this.renderPrimaryAction())), index.h("div", { key: 'dcc5d876de696637c9235c8e8c278328487c6edc', class: { 'subtitle-row': true, 'hidden': !this.hasSubtitle && !this.subtitle } }, index.h("udp-text", { key: '3361b776dbf5858a37510bfea28bc35b2a676c01', variant: "caption1" }, this.subtitle !== undefined ? (this.subtitle) : (index.h("slot", { name: "subtitle", onSlotchange: this.handleSlotChange }))))), index.h("div", { key: '30f53cfed6eb9f8195c044fea87e7d6f0f0ae5d3', class: { 'toolbar-row': true, 'hidden': !this.hasToolbar } }, index.h("slot", { key: '857f80365ab34a1808405b486d595a59add6c475', name: "toolbar", onSlotchange: this.handleSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -9986,6 +10024,8 @@ const UdpTooltip = class {
 };
 UdpTooltip.style = udpTooltipCss();
 
+const udpTreeCss = () => `:host{display:block}`;
+
 const UdpTree = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -10061,9 +10101,10 @@ const UdpTree = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '2754d7150b5897e41cf1f7d868a1de6664892c22' }, index.h("fluent-tree", { key: '692285cd9677a3cdc3a633c0007b772ae4b46748', size: this.size, appearance: this.appearance }, this.treeItems.length > 0 ? this.renderTreeItems(this.treeItems) : index.h("slot", null))));
+        return (index.h(index.Host, { key: 'ce8a81be751210838218e6028763c013ad6da35c' }, index.h("fluent-tree", { key: '141917f5a8cef5c005519ff387a41f5bff2d09cc', size: this.size, appearance: this.appearance }, this.treeItems.length > 0 ? this.renderTreeItems(this.treeItems) : index.h("slot", null))));
     }
 };
+UdpTree.style = udpTreeCss();
 
 const unityTypographyCss = () => `body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}`;
 

package/dist/cjs/api-method-instance-grid.cjs.entry.js

@@ -4,10 +4,15 @@ var index = require('./index-G1ccGqOs.js');
 var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
 var searchObject = require('./searchObject-DeDFFGcx.js');
 var lodashEs = require('lodash-es');
-var apiMethodInstance = require('./apiMethodInstance-B_zfUIFl.js');
+var apiMethodInstance = require('./apiMethodInstance-DymTfku4.js');
 var configService = require('./configService-BqiLnW8G.js');
 require('axios');
-require('./configureUdpColumnMods-MGNO-bXn.js');
+require('./configureUdpColumnMods-DtsJ11YI.js');
+require('./lookupHelper-fokGJbeb.js');
+require('./apiUtils-ELzOoTQ0.js');
+require('deep-equal');
+require('@stencil/store');
+require('./tenantUtils-BCKSE0vq.js');
 
 function mergeSearchObjects(baseSearchObject, searchObjectOverrides) {
     var _a, _b, _c, _d, _e, _f, _g;

package/dist/cjs/{apiMethodInstance-B_zfUIFl.js → apiMethodInstance-DymTfku4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var configureUdpColumnMods = require('./configureUdpColumnMods-MGNO-bXn.js');
+var configureUdpColumnMods = require('./configureUdpColumnMods-DtsJ11YI.js');
 
 function mapDotNetTypeToAgGridType(type) {
     const normalized = type.replace(/\?$/, '').trim().toLowerCase();

package/dist/cjs/{configureUdpColumnMods-MGNO-bXn.js → configureUdpColumnMods-DtsJ11YI.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+var lookupHelper = require('./lookupHelper-fokGJbeb.js');
+
 /**
  * Finds an existing 'actions' column in an array of ColDefs and applies
  * a dynamic fixed width and right pinning.
@@ -28,9 +30,22 @@ function configureUdpColumnMods(columnDefs, disableColumnFiltering = false) {
             // Return a new object with the original properties plus our overrides
             return Object.assign(Object.assign({}, colDef), { pinned: 'right', width: calculatedWidth, minWidth: calculatedWidth, maxWidth: calculatedWidth, sortable: false, filter: false, suppressHeaderMenuButton: true, suppressMovable: true });
         }
-        // If a column contains a lookup id, set a valuegetter on the column def and disable filtering and sorting
+        // Lookup columns: display the resolved label, but filter against the underlying key.
+        // The set filter values + dropdown labels come from the cached lookup table, so the
+        // filter model holds keys (server-side IN clause works unchanged). Sort is left off
+        // because the backend can only order by the stored key, not the resolved label.
         if ((_e = colDef === null || colDef === void 0 ? void 0 : colDef.context) === null || _e === void 0 ? void 0 : _e.lookupId) {
-            return Object.assign(Object.assign({}, colDef), { valueGetter: (params) => params.data[(colDef === null || colDef === void 0 ? void 0 : colDef.field) + 'LookupValue'], filter: false, sortable: false });
+            const lookupId = colDef.context.lookupId;
+            const field = colDef.field;
+            return Object.assign(Object.assign({}, colDef), { valueGetter: (params) => params.data[field + 'LookupValue'], filterValueGetter: (params) => { var _a; return (_a = params.data) === null || _a === void 0 ? void 0 : _a[field]; }, filter: 'agSetColumnFilter', filterParams: Object.assign({ values: (params) => {
+                        lookupHelper.getLookupTable(lookupId).then(table => {
+                            params.success(Array.from(table.valueMap.keys()));
+                        });
+                    }, valueFormatter: (params) => {
+                        var _a, _b;
+                        const key = params.value == null ? '' : String(params.value);
+                        return (_b = (_a = lookupHelper.getLookupTableSync(lookupId)) === null || _a === void 0 ? void 0 : _a.valueMap.get(key)) !== null && _b !== void 0 ? _b : key;
+                    } }, colDef.filterParams), sortable: false });
         }
         if (disableColumnFiltering) {
             return Object.assign(Object.assign({}, colDef), { filter: false });

package/dist/cjs/index.cjs.js

@@ -4,11 +4,11 @@ var formRegistry = require('./form-registry-Cme6U-bl.js');
 var axios = require('axios');
 var transformSearchData = require('./transformSearchData-B4bk4Aik.js');
 var catalogStore = require('./catalog-store-COlrLo9B.js');
-var SearchBuilder = require('./SearchBuilder-BsB_257b.js');
+var SearchBuilder = require('./SearchBuilder-aqpLQz8E.js');
 var searchObject = require('./searchObject-DeDFFGcx.js');
 var catalogTree = require('./catalogTree-CnzW15ah.js');
 var configService = require('./configService-BqiLnW8G.js');
-var apiMethodInstance = require('./apiMethodInstance-B_zfUIFl.js');
+var apiMethodInstance = require('./apiMethodInstance-DymTfku4.js');
 var webComponents = require('@fluentui/web-components');
 var tokens = require('@fluentui/tokens');
 var agGridEnterpriseV33 = require('ag-grid-enterprise-v33');
@@ -17,7 +17,8 @@ require('./apiUtils-ELzOoTQ0.js');
 require('deep-equal');
 require('./makeApiCall-CFfg9gI0.js');
 require('./tenantUtils-BCKSE0vq.js');
-require('./configureUdpColumnMods-MGNO-bXn.js');
+require('./configureUdpColumnMods-DtsJ11YI.js');
+require('./lookupHelper-fokGJbeb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }