logitude-dashboard-library 3.2.66 → 3.2.67

package/dist/index.modern.js

@@ -2417,6 +2417,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) {
@@ -2431,6 +2435,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;
@@ -2757,6 +2852,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);
@@ -2778,7 +2880,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
     });
   });
@@ -2796,7 +2898,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
     });
   });
@@ -3253,6 +3355,42 @@ var PivotTable = 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;
@@ -3468,6 +3606,7 @@ var AgPivotGrid = forwardRef(function (props, _comRef) {
         return formatPivotMeasureValue(params.value, measure);
       }
     };
+    applyFlexiblePivotValueColumnSizing(colDef);
 
     if (!isPivotDateMinMaxMeasure(measure)) {
       colDef.type = 'numericColumn';
@@ -3494,26 +3633,45 @@ var AgPivotGrid = 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' : '';
+  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 = 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 = useCallback(function (colDef) {
     var columnFields = pivotFieldsRef.current.filter(function (field) {
       return !isRowPivotField(field);
@@ -3532,6 +3690,13 @@ var AgPivotGrid = 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);
@@ -3566,13 +3731,27 @@ var AgPivotGrid = forwardRef(function (props, _comRef) {
       resizable: false,
       suppressMenu: true,
       wrapText: true,
-      autoHeight: true
+      autoHeight: true,
+      headerComponentParams: {
+        template: AG_PIVOT_WRAPPING_HEADER_TEMPLATE
+      }
     };
   }, []);
+  var scheduleWrappedPivotHeaderHeights = useCallback(function () {
+    var run = function run() {
+      return syncWrappedPivotHeaderHeights(gridApiRef.current, gridContainerRef.current);
+    };
+
+    window.requestAnimationFrame(function () {
+      run();
+      window.setTimeout(run, 0);
+    });
+  }, []);
   var autoGroupColumnDef = useMemo(function () {
     return {
       minWidth: ROW_GROUP_COLUMN_MIN_WIDTH,
       width: ROW_GROUP_COLUMN_MIN_WIDTH,
+      suppressSizeToFit: true,
       sortable: false,
       filter: false,
       wrapText: true,
@@ -3642,32 +3821,77 @@ var AgPivotGrid = forwardRef(function (props, _comRef) {
       columnApi.autoSizeColumns(autoGroupColumnIds, false);
     }
 
+    scheduleWrappedPivotHeaderHeights();
     scheduleRowGrandTotalHeaderLabel();
   };
 
   var onColumnPivotChanged = function onColumnPivotChanged() {
+    scheduleWrappedPivotHeaderHeights();
     scheduleRowGrandTotalHeaderLabel();
   };
 
   var onColumnResized = function onColumnResized() {
+    scheduleWrappedPivotHeaderHeights();
     scheduleRowGrandTotalHeaderLabel();
   };
 
   var getContextMenuItems = 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);
       }
     }];
   }, []);
+  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'
@@ -3694,8 +3918,9 @@ var AgPivotGrid = 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,
@@ -3706,8 +3931,11 @@ var AgPivotGrid = 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
   })));
 });