sag_components 2.0.0-beta64 → 2.0.0-beta65

package/dist/index.js

@@ -31547,7 +31547,7 @@ const SeparatedLineBarChart = ({
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
-      height: "40%"
+      height: "25%"
     }
   }, /*#__PURE__*/React__default["default"].createElement(recharts.ResponsiveContainer, {
     width: "100%",
@@ -31604,7 +31604,7 @@ const SeparatedLineBarChart = ({
     hide: true
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
-      height: "60%"
+      height: "70%"
     }
   }, /*#__PURE__*/React__default["default"].createElement(recharts.ResponsiveContainer, {
     width: "100%",
@@ -31640,7 +31640,7 @@ const SeparatedLineBarChart = ({
   }, /*#__PURE__*/React__default["default"].createElement(recharts.LabelList, {
     dataKey: "inc_sales",
     position: "top",
-    formatter: value => `${value / 1000}k`,
+    formatter: value => `$${getFormattedValue(value)}${getFormattedUnits(value)}`,
     fill: "#212121",
     fontSize: 12,
     fontWeight: "400",
@@ -31651,10 +31651,11 @@ const SeparatedLineBarChart = ({
     stroke: "#212121",
     startIndex: 0,
     endIndex: Math.min(6, processedData.length - 1),
-    y: 330,
     travellerWidth: 10,
     tickFormatter: (value, index) => index + 1
-  })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(PerformanceAnalyticsLegend, {
+  })), /*#__PURE__*/React__default["default"].createElement("div", null)), /*#__PURE__*/React__default["default"].createElement(PerformanceAnalyticsLegend, {
+    width: "100%",
+    height: "40px",
     legendData: [{
       iconColor: "#CCDCDD",
       iconType: "Square",
@@ -31664,7 +31665,7 @@ const SeparatedLineBarChart = ({
       iconType: "LegendUnionIcon",
       title: "INC Sales ROI"
     }]
-  })))));
+  })));
 };
 
 function SingleChart({
@@ -31722,9 +31723,14 @@ function SingleChart({
     if (!data) return null;
     return /*#__PURE__*/React__default["default"].createElement(TooltipContainer, null, /*#__PURE__*/React__default["default"].createElement(TooltipTitle, null, `${data.label}`), /*#__PURE__*/React__default["default"].createElement(TooltipText, null, `${data.description}`), /*#__PURE__*/React__default["default"].createElement(TooltipText, null, `${data.typeTitle}: ${getFormattedValue(data.value)}${getFormattedUnits(data.value)}`));
   };
-  return /*#__PURE__*/React__default["default"].createElement(recharts.ResponsiveContainer, {
-    width: width,
-    height: height
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: "100%",
+      height: "100%"
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(recharts.ResponsiveContainer, {
+    width: "100%",
+    height: "95%"
   }, /*#__PURE__*/React__default["default"].createElement(recharts.ComposedChart, {
     data: dataWithIndex,
     margin: {
@@ -31770,9 +31776,10 @@ function SingleChart({
     height: 30,
     travellerWidth: 10,
     startIndex: 0,
-    endIndex: Math.min(6, barData.length - 1),
-    y: 380
-  })), /*#__PURE__*/React__default["default"].createElement(PerformanceAnalyticsLegend, {
+    endIndex: Math.min(6, barData.length - 1)
+  }))), /*#__PURE__*/React__default["default"].createElement(PerformanceAnalyticsLegend, {
+    width: "100%",
+    height: "40px",
     legendData: [{
       iconColor: "#CCDCDD",
       iconType: "Square",
@@ -32076,15 +32083,15 @@ function InnerBarChart({
     const label = payload.value;
 
     // Split the label into chunks of words
-    const words = label.split(' ');
+    const words = label.split(" ");
     const chunks = [];
-    let currentChunk = '';
+    let currentChunk = "";
     words.forEach(word => {
       if (currentChunk.length + word.length > 15) {
         chunks.push(currentChunk.trim());
         currentChunk = word;
       } else {
-        currentChunk += ' ' + word;
+        currentChunk += " " + word;
       }
     });
     if (currentChunk) {
@@ -32106,9 +32113,14 @@ function InnerBarChart({
       dy: i === 0 ? "0.71em" : "1.2em"
     }, chunk))));
   };
-  return /*#__PURE__*/React__default["default"].createElement(recharts.ResponsiveContainer, {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: "100%",
+      height: "100%"
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(recharts.ResponsiveContainer, {
     width: "100%",
-    height: "100%"
+    height: "95%"
   }, /*#__PURE__*/React__default["default"].createElement(recharts.BarChart, {
     data: brushInnerBarData,
     margin: {
@@ -32140,7 +32152,9 @@ function InnerBarChart({
     travellerWidth: 10,
     startIndex: 0,
     endIndex: Math.min(6, brushInnerBarData.length - 1)
-  })), /*#__PURE__*/React__default["default"].createElement(PerformanceAnalyticsLegend, {
+  }))), /*#__PURE__*/React__default["default"].createElement(PerformanceAnalyticsLegend, {
+    width: "100%",
+    height: "40px",
     legendData: [{
       iconColor: "#CCDCDD",
       iconType: "Square",