logitude-dashboard-library 1.4.27 → 1.4.29

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

@@ -423,6 +423,16 @@ $dark-grey: #717585;
     align-items: flex-end;
 }
 
+.dl-kpi-center-sub-container {
+    display: flex;
+    align-content: center;
+    align-items: flex-end;
+    justify-content: center;
+    position: absolute;
+    width: 95%;
+    height: 50%;
+}
+
 .kpIHeader {
     font-weight: bold;
 }
@@ -531,6 +541,17 @@ $dark-grey: #717585;
     margin-bottom: 2px;
 }
 
+.dl-kpi-abbreviationSymbol {
+    font-family: 'Manrope';
+    font-style: normal;
+    font-weight: 630;
+    font-size: 22px;
+    line-height: 111%;
+    color: #292D30;
+    margin-left: 1px;
+    margin-bottom: 2px;
+}
+
 .dl-kpi-ratio-container {
     flex-direction: row;
     box-sizing: border-box;
@@ -574,6 +595,34 @@ $dark-grey: #717585;
     align-items: flex-start;
 }
 
+.dl-kpi-center-prev-container {
+    display: flex;
+    align-content: center;
+    align-items: flex-end;
+    place-content: flex-end flex-start;
+    justify-content: center;
+    font-family: 'Manrope';
+    font-style: normal;
+    font-weight: 500;
+    font-size: 11px;
+    color: #A4A4A4;
+    width: 95%;
+    height: 65%;
+    position: absolute;
+}
+.dl-kpi-prev-container {
+    display: flex;
+    align-content: flex-start;
+    align-items: flex-end;
+    place-content: flex-end flex-start;
+    justify-content: flex-start;
+    font-family: 'Manrope';
+    font-style: normal;
+    font-weight: 500;
+    font-size: 11px;
+    color: #A4A4A4;
+}
+
 .dl-kpi-prev-text {
     font-family: 'Manrope';
     font-style: normal;
@@ -581,4 +630,24 @@ $dark-grey: #717585;
     font-size: 11px;
     line-height: 15px;
     color: #A4A4A4;
+}
+
+.dl-kpi-prev-abbreviationSymbol {
+    font-family: 'Manrope';
+    font-style: normal;
+    font-weight: 500;
+    font-size: 11px;
+    //line-height: 130%;
+    color: #A4A4A4;
+    margin-left: 1px;
+}
+
+.dl-kpi-center-prev-text {
+   
+    font-family: 'Manrope';
+    font-style: normal;
+    font-weight: 500;
+    font-size: 11px;
+    //line-height: 15px;
+    color: #A4A4A4;
 }

package/dist/index.js

@@ -69,6 +69,8 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
+var Session = function Session() {};
+
 var Tools = /*#__PURE__*/function () {
   function Tools() {}
 
@@ -146,7 +148,7 @@ var ApiServices = /*#__PURE__*/function () {
   };
 
   _proto.getTokenFromStorage = function getTokenFromStorage() {
-    return window.localStorage.getItem("token") || '';
+    return Session.Token || '';
   };
 
   _proto.ConcatFiltersToURL = function ConcatFiltersToURL(filters, urlparameters) {
@@ -202,7 +204,7 @@ var DashboardAnalyticsService = /*#__PURE__*/function () {
 }();
 
 var KpiChart = function KpiChart(props) {
-  var _widget$current9;
+  var _widget$current12;
 
   var _useState = React.useState(false),
       dataLoaded = _useState[0],
@@ -304,14 +306,32 @@ var KpiChart = function KpiChart(props) {
   }
 
   function getPreviousValueComponent() {
-    var _widget$current8;
+    var _widget$current8, _widget$current9, _widget$current10;
 
     if (!((_widget$current8 = widget.current) !== null && _widget$current8 !== void 0 && _widget$current8.TimeOverTime)) return null;
     var prevtext = !(data !== null && data !== void 0 && data.ComparisonValue) ? '' : data === null || data === void 0 ? void 0 : data.ComparisonValue;
     prevtext = "Previous: " + prevtext;
-    return React__default.createElement("div", null, React__default.createElement("div", {
-      className: "dl-kpi-prev-text"
-    }, prevtext));
+    return React__default.createElement("div", {
+      className: ((_widget$current9 = widget.current) === null || _widget$current9 === void 0 ? void 0 : _widget$current9.Alighnment) == "Left" ? "dl-kpi-prev-container" : "dl-kpi-center-prev-container"
+    }, React__default.createElement("div", {
+      className: ((_widget$current10 = widget.current) === null || _widget$current10 === void 0 ? void 0 : _widget$current10.Alighnment) == "Left" ? "dl-kpi-prev-text" : "dl-kpi-center-prev-text"
+    }, prevtext), (data === null || data === void 0 ? void 0 : data.ComparisonAbbreviationSymbol) && React__default.createElement("div", {
+      className: "dl-kpi-prev-abbreviationSymbol"
+    }, data === null || data === void 0 ? void 0 : data.ComparisonAbbreviationSymbol));
+  }
+
+  function getAlignmentValue() {
+    var _widget$current11;
+
+    return React__default.createElement("div", {
+      className: ((_widget$current11 = widget.current) === null || _widget$current11 === void 0 ? void 0 : _widget$current11.Alighnment) == "Left" ? "dl-kpi-sub-container" : "dl-kpi-center-sub-container"
+    }, React__default.createElement("div", {
+      className: "dl-kpi-value dl-kpi-textTrimming"
+    }, data === null || data === void 0 ? void 0 : data.Value), (data === null || data === void 0 ? void 0 : data.AbbreviationSymbol) && React__default.createElement("div", {
+      className: "dl-kpi-abbreviationSymbol"
+    }, data === null || data === void 0 ? void 0 : data.AbbreviationSymbol), (data === null || data === void 0 ? void 0 : data.Unit) && React__default.createElement("div", {
+      className: "dl-kpi-unit"
+    }, data === null || data === void 0 ? void 0 : data.Unit), getRatioComponent());
   }
 
   return !dataLoaded ? React__default.createElement("div", {
@@ -329,15 +349,9 @@ var KpiChart = function KpiChart(props) {
   }, React__default.createElement("div", {
     className: "dl-kpi-container",
     style: {
-      marginTop: (_widget$current9 = widget.current) !== null && _widget$current9 !== void 0 && _widget$current9.TimeOverTime ? '7px' : '15.4px'
+      marginTop: (_widget$current12 = widget.current) !== null && _widget$current12 !== void 0 && _widget$current12.TimeOverTime ? '7px' : '15.4px'
     }
-  }, React__default.createElement("div", {
-    className: "dl-kpi-sub-container"
-  }, React__default.createElement("div", {
-    className: "dl-kpi-value dl-kpi-textTrimming"
-  }, data === null || data === void 0 ? void 0 : data.Value), (data === null || data === void 0 ? void 0 : data.Unit) && React__default.createElement("div", {
-    className: "dl-kpi-unit"
-  }, data === null || data === void 0 ? void 0 : data.Unit), getRatioComponent()), getPreviousValueComponent())) : React__default.createElement("div", {
+  }, getAlignmentValue(), getPreviousValueComponent())) : React__default.createElement("div", {
     className: "dl-flex-content-center dl-full-hight",
     style: {
       width: '100%'
@@ -830,6 +844,7 @@ var FusionChartHelper = /*#__PURE__*/function () {
     }
 
     var reducedValue = Math.floor((1700 - window.innerWidth) / 100) + 1;
+    if (reducedValue > 5) reducedValue = 5;
     pieRadius = pieRadius - reducedValue * 5;
     this.pieRadius = pieRadius;
     chartInfo.pieRadius = pieRadius + "%";
@@ -1341,8 +1356,6 @@ var layoutGridProps = {
 };
 
 var Dashboard = function Dashboard(props) {
-  var _props$token;
-
   var Widgetlayouts = React.useRef({
     lg: []
   });
@@ -1358,6 +1371,9 @@ var Dashboard = function Dashboard(props) {
       setIsInEditMode = _useState2[1];
 
   React.useEffect(function () {
+    Session.CurrentUserId = props.userId;
+    Session.Tenant = props.tenant;
+    Session.Token = props === null || props === void 0 ? void 0 : props.token;
     props.dataBinding.onGetLayouts.subscribe(function (layouts) {
       Widgetlayouts.current = layouts;
       setWidgetlayoutsState(deepClone(Widgetlayouts.current));
@@ -1370,7 +1386,6 @@ var Dashboard = function Dashboard(props) {
       setWidgetlayoutsState(deepClone(Widgetlayouts.current));
     });
   }, []);
-  if ((props === null || props === void 0 ? void 0 : (_props$token = props.token) === null || _props$token === void 0 ? void 0 : _props$token.length) > 0) localStorage.setItem("token", props === null || props === void 0 ? void 0 : props.token);
 
   var updateWidgets = function updateWidgets(layouts) {
     var layoutsDic = {};