sag_components 2.0.0-beta15 → 2.0.0-beta17

package/dist/index.js

@@ -11699,67 +11699,70 @@ const DropdownMain = dt.div`
 `;
 
 /* eslint-disable react/prop-types */
-const DropdownNew = ({
-  isMulti,
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  labelColor,
-  checkBoxColor,
-  xIconShow,
-  showLabelOnTop,
-  orderBy,
-  elementType
-}) => /*#__PURE__*/React__default["default"].createElement(DropdownMain, {
-  className: "DropdownMain",
-  width: width
-}, isMulti ? /*#__PURE__*/React__default["default"].createElement(DropdownMultiNew, {
-  className: "DropdownMultiNew",
-  placeHolder: placeHolder,
-  label: label,
-  labelEmptyValue: labelEmptyValue,
-  labelColor: labelColor,
-  checkBoxColor: checkBoxColor,
-  required: required,
-  options: options,
-  width: width,
-  disabled: disabled,
-  error: error,
-  errorMessage: errorMessage,
-  selectedValue: selectedValue,
-  xIconShow: xIconShow,
-  onChange: onChange,
-  showLabelOnTop: showLabelOnTop,
-  orderBy: orderBy,
-  elementType: elementType
-}) : /*#__PURE__*/React__default["default"].createElement(DropdownSingleNew, {
-  className: "DropdownSingleNew",
-  placeHolder: placeHolder,
-  label: label,
-  labelEmptyValue: labelEmptyValue,
-  labelColor: labelColor,
-  checkBoxColor: checkBoxColor,
-  required: required,
-  options: options,
-  width: width,
-  disabled: disabled,
-  error: error,
-  errorMessage: errorMessage,
-  selectedValue: selectedValue,
-  xIconShow: xIconShow,
-  onChange: onChange,
-  showLabelOnTop: showLabelOnTop,
-  orderBy: orderBy,
-  elementType: elementType
-}));
+const DropdownNew = _ref => {
+  let {
+    isMulti,
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    labelColor,
+    checkBoxColor,
+    xIconShow,
+    showLabelOnTop,
+    orderBy,
+    elementType
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement(DropdownMain, {
+    className: "DropdownMain",
+    width: width
+  }, isMulti ? /*#__PURE__*/React__default["default"].createElement(DropdownMultiNew, {
+    className: "DropdownMultiNew",
+    placeHolder: placeHolder,
+    label: label,
+    labelEmptyValue: labelEmptyValue,
+    labelColor: labelColor,
+    checkBoxColor: checkBoxColor,
+    required: required,
+    options: options,
+    width: width,
+    disabled: disabled,
+    error: error,
+    errorMessage: errorMessage,
+    selectedValue: selectedValue,
+    xIconShow: xIconShow,
+    onChange: onChange,
+    showLabelOnTop: showLabelOnTop,
+    orderBy: orderBy,
+    elementType: elementType
+  }) : /*#__PURE__*/React__default["default"].createElement(DropdownSingleNew, {
+    className: "DropdownSingleNew",
+    placeHolder: placeHolder,
+    label: label,
+    labelEmptyValue: labelEmptyValue,
+    labelColor: labelColor,
+    checkBoxColor: checkBoxColor,
+    required: required,
+    options: options,
+    width: width,
+    disabled: disabled,
+    error: error,
+    errorMessage: errorMessage,
+    selectedValue: selectedValue,
+    xIconShow: xIconShow,
+    onChange: onChange,
+    showLabelOnTop: showLabelOnTop,
+    orderBy: orderBy,
+    elementType: elementType
+  }));
+};
 DropdownNew.propTypes = {
   placeHolder: PropTypes.string,
   label: PropTypes.string,
@@ -12173,20 +12176,21 @@ const DatePicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const RangePicker = ({
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue
-}) => {
+const RangePicker = _ref => {
+  let {
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState(''); // Added value state
@@ -12614,22 +12618,23 @@ const QuarterPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const QuarterPicker = ({
-  availableQuarters,
-  // ["Q1-2024"]
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue
-}) => {
+const QuarterPicker = _ref => {
+  let {
+    availableQuarters,
+    // ["Q1-2024"]
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -13066,21 +13071,22 @@ const MonthPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const MonthPicker = ({
-  availableMonths,
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue
-}) => {
+const MonthPicker = _ref => {
+  let {
+    availableMonths,
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -26992,23 +26998,23 @@ const QuickFilterMain = dt.div`
   border-radius: 10px;
 `;
 
-const QuickFilter = _ref => {
-  let {
-    hoverColor = "#066768",
-    multipleSelection = false,
-    xIconShow = false,
-    disabled = false,
-    error = false,
-    errorMessage = "",
-    label = "Unit Type:",
-    labelColor = "#066768",
-    placeHolder = "Select From List",
-    width = "auto",
-    checkBoxColor = "#229E38",
-    onChange = event => {},
-    options = [],
-    selectedValue = []
-  } = _ref;
+const QuickFilter = props => {
+  const {
+    hoverColor,
+    multipleSelection,
+    xIconShow,
+    disabled,
+    error,
+    errorMessage,
+    label,
+    labelColor,
+    placeHolder,
+    width,
+    checkBoxColor,
+    onChange,
+    options,
+    selectedValue
+  } = props;
   return /*#__PURE__*/React.createElement(QuickFilterMain, {
     width: width,
     className: "QuickFilterMain"
@@ -27698,9 +27704,9 @@ const LegendColorRectangle$1 = dt.div`
 `;
 
 /* eslint-disable no-nested-ternary */
-const ICON_TYPE_SQUARE$2 = 'Square';
-const ICON_TYPE_LEGEND_UNION_ICON$2 = 'LegendUnionIcon';
-const ICON_TYPE_LEGEND_LINE_ICON$2 = 'LegendLineIcon';
+const ICON_TYPE_SQUARE$1 = 'Square';
+const ICON_TYPE_LEGEND_UNION_ICON$1 = 'LegendUnionIcon';
+const ICON_TYPE_LEGEND_LINE_ICON$1 = 'LegendLineIcon';
 const PerformanceAnalyticsLegend = props => {
   const {
     className,
@@ -27719,13 +27725,13 @@ const PerformanceAnalyticsLegend = props => {
     id: "LegendDataContainer"
   }, legendData?.map((item, i) => /*#__PURE__*/React__default["default"].createElement(TitleAndIconContainer, {
     key: `${item.title + i}`
-  }, item.iconType === ICON_TYPE_SQUARE$2 ? /*#__PURE__*/React__default["default"].createElement(LegendColorRectangle$1, {
+  }, item.iconType === ICON_TYPE_SQUARE$1 ? /*#__PURE__*/React__default["default"].createElement(LegendColorRectangle$1, {
     color: item.iconColor
-  }) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON$2 ? /*#__PURE__*/React__default["default"].createElement(LegendUnionIcon, {
+  }) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON$1 ? /*#__PURE__*/React__default["default"].createElement(LegendUnionIcon, {
     width: 30,
     height: 30,
     color: item.iconColor
-  }) : item.iconType === ICON_TYPE_LEGEND_LINE_ICON$2 ? /*#__PURE__*/React__default["default"].createElement(LegendLineIcon, {
+  }) : item.iconType === ICON_TYPE_LEGEND_LINE_ICON$1 ? /*#__PURE__*/React__default["default"].createElement(LegendLineIcon, {
     color: item.iconColor
   }) : '', /*#__PURE__*/React__default["default"].createElement(Title$7, {
     id: "Title",
@@ -27738,7 +27744,7 @@ PerformanceAnalyticsLegend.propTypes = {
   height: PropTypes.string,
   legendData: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
-    iconType: PropTypes.oneOf([ICON_TYPE_SQUARE$2, ICON_TYPE_LEGEND_UNION_ICON$2, ICON_TYPE_LEGEND_LINE_ICON$2]).isRequired,
+    iconType: PropTypes.oneOf([ICON_TYPE_SQUARE$1, ICON_TYPE_LEGEND_UNION_ICON$1, ICON_TYPE_LEGEND_LINE_ICON$1]).isRequired,
     iconColor: PropTypes.string.isRequired
   }))
 };
@@ -27748,15 +27754,15 @@ PerformanceAnalyticsLegend.defaultProps = {
   height: '',
   legendData: [{
     title: '',
-    iconType: ICON_TYPE_SQUARE$2,
+    iconType: ICON_TYPE_SQUARE$1,
     iconColor: '#1F7677'
   }]
 };
 
 /* eslint-disable no-nested-ternary */
-const ICON_TYPE_SQUARE$1 = 'Square';
-const ICON_TYPE_LEGEND_UNION_ICON$1 = 'LegendUnionIcon';
-const ICON_TYPE_LEGEND_LINE_ICON$1 = 'LegendLineIcon';
+const ICON_TYPE_SQUARE = 'Square';
+const ICON_TYPE_LEGEND_UNION_ICON = 'LegendUnionIcon';
+const ICON_TYPE_LEGEND_LINE_ICON = 'LegendLineIcon';
 const BarChartsByWeeks = props => {
   const {
     className,
@@ -27997,7 +28003,7 @@ BarChartsByWeeks.propTypes = {
   showLegend: PropTypes.bool,
   legendData: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
-    iconType: PropTypes.oneOf([ICON_TYPE_SQUARE$1, ICON_TYPE_LEGEND_UNION_ICON$1, ICON_TYPE_LEGEND_LINE_ICON$1]).isRequired,
+    iconType: PropTypes.oneOf([ICON_TYPE_SQUARE, ICON_TYPE_LEGEND_UNION_ICON, ICON_TYPE_LEGEND_LINE_ICON]).isRequired,
     iconColor: PropTypes.string.isRequired
   })),
   showTwoBars: PropTypes.bool,
@@ -28061,11 +28067,11 @@ BarChartsByWeeks.defaultProps = {
   isTitleOriganal: false,
   legendData: [{
     title: 'Sales',
-    iconType: ICON_TYPE_SQUARE$1,
+    iconType: ICON_TYPE_SQUARE,
     iconColor: '#90CE9C'
   }, {
     title: 'Category Average',
-    iconType: ICON_TYPE_LEGEND_LINE_ICON$1,
+    iconType: ICON_TYPE_LEGEND_LINE_ICON,
     iconColor: '#C906FD'
   }],
   showTwoBars: false,
@@ -30277,9 +30283,6 @@ const LabelText = dt.tspan`
 `;
 
 /* eslint-disable react/prop-types */
-const ICON_TYPE_SQUARE = 'Square';
-const ICON_TYPE_LEGEND_UNION_ICON = 'LegendUnionIcon';
-const ICON_TYPE_LEGEND_LINE_ICON = 'LegendLineIcon';
 
 /* BarCharts */
 const BarChart = props => {
@@ -30475,78 +30478,76 @@ const BarChart = props => {
     legendData: legendData
   })));
 };
-BarChart.propTypes = {
-  title: PropTypes.string,
-  barChartData: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    date: PropTypes.string,
-    value: PropTypes.number
-  })),
-  width: PropTypes.string,
-  height: PropTypes.string,
-  barSize: PropTypes.number,
-  barFontSizeValue: PropTypes.string,
-  barChartColor: PropTypes.string,
-  showDollarSign: PropTypes.bool,
-  isDollar: PropTypes.bool,
-  showLegend: PropTypes.bool,
-  legendData: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    iconType: PropTypes.oneOf([ICON_TYPE_SQUARE, ICON_TYPE_LEGEND_UNION_ICON, ICON_TYPE_LEGEND_LINE_ICON]).isRequired,
-    iconColor: PropTypes.string.isRequired
-  })),
-  showReferenceLine: PropTypes.bool,
-  referenceLinePoint: PropTypes.number,
-  referenceLineColor: PropTypes.string,
-  referenceLineDashed: PropTypes.string,
-  showCurrentCampaignStyle: PropTypes.bool,
-  currentBarColor: PropTypes.string,
-  isPercent: PropTypes.bool
-};
-BarChart.defaultProps = {
-  title: 'String',
-  barChartData: [{
-    title: 'Food Lion',
-    date: '15.01.24-31.01.24',
-    value: 542366
-  }, {
-    title: 'Hannaford',
-    date: '15.01.24-31.01.24',
-    value: 699511
-  }, {
-    title: 'The Giant Company',
-    date: '15.01.24-31.01.24',
-    value: 403092
-  }, {
-    title: 'Giant Food',
-    date: '15.01.24-31.01.24',
-    value: 396184
-  }, {
-    title: 'Stop&Shop',
-    date: '15.01.24-31.01.24',
-    value: 415317
-  }],
-  width: '100%',
-  height: '100%',
-  barSize: 60,
-  barFontSizeValue: '0.6em',
-  barChartColor: '#BD9EFF',
-  showDollarSign: true,
-  isDollar: true,
-  showLegend: true,
-  legendData: [{
-    title: 'Incremental Sales',
-    iconType: ICON_TYPE_SQUARE,
-    iconColor: '#BD9EFF'
-  }],
-  showReferenceLine: false,
-  referenceLinePoint: 0,
-  referenceLineColor: '#212121',
-  referenceLineDashed: '5',
-  showCurrentCampaignStyle: false,
-  currentBarColor: '#90CE9C',
-  isPercent: false
-};
+
+// BarChart.propTypes = {
+//   title: PropTypes.string,
+//   barChartData: PropTypes.arrayOf(
+//     PropTypes.shape({
+//       title: PropTypes.string,
+//       date: PropTypes.string,
+//       value: PropTypes.number,
+//     }),
+//   ),
+//   width: PropTypes.string,
+//   height: PropTypes.string,
+//   barSize: PropTypes.number,
+//   barFontSizeValue: PropTypes.string,
+//   barChartColor: PropTypes.string,
+//   showDollarSign: PropTypes.bool,
+//   isDollar: PropTypes.bool,
+//   showLegend: PropTypes.bool,
+//   legendData: PropTypes.arrayOf(
+//     PropTypes.shape({
+//       title: PropTypes.string.isRequired,
+//       iconType: PropTypes.oneOf([
+//         ICON_TYPE_SQUARE,
+//         ICON_TYPE_LEGEND_UNION_ICON,
+//         ICON_TYPE_LEGEND_LINE_ICON,
+//       ]).isRequired,
+//       iconColor: PropTypes.string.isRequired,
+//     }),
+//   ),
+//   showReferenceLine: PropTypes.bool,
+//   referenceLinePoint: PropTypes.number,
+//   referenceLineColor: PropTypes.string,
+//   referenceLineDashed: PropTypes.string,
+//   showCurrentCampaignStyle: PropTypes.bool,
+//   currentBarColor: PropTypes.string,
+//   isPercent: PropTypes.bool,
+// };
+
+// BarChart.defaultProps = {
+//   title: 'String',
+//   barChartData: [
+//     { title: 'Food Lion', date: '15.01.24-31.01.24', value: 542366 },
+//     { title: 'Hannaford', date: '15.01.24-31.01.24', value: 699511 },
+//     { title: 'The Giant Company', date: '15.01.24-31.01.24', value: 403092 },
+//     { title: 'Giant Food', date: '15.01.24-31.01.24', value: 396184 },
+//     { title: 'Stop&Shop', date: '15.01.24-31.01.24', value: 415317 },
+//   ],
+//   width: '100%',
+//   height: '100%',
+//   barSize: 60,
+//   barFontSizeValue: '0.6em',
+//   barChartColor: '#BD9EFF',
+//   showDollarSign: true,
+//   isDollar: true,
+//   showLegend: true,
+//   legendData: [
+//     {
+//       title: 'Incremental Sales',
+//       iconType: ICON_TYPE_SQUARE,
+//       iconColor: '#BD9EFF',
+//     },
+//   ],
+//   showReferenceLine: false,
+//   referenceLinePoint: 0,
+//   referenceLineColor: '#212121',
+//   referenceLineDashed: '5',
+//   showCurrentCampaignStyle: false,
+//   currentBarColor: '#90CE9C',
+//   isPercent: false,
+// };
 
 exports.BannerEventBoxList = BannerEventBoxList;
 exports.BarChart = BarChart;