logitude-dashboard-library 3.1.58 → 3.1.60

package/dist/assets/images/red-circle-warning.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 20.1654C5.9374 20.1654 1.83334 16.0613 1.83334 10.9987C1.83334 5.93609 5.9374 1.83203 11 1.83203C16.0626 1.83203 20.1667 5.93609 20.1667 10.9987C20.1667 16.0613 16.0626 20.1654 11 20.1654ZM10.0833 13.7487V15.582H11.9167V13.7487H10.0833ZM10.0833 6.41536V11.9154H11.9167V6.41536H10.0833Z" fill="#F85248"/>
+</svg>

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

@@ -334,6 +334,19 @@ $dark-grey: #717585;
             }
         }
 
+        .header-message-error {
+            max-width: 60px;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            flex: 1;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            min-width: 1px;
+            padding-top: 4px;
+        }
+        
         .widget-table-titles-container {
             display: flex;
             flex: 1;
@@ -1131,7 +1144,7 @@ $dark-grey: #717585;
 }
 
 
-.widget-title-tooltip-text {
+.widget-title-tooltip-text, .header-message-error-tooltip-text {
     text-transform: capitalize;
     font-family: 'Manrope';
     font-weight: 500;
@@ -1147,7 +1160,8 @@ $dark-grey: #717585;
     white-space: normal;
 }
 
-.title-tooltip-container-content > div {
+.title-tooltip-container-content > div,
+.header-message-error-tooltip-container-content > div {
     width: 8px !important;
     height: 4px !important;
 }

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

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

package/dist/images/red-circle-warning.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 20.1654C5.9374 20.1654 1.83334 16.0613 1.83334 10.9987C1.83334 5.93609 5.9374 1.83203 11 1.83203C16.0626 1.83203 20.1667 5.93609 20.1667 10.9987C20.1667 16.0613 16.0626 20.1654 11 20.1654ZM10.0833 13.7487V15.582H11.9167V13.7487H10.0833ZM10.0833 6.41536V11.9154H11.9167V6.41536H10.0833Z" fill="#F85248"/>
+</svg>

package/dist/index.js

@@ -2665,8 +2665,23 @@ var FusionChart = React.forwardRef(function (props, comRef) {
 
     if (isTargetUsed) {
       dashboardAnalyticsService.getTargetAnalyticsData(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;
+        var _result$data, _result$data4, _result$data5;
+
+        if (result !== null && result !== void 0 && result.data && !isNullOrUndefined(result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.SeriesMeasures)) {
+          var _result$data2, _result$data3;
+
+          handleData(result === null || result === void 0 ? void 0 : (_result$data2 = result.data) === null || _result$data2 === void 0 ? void 0 : _result$data2.SeriesMeasures);
+          chartData.current = result === null || result === void 0 ? void 0 : (_result$data3 = result.data) === null || _result$data3 === void 0 ? void 0 : _result$data3.SeriesMeasures;
+        }
+
+        if (result !== null && result !== void 0 && result.data && !isNullOrUndefined(result === null || result === void 0 ? void 0 : (_result$data4 = result.data) === null || _result$data4 === void 0 ? void 0 : _result$data4.Errors) && (result === null || result === void 0 ? void 0 : (_result$data5 = result.data) === null || _result$data5 === void 0 ? void 0 : _result$data5.Errors.length) > 0) {
+          var _result$data6;
+
+          showTargetUsageTooltipMessageError(result === null || result === void 0 ? void 0 : (_result$data6 = result.data) === null || _result$data6 === void 0 ? void 0 : _result$data6.Errors[0]);
+        } else {
+          showTargetUsageTooltipMessageError(null);
+        }
+
         setDataLoaded(true);
       }, function (error) {
         var _error$response, _error$response$data, _error$response2, _error$response2$data;
@@ -2711,6 +2726,14 @@ var FusionChart = React.forwardRef(function (props, comRef) {
     }
   };
 
+  var showTargetUsageTooltipMessageError = function showTargetUsageTooltipMessageError(errorMsg) {
+    if (errorMsg === void 0) {
+      errorMsg = "";
+    }
+
+    props.onShowError(errorMsg);
+  };
+
   var dataplotClick = function dataplotClick(eventObj, dataObj) {
     props.onSelectDataPoint({
       GroupById: dataObj.id.groupbyid,
@@ -2901,6 +2924,37 @@ function SvgCopyIcon(props) {
   })));
 }
 
+var _path$4;
+
+function _extends$5() {
+  _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+  return _extends$5.apply(this, arguments);
+}
+
+function SvgRedCircleWarning(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
+    width: 22,
+    height: 22,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+    d: "M11 20.165a9.167 9.167 0 110-18.333 9.167 9.167 0 010 18.333zm-.917-6.416v1.833h1.834v-1.833h-1.834zm0-7.334v5.5h1.834v-5.5h-1.834z",
+    fill: "#F85248"
+  })));
+}
+
 ReactFC.fcRoot(FusionCharts, Charts$1, FusionTheme);
 FusionCharts.options['license']({
   key: 'prD4C-8eiA7A3A3C7E6G4B4A3J4C7B2D3D2nyqE1C3fd1npaE4D4tlA-21D7E4F4F1F1E1F4F1A10A8C2C5F5E2F2D1hwqD1B5D1aG4A19A32twbC6D3G4lhJ-7A9C11A5B-13ddA2I3A1B9B3D7A2B4G2H3H1F-7smC8B2XB4cetB8A7A5mxD3SG4F2tvgB2A3B2E4C3I3C7B3A4A3A2D3D2G4J-7==',
@@ -3085,6 +3139,14 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       triggerId = _useState2[0],
       setTriggerId = _useState2[1];
 
+  var _useState3 = React.useState(false),
+      showHeaderErrorMessages = _useState3[0],
+      setShowHeaderErrorMessages = _useState3[1];
+
+  var _useState4 = React.useState(""),
+      headerErrorMessages = _useState4[0],
+      setHeaderErrorMessages = _useState4[1];
+
   var editWidget = function editWidget() {
     props.editBtnClicked(widget.current);
   };
@@ -3163,10 +3225,23 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       dataBinding: props.dataBinding,
       widget: widget.current,
       widgetRef: props.widgetRef,
-      onSelectDataPoint: props.onSelectDataPoint
+      onSelectDataPoint: props.onSelectDataPoint,
+      onShowError: function onShowError(errorMsg) {
+        return showErrorMsg(errorMsg);
+      }
     });
   };
 
+  var showErrorMsg = function showErrorMsg(msg) {
+    if (msg && msg.length > 0) {
+      setHeaderErrorMessages(msg || "");
+      setShowHeaderErrorMessages(true);
+    } else {
+      setHeaderErrorMessages("");
+      setShowHeaderErrorMessages(false);
+    }
+  };
+
   var isTableWidget = function isTableWidget() {
     return widget && widget.current && widget.current.TypeCode == 'table';
   };
@@ -3287,7 +3362,20 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
 
       return props.deleteBtnClicked((_props$widget = props.widget) === null || _props$widget === void 0 ? void 0 : _props$widget.key);
     }
-  })))), React__default.createElement("div", {
+  })), !props.isInEditMode && showHeaderErrorMessages && React__default.createElement("div", {
+    className: "header-message-error"
+  }, React__default.createElement(Popup, {
+    className: "header-message-error-tooltip-container",
+    trigger: React__default.createElement("div", null, React__default.createElement(SvgRedCircleWarning, null)),
+    position: ['top center'],
+    arrowStyle: {
+      color: '#262626'
+    },
+    offsetY: -2,
+    on: ['hover', 'focus']
+  }, React__default.createElement("span", {
+    className: "header-message-error-tooltip-text"
+  }, headerErrorMessages))))), React__default.createElement("div", {
     className: "dl-dashboard-widget"
   }, GetChartComponent()));
 });