logitude-dashboard-library 3.2.65 → 3.2.67

package/dist/index.js

@@ -1972,7 +1972,8 @@ var TableChart = function TableChart(props) {
     }
 
     if (!rowData) return true;
-    return Number(rowData.Tenant) === Number(Session.Tenant);
+    var rowTenantId = rowData.lookUp_Tenant != null ? rowData.lookUp_Tenant : rowData.Tenant;
+    return Number(rowTenantId) === Number(Session.Tenant);
   };
 
   var isClickableCell = function isClickableCell(fieldCode, rowData) {
@@ -1984,7 +1985,7 @@ var TableChart = function TableChart(props) {
       return false;
     }
 
-    return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || IsShipmentMasterFieldClickable(fieldCode, rowData) || fieldCode == "InvoiceNumber" && objectTableName == "APInvoice" || fieldCode == "InvoiceNumber" && objectTableName == "ARInvoice" || fieldCode == "ContainerNumber" && objectTableName == "Container" || fieldCode == "QuoteNumber" && objectTableName == "Quote" || fieldCode == "Subject" && objectTableName == "Opportunity" || fieldCode == "EnglishName" && objectTableName == "Customer" || fieldCode == "TaskNumber" && objectTableName == "Task" || fieldCode == "Subject" && objectTableName == "Activity" || fieldCode == "TicketNumber" && objectTableName == "Ticket" || fieldCode == "ReleaseNumber" && objectTableName == "WarehouseRelease" || fieldCode == "EntryNumber" && objectTableName == "WarehouseEntry";
+    return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || IsShipmentMasterFieldClickable(fieldCode, rowData) || fieldCode == "InvoiceNumber" && objectTableName == "APInvoice" || fieldCode == "InvoiceNumber" && objectTableName == "ARInvoice" || fieldCode == "ContainerNumber" && objectTableName == "Container" || fieldCode == "QuoteNumber" && objectTableName == "Quote" || fieldCode == "Subject" && objectTableName == "Opportunity" || fieldCode == "EnglishName" && objectTableName == "Customer" || fieldCode == "TaskNumber" && objectTableName == "Task" || fieldCode == "Subject" && objectTableName == "Activity" || fieldCode == "TicketNumber" && objectTableName == "Ticket" || fieldCode == "ReleaseNumber" && objectTableName == "WarehouseRelease" || fieldCode == "EntryNumber" && objectTableName == "WarehouseEntry" || fieldCode == "Subject" && objectTableName == "Conversation" || fieldCode == "ConversationSubject" && objectTableName == "ConversationMessage";
   };
 
   var IsShipmentMasterFieldClickable = function IsShipmentMasterFieldClickable(fieldCode, rowData) {
@@ -2420,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) {
@@ -2434,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;
@@ -2711,17 +2807,15 @@ var collectPivotRowPath = function collectPivotRowPath(startNode) {
     return path;
   }
 
-  if (startNode.footer) {
-    if (startNode.level === -1) {
-      return path;
-    }
+  if (startNode.footer && startNode.level === -1) {
+    return path;
+  }
 
-    if (startNode.field != null && startNode.key !== undefined) {
-      path.unshift({
-        field: startNode.field,
-        key: startNode.key
-      });
-    }
+  if (startNode.field != null && startNode.key !== undefined) {
+    path.unshift({
+      field: startNode.field,
+      key: startNode.key
+    });
   }
 
   var node = startNode.parent;
@@ -2739,6 +2833,36 @@ var collectPivotRowPath = function collectPivotRowPath(startNode) {
 
   return path;
 };
+var isAgGridPivotDrillDownMeasureColumn = function isAgGridPivotDrillDownMeasureColumn(colDef, measures) {
+  if (!colDef || !measures || measures.length === 0) {
+    return false;
+  }
+
+  if (colDef.pivotValueColumn) {
+    return true;
+  }
+
+  if (colDef.rowGroup || colDef.pivot) {
+    return false;
+  }
+
+  var colId = colDef.colId ? String(colDef.colId) : '';
+
+  if (colId.indexOf('ag-Grid-AutoColumn') === 0) {
+    return false;
+  }
+
+  return measures.some(function (measure) {
+    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);
@@ -2760,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
     });
   });
@@ -2778,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
     });
   });
@@ -3235,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;
@@ -3450,6 +3610,7 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
         return formatPivotMeasureValue(params.value, measure);
       }
     };
+    applyFlexiblePivotValueColumnSizing(colDef);
 
     if (!isPivotDateMinMaxMeasure(measure)) {
       colDef.type = 'numericColumn';
@@ -3476,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);
@@ -3514,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);
@@ -3528,7 +3715,7 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
   }, []);
   var onCellClicked = React.useCallback(function (event) {
     var colDef = event.colDef;
-    if (!colDef || !colDef.pivotValueColumn) return;
+    if (!isAgGridPivotDrillDownMeasureColumn(colDef, pivotMeasuresRef.current)) return;
     if (isPivotMeasureValueEmpty(event.value)) return;
     var pivotFields = buildPivotDrillDownPivotFields(colDef, event.node, pivotFieldsRef.current);
     props.customChartProps.onSelectDataPoint({
@@ -3548,26 +3735,34 @@ 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,
       autoHeight: true,
       cellClass: 'dl-ag-pivot-row-label-cell',
-      headerValueGetter: function headerValueGetter(params) {
-        var colDef = params.colDef;
-        var showRowGroup = colDef && colDef.showRowGroup;
-        if (!showRowGroup) return '';
-        var field = pivotFieldsRef.current.find(function (f) {
-          return f.PivotCode === showRowGroup;
-        });
-        return field ? field.DisplayName : '';
+      headerValueGetter: function headerValueGetter() {
+        return '';
       },
       valueFormatter: function valueFormatter(params) {
         var colDef = params.colDef;
@@ -3630,17 +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() : '';
+    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() {
+        return setAllAgGridColumnGroupsOpened(columnApi, true);
+      }
+    }, {
+      name: 'Collapse All',
+      action: function action() {
+        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'
@@ -3667,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,
@@ -3676,11 +3932,14 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
     onFirstDataRendered: onFirstDataRendered,
     onColumnPivotChanged: onColumnPivotChanged,
     onColumnResized: onColumnResized,
+    getContextMenuItems: getContextMenuItems,
     animateRows: false,
-    suppressContextMenu: true,
     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
   })));
 });