logitude-dashboard-library 3.2.66 → 3.2.67

package/dist/assets/styles/dl-dashboard.scss

@@ -1016,6 +1016,19 @@ $dark-grey: #717585;
         color: #222222 !important;
     }
 
+    /*
+     * Header wrap only (Ag Grid 27 / pre-v28). Leaf headers also get white-space via
+     * headerComponentParams.template; group headers have no wrapHeaderText until v32.1.
+     * Do not touch body .ag-cell here.
+     */
+    .dl-ag-pivot-grid .ag-header-cell-text,
+    .dl-ag-pivot-grid .ag-header-group-text {
+        white-space: normal !important;
+        overflow: visible !important;
+        text-overflow: clip !important;
+        line-height: 1.25;
+    }
+
     .dl-ag-pivot-grid .ag-header-cell[col-id^="ag-Grid-AutoColumn"] {
         text-align: left;
     }
@@ -1036,6 +1049,19 @@ $dark-grey: #717585;
         background-color: #f5f5f5 !important;
     }
 
+    /* Column group totals (e.g. "Dtest Total") — match DX .dx-total / row-footer totals */
+    .dl-ag-pivot-grid.ag-theme-balham .ag-header-cell.dl-pivot-column-group-total-header,
+    .dl-ag-pivot-grid.ag-theme-balham .ag-header-group-cell.dl-pivot-column-group-total-header,
+    .dl-ag-pivot-grid .ag-header-cell.dl-pivot-column-group-total-header,
+    .dl-ag-pivot-grid .ag-header-group-cell.dl-pivot-column-group-total-header {
+        background-color: #dddddd33 !important;
+    }
+
+    .dl-ag-pivot-grid .ag-cell.dl-pivot-column-group-total-cell,
+    .dl-ag-pivot-grid .dl-pivot-column-group-total-cell {
+        background-color: #dddddd33 !important;
+    }
+
     .dl-ag-pivot-grid.ag-theme-balham .ag-cell {
         border: none !important;
         border-right: 1px solid #DFE1E3 !important;
@@ -1105,7 +1131,12 @@ $dark-grey: #717585;
         font-size: 12px;
         font-weight: 500;
         color: #46494A;
-        padding: 6px 8px 5px 8px;
+        /*
+         * Ag Grid autoHeight = wrapperHeight + paddingTop + paddingBottom (CellCtrl.setupAutoHeight).
+         * Balham cell line-height is 26px; with old padding 6+5 the row measured ~37px and beat rowHeight 30.
+         * Vertical padding 2+2 => 26+4 = 30 for single-line cells; wrapped content can still grow.
+         */
+        padding: 2px 8px 2px 8px;
     }
 
     .dl-ag-pivot-grid .ag-cell-value,

package/dist/features/Dashboard/ChartsComponents/CustomCharts/PivotAgGridSupport.d.ts

@@ -42,6 +42,25 @@ export declare const getPivotDisplayName: (pivotData: any[], fieldName: string,
 export declare const isPivotRowGrandTotalColumnDef: (colDef: any) => boolean;
 export declare const isPivotRowGrandTotalGroupDef: (colGroupDef: any) => boolean;
 export declare const resolvePivotGroupHeaderName: (colGroupDef: any, columnFields: PivotApiField[], lookupDisplayName: (field: PivotApiField, rawValue: any) => string) => string | null;
+/**
+ * Ag Grid expandable pivot totals: leaf with pivotTotalColumnIds + columnGroupShow 'closed'.
+ * (Created by addExpandablePivotGroups — one column per measure.)
+ */
+export declare const isAgGridExpandablePivotColumnTotalLeaf: (colDef: any) => boolean;
+/** After DX promote: per-measure column-group total leaf (still has pivotTotalColumnIds). */
+export declare const isAgGridPivotColumnGroupTotalColumn: (colDef: any) => boolean;
+export declare const setAllAgGridColumnGroupsOpened: (columnApi: any, opened: boolean) => void;
+/**
+ * Choice 2 (DX parity) on top of Ag Grid expandable pivot totals:
+ * - Keeps native per-measure total leaves (same colIds → aggregation unchanged).
+ * - Clears columnGroupShow so totals stay visible when expanded AND collapsed
+ *   (Ag Grid docs: undefined/null = always shown; open+always-shown still expandable).
+ * - Wraps them in a "{Value} Total" group for DX header layout.
+ *
+ * Requires: pivotColumnGroupTotals OFF (otherwise addExpandablePivotGroups is skipped)
+ * and suppressExpandablePivotGroups OFF when column totals are enabled.
+ */
+export declare const promoteExpandablePivotColumnTotalsForDx: (colGroupDef: any, columnFields: PivotApiField[], lookupDisplayName: (field: PivotApiField, rawValue: any) => string) => void;
 export declare const getPivotValueColumnId: (pivotValueColumn: any) => string | null;
 export declare const resolveMeasureFromPivotValueColumn: (colDef: any, measures: PivotApiMeasure[]) => PivotApiMeasure | undefined;
 export declare const resolvePivotLeafHeaderName: (colDef: any, columnFields: PivotApiField[], lookupDisplayName: (field: PivotApiField, rawValue: any) => string, measureCount: number, measures: PivotApiMeasure[]) => string | null;
@@ -53,6 +72,13 @@ export declare const collectPivotRowPath: (startNode: any) => {
     key: any;
 }[];
 export declare const isAgGridPivotDrillDownMeasureColumn: (colDef: any, measures: PivotApiMeasure[]) => boolean;
+/**
+ * Map Ag Grid blank dimension keys to what DrillDownDataProvider expects for IS NULL.
+ * - Row groups in pivot mode: null/undefined → single space ' ' (GroupStage).
+ * - Pivot column buckets: missing → '' (PivotStage.bucketChildren).
+ * Backend: string.IsNullOrEmpty(value) → `{field} IS NULL`.
+ */
+export declare const normalizePivotDrillDownFieldValue: (value: any) => string | null;
 export declare const buildPivotDrillDownPivotFields: (colDef: any, startNode: any, apiFields: PivotApiField[]) => any[];
 export declare const getMeasureCaption: (measure: PivotApiMeasure) => string;
 export declare const parseJsonArray: (json: string | null | undefined) => any[];

package/dist/index.js

@@ -2421,6 +2421,10 @@ var resolvePivotGroupHeaderName = function resolvePivotGroupHeaderName(colGroupD
     return 'Grand Total';
   }
 
+  if (colGroupDef && colGroupDef.dlPivotColumnGroupTotal) {
+    return null;
+  }
+
   var pivotKeys = colGroupDef && colGroupDef.pivotKeys ? colGroupDef.pivotKeys : [];
 
   if (pivotKeys.length === 0) {
@@ -2435,6 +2439,97 @@ var resolvePivotGroupHeaderName = function resolvePivotGroupHeaderName(colGroupD
 
   return lookupDisplayName(field, pivotKeys[pivotKeys.length - 1]);
 };
+var isAgGridExpandablePivotColumnTotalLeaf = function isAgGridExpandablePivotColumnTotalLeaf(colDef) {
+  if (!colDef || colDef.children) {
+    return false;
+  }
+
+  if (isPivotRowGrandTotalColumnDef(colDef)) {
+    return false;
+  }
+
+  if (colDef.pivotTotalColumnIds === undefined || colDef.pivotTotalColumnIds === null) {
+    return false;
+  }
+
+  return colDef.columnGroupShow === 'closed';
+};
+var isAgGridPivotColumnGroupTotalColumn = function isAgGridPivotColumnGroupTotalColumn(colDef) {
+  if (!colDef || colDef.children) {
+    return false;
+  }
+
+  if (isPivotRowGrandTotalColumnDef(colDef)) {
+    return false;
+  }
+
+  if (colDef.dlPivotColumnGroupTotalLeaf) {
+    return true;
+  }
+
+  return colDef.pivotTotalColumnIds !== undefined && colDef.pivotTotalColumnIds !== null;
+};
+var setAllAgGridColumnGroupsOpened = function setAllAgGridColumnGroupsOpened(columnApi, opened) {
+  if (!columnApi || !columnApi.getColumnGroupState || !columnApi.setColumnGroupState) {
+    return;
+  }
+
+  var groupState = columnApi.getColumnGroupState();
+
+  if (!groupState || groupState.length === 0) {
+    return;
+  }
+
+  columnApi.setColumnGroupState(groupState.map(function (group) {
+    return {
+      groupId: group.groupId,
+      open: opened
+    };
+  }));
+};
+
+var buildDxPivotColumnGroupTotalHeaderName = function buildDxPivotColumnGroupTotalHeaderName(parentGroupDef, columnFields, lookupDisplayName) {
+  var pivotKeys = parentGroupDef && parentGroupDef.pivotKeys ? parentGroupDef.pivotKeys : [];
+
+  if (pivotKeys.length === 0) {
+    return 'Total';
+  }
+
+  var field = columnFields[pivotKeys.length - 1];
+  var rawValue = pivotKeys[pivotKeys.length - 1];
+  var displayName = field ? lookupDisplayName(field, rawValue) : rawValue == null ? '' : String(rawValue);
+  return displayName ? displayName + " Total" : 'Total';
+};
+
+var promoteExpandablePivotColumnTotalsForDx = function promoteExpandablePivotColumnTotalsForDx(colGroupDef, columnFields, lookupDisplayName) {
+  if (!colGroupDef || !colGroupDef.children || colGroupDef.children.length === 0) {
+    return;
+  }
+
+  var totalLeaves = [];
+  var otherChildren = [];
+  colGroupDef.children.forEach(function (child) {
+    if (isAgGridExpandablePivotColumnTotalLeaf(child)) {
+      delete child.columnGroupShow;
+      child.dlPivotColumnGroupTotalLeaf = true;
+      totalLeaves.push(child);
+    } else {
+      otherChildren.push(child);
+    }
+  });
+
+  if (totalLeaves.length === 0) {
+    return;
+  }
+
+  colGroupDef.children = otherChildren.concat([{
+    headerName: buildDxPivotColumnGroupTotalHeaderName(colGroupDef, columnFields, lookupDisplayName),
+    marryChildren: true,
+    dlPivotColumnGroupTotal: true,
+    headerClass: 'dl-pivot-column-group-total-header',
+    children: totalLeaves
+  }]);
+};
 var getPivotValueColumnId = function getPivotValueColumnId(pivotValueColumn) {
   if (!pivotValueColumn) {
     return null;
@@ -2761,6 +2856,13 @@ var isAgGridPivotDrillDownMeasureColumn = function isAgGridPivotDrillDownMeasure
     return measure.PivotMeasureCode === colDef.field || measure.PivotMeasureCode === colId;
   });
 };
+var normalizePivotDrillDownFieldValue = function normalizePivotDrillDownFieldValue(value) {
+  if (value === null || value === undefined || value === '' || value === ' ') {
+    return null;
+  }
+
+  return value;
+};
 var buildPivotDrillDownPivotFields = function buildPivotDrillDownPivotFields(colDef, startNode, apiFields) {
   var columnFields = apiFields.filter(function (field) {
     return !isRowPivotField(field);
@@ -2782,7 +2884,7 @@ var buildPivotDrillDownPivotFields = function buildPivotDrillDownPivotFields(col
     pivotFields.push({
       FieldId: field.FieldId,
       FieldType: field.FieldType ? field.FieldType : 'Field',
-      FieldValue: key,
+      FieldValue: normalizePivotDrillDownFieldValue(key),
       DateCode: field.DateCode
     });
   });
@@ -2800,7 +2902,7 @@ var buildPivotDrillDownPivotFields = function buildPivotDrillDownPivotFields(col
     pivotFields.push({
       FieldId: field.FieldId,
       FieldType: field.FieldType ? field.FieldType : 'Field',
-      FieldValue: pathItem.key,
+      FieldValue: normalizePivotDrillDownFieldValue(pathItem.key),
       DateCode: field.DateCode
     });
   });
@@ -3257,6 +3359,42 @@ var PivotTable = React.forwardRef(function (props, comRef) {
 });
 
 var ROW_GROUP_COLUMN_MIN_WIDTH = 100;
+var PIVOT_VALUE_COLUMN_MIN_WIDTH = 100;
+var PIVOT_HEADER_BASE_HEIGHT = 36;
+var PIVOT_ROW_MIN_HEIGHT = 30;
+var PIVOT_HEADER_WRAP_PADDING = 20;
+var AG_PIVOT_WRAPPING_HEADER_TEMPLATE = '<div class="ag-cell-label-container" role="presentation">' + '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button"></span>' + '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' + '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + '    <span ref="eText" class="ag-header-cell-text" role="columnheader" style="white-space: normal;"></span>' + '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' + '  </div>' + '</div>';
+
+var applyFlexiblePivotValueColumnSizing = function applyFlexiblePivotValueColumnSizing(colDef) {
+  delete colDef.width;
+  colDef.flex = 1;
+  colDef.minWidth = PIVOT_VALUE_COLUMN_MIN_WIDTH;
+};
+
+var getMaxHeaderTextClientHeight = function getMaxHeaderTextClientHeight(root, selector) {
+  var nodes = root.querySelectorAll(selector);
+  var maxHeight = 0;
+
+  for (var i = 0; i < nodes.length; i++) {
+    var height = nodes[i].clientHeight;
+    if (height > maxHeight) maxHeight = height;
+  }
+
+  return maxHeight;
+};
+
+var syncWrappedPivotHeaderHeights = function syncWrappedPivotHeaderHeights(api, root) {
+  if (!api || !root) return;
+  var apiAny = api;
+  var leafTextHeight = getMaxHeaderTextClientHeight(root, '.ag-header-cell-text');
+  var groupTextHeight = getMaxHeaderTextClientHeight(root, '.ag-header-group-text');
+  var leafHeight = Math.max(PIVOT_HEADER_BASE_HEIGHT, leafTextHeight + PIVOT_HEADER_WRAP_PADDING);
+  var groupHeight = Math.max(PIVOT_HEADER_BASE_HEIGHT, groupTextHeight + PIVOT_HEADER_WRAP_PADDING);
+  if (apiAny.setPivotHeaderHeight) apiAny.setPivotHeaderHeight(leafHeight);
+  if (apiAny.setHeaderHeight) apiAny.setHeaderHeight(leafHeight);
+  if (apiAny.setPivotGroupHeaderHeight) apiAny.setPivotGroupHeaderHeight(groupHeight);
+  if (apiAny.setGroupHeaderHeight) apiAny.setGroupHeaderHeight(groupHeight);
+};
 
 var applyAgGridLicense = function applyAgGridLicense() {
   if (!Session.AgGridLicenseKey) return;
@@ -3472,6 +3610,7 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
         return formatPivotMeasureValue(params.value, measure);
       }
     };
+    applyFlexiblePivotValueColumnSizing(colDef);
 
     if (!isPivotDateMinMaxMeasure(measure)) {
       colDef.type = 'numericColumn';
@@ -3498,26 +3637,45 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
   };
 
   var canShowRowsTotal = function canShowRowsTotal() {
+    var pivotRows = parseJsonArray(widget === null || widget === void 0 ? void 0 : widget.PivotRows);
+    if (pivotRows.length <= 1) return false;
     var settings = parsePivotTotalsSettings(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings);
     return !isNullOrUndefinedOrEmpty(settings.ShowRowsTotal) ? !!settings.ShowRowsTotal : false;
   };
 
   var canShowColumnsTotal = function canShowColumnsTotal() {
+    var pivotColumns = parseJsonArray(widget === null || widget === void 0 ? void 0 : widget.PivotColumns);
+    if (pivotColumns.length <= 1) return false;
     var settings = parsePivotTotalsSettings(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings);
     return !isNullOrUndefinedOrEmpty(settings.ShowColumnsTotal) ? !!settings.ShowColumnsTotal : false;
   };
 
+  var showColumnsTotal = canShowColumnsTotal();
+  var pivotRowTotalsPosition = canShowColumnsGrandTotal() ? 'after' : '';
+  React.useEffect(function () {
+    if (!gridApiRef.current || isLoading || columnDefs.length === 0) return;
+    gridApiRef.current.setColumnDefs(columnDefs.slice());
+  }, [widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings, showColumnsTotal, pivotRowTotalsPosition]);
   var isSingleMeasurePivot = measureCount <= 1;
   var processSecondaryColGroupDef = React.useCallback(function (colGroupDef) {
     var columnFields = pivotFieldsRef.current.filter(function (field) {
       return !isRowPivotField(field);
     });
+
+    if (showColumnsTotal) {
+      promoteExpandablePivotColumnTotalsForDx(colGroupDef, columnFields, lookupDisplayName);
+
+      if (!colGroupDef.dlPivotColumnGroupTotal) {
+        colGroupDef.openByDefault = true;
+      }
+    }
+
     var headerName = resolvePivotGroupHeaderName(colGroupDef, columnFields, lookupDisplayName);
 
     if (headerName) {
       colGroupDef.headerName = headerName;
     }
-  }, []);
+  }, [showColumnsTotal]);
   var processSecondaryColDef = React.useCallback(function (colDef) {
     var columnFields = pivotFieldsRef.current.filter(function (field) {
       return !isRowPivotField(field);
@@ -3536,6 +3694,13 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
 
     var measure = resolveMeasureForSecondaryColDef(colDef, pivotMeasuresRef.current);
     applyPivotDataCellFormatting(colDef, measure);
+    applyFlexiblePivotValueColumnSizing(colDef);
+
+    if (isAgGridPivotColumnGroupTotalColumn(colDefAny)) {
+      var existingCellClass = colDef.cellClass ? String(colDef.cellClass) : '';
+      colDef.cellClass = (existingCellClass + ' dl-pivot-column-group-total-cell').trim();
+      colDef.headerClass = 'dl-pivot-column-group-total-header';
+    }
 
     colDef.valueFormatter = function (params) {
       var resolvedMeasure = measure || resolveMeasureForSecondaryColDef(params.colDef, pivotMeasuresRef.current);
@@ -3570,13 +3735,27 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
       resizable: false,
       suppressMenu: true,
       wrapText: true,
-      autoHeight: true
+      autoHeight: true,
+      headerComponentParams: {
+        template: AG_PIVOT_WRAPPING_HEADER_TEMPLATE
+      }
     };
   }, []);
+  var scheduleWrappedPivotHeaderHeights = React.useCallback(function () {
+    var run = function run() {
+      return syncWrappedPivotHeaderHeights(gridApiRef.current, gridContainerRef.current);
+    };
+
+    window.requestAnimationFrame(function () {
+      run();
+      window.setTimeout(run, 0);
+    });
+  }, []);
   var autoGroupColumnDef = React.useMemo(function () {
     return {
       minWidth: ROW_GROUP_COLUMN_MIN_WIDTH,
       width: ROW_GROUP_COLUMN_MIN_WIDTH,
+      suppressSizeToFit: true,
       sortable: false,
       filter: false,
       wrapText: true,
@@ -3646,32 +3825,77 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
       columnApi.autoSizeColumns(autoGroupColumnIds, false);
     }
 
+    scheduleWrappedPivotHeaderHeights();
     scheduleRowGrandTotalHeaderLabel();
   };
 
   var onColumnPivotChanged = function onColumnPivotChanged() {
+    scheduleWrappedPivotHeaderHeights();
     scheduleRowGrandTotalHeaderLabel();
   };
 
   var onColumnResized = function onColumnResized() {
+    scheduleWrappedPivotHeaderHeights();
     scheduleRowGrandTotalHeaderLabel();
   };
 
   var getContextMenuItems = React.useCallback(function (params) {
     var colId = params.column && params.column.getColId ? params.column.getColId() : '';
-    if (!colId || colId.indexOf('ag-Grid-AutoColumn') !== 0) return [];
+    var isRowLabelColumn = !!(colId && colId.indexOf('ag-Grid-AutoColumn') === 0);
+
+    if (isRowLabelColumn) {
+      return [{
+        name: 'Expand All',
+        action: function action() {
+          if (params.api) params.api.expandAll();
+        }
+      }, {
+        name: 'Collapse All',
+        action: function action() {
+          if (params.api) params.api.collapseAll();
+        }
+      }];
+    }
+
+    var columnApi = columnApiRef.current;
+    if (!columnApi || !columnApi.getColumnGroupState) return [];
+    var groupState = columnApi.getColumnGroupState();
+    if (!groupState || groupState.length === 0) return [];
     return [{
       name: 'Expand All',
       action: function action() {
-        if (params.api) params.api.expandAll();
+        return setAllAgGridColumnGroupsOpened(columnApi, true);
       }
     }, {
       name: 'Collapse All',
       action: function action() {
-        if (params.api) params.api.collapseAll();
+        return setAllAgGridColumnGroupsOpened(columnApi, false);
       }
     }];
   }, []);
+  React.useEffect(function () {
+    var container = gridContainerRef.current;
+    if (!container || isLoading) return;
+
+    var onHeaderContextMenu = function onHeaderContextMenu(event) {
+      var target = event.target;
+      if (!target) return;
+      var headerCell = target.closest('.ag-header-cell, .ag-header-group-cell');
+      if (!headerCell) return;
+      var colId = headerCell.getAttribute('col-id') || '';
+      if (colId.indexOf('ag-Grid-AutoColumn') === 0) return;
+      var api = gridApiRef.current;
+      if (!api || !api.contextMenuFactory || !api.contextMenuFactory.onContextMenu) return;
+      event.preventDefault();
+      event.stopPropagation();
+      api.contextMenuFactory.onContextMenu(event, null, null, null, null, headerCell);
+    };
+
+    container.addEventListener('contextmenu', onHeaderContextMenu);
+    return function () {
+      return container.removeEventListener('contextmenu', onHeaderContextMenu);
+    };
+  }, [isLoading]);
   var gridWrapperClassName = 'ag-theme-balham pivot-grid-element dl-ag-pivot-grid';
   return React__default.createElement(React__default.Fragment, null, isLoading ? React__default.createElement("div", {
     className: 'dl-full-hight dl-flex-content-center spinner-custome'
@@ -3698,8 +3922,9 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
     removePivotHeaderRowWhenSingleValueColumn: isSingleMeasurePivot,
     groupIncludeFooter: canShowRowsTotal(),
     groupIncludeTotalFooter: canShowRowsGrandTotal(),
-    pivotRowTotals: canShowColumnsGrandTotal() ? 'after' : undefined,
-    pivotColumnGroupTotals: canShowColumnsTotal() ? 'after' : undefined,
+    pivotRowTotals: pivotRowTotalsPosition,
+    pivotColumnGroupTotals: '',
+    suppressExpandablePivotGroups: !showColumnsTotal,
     processSecondaryColGroupDef: processSecondaryColGroupDef,
     processSecondaryColDef: processSecondaryColDef,
     onCellClicked: onCellClicked,
@@ -3710,8 +3935,11 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
     getContextMenuItems: getContextMenuItems,
     animateRows: false,
     suppressMovableColumns: true,
-    headerHeight: 36,
-    rowHeight: 36
+    headerHeight: PIVOT_HEADER_BASE_HEIGHT,
+    groupHeaderHeight: PIVOT_HEADER_BASE_HEIGHT,
+    pivotHeaderHeight: PIVOT_HEADER_BASE_HEIGHT,
+    pivotGroupHeaderHeight: PIVOT_HEADER_BASE_HEIGHT,
+    rowHeight: PIVOT_ROW_MIN_HEIGHT
   })));
 });