logitude-dashboard-library 3.2.24 → 3.2.26

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;

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;
@@ -2902,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;
 
@@ -2921,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;
 
@@ -2929,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;
 
@@ -3301,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;
 
@@ -3467,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,
@@ -3477,7 +3553,8 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       onSelectDataPoint: props.onSelectDataPoint,
       onShowError: function onShowError(errorMsg) {
         return showErrorMsg(errorMsg);
-      }
+      },
+      isPreviewModeActive: props.isPreviewModeActive
     });
   };