sag_components 1.0.425 → 1.0.426

package/dist/stories/components/TotalBenchmarkAreachart.js

@@ -120,18 +120,18 @@ const TotalBenchmarkAreachart = props => {
     return null;
   };
   const displayEventWeeksElements = () => {
+    var _getAreaChartFormatte;
+    if (!areaChartData || areaChartData.length === 0) return "";
     return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.EventWeeksLegendDataElementsContainer, {
       id: "EventWeeksLegendDataElementsContainer"
-    }, areaChartData === null || areaChartData === void 0 ? void 0 : areaChartData.map(item => {
+    }, (_getAreaChartFormatte = getAreaChartFormattedData()) === null || _getAreaChartFormatte === void 0 ? void 0 : _getAreaChartFormatte.map(item => {
       console.log("displayEventWeeksElements", item);
-      if (item !== null) {
-        return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.EventWeeksLegendDataElement, {
-          id: "EventWeeksLegendDataElement",
-          color: item.title >= startWeekRange && item.title <= endWeekRange ? xselectedColor : "",
-          borderLeftRadius: item.title === startWeekRange ? "12px" : "0px",
-          borderRightRadius: item.title === endWeekRange ? "12px" : "0px"
-        }, item.title);
-      }
+      return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.EventWeeksLegendDataElement, {
+        id: "EventWeeksLegendDataElement",
+        color: item.title >= startWeekRange && item.title <= endWeekRange ? xselectedColor : "",
+        borderLeftRadius: item.title === startWeekRange ? "12px" : "0px",
+        borderRightRadius: item.title === endWeekRange ? "12px" : "0px"
+      }, item.titleWeek);
     }));
   };
   const displayEventWeeksLegendData = () => /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.EventWeeksLegendMainContainer, {
@@ -145,6 +145,17 @@ const TotalBenchmarkAreachart = props => {
     id: "EventWeeksLegendTitle",
     width: width
   }, "Event weeks")));
+  const getAreaChartFormattedData = () => {
+    if (!areaChartData || (areaChartData === null || areaChartData === void 0 ? void 0 : areaChartData.length) === 0) return null;
+    const newFormattedData = areaChartData === null || areaChartData === void 0 ? void 0 : areaChartData.map(item => {
+      var _item$title;
+      return {
+        ...item,
+        titleWeek: item.title && ((_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toString().length) === 6 ? item.title.toString().substring(4, 6) : 0
+      };
+    });
+    return newFormattedData;
+  };
   return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.ControlsContainer, {
     id: "ControlsContainer",
     height: height,
@@ -184,7 +195,7 @@ const TotalBenchmarkAreachart = props => {
     height: "100%"
   }, /*#__PURE__*/_react.default.createElement(_recharts.AreaChart, {
     id: "SourceAreaChart",
-    data: areaChartData,
+    data: getAreaChartFormattedData(),
     margin: {
       top: 0,
       right: 24,
@@ -223,7 +234,7 @@ const TotalBenchmarkAreachart = props => {
     stopColor: fillChart2Color,
     stopOpacity: opacity
   }))), /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
-    dataKey: "title",
+    dataKey: "titleWeek",
     tick: false
     // tick={(item) => <CustomTick {...item} />}
     ,
@@ -263,55 +274,55 @@ TotalBenchmarkAreachart.defaultProps = {
   benchmarkTotalValue: "",
   benchmarkValue: null,
   areaChartData: [{
-    title: "W20",
+    title: "202320",
     value1: 542366,
     value2: 247715
   }, {
-    title: "W21",
+    title: "202321",
     value1: 699511,
     value2: 252313
   }, {
-    title: "W22",
+    title: "202322",
     value1: 403092,
     value2: 260822
   }, {
-    title: "W23",
+    title: "202323",
     value1: 396184,
     value2: 264325
   }, {
-    title: "W24",
+    title: "202324",
     value1: 415317,
     value2: 269243
   }, {
-    title: "W25",
+    title: "202325",
     value1: 568376,
     value2: 269592
   }, {
-    title: "W26",
+    title: "202326",
     value1: 1078121,
     value2: 269949
   }, {
-    title: "W27",
+    title: "202327",
     value1: 347930,
     value2: 270735
   }, {
-    title: "W28",
+    title: "202328",
     value1: 346258,
     value2: 271200
   }, {
-    title: "W29",
+    title: "202329",
     value1: 350184,
     value2: 270324
   }, {
-    title: "W30",
+    title: "202330",
     value1: 312790,
     value2: 266821
   }, {
-    title: "W31",
+    title: "202331",
     value1: 335076,
     value2: 267064
   }, {
-    title: "W32",
+    title: "202332",
     value1: 311037,
     value2: 266821
   }],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.425",
+  "version": "1.0.426",
   "description": "",
   "main": "dist/index.js",
   "scripts": {