logitude-dashboard-library 3.2.25 → 3.2.27

package/dist/Utils/WidgetLoadLogger.d.ts

@@ -0,0 +1,10 @@
+import { ReactWidgetPM } from "../types/widget";
+import { AxiosResponse } from "axios";
+export declare class WidgetLoadLogger {
+    private StartTime;
+    private Widget;
+    constructor(widget: ReactWidgetPM, isPreviewMode: boolean | null | undefined);
+    log(loadDataResponse: AxiosResponse<any, any>): void;
+    private getLoadTime;
+    private isNumber;
+}

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

@@ -1035,7 +1035,7 @@ $dark-grey: #717585;
         font-size: 14px;
         white-space: nowrap;
         padding: 0px !important;
-        position: sticky;
+        position: sticky !important;
         top: 0px;
         z-index: 1;
         border: 0px !important;
@@ -1105,6 +1105,10 @@ $dark-grey: #717585;
     .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon::before {
         color: #343a40 !important;
     }
+
+    .p-datatable .p-column-resizer-helper {
+        background: #e0e0e0;
+    }
 }
 
 .header-content > .p-column-title > .pi::before {

package/dist/features/Dashboard/ChartsComponents/FusionCharts/FusionChart.d.ts

@@ -8,6 +8,7 @@ export declare type FusionChartProps = {
     dataBinding: DashboardDataBinding;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
     onShowError: (errorMsg: string | null) => void;
+    isPreviewModeActive?: boolean;
 };
 declare const FusionChart: React.ForwardRefExoticComponent<FusionChartProps & React.RefAttributes<unknown>>;
 export default FusionChart;

package/dist/features/Dashboard/ChartsComponents/FusionCharts/GaugeChart.d.ts

@@ -7,6 +7,7 @@ export declare type FusionChartProps = {
     widgetRef: ReactWidgetPM | undefined;
     dataBinding: DashboardDataBinding;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
+    isPreviewModeActive?: boolean;
 };
 declare const FusionChart: React.ForwardRefExoticComponent<FusionChartProps & React.RefAttributes<unknown>>;
 export default FusionChart;

package/dist/index.js

@@ -245,7 +245,7 @@ var DashboardAnalyticsService = /*#__PURE__*/function () {
   };
 
   _proto.getPivotData = function getPivotData(widget) {
-    return this._ApiServices.post("/api/DashboardAnalytics/PostGetPivotData", widget);
+    return this._ApiServices.post("/api/" + this.controller + "/PostGetPivotData", widget);
   };
 
   return DashboardAnalyticsService;
@@ -781,6 +781,65 @@ var ConvertStringToPascalCaseHelper = function ConvertStringToPascalCaseHelper(s
   }).join(' ');
 };
 
+var WidgetLoadLogService = /*#__PURE__*/function () {
+  function WidgetLoadLogService() {
+    this.controller = 'WidgetLoadLogs';
+    this._ApiServices = new ApiServices();
+  }
+
+  var _proto = WidgetLoadLogService.prototype;
+
+  _proto.create = function create(widgetLoadLog) {
+    return this._ApiServices.post("/api/" + this.controller, widgetLoadLog, undefined);
+  };
+
+  return WidgetLoadLogService;
+}();
+
+var WidgetLoadLogger = /*#__PURE__*/function () {
+  function WidgetLoadLogger(widget, isPreviewMode) {
+    this.StartTime = null;
+    this.Widget = null;
+
+    if (!isPreviewMode) {
+      this.StartTime = new Date().getTime();
+      this.Widget = widget;
+    }
+  }
+
+  var _proto = WidgetLoadLogger.prototype;
+
+  _proto.log = function log(loadDataResponse) {
+    if (this.StartTime && this.Widget && loadDataResponse) {
+      var totalExecutionTime = new Date().getTime() - this.StartTime;
+      var widgetLoadLogService = new WidgetLoadLogService();
+      var widgetLoadLog = {
+        Tenant: this.Widget.Tenant,
+        WidgetId: this.Widget.Id,
+        DashboardId: this.Widget.DashboardId,
+        LoadTime: this.getLoadTime(loadDataResponse),
+        TotalExecutionTime: totalExecutionTime
+      };
+      widgetLoadLogService.create(widgetLoadLog).then(function (_response) {}, function (_error) {});
+    }
+
+    this.StartTime = null;
+    this.Widget = null;
+  };
+
+  _proto.getLoadTime = function getLoadTime(loadDataResponse) {
+    var loadTimeHeaderKey = "load-time";
+    var loadTimeHeader = loadDataResponse && loadDataResponse.headers && loadDataResponse.headers[loadTimeHeaderKey] ? loadDataResponse.headers[loadTimeHeaderKey] : "";
+    return this.isNumber(loadTimeHeader) ? Number(loadTimeHeader) : 0;
+  };
+
+  _proto.isNumber = function isNumber(value) {
+    return value !== null && value !== undefined && value !== "" && !isNaN(Number(value.toString()));
+  };
+
+  return WidgetLoadLogger;
+}();
+
 var KpiChart = function KpiChart(props) {
   var _widget$current16;
 
@@ -867,10 +926,12 @@ var KpiChart = function KpiChart(props) {
     var dashboardAnalyticsService = new DashboardAnalyticsService();
     var postWidget = calculateWidgetKPISettingsDates();
     postWidget.onChange = undefined;
+    var widgetLoadLogger = new WidgetLoadLogger(postWidget, props.customChartProps.isPreviewModeActive);
     dashboardAnalyticsService.getKpiData(postWidget).then(function (result) {
       setData(result.data);
       handleResponseErrors(result);
       setIsLoading(false);
+      widgetLoadLogger.log(result);
     }, function (error) {
       var _error$response, _error$response$data, _error$response2, _error$response2$data;
 
@@ -1247,12 +1308,14 @@ var TableChart = function TableChart(props) {
     widget.onChange = undefined;
     widget.PageIndex = 0;
     widget.PageSize = 100;
+    var widgetLoadLogger = new WidgetLoadLogger(widget, props.customChartProps.isPreviewModeActive);
     dashboardAnalyticsService.getTableData(widget).then(function (res) {
       if (res && res.data) {
         fillTableData(res.data);
       }
 
       setIsLoading(false);
+      widgetLoadLogger.log(res);
     })["catch"](function (error) {
       var _error$response, _error$response$data, _error$response2, _error$response2$data;
 
@@ -1483,7 +1546,7 @@ var TableChart = function TableChart(props) {
   };
 
   var isClickableCell = function isClickableCell(fieldCode) {
-    return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || 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";
+    return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || 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 == "TicketNumber" && objectTableName == "Ticket";
   };
 
   var tableCellClicked = function tableCellClicked(data, fieldCode) {
@@ -1596,6 +1659,8 @@ var TableChart = function TableChart(props) {
   }, error))) : React__default.createElement(datatable.DataTable, {
     loading: isTableLoading,
     value: tableData,
+    resizableColumns: !props.customChartProps.isInEditMode,
+    columnResizeMode: "fit",
     responsiveLayout: "scroll"
   }, tableColumns.map(function (column$1, index) {
     return React__default.createElement(column.Column, {
@@ -1688,10 +1753,12 @@ var PivotTable = React.forwardRef(function (props, comRef) {
     }
 
     var dashboardAnalyticsService = new DashboardAnalyticsService();
+    var widgetLoadLogger = new WidgetLoadLogger(props.customChartProps.widget, props.customChartProps.isPreviewModeActive);
     dashboardAnalyticsService.getPivotData(props.customChartProps.widget).then(function (res) {
       tabledata.current = res.data;
       setPivotDataSourceFields();
       setIsLoading(false);
+      widgetLoadLogger.log(res);
     })["catch"](function (err) {
       console.log("Error while Getting Pivot Table Data: ", err);
       tabledata.current = null;
@@ -2076,48 +2143,9 @@ function buildDataSource(values, widget) {
   return data;
 }
 
-var reorder = function reorder(values, referenceOrder) {
-  return referenceOrder.map(function (groupById) {
-    return values.find(function (v) {
-      return v.GroupById === groupById;
-    }) || {
-      GroupById: groupById,
-      Value: 0
-    };
-  });
-};
-
-var getOrderedSeriesMeasures = function getOrderedSeriesMeasures(seriesMeasures, widget) {
-  if (!seriesMeasures || seriesMeasures.length < 2) {
-    return seriesMeasures;
-  }
-
-  var referenceOrder;
-
-  if (widget.SortBy == 1) {
-    referenceOrder = seriesMeasures[0].Values.map(function (v) {
-      return v.Label;
-    });
-    seriesMeasures[1].Values = reorder(seriesMeasures[1].Values, referenceOrder);
-  } else if (widget.SortBy == 2) {
-    referenceOrder = seriesMeasures[1].Values.map(function (v) {
-      return v.Label;
-    });
-    seriesMeasures[0].Values = reorder(seriesMeasures[0].Values, referenceOrder);
-  } else {
-    referenceOrder = seriesMeasures[0].Values.map(function (v) {
-      return v.GroupById;
-    });
-    seriesMeasures[1].Values = reorder(seriesMeasures[1].Values, referenceOrder);
-  }
-
-  return seriesMeasures;
-};
-
 function buildDataSet(seriesMeasures, widget) {
   var dataSet = [];
-  var orderedSeriesMeasures = getOrderedSeriesMeasures(seriesMeasures, widget);
-  orderedSeriesMeasures.forEach(function (seriesMeasure) {
+  seriesMeasures.forEach(function (seriesMeasure) {
     var datas = seriesMeasure.Values.map(function (e, index) {
       return {
         value: e.Value,
@@ -2941,6 +2969,7 @@ var FusionChart = React.forwardRef(function (props, comRef) {
     var isTargetUsed = isTargetWidget(postWidget) && postWidget.WidgetMeasures && postWidget.WidgetMeasures[1] && postWidget.WidgetMeasures[1].MeasureCode == 'Target';
 
     if (isTargetUsed) {
+      var widgetLoadLogger = new WidgetLoadLogger(postWidget, props.isPreviewModeActive);
       dashboardAnalyticsService.getTargetAnalyticsData(postWidget, signal).then(function (result) {
         var _result$data, _result$data4, _result$data5;
 
@@ -2960,6 +2989,7 @@ var FusionChart = React.forwardRef(function (props, comRef) {
         }
 
         setDataLoaded(true);
+        widgetLoadLogger.log(result);
       }, function (error) {
         var _error$response, _error$response$data, _error$response2, _error$response2$data;
 
@@ -2968,10 +2998,14 @@ var FusionChart = React.forwardRef(function (props, comRef) {
         setDataLoaded(true);
       });
     } else {
+      var _widgetLoadLogger = new WidgetLoadLogger(postWidget, props.isPreviewModeActive);
+
       dashboardAnalyticsService.getData(postWidget, signal).then(function (result) {
         handleData(result === null || result === void 0 ? void 0 : result.data);
         chartData.current = result === null || result === void 0 ? void 0 : result.data;
         setDataLoaded(true);
+
+        _widgetLoadLogger.log(result);
       }, function (error) {
         var _error$response3, _error$response3$data, _error$response4, _error$response4$data;
 
@@ -3340,10 +3374,12 @@ var FusionChart$1 = React.forwardRef(function (props, comRef) {
       signal = updatedAxiosController === null || updatedAxiosController === void 0 ? void 0 : updatedAxiosController.signal;
     }
 
+    var widgetLoadLogger = new WidgetLoadLogger(postWidget, props.isPreviewModeActive);
     dashboardAnalyticsService.getGaugeData(postWidget, signal).then(function (result) {
       handleData(result === null || result === void 0 ? void 0 : result.data);
       chartData.current = result === null || result === void 0 ? void 0 : result.data;
       setDataLoaded(true);
+      widgetLoadLogger.log(result);
     }, function (error) {
       var _error$response, _error$response$data, _error$response2, _error$response2$data;
 
@@ -3506,7 +3542,8 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       dataBinding: props.dataBinding,
       widget: widget.current,
       widgetRef: props.widgetRef,
-      onSelectDataPoint: props.onSelectDataPoint
+      onSelectDataPoint: props.onSelectDataPoint,
+      isPreviewModeActive: props.isPreviewModeActive
     });
     return React__default.createElement(FusionChart, {
       ref: fusionChartRef,
@@ -3516,7 +3553,8 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       onSelectDataPoint: props.onSelectDataPoint,
       onShowError: function onShowError(errorMsg) {
         return showErrorMsg(errorMsg);
-      }
+      },
+      isPreviewModeActive: props.isPreviewModeActive
     });
   };