sag_components 2.0.0-beta64 → 2.0.0-beta65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.esm.js +32 -18
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +32 -18
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -31537,7 +31537,7 @@ const SeparatedLineBarChart = ({
31537
31537
  }
31538
31538
  }, /*#__PURE__*/React$1.createElement("div", {
31539
31539
  style: {
31540
- height: "40%"
31540
+ height: "25%"
31541
31541
  }
31542
31542
  }, /*#__PURE__*/React$1.createElement(ResponsiveContainer, {
31543
31543
  width: "100%",
@@ -31594,7 +31594,7 @@ const SeparatedLineBarChart = ({
31594
31594
  hide: true
31595
31595
  })))), /*#__PURE__*/React$1.createElement("div", {
31596
31596
  style: {
31597
- height: "60%"
31597
+ height: "70%"
31598
31598
  }
31599
31599
  }, /*#__PURE__*/React$1.createElement(ResponsiveContainer, {
31600
31600
  width: "100%",
@@ -31630,7 +31630,7 @@ const SeparatedLineBarChart = ({
31630
31630
  }, /*#__PURE__*/React$1.createElement(LabelList, {
31631
31631
  dataKey: "inc_sales",
31632
31632
  position: "top",
31633
- formatter: value => `${value / 1000}k`,
31633
+ formatter: value => `$${getFormattedValue(value)}${getFormattedUnits(value)}`,
31634
31634
  fill: "#212121",
31635
31635
  fontSize: 12,
31636
31636
  fontWeight: "400",
@@ -31641,10 +31641,11 @@ const SeparatedLineBarChart = ({
31641
31641
  stroke: "#212121",
31642
31642
  startIndex: 0,
31643
31643
  endIndex: Math.min(6, processedData.length - 1),
31644
- y: 330,
31645
31644
  travellerWidth: 10,
31646
31645
  tickFormatter: (value, index) => index + 1
31647
- })), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(PerformanceAnalyticsLegend, {
31646
+ })), /*#__PURE__*/React$1.createElement("div", null)), /*#__PURE__*/React$1.createElement(PerformanceAnalyticsLegend, {
31647
+ width: "100%",
31648
+ height: "40px",
31648
31649
  legendData: [{
31649
31650
  iconColor: "#CCDCDD",
31650
31651
  iconType: "Square",
@@ -31654,7 +31655,7 @@ const SeparatedLineBarChart = ({
31654
31655
  iconType: "LegendUnionIcon",
31655
31656
  title: "INC Sales ROI"
31656
31657
  }]
31657
- })))));
31658
+ })));
31658
31659
  };
31659
31660
 
31660
31661
  function SingleChart({
@@ -31712,9 +31713,14 @@ function SingleChart({
31712
31713
  if (!data) return null;
31713
31714
  return /*#__PURE__*/React$1.createElement(TooltipContainer, null, /*#__PURE__*/React$1.createElement(TooltipTitle, null, `${data.label}`), /*#__PURE__*/React$1.createElement(TooltipText, null, `${data.description}`), /*#__PURE__*/React$1.createElement(TooltipText, null, `${data.typeTitle}: ${getFormattedValue(data.value)}${getFormattedUnits(data.value)}`));
31714
31715
  };
31715
- return /*#__PURE__*/React$1.createElement(ResponsiveContainer, {
31716
- width: width,
31717
- height: height
31716
+ return /*#__PURE__*/React$1.createElement("div", {
31717
+ style: {
31718
+ width: "100%",
31719
+ height: "100%"
31720
+ }
31721
+ }, /*#__PURE__*/React$1.createElement(ResponsiveContainer, {
31722
+ width: "100%",
31723
+ height: "95%"
31718
31724
  }, /*#__PURE__*/React$1.createElement(ComposedChart, {
31719
31725
  data: dataWithIndex,
31720
31726
  margin: {
@@ -31760,9 +31766,10 @@ function SingleChart({
31760
31766
  height: 30,
31761
31767
  travellerWidth: 10,
31762
31768
  startIndex: 0,
31763
- endIndex: Math.min(6, barData.length - 1),
31764
- y: 380
31765
- })), /*#__PURE__*/React$1.createElement(PerformanceAnalyticsLegend, {
31769
+ endIndex: Math.min(6, barData.length - 1)
31770
+ }))), /*#__PURE__*/React$1.createElement(PerformanceAnalyticsLegend, {
31771
+ width: "100%",
31772
+ height: "40px",
31766
31773
  legendData: [{
31767
31774
  iconColor: "#CCDCDD",
31768
31775
  iconType: "Square",
@@ -32066,15 +32073,15 @@ function InnerBarChart({
32066
32073
  const label = payload.value;
32067
32074
 
32068
32075
  // Split the label into chunks of words
32069
- const words = label.split(' ');
32076
+ const words = label.split(" ");
32070
32077
  const chunks = [];
32071
- let currentChunk = '';
32078
+ let currentChunk = "";
32072
32079
  words.forEach(word => {
32073
32080
  if (currentChunk.length + word.length > 15) {
32074
32081
  chunks.push(currentChunk.trim());
32075
32082
  currentChunk = word;
32076
32083
  } else {
32077
- currentChunk += ' ' + word;
32084
+ currentChunk += " " + word;
32078
32085
  }
32079
32086
  });
32080
32087
  if (currentChunk) {
@@ -32096,9 +32103,14 @@ function InnerBarChart({
32096
32103
  dy: i === 0 ? "0.71em" : "1.2em"
32097
32104
  }, chunk))));
32098
32105
  };
32099
- return /*#__PURE__*/React$1.createElement(ResponsiveContainer, {
32106
+ return /*#__PURE__*/React$1.createElement("div", {
32107
+ style: {
32108
+ width: "100%",
32109
+ height: "100%"
32110
+ }
32111
+ }, /*#__PURE__*/React$1.createElement(ResponsiveContainer, {
32100
32112
  width: "100%",
32101
- height: "100%"
32113
+ height: "95%"
32102
32114
  }, /*#__PURE__*/React$1.createElement(BarChart$1, {
32103
32115
  data: brushInnerBarData,
32104
32116
  margin: {
@@ -32130,7 +32142,9 @@ function InnerBarChart({
32130
32142
  travellerWidth: 10,
32131
32143
  startIndex: 0,
32132
32144
  endIndex: Math.min(6, brushInnerBarData.length - 1)
32133
- })), /*#__PURE__*/React$1.createElement(PerformanceAnalyticsLegend, {
32145
+ }))), /*#__PURE__*/React$1.createElement(PerformanceAnalyticsLegend, {
32146
+ width: "100%",
32147
+ height: "40px",
32134
32148
  legendData: [{
32135
32149
  iconColor: "#CCDCDD",
32136
32150
  iconType: "Square",