udp-stencil-component-library 25.18.1-beta.27 → 25.18.1-beta.29
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/ambient-template-grid.cjs.entry.js +69 -31
- package/dist/cjs/ambient-template-grid.entry.cjs.js.map +1 -1
- package/dist/collection/components/grid/ambient-template-grid/ambient-template-grid.js +72 -34
- package/dist/collection/components/grid/ambient-template-grid/ambient-template-grid.js.map +1 -1
- package/dist/components/ambient-template-grid.js +69 -31
- package/dist/components/ambient-template-grid.js.map +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/ambient-template-grid.entry.js +69 -31
- package/dist/esm/ambient-template-grid.entry.js.map +1 -1
- package/dist/stencil-library/ambient-template-grid.entry.esm.js.map +1 -1
- package/dist/stencil-library/ambient-template-grid.entry.js +1 -1
- package/dist/stencil-library/ambient-template-grid.entry.js.map +1 -1
- package/dist/types/components/grid/ambient-template-grid/ambient-template-grid.d.ts +5 -5
- package/package.json +1 -1
|
@@ -1393,7 +1393,9 @@ const AmbientTemplateGrid = class {
|
|
|
1393
1393
|
this.getOverflowActionList = (overflowActions, params) => {
|
|
1394
1394
|
return overflowActions === null || overflowActions === void 0 ? void 0 : overflowActions.map((action) => {
|
|
1395
1395
|
var _a;
|
|
1396
|
-
const disabledAction = (action === null || action === void 0 ? void 0 : action.checkDisabled)
|
|
1396
|
+
const disabledAction = (action === null || action === void 0 ? void 0 : action.checkDisabled)
|
|
1397
|
+
? action === null || action === void 0 ? void 0 : action.checkDisabled(params)
|
|
1398
|
+
: (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false;
|
|
1397
1399
|
const actionTitle = (action === null || action === void 0 ? void 0 : action.getTitle) ? action === null || action === void 0 ? void 0 : action.getTitle(params) : action === null || action === void 0 ? void 0 : action.title;
|
|
1398
1400
|
return (index.h("udp-menu-item", { label: actionTitle, iconName: action === null || action === void 0 ? void 0 : action.iconName, disabled: disabledAction, handleOnClick: e => {
|
|
1399
1401
|
action === null || action === void 0 ? void 0 : action.handleOnClick(e, params);
|
|
@@ -1540,7 +1542,10 @@ const AmbientTemplateGrid = class {
|
|
|
1540
1542
|
if (savedStatesString) {
|
|
1541
1543
|
let savedStatesArray = (_a = JSON.parse(savedStatesString)) !== null && _a !== void 0 ? _a : [];
|
|
1542
1544
|
if ((savedStatesArray === null || savedStatesArray === void 0 ? void 0 : savedStatesArray.length) > 0) {
|
|
1543
|
-
currentGridStateObj = savedStatesArray === null || savedStatesArray === void 0 ? void 0 : savedStatesArray.filter((i) => (i === null || i === void 0 ? void 0 : i.tenantId) &&
|
|
1545
|
+
currentGridStateObj = savedStatesArray === null || savedStatesArray === void 0 ? void 0 : savedStatesArray.filter((i) => (i === null || i === void 0 ? void 0 : i.tenantId) &&
|
|
1546
|
+
(i === null || i === void 0 ? void 0 : i.tenantId) === tenantUtils.getCurrentTenantId() &&
|
|
1547
|
+
(i === null || i === void 0 ? void 0 : i.gridId) &&
|
|
1548
|
+
(i === null || i === void 0 ? void 0 : i.gridId) === this.gridId)[0];
|
|
1544
1549
|
}
|
|
1545
1550
|
}
|
|
1546
1551
|
return currentGridStateObj;
|
|
@@ -1551,7 +1556,10 @@ const AmbientTemplateGrid = class {
|
|
|
1551
1556
|
if (savedGridStatesString) {
|
|
1552
1557
|
let savedGridStatesArray = (_a = JSON.parse(savedGridStatesString)) !== null && _a !== void 0 ? _a : [];
|
|
1553
1558
|
let newArray = savedGridStatesArray.map((s) => {
|
|
1554
|
-
if ((s === null || s === void 0 ? void 0 : s.tenantId) &&
|
|
1559
|
+
if ((s === null || s === void 0 ? void 0 : s.tenantId) &&
|
|
1560
|
+
(s === null || s === void 0 ? void 0 : s.tenantId) === tenantUtils.getCurrentTenantId() &&
|
|
1561
|
+
(s === null || s === void 0 ? void 0 : s.gridId) &&
|
|
1562
|
+
(s === null || s === void 0 ? void 0 : s.gridId) === this.gridId) {
|
|
1555
1563
|
s = gridStateObject;
|
|
1556
1564
|
}
|
|
1557
1565
|
return s;
|
|
@@ -1924,7 +1932,9 @@ const AmbientTemplateGrid = class {
|
|
|
1924
1932
|
};
|
|
1925
1933
|
this.updateChipLayout = () => {
|
|
1926
1934
|
requestAnimationFrame(() => {
|
|
1927
|
-
const chipsContainer = this.el.shadowRoot
|
|
1935
|
+
const chipsContainer = this.el.shadowRoot
|
|
1936
|
+
? this.el.shadowRoot.getElementById('advanced-group-search-chips')
|
|
1937
|
+
: document.getElementById('advanced-group-search-chips');
|
|
1928
1938
|
if (chipsContainer) {
|
|
1929
1939
|
const containerWidth = chipsContainer.getBoundingClientRect().width;
|
|
1930
1940
|
let totalChipWidth = 0;
|
|
@@ -1963,7 +1973,8 @@ const AmbientTemplateGrid = class {
|
|
|
1963
1973
|
this.recentSearches = [];
|
|
1964
1974
|
}
|
|
1965
1975
|
else {
|
|
1966
|
-
this.recentSearches =
|
|
1976
|
+
this.recentSearches =
|
|
1977
|
+
recentSearches.length > 0 ? currentGridSearchHistoryObj.searchHistory : [];
|
|
1967
1978
|
}
|
|
1968
1979
|
this.recentSearchesOptions = this.recentSearches.map(item => ({
|
|
1969
1980
|
label: item.timestamp,
|
|
@@ -1990,7 +2001,8 @@ const AmbientTemplateGrid = class {
|
|
|
1990
2001
|
// BULK ACTIONS FUNCTIONS
|
|
1991
2002
|
this.fetchAvailableGridActions = () => {
|
|
1992
2003
|
var _a;
|
|
1993
|
-
if (((_a = this.restrictedGridFeatures) === null || _a === void 0 ? void 0 : _a.BulkActions) &&
|
|
2004
|
+
if (((_a = this.restrictedGridFeatures) === null || _a === void 0 ? void 0 : _a.BulkActions) &&
|
|
2005
|
+
!this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.BulkActions)) {
|
|
1994
2006
|
localStorage.setItem('bulkActions', JSON.stringify([]));
|
|
1995
2007
|
return;
|
|
1996
2008
|
}
|
|
@@ -2199,7 +2211,8 @@ const AmbientTemplateGrid = class {
|
|
|
2199
2211
|
});
|
|
2200
2212
|
// Add any columns from fullDataColumns that are not in serverColumnDefs
|
|
2201
2213
|
this.fullDataColumns.forEach(column => {
|
|
2202
|
-
if (!serverColumnDefs.some(serverColumn => serverColumn.field === column.field) &&
|
|
2214
|
+
if (!serverColumnDefs.some(serverColumn => serverColumn.field === column.field) &&
|
|
2215
|
+
this.showRank) {
|
|
2203
2216
|
const hide = column.field !== 'searchRank';
|
|
2204
2217
|
updatedColumns.push(Object.assign(Object.assign({}, column), { hide: hide }));
|
|
2205
2218
|
}
|
|
@@ -2246,7 +2259,8 @@ const AmbientTemplateGrid = class {
|
|
|
2246
2259
|
if (config) {
|
|
2247
2260
|
// Merge existing cellRendererParams with ones from config, prioritizing config params
|
|
2248
2261
|
const cellRendererParams = Object.assign(Object.assign(Object.assign({}, colDef.cellRendererParams), config.cellRendererParams), { otherField: config.otherField, callbackId: config.callbackId, showViewAction: true, showThirdAction: this.showHotlistButton &&
|
|
2249
|
-
!(((_a = this.restrictedGridFeatures) === null || _a === void 0 ? void 0 : _a.Hotlist) &&
|
|
2262
|
+
!(((_a = this.restrictedGridFeatures) === null || _a === void 0 ? void 0 : _a.Hotlist) &&
|
|
2263
|
+
!this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)) });
|
|
2250
2264
|
if ((config === null || config === void 0 ? void 0 : config.rendererName) === 'actionsRenderer') {
|
|
2251
2265
|
const maximumVisibleActions = 4;
|
|
2252
2266
|
//set minWidth and maxWidth for action columns
|
|
@@ -2366,7 +2380,10 @@ const AmbientTemplateGrid = class {
|
|
|
2366
2380
|
this.defaultColumnState = newDefaultState;
|
|
2367
2381
|
//TODO here might not want to apply column state if a view is active
|
|
2368
2382
|
if (this.loadedView.length === 0) {
|
|
2369
|
-
this.agGrid.columnApi.applyColumnState({
|
|
2383
|
+
this.agGrid.columnApi.applyColumnState({
|
|
2384
|
+
state: this.defaultColumnState,
|
|
2385
|
+
applyOrder: true,
|
|
2386
|
+
});
|
|
2370
2387
|
}
|
|
2371
2388
|
}
|
|
2372
2389
|
}
|
|
@@ -2553,7 +2570,9 @@ const AmbientTemplateGrid = class {
|
|
|
2553
2570
|
initializeGrid() {
|
|
2554
2571
|
this.gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ animateRows: true }, (this.isServerSide ? { rowModelType: 'serverSide' } : {})), (this.isServerSide ? { serverSideStoreType: 'partial' } : {})), (this.isServerSide ? { cacheOverflowSize: 2 } : {})), (this.isServerSide ? { cacheBlockSize: 20 } : {})), (this.isServerSide ? { maxConcurrentDatasourceRequests: 1 } : {})), { pagination: true, paginationPageSize: 20, rowHeight: 32, defaultColDef: {
|
|
2555
2572
|
filter: !this.enableAdvancedSearch,
|
|
2556
|
-
menuTabs: this.enableAdvancedSearch
|
|
2573
|
+
menuTabs: this.enableAdvancedSearch
|
|
2574
|
+
? ['generalMenuTab', 'columnsMenuTab']
|
|
2575
|
+
: ['generalMenuTab', 'filterMenuTab', 'columnsMenuTab'],
|
|
2557
2576
|
resizable: true,
|
|
2558
2577
|
}, rowSelection: 'multiple' }), (this.rowIdField && {
|
|
2559
2578
|
getRowId: params => {
|
|
@@ -2628,7 +2647,9 @@ const AmbientTemplateGrid = class {
|
|
|
2628
2647
|
// If loadedView/loadedViewData aren't ready or throw, fallback to just resizing
|
|
2629
2648
|
const view = this.loadedView;
|
|
2630
2649
|
const data = this.loadedViewData;
|
|
2631
|
-
const skipResize = Array.isArray(view) && Array.isArray(data)
|
|
2650
|
+
const skipResize = Array.isArray(view) && Array.isArray(data)
|
|
2651
|
+
? view.length !== 0 || data.length !== 0
|
|
2652
|
+
: false;
|
|
2632
2653
|
if (!skipResize) {
|
|
2633
2654
|
this.handleColumnSizing();
|
|
2634
2655
|
}
|
|
@@ -3394,7 +3415,7 @@ const AmbientTemplateGrid = class {
|
|
|
3394
3415
|
const group = this.findGroupById(this.filterObjectsWithGroups, filter.filterGroupId);
|
|
3395
3416
|
if (group) {
|
|
3396
3417
|
group.filters = group.filters.filter(item => item.id !== filter.id);
|
|
3397
|
-
this.filterObjectsWithGroups = this.filterObjectsWithGroups.map(g =>
|
|
3418
|
+
this.filterObjectsWithGroups = this.filterObjectsWithGroups.map(g => g.filterGroupId === group.filterGroupId ? Object.assign({}, group) : g);
|
|
3398
3419
|
}
|
|
3399
3420
|
this.filtersChangedHandler();
|
|
3400
3421
|
this.agGrid.api.setFilterModel(this.filterObject[0].filterElements);
|
|
@@ -3507,7 +3528,7 @@ const AmbientTemplateGrid = class {
|
|
|
3507
3528
|
}
|
|
3508
3529
|
searchItemChangedHandler(event) {
|
|
3509
3530
|
var _a, _b, _c;
|
|
3510
|
-
let { searchField, searchOperator, searchValue, searchFieldAlias, type, originalSearchOperator, originalSearchValue } = event.detail;
|
|
3531
|
+
let { searchField, searchOperator, searchValue, searchFieldAlias, type, originalSearchOperator, originalSearchValue, } = event.detail;
|
|
3511
3532
|
this.refreshChips = true;
|
|
3512
3533
|
this.setSearchStart = true;
|
|
3513
3534
|
let updatedFilterList = [...this.filterObject];
|
|
@@ -3566,7 +3587,9 @@ const AmbientTemplateGrid = class {
|
|
|
3566
3587
|
this.filterObject[0].filterElements.forEach(filter => {
|
|
3567
3588
|
if (filter.searchOperator === '=') {
|
|
3568
3589
|
const filterInstance = this.agGrid.api.getFilterInstance(filter.searchField);
|
|
3569
|
-
if (filterInstance &&
|
|
3590
|
+
if (filterInstance &&
|
|
3591
|
+
'setModel' in filterInstance &&
|
|
3592
|
+
'onFilterChanged' in filterInstance) {
|
|
3570
3593
|
filterInstance.setModel({ values: [filter.searchValue] });
|
|
3571
3594
|
filterInstance.onFilterChanged();
|
|
3572
3595
|
}
|
|
@@ -3739,7 +3762,10 @@ const AmbientTemplateGrid = class {
|
|
|
3739
3762
|
case 'number':
|
|
3740
3763
|
originalSearchOperator = selectedFilterOptions;
|
|
3741
3764
|
originalSearchValue = filterDetails.filter;
|
|
3742
|
-
value =
|
|
3765
|
+
value =
|
|
3766
|
+
filterDetails.type === 'inRange'
|
|
3767
|
+
? `${filterDetails.filter},${filterDetails.filterTo}`
|
|
3768
|
+
: filterDetails.filter;
|
|
3743
3769
|
break;
|
|
3744
3770
|
case 'text':
|
|
3745
3771
|
originalSearchOperator = selectedFilterOptions;
|
|
@@ -3910,31 +3936,41 @@ const AmbientTemplateGrid = class {
|
|
|
3910
3936
|
this.gridHeight = 'calc(100vh - 200px)';
|
|
3911
3937
|
}
|
|
3912
3938
|
const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
|
|
3913
|
-
return (index.h("div", { key: '
|
|
3939
|
+
return (index.h("div", { key: 'a524fb226b5ab303e2b824bb897911018d0e9720' }, this.openActionPopoverMenu && (index.h("udp-pop-over", { key: '2f00f9d12eea162251d1c0cc30ed458a87d3ded5', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
|
|
3914
3940
|
this.handleOnCloseActionPopover(event);
|
|
3915
|
-
} }, index.h("div", { key: '
|
|
3941
|
+
} }, index.h("div", { key: '32aa4842aa258cbef386357d995867a3023eb9bd', class: "overflowActionButtons" }, actionMenuItems))), index.h("div", { key: 'a7a34cd55d399ec670197c5b9283ec7dd049ea06' }, this.showNotification && (index.h("udp-notification", { key: 'e30b2ec7c1cc244a7ea95c0fd9295d710c5c4872', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), index.h("style", { key: '163980f8bae512222976e46bb00fadc1fdcc2d34' }, `:host ::slotted(.ag-side-bar) {
|
|
3916
3942
|
width: ${filterPanelWidth} !important;
|
|
3917
|
-
}`), index.h("grid-primary-bar", { key: '
|
|
3943
|
+
}`), index.h("grid-primary-bar", { key: '1e7ac5a5bd1612cd53e7f10285f92c583e9ffa5a', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction
|
|
3944
|
+
? () => this.exportFunction(this.entityName, this.filterRenderList[0])
|
|
3945
|
+
: () => this.exportToCsv(), customInsightsClick: e => {
|
|
3918
3946
|
this.insightsActionOnClick(e);
|
|
3919
3947
|
}, showInsightsAction: this.showInsightsAction, hiddenActionButtons: this.hiddenActionButtons, primaryActionLabel: this.primaryActionLabel, primaryActionClick: e => {
|
|
3920
3948
|
this.primaryActionOnClick(e);
|
|
3921
|
-
}, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton &&
|
|
3949
|
+
}, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton &&
|
|
3950
|
+
!(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) &&
|
|
3951
|
+
!this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) &&
|
|
3952
|
+
!this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), index.h("udp-pop-over-grid-action-header", { key: 'e2079c9dbe0db4332807845a6b62b8bc3c4279f1', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, index.h("stencil-icon-button-grid-action-header", { key: '35be3223fd772694584bf2ce484a41b61deafc7b', onClick: () => {
|
|
3922
3953
|
this.togglePanel('columns');
|
|
3923
3954
|
this.showGridOptions();
|
|
3924
|
-
}, tooltip: "Show/Hide Columns" }, index.h("unity-typography", { key: '
|
|
3955
|
+
}, tooltip: "Show/Hide Columns" }, index.h("unity-typography", { key: 'a375f73e76d2f8a20cb342d6afdd286b40733ab8', variant: "button" }, "Show/Hide Columns")), index.h("udp-divider", { key: 'e5a64557cd279beee1f65a427f0f3d915bb15f19', size: "100%" }), index.h("stencil-icon-button-grid-action-header", { key: '02f2a1fba684d50cc9ed2000c799171e32065a54', onClick: () => {
|
|
3925
3956
|
this.fitColumns();
|
|
3926
3957
|
this.showGridOptions();
|
|
3927
|
-
}, tooltip: "Fit to Column" }, index.h("unity-typography", { key: '
|
|
3958
|
+
}, tooltip: "Fit to Column" }, index.h("unity-typography", { key: '3beee72d92c725352283013ba82d7bd11b4244fd', variant: "button" }, "Fit to Column")), index.h("udp-divider", { key: '73584a4d08b9f9b4bd8a6e515c5db361b0c060b5', size: "0px" }), index.h("stencil-icon-button-grid-action-header", { key: '6fcbaf46f65db1ea9ca08c63935edb2e681cdd5d', onClick: () => {
|
|
3928
3959
|
this.expandColumns();
|
|
3929
3960
|
this.showGridOptions();
|
|
3930
|
-
}, tooltip: "Expand Grid" }, index.h("unity-typography", { key: '
|
|
3961
|
+
}, tooltip: "Expand Grid" }, index.h("unity-typography", { key: '4b28619807a236289af050613270cd43b7eecf28', variant: "button" }, "Expand Grid")), index.h("udp-divider", { key: 'f1e0a806a106a9a7e40249953442ce57d8cf63e8', size: "0px" }), !this.disableSearchSwitch && (index.h("stencil-icon-button-grid-action-header", { key: '05811f83534eec1103b77101f0fa2e9eab3b44f6', onClick: () => {
|
|
3931
3962
|
this.handleSearchModeToggle();
|
|
3932
3963
|
this.showGridOptions();
|
|
3933
|
-
}, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, index.h("unity-typography", { key: '
|
|
3964
|
+
}, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, index.h("unity-typography", { key: 'a1c4364cdd4f917ec229a2a7b61c1b4b07baf0b6', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), index.h("div", { key: '52044107d3d162ee18397eaf7d97e8909575bae2', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (index.h("div", { key: 'ba6061dc60a710e5dcfa6413cfe615296d429893', class: "bulk-select" }, index.h("udp-badge", { key: '3d9fb256db0e613c758a69a756623f32ae10b8c6', content: this.selectedRowCount }, index.h("udp-selector", { key: '953dacfb1d83fc4bf4c2a5b876da73f597d286e7', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (index.h("div", { key: 'e38f07cdb5397759feb6da0fc1ab1da1d14f6be6', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'dcee101b69ffef237814587b488e9c3a4db91324', text: this.loadedViewTitle,
|
|
3934
3965
|
// onOnDelete={this.handleDelete as any}
|
|
3935
|
-
onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16__default.default, showLeftIcon: this.selectedViewIsDefault }), index.h("udp-divider", { key: '
|
|
3966
|
+
onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16__default.default, showLeftIcon: this.selectedViewIsDefault }), index.h("udp-divider", { key: '9d6f2f35ff1b0de3230ac2907108abfa7bee1ebb', variant: "vertical", size: "30px" }))), this.hotListActive && (index.h("div", { key: '18ba747c0b6957e7476e62838e30b393dfdf8759', class: "chip-wrapper" }, index.h("stencil-chip", { key: '4abd9b5171cf8a5ba531472fd10435b4d02dbc54', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16__default.default }), index.h("udp-divider", { key: 'a2b2807543ae72b649256fdb491b01e88a19527c', variant: "vertical", size: "30px" }))), index.h("div", { key: 'd9b00555901981941328c42bf235e91eec210545', class: "chip-section" }, this.filterChips.length > 0 && (index.h("udp-dynamic-container-with-menu", { key: 'b1b30ed2a270a737001b47c3b744503b9eefbfff', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), index.h("div", { key: 'c762ce90246395ce862153f1f4e968a7d21c5ef6', class: "kpi" }, index.h("kpi-list", { key: '989f0ab1f9c7f4b99789844a49d90c166ba97d5f', kpiValues: this.kpiValues }))), this.gridError && (index.h("div", { key: 'aa927c6776b707c2049ae70cb7e9a4e7b3cdecba' }, index.h("upd-alert-banner", { key: '770d2f5c9e02b3f686f449dda02641523fed0edd', type: "error", message: `An error occurred with loading the grid with data.` }))), index.h("div", { key: '7f63030d1ecd8734e397cd066e6e126864b4b460', style: {
|
|
3967
|
+
height: '4px',
|
|
3968
|
+
backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)',
|
|
3969
|
+
overflow: 'hidden',
|
|
3970
|
+
} }, this.linearLoading && index.h("udp-linear-loader", { key: '8c77b10ae76f749ff86b4c9bb531204587e41475' })), this.noResults && (index.h("div", { key: 'adfd0cc261771a4362886e8426440bfd4ecd053c' }, index.h("upd-alert-banner", { key: '4a10ba0dd69edfc780c6834354bc4cca13cd8196', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), index.h("div", { key: '69458b62897df4b580082a7c04b8fb390663060a' }, index.h("ag-table", { key: '7a491b84cb1da5e707c3287d5c92f7027a434eca', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), index.h("side-sheet", { key: 'c2a832f11fa515baf628370802086c0a2ab43226', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, index.h("div", { key: 'a27dc1db956add94e629fd9eac1a11e0b65901fa', style: { width: '1200px' } }, index.h("advanced-search", { key: 'c326a68ade88effe96083ab608dd03736f21a752', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(), getHeaderFieldLabel: this.getHeaderFieldLabel }))), index.h("side-sheet", { key: '703c13df27c148fc449e565b8a8225c9bcf16b56', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, index.h("div", { key: 'ef95256e67a214a7285eebc487d6bbc38964995d' }, index.h("div", { key: '1e262a0e5c48f1d2ec2e7fe2b164c85a9cfcb264', style: { width: '450px', marginBottom: '8px' } }, index.h("hint-panel", { key: 'd4551b873253cf4a3101d5ed747b4b0fcee25635', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), index.h("div", { key: 'fd94b8dbdb87804a428007883e291c502c91567f', style: { width: '446px' } }, this.viewListRowData &&
|
|
3936
3971
|
this.viewListRowData.map(item => {
|
|
3937
|
-
if (item.gridViewVisibilityTypeId === 2 ||
|
|
3972
|
+
if (item.gridViewVisibilityTypeId === 2 ||
|
|
3973
|
+
item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
|
|
3938
3974
|
return (index.h("tree-list-item", {
|
|
3939
3975
|
// key={index}
|
|
3940
3976
|
showEditOption: true, showDeleteOption: true, label: item.name, fieldName: item.name, onClick: () => {
|
|
@@ -3943,9 +3979,9 @@ const AmbientTemplateGrid = class {
|
|
|
3943
3979
|
}, editHandler: () => this.openViewEdit(item.gridViewId, item.name, item.isDefault, item.gridViewVisibilityTypeId), deleteHandler: () => this.openDeleteViewConfirmation(item.gridViewId), showUpdateDefaultOption: true, updateDefaultHandler: () => this.updateDefaultView(item), isDefault: item.isDefault, gridViewVisibilityTypeId: item.gridViewVisibilityTypeId, showAdd: false, showViewOption: false
|
|
3944
3980
|
}));
|
|
3945
3981
|
}
|
|
3946
|
-
})))), index.h("side-sheet", { key: '
|
|
3982
|
+
})))), index.h("side-sheet", { key: 'ef16ec9aa6b0a89f5b4e6a0a6484ad6ab136105e', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, index.h("advanced-search-grouped", { key: '1ea65ad469a9d97de2d7ffef3d9cd3ca66692b0d', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
|
|
3947
3983
|
// onSearchItemChanged={() => this.handleSearchItemChange()}
|
|
3948
|
-
updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById, getHeaderFieldLabel: this.getHeaderFieldLabel })), index.h("side-sheet", { key: '
|
|
3984
|
+
updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById, getHeaderFieldLabel: this.getHeaderFieldLabel })), index.h("side-sheet", { key: '5341907f53fb603760fb123bce30444411575c55', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, index.h("div", { key: '9af2eb689683da5280603cdc95054d82e3af5443' }, this.showHotlistForm && (index.h("udp-hotlist-form", { key: '613fd2cefad9a8c291b6bbbfe61181265f8be933', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() })), index.h("div", { key: 'd589d5b867c33c38ff57686eab4433739473880a', style: { width: '446px' } }, this.allHotlists &&
|
|
3949
3985
|
this.allHotlists.map(item => {
|
|
3950
3986
|
if (item.domain === this.entityName) {
|
|
3951
3987
|
return (index.h("tree-list-item", { label: item.name, fieldName: item.name, showViewOption: true, showAdd: this.businessObjectKey ? true : false, showDeleteOption: true, viewHandler: () => this.handleRequestHotlist(item.hotListId), deleteHandler: () => this.confirmRequestDelete(item.hotListId), onClick: () => this.handleSetSingleHotlistItem(item.hotListId), statusValue: item.isPrivate, statusClasses: {
|
|
@@ -3953,7 +3989,7 @@ const AmbientTemplateGrid = class {
|
|
|
3953
3989
|
false: 'neutral',
|
|
3954
3990
|
}, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
|
|
3955
3991
|
}
|
|
3956
|
-
})))), index.h("save-view-form-dialog", { key: '
|
|
3992
|
+
})))), index.h("save-view-form-dialog", { key: 'c983d0a9df1f12b3c0bb97d90b962700395a77aa', open: this.saveDialogOpen, title: this.selectedViewName ? 'Current View' : 'New View', closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
|
|
3957
3993
|
// Assuming this.columnState exists in this component's scope
|
|
3958
3994
|
this.handleViewFormSubmit(name, isPrivate, isDefault, this.gridState);
|
|
3959
3995
|
}, handleViewAndConfigurationSubmit: (name, isPrivate, isDefault) => {
|
|
@@ -3966,11 +4002,13 @@ const AmbientTemplateGrid = class {
|
|
|
3966
4002
|
this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
|
|
3967
4003
|
}
|
|
3968
4004
|
}
|
|
3969
|
-
} }), index.h("edit-view-form-dialog", { key: '
|
|
4005
|
+
} }), index.h("edit-view-form-dialog", { key: 'edb3692f08c1e7426cdcebf7a5af48c43f58b7dc', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
|
|
3970
4006
|
this.handleViewUpdate(gridId, name, isPrivate, isDefault);
|
|
3971
|
-
} }), index.h("div", { key: '
|
|
4007
|
+
} }), index.h("div", { key: '31ea34a88d4be3ae1e2ba1d5f280c8171111ce49' }), index.h("fluent-dialog", { key: 'ccda33b3117aebe95cea79e4ae2f8159412d388a', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, index.h("div", { key: 'aab129cf3d486641a66deda1170ead6f425bd121' }, "This will not delete any of the data but only the records ", index.h("br", { key: '98342ecd6fdfd6c6866e319d91efde45023195ed' }), "from the hotlist and the hotlist itself.", ' ')), index.h("fluent-dialog", { key: '831eeb8d1419fa878d1cf91fbac7c904ccae67ad', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, index.h("div", { key: '0f745a173139d37e02171f52f03f6385e46ac2d9' }, "This will not delete any of the data but only the settings ", index.h("br", { key: '511f3a6bd433b773708605e4402657e2098f9273' }), "saved to display this view.", ' ')), index.h("fluent-dialog", { key: 'f9221d0e852ea4a2806359420f270aa00aea656c', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, index.h("div", { key: '3429d93bb6a7d2ee966555d2cc2adc30b86541ac' }, "This is a public view. Any changes made to it will be seen by others when they load this view.", ' ')), index.h("fluent-dialog", { key: '9a7da09119454d0a221f6039687b63f013d7b5ab', title: 'Toggle Search Mode to ' +
|
|
4008
|
+
(this.enableAdvancedSearch ? 'Standard' : 'Advanced') +
|
|
4009
|
+
' Search', message: this.enableAdvancedSearch
|
|
3972
4010
|
? `Are you sure you want to toggle the search mode to standard search?`
|
|
3973
|
-
: `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, index.h("div", { key: '
|
|
4011
|
+
: `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, index.h("div", { key: 'd851963432073164d287c7da11e4f81d52f2a33b' }, this.enableAdvancedSearch
|
|
3974
4012
|
? 'The advanced search functionality will be disabled, all advanced search filters will be cleared and the grid will be reset to its default state.'
|
|
3975
4013
|
: 'The standard search functionality will be disabled and any existing standard filters will persist to the advanced search.'))));
|
|
3976
4014
|
}
|