sag_components 2.0.0-beta85 → 2.0.0-beta86

package/dist/index.js

@@ -24000,22 +24000,21 @@ const DeleteIcon = styled__default["default"].div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = _ref => {
-  let {
-    label,
-    hoverColor,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    xIconShow,
-    labelColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownSingle = ({
+  label,
+  hoverColor,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  xIconShow,
+  labelColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -24413,24 +24412,23 @@ const IconContainer$2 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    required,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    labelColor,
-    xIconShow,
-    checkBoxColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownMultiSelection = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  required,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -31514,7 +31512,7 @@ SegmentedButton.defaultProps = {
 const Container = styled__default["default"].div`
   width: ${props => props.width};
   height: ${props => props.height};
-  margin: 10px;
+  padding: 10px;
   gap: 10px;
   display: flex;
   flex-direction: column;
@@ -31586,7 +31584,8 @@ const BarLine = props => {
   const {
     brushAreaBarData,
     color,
-    lineColor
+    lineColor,
+    hideBrush
   } = props;
   const MAX_CHARS_PER_LINE = getMaxCharsPerLine(brushAreaBarData.length);
   const MAX_LINES = 2;
@@ -31716,7 +31715,7 @@ const BarLine = props => {
     fontSize: 15,
     fontWeight: "400",
     fontFamily: "Poppins"
-  })), /*#__PURE__*/React__default["default"].createElement(recharts.Brush, {
+  })), !hideBrush && /*#__PURE__*/React__default["default"].createElement(recharts.Brush, {
     dataKey: "label",
     height: 30,
     stroke: "#212121",
@@ -31768,7 +31767,7 @@ const BarLine = props => {
     fontSize: 16,
     fontWeight: "400",
     fontFamily: "Poppins"
-  })), /*#__PURE__*/React__default["default"].createElement(recharts.Brush, {
+  })), !hideBrush && /*#__PURE__*/React__default["default"].createElement(recharts.Brush, {
     height: 30,
     fill: "#EFEFEF",
     travellerWidth: 10,
@@ -31794,7 +31793,8 @@ const SingleChart = props => {
   const {
     barData,
     color,
-    legendLabel
+    legendLabel,
+    hideBrush
   } = props;
   const MAX_CHARS_PER_LINE = getMaxCharsPerLine(barData.length);
   const MAX_LINES = 2;
@@ -31907,7 +31907,7 @@ const SingleChart = props => {
     fontSize: 16,
     fontWeight: "400",
     fontFamily: "Poppins"
-  })), /*#__PURE__*/React__default["default"].createElement(recharts.Brush, {
+  })), !hideBrush && /*#__PURE__*/React__default["default"].createElement(recharts.Brush, {
     height: 30,
     fill: "#EFEFEF",
     travellerWidth: 10,
@@ -31929,7 +31929,8 @@ const InnerBar = props => {
   const {
     brushInnerBarData,
     color,
-    backgroundColor
+    backgroundColor,
+    hideBrush
   } = props;
   const MAX_CHARS_PER_LINE = getMaxCharsPerLine(brushInnerBarData.length);
   const MAX_LINES = 2;
@@ -32079,7 +32080,7 @@ const InnerBar = props => {
     dataKey: "total",
     shape: /*#__PURE__*/React__default["default"].createElement(BarWithInner, null),
     barSize: 55
-  }), /*#__PURE__*/React__default["default"].createElement(recharts.Brush, {
+  }), !hideBrush && /*#__PURE__*/React__default["default"].createElement(recharts.Brush, {
     height: 30,
     fill: "#EFEFEF",
     travellerWidth: 10,
@@ -32109,6 +32110,10 @@ const BrushChart = props => {
     brushBarIncData,
     brushBarBasketData,
     brushAreaBarData,
+    hideFirstBrush,
+    hideSecondBrush,
+    hideThirdBrush,
+    hideLastBrush,
     segmentedbuttonOptions,
     title,
     lineChartColor,
@@ -32133,19 +32138,23 @@ const BrushChart = props => {
   }), /*#__PURE__*/React__default["default"].createElement(ChartContainer, null, selectedOption === "New Shoppers & Repeaters" && /*#__PURE__*/React__default["default"].createElement(InnerBar, {
     color: innerChartColor,
     backgroundColor: barChartColor,
-    brushInnerBarData: brushInnerBarData
+    brushInnerBarData: brushInnerBarData,
+    hideBrush: hideFirstBrush
   }), selectedOption === "INC Sales & ROI" && /*#__PURE__*/React__default["default"].createElement(BarLine, {
     color: barChartColor,
     lineColor: lineChartColor,
-    brushAreaBarData: brushAreaBarData
+    brushAreaBarData: brushAreaBarData,
+    hideBrush: hideSecondBrush
   }), selectedOption === "INC Units" && /*#__PURE__*/React__default["default"].createElement(SingleChart, {
     color: barChartColor,
     barData: brushBarIncData,
-    legendLabel: "INC Units"
+    legendLabel: "INC Units",
+    hideBrush: hideThirdBrush
   }), selectedOption === "Basket Lift" && /*#__PURE__*/React__default["default"].createElement(SingleChart, {
     color: barChartColor,
     barData: brushBarBasketData,
-    legendLabel: "Basket Lift"
+    legendLabel: "Basket Lift",
+    hideBrush: hideLastBrush
   })));
 };