logitude-dashboard-library 3.1.39 → 3.1.41

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

@@ -1004,4 +1004,10 @@ $dark-grey: #717585;
 
 .padding-left-12 {
     padding-left: 12px !important;
+}
+
+.table-link-cell {
+    color: #1E4AC4 !important;
+    cursor: pointer;
+    text-decoration: underline;
 }

package/dist/index.js

@@ -228,6 +228,10 @@ var DashboardAnalyticsService = /*#__PURE__*/function () {
     return this._ApiServices.post("/api/" + this.controller + "/PostGetGaugeData", widget, signal);
   };
 
+  _proto.getObjectTableNameByWidgetEntityId = function getObjectTableNameByWidgetEntityId(entityId) {
+    return this._ApiServices.get("/api/analyticsfactsmetadatas/getsingle?id=" + entityId);
+  };
+
   return DashboardAnalyticsService;
 }();
 
@@ -1073,13 +1077,18 @@ var TableChart = function TableChart(props) {
 
   var isDefaultSortOptionsUsed = React.useRef(false);
   var widgetRefData = React.useRef(null);
+
+  var _useState9 = React.useState(null),
+      objectTableName = _useState9[0],
+      setObjectTableName = _useState9[1];
+
   React.useEffect(function () {
     var _props$customChartPro;
 
     if (props.customChartProps && props.customChartProps.widget) {
       setWidget(props.customChartProps.widget);
       widgetRefData.current = props.customChartProps.widget;
-      getTableData(props.customChartProps.widget);
+      getObjectTableName(props.customChartProps.widget);
     }
 
     (_props$customChartPro = props.customChartProps.dataBinding) === null || _props$customChartPro === void 0 ? void 0 : _props$customChartPro.widgetUpdated.subscribe(function (updatedWidget) {
@@ -1090,6 +1099,22 @@ var TableChart = function TableChart(props) {
     });
   }, []);
 
+  var getObjectTableName = function getObjectTableName(widget) {
+    var dashboardAnalyticsService = new DashboardAnalyticsService();
+    dashboardAnalyticsService.getObjectTableNameByWidgetEntityId(widget === null || widget === void 0 ? void 0 : widget.EntityId).then(function (res) {
+      if (res && res.data && res.data.ObjectTableName) {
+        setObjectTableName(res.data.ObjectTableName);
+        getTableData(widget);
+      } else {
+        setError("Erorr: No object table name match this widget entity id");
+        setIsLoading(false);
+      }
+    })["catch"](function () {
+      setError("Erorr: No object table name match this widget entity id");
+      setIsLoading(false);
+    });
+  };
+
   var getTableData = function getTableData(widget) {
     if (Session.Tenant == 0) {
       setTableData([]);
@@ -1333,6 +1358,18 @@ var TableChart = function TableChart(props) {
     return "unset";
   };
 
+  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";
+  };
+
+  var tableCellClicked = function tableCellClicked(data, fieldCode) {
+    if (!data || !data.Id || !data.Id.Label || !isClickableCell(fieldCode) || props.customChartProps.isInEditMode) return;
+    props.customChartProps.onSelectDataPoint({
+      ObjectTableName: objectTableName,
+      TableRowEntityId: data.Id.Label
+    });
+  };
+
   var cellTemplateBody = function cellTemplateBody(data, column) {
     var _data$column$FieldCod, _data$column$FieldCod2, _data$column$FieldCod3, _data$column$FieldCod4, _data$column$FieldCod5, _data$column$FieldCod6, _data$column$FieldCod7;
 
@@ -1345,8 +1382,11 @@ var TableChart = function TableChart(props) {
         fontSize: getTableFormattingPropertyValue("TableCellFontSize", "px")
       }
     }, getDateTimeValue((_data$column$FieldCod2 = data[column.FieldCode]) === null || _data$column$FieldCod2 === void 0 ? void 0 : _data$column$FieldCod2.Label)) : React__default.createElement("span", {
+      onClick: function onClick() {
+        return tableCellClicked(data, column.FieldCode);
+      },
       title: (_data$column$FieldCod3 = data[column.FieldCode]) === null || _data$column$FieldCod3 === void 0 ? void 0 : _data$column$FieldCod3.Label,
-      className: "table-cell",
+      className: "table-cell " + (isClickableCell(column.FieldCode) ? 'table-link-cell' : ''),
       style: {
         color: getTableFormattingPropertyValue("TableCellFontColor"),
         backgroundColor: getCellPropertyByRule(column, (_data$column$FieldCod4 = data[column.FieldCode]) === null || _data$column$FieldCod4 === void 0 ? void 0 : _data$column$FieldCod4.Value, 'RuleBackgroundColor'),
@@ -1787,11 +1827,11 @@ var getGaugeObject = function getGaugeObject(data, widget) {
   fusionObject.dataSource = {
     "chart": chartInfo,
     "colorRange": {
-      "color": getWidgetRanges(widget, data === null || data === void 0 ? void 0 : data.Value)
+      "color": getWidgetRanges(widget, !isNullOrUndefined(data) && !isNullOrUndefined(data === null || data === void 0 ? void 0 : data.Value) ? data === null || data === void 0 ? void 0 : data.Value : 0)
     },
     "dials": {
       "dial": [{
-        "value": data.Value
+        "value": !isNullOrUndefined(data) && !isNullOrUndefined(data === null || data === void 0 ? void 0 : data.Value) ? data === null || data === void 0 ? void 0 : data.Value : 0
       }]
     }
   };