udp-stencil-component-library 26.2.0-beta.4 → 26.2.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ag-grid-base_63.cjs.entry.js +18 -7
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/stencil-library.cjs.js +1 -1
- package/dist/collection/components/grid/new-grid/ag-grid-base.js +6 -2
- package/dist/collection/components/grid/new-grid/grid-header.js +9 -5
- package/dist/collection/components/layout/primary-action-header/udp-primary-action-header.js +5 -1
- package/dist/components/ag-grid-base2.js +1 -1
- package/dist/components/grid-header2.js +1 -1
- package/dist/components/resource-timeline-primary-bar2.js +1 -1
- package/dist/components/udp-primary-action-header2.js +1 -1
- package/dist/docs.json +53 -11
- package/dist/esm/ag-grid-base_63.entry.js +18 -7
- package/dist/esm/loader.js +1 -1
- package/dist/esm/stencil-library.js +1 -1
- package/dist/stencil-library/ag-grid-base_63.entry.js +1 -1
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/types/components/grid/new-grid/ag-grid-base.d.ts +2 -1
- package/dist/types/components/grid/new-grid/interfaces/grid.d.ts +2 -0
- package/dist/types/components/layout/primary-action-header/udp-primary-action-header.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1471,6 +1471,9 @@ const AgGridBase = class {
|
|
|
1471
1471
|
* Refresh key for the grid. Used by grid functions.
|
|
1472
1472
|
*/
|
|
1473
1473
|
this.refreshKey = 0;
|
|
1474
|
+
// @State so reassignment in onGridReady triggers a re-render — otherwise
|
|
1475
|
+
// grid-header receives only the initial empty array and downstream relies on
|
|
1476
|
+
// savedViews.init() firing refreshKey++ as a side effect to update the prop.
|
|
1474
1477
|
this.gridFunctionInstances = [];
|
|
1475
1478
|
this.myTheme = agGridEnterpriseV33.themeQuartz.withParams({
|
|
1476
1479
|
wrapperBorderRadius: 0,
|
|
@@ -1648,7 +1651,7 @@ const AgGridBase = class {
|
|
|
1648
1651
|
this.updateGridContextValues();
|
|
1649
1652
|
}
|
|
1650
1653
|
render() {
|
|
1651
|
-
return (index.h("div", { key: '
|
|
1654
|
+
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) })));
|
|
1652
1655
|
}
|
|
1653
1656
|
static get watchers() { return {
|
|
1654
1657
|
"gridFunctions": [{
|
|
@@ -1834,7 +1837,7 @@ const GridHeader = class {
|
|
|
1834
1837
|
this.headerAction.emit({ name, payload });
|
|
1835
1838
|
}
|
|
1836
1839
|
render() {
|
|
1837
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
1840
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
1838
1841
|
// ── Layout decision ───────────────────────────────────────────────────────
|
|
1839
1842
|
const hasScopingTools = computeHasScopingTools(this.gridFunctions);
|
|
1840
1843
|
// ── PAH (Row 1) content ───────────────────────────────────────────────────
|
|
@@ -1854,6 +1857,7 @@ const GridHeader = class {
|
|
|
1854
1857
|
onClick: a.onClick,
|
|
1855
1858
|
iconName: a.iconName,
|
|
1856
1859
|
disabled: a.disabled,
|
|
1860
|
+
iconOnly: a.iconOnly,
|
|
1857
1861
|
}));
|
|
1858
1862
|
const subtitle = (_d = this.headerConfig) === null || _d === void 0 ? void 0 : _d.subtitle;
|
|
1859
1863
|
// ── Function name lookup ──────────────────────────────────────────────────
|
|
@@ -1914,8 +1918,11 @@ const GridHeader = class {
|
|
|
1914
1918
|
return null;
|
|
1915
1919
|
// Promote grid functions into PAH actions row when both exist but no scoping tools
|
|
1916
1920
|
const isPromoted = hasHeaderConfig && hasGridFunctions && !hasScopingTools;
|
|
1921
|
+
// When title and subtitle are both absent, promote scoping tools into the PAH row too
|
|
1922
|
+
const hasTitleOrSubtitle = !!(((_k = this.headerConfig) === null || _k === void 0 ? void 0 : _k.title) || subtitle);
|
|
1923
|
+
const isFullyPromoted = hasHeaderConfig && hasGridFunctions && hasScopingTools && !hasTitleOrSubtitle;
|
|
1917
1924
|
// Separate toolbar row when grid functions are not promoted into PAH
|
|
1918
|
-
const showToolbar = hasGridFunctions && !isPromoted;
|
|
1925
|
+
const showToolbar = hasGridFunctions && !isPromoted && !isFullyPromoted;
|
|
1919
1926
|
// ── Zone B renderer (Utilities) ───────────────────────────────────────────
|
|
1920
1927
|
const renderUtilitiesZone = () => {
|
|
1921
1928
|
var _a, _b, _c, _d;
|
|
@@ -1943,11 +1950,11 @@ const GridHeader = class {
|
|
|
1943
1950
|
return renderToolbar();
|
|
1944
1951
|
}
|
|
1945
1952
|
// Promoted layout + bulk active: overlay bulk bar on hidden PAH to preserve height
|
|
1946
|
-
if (isPromoted && isBulkActive) {
|
|
1947
|
-
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: (
|
|
1953
|
+
if ((isPromoted || isFullyPromoted) && isBulkActive) {
|
|
1954
|
+
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))));
|
|
1948
1955
|
}
|
|
1949
1956
|
return [
|
|
1950
|
-
index.h("udp-primary-action-header", { title: (
|
|
1957
|
+
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()))),
|
|
1951
1958
|
showToolbar && renderToolbar(),
|
|
1952
1959
|
];
|
|
1953
1960
|
}
|
|
@@ -8596,6 +8603,10 @@ const UdpPrimaryActionHeader = class {
|
|
|
8596
8603
|
const nodes = [];
|
|
8597
8604
|
// 1. Render visible secondary buttons
|
|
8598
8605
|
visibleActions.forEach((action, idx) => {
|
|
8606
|
+
if (action.iconOnly && action.iconName) {
|
|
8607
|
+
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 })));
|
|
8608
|
+
return;
|
|
8609
|
+
}
|
|
8599
8610
|
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));
|
|
8600
8611
|
});
|
|
8601
8612
|
// 2. Render overflow menu if needed
|
|
@@ -8650,7 +8661,7 @@ const UdpPrimaryActionHeader = class {
|
|
|
8650
8661
|
render() {
|
|
8651
8662
|
var _a;
|
|
8652
8663
|
const hasPropActions = !!this.primaryAction || (((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0;
|
|
8653
|
-
return (index.h(index.Host, { key: '
|
|
8664
|
+
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 }))));
|
|
8654
8665
|
}
|
|
8655
8666
|
get el() { return index.getElement(this); }
|
|
8656
8667
|
};
|