sag_components 2.0.0-beta17 → 2.0.0-beta18

package/dist/index.esm.js

@@ -1154,7 +1154,7 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 var propTypesExports = propTypes.exports;
-var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+var PropTypes$1 = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -3514,8 +3514,8 @@ const NoDataFoundIcon = ({
   strokeLinecap: "round"
 }));
 NoDataFoundIcon.propTypes = {
-  height: PropTypes.string,
-  width: PropTypes.string
+  height: PropTypes$1.string,
+  width: PropTypes$1.string
 };
 
 const NoDataFoundContainer = dt.div`
@@ -3566,7 +3566,7 @@ const NoDataFoundMessage = props => {
   }, noDataText));
 };
 NoDataFoundMessage.propTypes = {
-  noDataText: PropTypes.string
+  noDataText: PropTypes$1.string
 };
 NoDataFoundMessage.defaultProps = {
   noDataText: ''
@@ -3897,11 +3897,11 @@ const Tooltip$1 = props => {
   }, content)));
 };
 Tooltip$1.propTypes = {
-  children: PropTypes.node,
-  content: PropTypes.node,
-  direction: PropTypes.string,
-  delay: PropTypes.string,
-  topFactor: PropTypes.number
+  children: PropTypes$1.node,
+  content: PropTypes$1.node,
+  direction: PropTypes$1.string,
+  delay: PropTypes$1.string,
+  topFactor: PropTypes$1.number
 };
 Tooltip$1.defaultProps = {
   children: null,
@@ -4012,18 +4012,18 @@ const Benchmark = props => {
   }))));
 };
 Benchmark.propTypes = {
-  totalValue: PropTypes.number,
-  currentValue: PropTypes.number,
-  benchmarkValue: PropTypes.number,
-  width: PropTypes.number,
-  height: PropTypes.number,
-  color: PropTypes.string,
-  linearGradientColor: PropTypes.string,
-  underAvarageColor: PropTypes.string,
-  linearGradientUnderAvarageColor: PropTypes.string,
-  backgroundColor: PropTypes.string,
-  tooltipLabel: PropTypes.string,
-  tooltipDirection: PropTypes.string
+  totalValue: PropTypes$1.number,
+  currentValue: PropTypes$1.number,
+  benchmarkValue: PropTypes$1.number,
+  width: PropTypes$1.number,
+  height: PropTypes$1.number,
+  color: PropTypes$1.string,
+  linearGradientColor: PropTypes$1.string,
+  underAvarageColor: PropTypes$1.string,
+  linearGradientUnderAvarageColor: PropTypes$1.string,
+  backgroundColor: PropTypes$1.string,
+  tooltipLabel: PropTypes$1.string,
+  tooltipDirection: PropTypes$1.string
 };
 Benchmark.defaultProps = {
   totalValue: 100,
@@ -4155,27 +4155,27 @@ const PieChart = props => {
   }, row.name, displayLegendValue(row)))))))));
 };
 PieChart.propTypes = {
-  className: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  textcolor: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.number,
-  currencySign: PropTypes.bool,
-  currencyType: PropTypes.string,
-  dotCut: PropTypes.bool,
-  isPercent: PropTypes.bool,
-  legendData: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    description: PropTypes.string
+  className: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  textcolor: PropTypes$1.string,
+  title: PropTypes$1.string,
+  value: PropTypes$1.number,
+  currencySign: PropTypes$1.bool,
+  currencyType: PropTypes$1.string,
+  dotCut: PropTypes$1.bool,
+  isPercent: PropTypes$1.bool,
+  legendData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    name: PropTypes$1.string,
+    description: PropTypes$1.string
   })),
-  itemsBoldedValues: PropTypes.bool,
-  itemsPercentagesValueAside: PropTypes.bool,
-  itemsValuesSeparateLine: PropTypes.bool,
-  hideTitleAndValue: PropTypes.bool,
-  addingBenchmark: PropTypes.bool,
-  textAfterValue: PropTypes.string,
-  noDataText: PropTypes.string
+  itemsBoldedValues: PropTypes$1.bool,
+  itemsPercentagesValueAside: PropTypes$1.bool,
+  itemsValuesSeparateLine: PropTypes$1.bool,
+  hideTitleAndValue: PropTypes$1.bool,
+  addingBenchmark: PropTypes$1.bool,
+  textAfterValue: PropTypes$1.string,
+  noDataText: PropTypes$1.string
 };
 PieChart.defaultProps = {
   className: '',
@@ -4596,8 +4596,8 @@ const BannersDropdown = props => {
   }, /*#__PURE__*/React$1.createElement(IconWrap, null, banner.icon), "|", /*#__PURE__*/React$1.createElement("span", null, banner.name)))))));
 };
 BannersDropdown.propTypes = {
-  banners: PropTypes.arrayOf(propTypesExports.string),
-  onClick: PropTypes.func
+  banners: PropTypes$1.arrayOf(propTypesExports.string),
+  onClick: PropTypes$1.func
 };
 BannersDropdown.defaultProps = {
   banners: [{
@@ -4732,18 +4732,19 @@ const InfoIcon = _ref => {
   }));
 };
 
-const LinkButton = ({
-  text = '',
-  type = 'primary',
-  size = 'small',
-  height = '',
-  width = '',
-  disabled = false,
-  textColor = '',
-  onClick,
-  leftIcon = 'none',
-  rightIcon = 'none'
-}) => {
+const LinkButton = _ref => {
+  let {
+    text = '',
+    type = 'primary',
+    size = 'small',
+    height = '',
+    width = '',
+    disabled = false,
+    textColor = '',
+    onClick,
+    leftIcon = 'none',
+    rightIcon = 'none'
+  } = _ref;
   // const {
   //   text,
   //   type,
@@ -5036,18 +5037,18 @@ const EventDetailsCard = props => {
   }))));
 };
 EventDetailsCard.propTypes = {
-  title: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  className: PropTypes.string,
-  displayBannersDropdown: PropTypes.bool,
-  banners: PropTypes.arrayOf(propTypesExports.string),
-  data: PropTypes.arrayOf(PropTypes.shape({})),
-  count: PropTypes.number,
-  buttonText: PropTypes.string,
-  onViewButtonClick: PropTypes.func,
-  onBannersDropdownClick: PropTypes.func,
-  disableViewDetailsButton: PropTypes.bool
+  title: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  className: PropTypes$1.string,
+  displayBannersDropdown: PropTypes$1.bool,
+  banners: PropTypes$1.arrayOf(propTypesExports.string),
+  data: PropTypes$1.arrayOf(PropTypes$1.shape({})),
+  count: PropTypes$1.number,
+  buttonText: PropTypes$1.string,
+  onViewButtonClick: PropTypes$1.func,
+  onBannersDropdownClick: PropTypes$1.func,
+  disableViewDetailsButton: PropTypes$1.bool
 };
 EventDetailsCard.defaultProps = {
   title: 'Dreft Portable Pretreater Pen',
@@ -5168,20 +5169,20 @@ const LinnerDataBox = props => {
   }))));
 };
 LinnerDataBox.propTypes = {
-  className: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  data: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    value: PropTypes.number,
-    sign: PropTypes.string,
-    extraInfo: PropTypes.arrayOf(PropTypes.shape({
-      title: PropTypes.string,
-      value: PropTypes.number
+  className: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  data: PropTypes$1.arrayOf(PropTypes$1.shape({
+    title: PropTypes$1.string,
+    value: PropTypes$1.number,
+    sign: PropTypes$1.string,
+    extraInfo: PropTypes$1.arrayOf(PropTypes$1.shape({
+      title: PropTypes$1.string,
+      value: PropTypes$1.number
     }))
   })),
-  backgroundColor: PropTypes.string,
-  customDataFormat: PropTypes.bool
+  backgroundColor: PropTypes$1.string,
+  customDataFormat: PropTypes$1.bool
 };
 LinnerDataBox.defaultProps = {
   className: "",
@@ -5524,16 +5525,16 @@ const MarketShareDescription = props => {
   }, displayRows());
 };
 MarketShareDescription.propTypes = {
-  marketShareData: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string,
-    checked: PropTypes.bool,
-    disabled: PropTypes.bool
+  marketShareData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    label: PropTypes$1.string,
+    checked: PropTypes$1.bool,
+    disabled: PropTypes$1.bool
   })),
-  height: PropTypes.string,
-  width: PropTypes.string,
-  iconColor: PropTypes.string,
-  onBannerClick: PropTypes.func,
-  dotCut: PropTypes.bool
+  height: PropTypes$1.string,
+  width: PropTypes$1.string,
+  iconColor: PropTypes$1.string,
+  onBannerClick: PropTypes$1.func,
+  dotCut: PropTypes$1.bool
 };
 MarketShareDescription.defaultProps = {
   marketShareData: [],
@@ -5663,18 +5664,18 @@ const SagIconButton = props => {
   }, getIcon(iconName), buttonText && /*#__PURE__*/React$1.createElement(SpanText$1, null, buttonText));
 };
 SagIconButton.propTypes = {
-  className: PropTypes.string,
-  iconName: PropTypes.string,
-  buttonText: PropTypes.string,
-  height: PropTypes.string,
-  color: PropTypes.string,
-  backgroundColor: PropTypes.string,
-  activeColor: PropTypes.string,
-  iconHeight: PropTypes.number,
-  iconWidth: PropTypes.number,
-  openState: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onButtonClick: PropTypes.func
+  className: PropTypes$1.string,
+  iconName: PropTypes$1.string,
+  buttonText: PropTypes$1.string,
+  height: PropTypes$1.string,
+  color: PropTypes$1.string,
+  backgroundColor: PropTypes$1.string,
+  activeColor: PropTypes$1.string,
+  iconHeight: PropTypes$1.number,
+  iconWidth: PropTypes$1.number,
+  openState: PropTypes$1.bool,
+  disabled: PropTypes$1.bool,
+  onButtonClick: PropTypes$1.func
 };
 SagIconButton.defaultProps = {
   className: '',
@@ -5759,11 +5760,11 @@ const SearchInput = props => {
   }), /*#__PURE__*/React$1.createElement(SearchIcon, null));
 };
 SearchInput.propTypes = {
-  placeholder: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  onTyping: PropTypes.func,
-  className: PropTypes.string
+  placeholder: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  onTyping: PropTypes$1.func,
+  className: PropTypes$1.string
 };
 SearchInput.defaultProps = {
   placeholder: 'Search',
@@ -5974,32 +5975,32 @@ const TabMenu = props => {
   }, tabs[activeTab] && tabs[activeTab].content));
 };
 TabMenu.propTypes = {
-  activeColor: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  color: PropTypes.string,
-  currentTab: PropTypes.number,
-  headlineInsteadTabs: PropTypes.bool,
-  headlineText: PropTypes.string,
-  inputWidth: PropTypes.string,
-  onFilterButtonClick: PropTypes.func,
-  onSearchFieldTyping: PropTypes.func,
-  onTabChange: PropTypes.func,
-  panelIsOpen: PropTypes.bool,
-  setBackground: PropTypes.bool,
-  showActions: PropTypes.bool,
-  showFilterButton: PropTypes.bool,
-  showLabel: PropTypes.bool,
-  showSearchInput: PropTypes.bool,
-  showViewOptionsButton: PropTypes.bool,
-  disabledButton: PropTypes.bool,
-  setTopRightButton: PropTypes.bool,
-  rightButtonText: PropTypes.string,
-  rightButtonIcon: PropTypes.string,
-  onTopButtonClick: PropTypes.func,
-  tabs: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    content: PropTypes.node
+  activeColor: PropTypes$1.string,
+  children: PropTypes$1.node,
+  className: PropTypes$1.string,
+  color: PropTypes$1.string,
+  currentTab: PropTypes$1.number,
+  headlineInsteadTabs: PropTypes$1.bool,
+  headlineText: PropTypes$1.string,
+  inputWidth: PropTypes$1.string,
+  onFilterButtonClick: PropTypes$1.func,
+  onSearchFieldTyping: PropTypes$1.func,
+  onTabChange: PropTypes$1.func,
+  panelIsOpen: PropTypes$1.bool,
+  setBackground: PropTypes$1.bool,
+  showActions: PropTypes$1.bool,
+  showFilterButton: PropTypes$1.bool,
+  showLabel: PropTypes$1.bool,
+  showSearchInput: PropTypes$1.bool,
+  showViewOptionsButton: PropTypes$1.bool,
+  disabledButton: PropTypes$1.bool,
+  setTopRightButton: PropTypes$1.bool,
+  rightButtonText: PropTypes$1.string,
+  rightButtonIcon: PropTypes$1.string,
+  onTopButtonClick: PropTypes$1.func,
+  tabs: PropTypes$1.arrayOf(PropTypes$1.shape({
+    title: PropTypes$1.string,
+    content: PropTypes$1.node
   }))
 };
 TabMenu.defaultProps = {
@@ -11102,26 +11103,26 @@ const DropdownSingleNew = ({
   }, option.label)))));
 };
 DropdownSingleNew.propTypes = {
-  placeHolder: PropTypes.string,
-  label: PropTypes.string,
-  labelEmptyValue: PropTypes.string,
-  labelColor: PropTypes.string,
-  required: PropTypes.bool,
-  width: PropTypes.string,
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
+  placeHolder: PropTypes$1.string,
+  label: PropTypes$1.string,
+  labelEmptyValue: PropTypes$1.string,
+  labelColor: PropTypes$1.string,
+  required: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  error: PropTypes$1.bool,
   errorMessage: "",
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
+  options: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  selectedValue: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
+  selectedValue: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  xIconShow: PropTypes.bool,
-  onChange: PropTypes.func,
-  showLabelOnTop: PropTypes.bool
+  xIconShow: PropTypes$1.bool,
+  onChange: PropTypes$1.func,
+  showLabelOnTop: PropTypes$1.bool
 };
 DropdownSingleNew.defaultProps = {
   placeHolder: "Type To Search",
@@ -11633,27 +11634,27 @@ const DropdownMultiNew = ({
   })), option.label)))));
 };
 DropdownMultiNew.propTypes = {
-  placeHolder: PropTypes.string,
-  label: PropTypes.string,
-  labelEmptyValue: PropTypes.string,
-  labelColor: PropTypes.string,
-  checkBoxColor: PropTypes.string,
-  required: PropTypes.bool,
-  width: PropTypes.string,
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
+  placeHolder: PropTypes$1.string,
+  label: PropTypes$1.string,
+  labelEmptyValue: PropTypes$1.string,
+  labelColor: PropTypes$1.string,
+  checkBoxColor: PropTypes$1.string,
+  required: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  error: PropTypes$1.bool,
   errorMessage: "",
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
+  options: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  selectedValue: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
+  selectedValue: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  onChange: PropTypes.func,
-  xIconShow: PropTypes.bool,
-  showLabelOnTop: PropTypes.bool
+  onChange: PropTypes$1.func,
+  xIconShow: PropTypes$1.bool,
+  showLabelOnTop: PropTypes$1.bool
 };
 DropdownMultiNew.defaultProps = {
   placeHolder: "Type To Search",
@@ -11755,27 +11756,27 @@ const DropdownNew = _ref => {
   }));
 };
 DropdownNew.propTypes = {
-  placeHolder: PropTypes.string,
-  label: PropTypes.string,
-  labelEmptyValue: PropTypes.string,
-  labelColor: PropTypes.string,
-  checkBoxColor: PropTypes.string,
-  required: PropTypes.bool,
-  width: PropTypes.string,
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
-  errorMessage: PropTypes.string,
-  options: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.string
+  placeHolder: PropTypes$1.string,
+  label: PropTypes$1.string,
+  labelEmptyValue: PropTypes$1.string,
+  labelColor: PropTypes$1.string,
+  checkBoxColor: PropTypes$1.string,
+  required: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  error: PropTypes$1.bool,
+  errorMessage: PropTypes$1.string,
+  options: PropTypes$1.arrayOf(PropTypes$1.shape({
+    id: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  selectedValue: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.string
+  selectedValue: PropTypes$1.arrayOf(PropTypes$1.shape({
+    id: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  xIconShow: PropTypes.bool,
-  onChange: PropTypes.func,
-  showLabelOnTop: PropTypes.bool
+  xIconShow: PropTypes$1.bool,
+  onChange: PropTypes$1.func,
+  showLabelOnTop: PropTypes$1.bool
 };
 DropdownNew.defaultProps = {
   placeHolder: "Type...",
@@ -12313,20 +12314,20 @@ const RangePicker = _ref => {
   })));
 };
 RangePicker.propTypes = {
-  label: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired,
-  borderRadius: PropTypes.string.isRequired,
-  required: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  placeholder: PropTypes.string,
-  disabled: PropTypes.bool,
-  borderColor: PropTypes.string,
+  label: PropTypes$1.string.isRequired,
+  onChange: PropTypes$1.func.isRequired,
+  borderRadius: PropTypes$1.string.isRequired,
+  required: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  placeholder: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  borderColor: PropTypes$1.string,
   // Added borderColor prop
-  borderColorFocus: PropTypes.string,
-  textColor: PropTypes.string,
+  borderColorFocus: PropTypes$1.string,
+  textColor: PropTypes$1.string,
   // Added textColor prop
-  selectedValue: PropTypes.string
+  selectedValue: PropTypes$1.string
 };
 
 // Adding defaultProps
@@ -12609,23 +12610,22 @@ const QuarterPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const QuarterPicker = _ref => {
-  let {
-    availableQuarters,
-    // ["Q1-2024"]
-    label,
-    onChange,
-    borderRadius,
-    required,
-    width,
-    height,
-    placeholder,
-    disabled,
-    borderColor,
-    borderColorFocus,
-    textColor,
-    selectedValue
-  } = _ref;
+const QuarterPicker = ({
+  availableQuarters,
+  // ["Q1-2024"]
+  label,
+  onChange,
+  borderRadius,
+  required,
+  width,
+  height,
+  placeholder,
+  disabled,
+  borderColor,
+  borderColorFocus,
+  textColor,
+  selectedValue
+}) => {
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -12747,19 +12747,19 @@ const QuarterPicker = _ref => {
   })));
 };
 QuarterPicker.propTypes = {
-  availableQuarters: PropTypes.arrayOf(PropTypes.string).isRequired,
-  label: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired,
-  borderRadius: PropTypes.string.isRequired,
-  required: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  placeholder: PropTypes.string,
-  disabled: PropTypes.bool,
-  borderColor: PropTypes.string,
-  borderColorFocus: PropTypes.string,
-  textColor: PropTypes.string,
-  selectedValue: PropTypes.string
+  availableQuarters: PropTypes$1.arrayOf(PropTypes$1.string).isRequired,
+  label: PropTypes$1.string.isRequired,
+  onChange: PropTypes$1.func.isRequired,
+  borderRadius: PropTypes$1.string.isRequired,
+  required: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  placeholder: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  borderColor: PropTypes$1.string,
+  borderColorFocus: PropTypes$1.string,
+  textColor: PropTypes$1.string,
+  selectedValue: PropTypes$1.string
 };
 QuarterPicker.defaultProps = {
   required: true,
@@ -13062,22 +13062,21 @@ const MonthPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const MonthPicker = _ref => {
-  let {
-    availableMonths,
-    label,
-    onChange,
-    borderRadius,
-    required,
-    width,
-    height,
-    placeholder,
-    disabled,
-    borderColor,
-    borderColorFocus,
-    textColor,
-    selectedValue
-  } = _ref;
+const MonthPicker = ({
+  availableMonths,
+  label,
+  onChange,
+  borderRadius,
+  required,
+  width,
+  height,
+  placeholder,
+  disabled,
+  borderColor,
+  borderColorFocus,
+  textColor,
+  selectedValue
+}) => {
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -13198,22 +13197,22 @@ const MonthPicker = _ref => {
   })));
 };
 MonthPicker.propTypes = {
-  availableMonths: PropTypes.arrayOf(PropTypes.string).isRequired,
-  label: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired,
-  borderRadius: PropTypes.string.isRequired,
-  required: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  placeholder: PropTypes.string,
-  disabled: PropTypes.bool,
-  borderColor: PropTypes.string,
+  availableMonths: PropTypes$1.arrayOf(PropTypes$1.string).isRequired,
+  label: PropTypes$1.string.isRequired,
+  onChange: PropTypes$1.func.isRequired,
+  borderRadius: PropTypes$1.string.isRequired,
+  required: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  placeholder: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  borderColor: PropTypes$1.string,
   // Added borderColor prop
-  borderColorFocus: PropTypes.string,
+  borderColorFocus: PropTypes$1.string,
   // Added borderColorFocus prop
-  textColor: PropTypes.string,
+  textColor: PropTypes$1.string,
   // Added textColor prop
-  selectedValue: PropTypes.string
+  selectedValue: PropTypes$1.string
 };
 MonthPicker.defaultProps = {
   required: true,
@@ -13879,50 +13878,50 @@ const FilterPanel = props => {
   })));
 };
 FilterPanel.propTypes = {
-  availableQuarters: PropTypes.arrayOf(PropTypes.string),
-  availableMonths: PropTypes.arrayOf(PropTypes.string),
-  availableYears: PropTypes.arrayOf(PropTypes.string),
-  fieldsData: PropTypes.arrayOf(PropTypes.shape({
-    disabled: PropTypes.bool,
-    required: PropTypes.bool,
-    inputType: PropTypes.string,
-    placeHolder: PropTypes.string,
-    xIconShow: PropTypes.bool,
-    label: PropTypes.string,
-    labelEmptyValue: PropTypes.string,
-    name: PropTypes.string,
-    periodPickerSelectedValue: PropTypes.string,
-    selectedValue: PropTypes.arrayOf(PropTypes.shape({
-      value: PropTypes.string,
-      label: PropTypes.string
+  availableQuarters: PropTypes$1.arrayOf(PropTypes$1.string),
+  availableMonths: PropTypes$1.arrayOf(PropTypes$1.string),
+  availableYears: PropTypes$1.arrayOf(PropTypes$1.string),
+  fieldsData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    disabled: PropTypes$1.bool,
+    required: PropTypes$1.bool,
+    inputType: PropTypes$1.string,
+    placeHolder: PropTypes$1.string,
+    xIconShow: PropTypes$1.bool,
+    label: PropTypes$1.string,
+    labelEmptyValue: PropTypes$1.string,
+    name: PropTypes$1.string,
+    periodPickerSelectedValue: PropTypes$1.string,
+    selectedValue: PropTypes$1.arrayOf(PropTypes$1.shape({
+      value: PropTypes$1.string,
+      label: PropTypes$1.string
     })),
-    orderBy: PropTypes.string,
-    elementType: PropTypes.string,
-    value: PropTypes.number,
-    color: PropTypes.string,
-    defaultValueYears: PropTypes.shape({
-      value: PropTypes.string,
-      label: PropTypes.string
+    orderBy: PropTypes$1.string,
+    elementType: PropTypes$1.string,
+    value: PropTypes$1.number,
+    color: PropTypes$1.string,
+    defaultValueYears: PropTypes$1.shape({
+      value: PropTypes$1.string,
+      label: PropTypes$1.string
     }),
-    dropdownOptions: PropTypes.arrayOf(PropTypes.shape({
-      value: PropTypes.string,
-      label: PropTypes.string
+    dropdownOptions: PropTypes$1.arrayOf(PropTypes$1.shape({
+      value: PropTypes$1.string,
+      label: PropTypes$1.string
     }))
   })),
-  width: PropTypes.string,
-  height: PropTypes.string,
-  okButtonBackgroundColor: PropTypes.string,
-  okButtonHoverColor: PropTypes.string,
-  resetButtonHoverColor: PropTypes.string,
-  borderColor: PropTypes.string,
-  onOkClick: PropTypes.func,
-  onResetClick: PropTypes.func,
-  onItemValueChanged: PropTypes.func,
-  disableOKButton: PropTypes.bool,
-  className: PropTypes.string,
-  useExternalFilterState: PropTypes.bool,
-  showShadow: PropTypes.bool,
-  tooltipTextGoButton: PropTypes.string
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  okButtonBackgroundColor: PropTypes$1.string,
+  okButtonHoverColor: PropTypes$1.string,
+  resetButtonHoverColor: PropTypes$1.string,
+  borderColor: PropTypes$1.string,
+  onOkClick: PropTypes$1.func,
+  onResetClick: PropTypes$1.func,
+  onItemValueChanged: PropTypes$1.func,
+  disableOKButton: PropTypes$1.bool,
+  className: PropTypes$1.string,
+  useExternalFilterState: PropTypes$1.bool,
+  showShadow: PropTypes$1.bool,
+  tooltipTextGoButton: PropTypes$1.string
 };
 FilterPanel.defaultProps = {
   availableQuarters: ['Q1-2024'],
@@ -14626,28 +14625,28 @@ const ReportTable = props => {
   }), /*#__PURE__*/React$1.createElement(InfoText, null, "Download table to get the full data")) : "");
 };
 ReportTable.propTypes = {
-  buttonText: PropTypes.string,
-  buttonIconName: PropTypes.string,
-  tableData: PropTypes.shape({
-    columnsHeadings: PropTypes.arrayOf(PropTypes.shape({
-      label: PropTypes.string,
-      key: PropTypes.string
+  buttonText: PropTypes$1.string,
+  buttonIconName: PropTypes$1.string,
+  tableData: PropTypes$1.shape({
+    columnsHeadings: PropTypes$1.arrayOf(PropTypes$1.shape({
+      label: PropTypes$1.string,
+      key: PropTypes$1.string
     })),
-    rowsValues: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string))
+    rowsValues: PropTypes$1.arrayOf(PropTypes$1.objectOf(PropTypes$1.string))
   }),
-  maxColumnsNumber: PropTypes.number,
-  useColorLinearGradient: PropTypes.bool,
-  useSelectButtons: PropTypes.bool,
-  disableSelectButtons: PropTypes.bool,
-  disableInfo: PropTypes.bool,
-  selectTextColor: PropTypes.string,
-  onSelectRowClick: PropTypes.func,
-  onCheckRowClick: PropTypes.func,
-  onAllRowsCheckBoxClick: PropTypes.func,
-  useCheckBoxes: PropTypes.bool,
-  selectHoverColor: PropTypes.string,
-  enableHover: PropTypes.bool,
-  enablePagination: PropTypes.bool
+  maxColumnsNumber: PropTypes$1.number,
+  useColorLinearGradient: PropTypes$1.bool,
+  useSelectButtons: PropTypes$1.bool,
+  disableSelectButtons: PropTypes$1.bool,
+  disableInfo: PropTypes$1.bool,
+  selectTextColor: PropTypes$1.string,
+  onSelectRowClick: PropTypes$1.func,
+  onCheckRowClick: PropTypes$1.func,
+  onAllRowsCheckBoxClick: PropTypes$1.func,
+  useCheckBoxes: PropTypes$1.bool,
+  selectHoverColor: PropTypes$1.string,
+  enableHover: PropTypes$1.bool,
+  enablePagination: PropTypes$1.bool
 };
 ReportTable.defaultProps = {
   buttonText: "Select",
@@ -14781,12 +14780,12 @@ const EventListItem = props => {
   })));
 };
 EventListItem.propTypes = {
-  eventName: PropTypes.string,
-  period: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  selectTextColor: PropTypes.string,
-  onClick: PropTypes.func
+  eventName: PropTypes$1.string,
+  period: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  selectTextColor: PropTypes$1.string,
+  onClick: PropTypes$1.func
 };
 EventListItem.defaultProps = {
   eventName: '',
@@ -14870,15 +14869,15 @@ const EventList = props => {
   //= ======================================== MAIN RETURN END====================================
 };
 EventList.propTypes = {
-  eventsData: PropTypes.arrayOf(PropTypes.shape({
-    eventName: PropTypes.string,
-    period: PropTypes.string
+  eventsData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    eventName: PropTypes$1.string,
+    period: PropTypes$1.string
   })),
-  selectTextColor: PropTypes.string,
-  height: PropTypes.string,
-  width: PropTypes.string,
-  itemHeight: PropTypes.string,
-  onSelectClick: PropTypes.func
+  selectTextColor: PropTypes$1.string,
+  height: PropTypes$1.string,
+  width: PropTypes$1.string,
+  itemHeight: PropTypes$1.string,
+  onSelectClick: PropTypes$1.func
 };
 EventList.defaultProps = {
   eventsData: [],
@@ -15202,15 +15201,15 @@ const BannerEventBox = props => {
   }, /*#__PURE__*/React$1.createElement(KeyBlock, null, /*#__PURE__*/React$1.createElement(Key, null, item.name), /*#__PURE__*/React$1.createElement("br", null), /*#__PURE__*/React$1.createElement(Count, null, item.items)), index !== data.length - 1 && /*#__PURE__*/React$1.createElement(Seperator, null)))));
 };
 BannerEventBox.propTypes = {
-  width: PropTypes.string,
-  height: PropTypes.string,
-  banner: PropTypes.string,
-  buttonText: PropTypes.string,
-  description: PropTypes.string,
-  disabled: PropTypes.bool,
-  dates: PropTypes.arrayOf(PropTypes.string),
-  data: PropTypes.arrayOf(PropTypes.shape({})),
-  onInfoClick: PropTypes.func
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  banner: PropTypes$1.string,
+  buttonText: PropTypes$1.string,
+  description: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  dates: PropTypes$1.arrayOf(PropTypes$1.string),
+  data: PropTypes$1.arrayOf(PropTypes$1.shape({})),
+  onInfoClick: PropTypes$1.func
 };
 BannerEventBox.defaultProps = {
   width: "auto",
@@ -15315,24 +15314,24 @@ const BannerEventBoxList = props => {
   })), showDraft && /*#__PURE__*/React$1.createElement(DraftTag$1, null, "DRAFT")) : children));
 };
 BannerEventBoxList.propTypes = {
-  className: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  eventType: PropTypes.string,
-  eventName: PropTypes.string,
-  count: PropTypes.number,
-  toggleColor: PropTypes.string,
-  data: PropTypes.arrayOf(PropTypes.shape({})),
-  retailer: PropTypes.string,
-  retailerFile: PropTypes.func,
-  showLoader: PropTypes.bool,
-  showEventDetails: PropTypes.bool,
-  cardsContent: PropTypes.bool,
-  linkText: PropTypes.string,
-  disableToggle: PropTypes.bool,
-  children: PropTypes.node,
-  bannerWidth: PropTypes.string,
-  showDraft: PropTypes.bool
+  className: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  eventType: PropTypes$1.string,
+  eventName: PropTypes$1.string,
+  count: PropTypes$1.number,
+  toggleColor: PropTypes$1.string,
+  data: PropTypes$1.arrayOf(PropTypes$1.shape({})),
+  retailer: PropTypes$1.string,
+  retailerFile: PropTypes$1.func,
+  showLoader: PropTypes$1.bool,
+  showEventDetails: PropTypes$1.bool,
+  cardsContent: PropTypes$1.bool,
+  linkText: PropTypes$1.string,
+  disableToggle: PropTypes$1.bool,
+  children: PropTypes$1.node,
+  bannerWidth: PropTypes$1.string,
+  showDraft: PropTypes$1.bool
 };
 BannerEventBoxList.defaultProps = {
   className: '',
@@ -15477,10 +15476,10 @@ const DialogOverlay = props => {
   }, children)));
 };
 DialogOverlay.propTypes = {
-  title: PropTypes.string,
-  children: PropTypes.node,
-  onDialogClose: PropTypes.func,
-  className: PropTypes.string
+  title: PropTypes$1.string,
+  children: PropTypes$1.node,
+  onDialogClose: PropTypes$1.func,
+  className: PropTypes$1.string
 };
 DialogOverlay.defaultProps = {
   title: 'Title',
@@ -26067,35 +26066,35 @@ const CollapseHeader = props => {
   }, data.eventDatesValue) : "")))));
 };
 CollapseHeader.propTypes = {
-  className: PropTypes.string,
-  showRetailerIcon: PropTypes.bool,
-  showPeriodIcon: PropTypes.bool,
-  viewCreativeRetailersData: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string
+  className: PropTypes$1.string,
+  showRetailerIcon: PropTypes$1.bool,
+  showPeriodIcon: PropTypes$1.bool,
+  viewCreativeRetailersData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    label: PropTypes$1.string
   })),
-  data: PropTypes.shape({
-    eventType: PropTypes.string,
-    retailer: PropTypes.string,
-    eventDescription: PropTypes.string,
-    objectivesDescription: PropTypes.string,
-    eventDatesValue: PropTypes.string,
-    externalEventDescription: PropTypes.string,
-    externalEventID: PropTypes.string,
-    storeType: PropTypes.string,
-    category: PropTypes.string,
-    supplier: PropTypes.string,
-    brand: PropTypes.string
+  data: PropTypes$1.shape({
+    eventType: PropTypes$1.string,
+    retailer: PropTypes$1.string,
+    eventDescription: PropTypes$1.string,
+    objectivesDescription: PropTypes$1.string,
+    eventDatesValue: PropTypes$1.string,
+    externalEventDescription: PropTypes$1.string,
+    externalEventID: PropTypes$1.string,
+    storeType: PropTypes$1.string,
+    category: PropTypes$1.string,
+    supplier: PropTypes$1.string,
+    brand: PropTypes$1.string
   }),
-  showViewCreativeButton: PropTypes.bool,
-  viewCreativeOnClick: PropTypes.func,
-  descriptionTitle: PropTypes.string,
-  datesTitle: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  textcolor: PropTypes.string,
-  showDraft: PropTypes.bool,
-  buttonText: PropTypes.string,
-  disabled: PropTypes.bool
+  showViewCreativeButton: PropTypes$1.bool,
+  viewCreativeOnClick: PropTypes$1.func,
+  descriptionTitle: PropTypes$1.string,
+  datesTitle: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  textcolor: PropTypes$1.string,
+  showDraft: PropTypes$1.bool,
+  buttonText: PropTypes$1.string,
+  disabled: PropTypes$1.bool
 };
 CollapseHeader.defaultProps = {
   className: "",
@@ -26458,25 +26457,25 @@ const QuickFilterDropdownSingle = ({
   }, highlightText(option.label, inputValue))))));
 };
 QuickFilterDropdownSingle.propTypes = {
-  placeHolder: PropTypes.string,
-  label: PropTypes.string,
-  labelColor: PropTypes.string,
-  hoverColor: PropTypes.string,
-  width: PropTypes.string,
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
+  placeHolder: PropTypes$1.string,
+  label: PropTypes$1.string,
+  labelColor: PropTypes$1.string,
+  hoverColor: PropTypes$1.string,
+  width: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  error: PropTypes$1.bool,
   errorMessage: "",
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
+  options: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  selectedValue: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
+  selectedValue: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  xIconShow: PropTypes.bool,
-  onChange: PropTypes.func,
-  showLabelOnTop: PropTypes.bool
+  xIconShow: PropTypes$1.bool,
+  onChange: PropTypes$1.func,
+  showLabelOnTop: PropTypes$1.bool
 };
 QuickFilterDropdownSingle.defaultProps = {
   placeHolder: "Type...",
@@ -26935,27 +26934,27 @@ const QuickFilterDropdownMultiSelection = ({
   })), option.label)))));
 };
 QuickFilterDropdownMultiSelection.propTypes = {
-  placeHolder: PropTypes.string,
-  label: PropTypes.string,
-  labelEmptyValue: PropTypes.string,
-  labelColor: PropTypes.string,
-  checkBoxColor: PropTypes.string,
-  required: PropTypes.bool,
-  width: PropTypes.string,
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
+  placeHolder: PropTypes$1.string,
+  label: PropTypes$1.string,
+  labelEmptyValue: PropTypes$1.string,
+  labelColor: PropTypes$1.string,
+  checkBoxColor: PropTypes$1.string,
+  required: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  disabled: PropTypes$1.bool,
+  error: PropTypes$1.bool,
   errorMessage: '',
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
+  options: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  selectedValue: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
+  selectedValue: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })),
-  onChange: PropTypes.func,
-  xIconShow: PropTypes.bool,
-  showLabelOnTop: PropTypes.bool
+  onChange: PropTypes$1.func,
+  xIconShow: PropTypes$1.bool,
+  showLabelOnTop: PropTypes$1.bool
 };
 QuickFilterDropdownMultiSelection.defaultProps = {
   placeHolder: 'Type...',
@@ -26989,23 +26988,23 @@ const QuickFilterMain = dt.div`
   border-radius: 10px;
 `;
 
-const QuickFilter = props => {
-  const {
-    hoverColor,
-    multipleSelection,
-    xIconShow,
-    disabled,
-    error,
-    errorMessage,
-    label,
-    labelColor,
-    placeHolder,
-    width,
-    checkBoxColor,
-    onChange,
-    options,
-    selectedValue
-  } = props;
+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 = () => {},
+    options = [],
+    selectedValue = []
+  } = _ref;
   return /*#__PURE__*/React.createElement(QuickFilterMain, {
     width: width,
     className: "QuickFilterMain"
@@ -27039,48 +27038,42 @@ const QuickFilter = props => {
     xIconShow: xIconShow
   }));
 };
-
-// QuickFilter.propTypes = {
-//   hoverColor: PropTypes.string,
-//   multipleSelection: PropTypes.bool,
-//   disabled: PropTypes.bool,
-//   error: PropTypes.bool,
-//   errorMessage: PropTypes.string,
-//   label: PropTypes.string,
-//   labelColor: PropTypes.string,
-//   placeHolder: PropTypes.string,
-//   width: PropTypes.string,
-//   checkBoxColor: PropTypes.string,
-//   onChange: PropTypes.func,
-//   options: PropTypes.arrayOf(
-//     PropTypes.shape({
-//       id: PropTypes.string,
-//       label: PropTypes.string,
-//     })
-//   ),
-//   selectedValue: PropTypes.arrayOf(
-//     PropTypes.shape({
-//       id: PropTypes.string,
-//       label: PropTypes.string,
-//     })
-//   ),
-// };
-
-// QuickFilter.defaultProps = {
-//   hoverColor: "#066768",
-//   multipleSelection: false,
-//   disabled: false,
-//   error: false,
-//   errorMessage: "",
-//   label: "Unit Type:",
-//   labelColor: "#066768",
-//   placeHolder: "Select From List",
-//   width: "auto",
-//   checkBoxColor: "#229E38",
-//   onChange: () => {},
-//   options: [],
-//   selectedValue: [],
-// };
+QuickFilter.propTypes = {
+  hoverColor: PropTypes.string,
+  multipleSelection: PropTypes.bool,
+  disabled: PropTypes.bool,
+  error: PropTypes.bool,
+  errorMessage: PropTypes.string,
+  label: PropTypes.string,
+  labelColor: PropTypes.string,
+  placeHolder: PropTypes.string,
+  width: PropTypes.string,
+  checkBoxColor: PropTypes.string,
+  onChange: PropTypes.func,
+  options: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string
+  })),
+  selectedValue: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string
+  }))
+};
+QuickFilter.defaultProps = {
+  hoverColor: "#066768",
+  multipleSelection: false,
+  disabled: false,
+  error: false,
+  errorMessage: "",
+  label: "Unit Type:",
+  labelColor: "#066768",
+  placeHolder: "Select From List",
+  width: "auto",
+  checkBoxColor: "#229E38",
+  onChange: () => {},
+  options: [],
+  selectedValue: []
+};
 
 var classnames = {exports: {}};
 
@@ -27487,18 +27480,18 @@ const FormattedValue$2 = props => {
   }, subtitle) : '')));
 };
 FormattedValue$2.propTypes = {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  subtitle: PropTypes.string,
-  showTopValue: PropTypes.bool,
-  value: PropTypes.number,
-  dotCut: PropTypes.bool,
-  currencySign: PropTypes.bool,
-  currencyType: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  textcolor: PropTypes.string,
-  isPercent: PropTypes.bool
+  className: PropTypes$1.string,
+  title: PropTypes$1.string,
+  subtitle: PropTypes$1.string,
+  showTopValue: PropTypes$1.bool,
+  value: PropTypes$1.number,
+  dotCut: PropTypes$1.bool,
+  currencySign: PropTypes$1.bool,
+  currencyType: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  textcolor: PropTypes$1.string,
+  isPercent: PropTypes$1.bool
 };
 FormattedValue$2.defaultProps = {
   className: 'FormattedValue_ControlsContainer',
@@ -27730,13 +27723,13 @@ const PerformanceAnalyticsLegend = props => {
   }, item.title))))) : '');
 };
 PerformanceAnalyticsLegend.propTypes = {
-  className: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  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,
-    iconColor: PropTypes.string.isRequired
+  className: PropTypes$1.string,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  legendData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    title: PropTypes$1.string.isRequired,
+    iconType: PropTypes$1.oneOf([ICON_TYPE_SQUARE$1, ICON_TYPE_LEGEND_UNION_ICON$1, ICON_TYPE_LEGEND_LINE_ICON$1]).isRequired,
+    iconColor: PropTypes$1.string.isRequired
   }))
 };
 PerformanceAnalyticsLegend.defaultProps = {
@@ -27965,41 +27958,41 @@ const BarChartsByWeeks = props => {
   }))));
 };
 BarChartsByWeeks.propTypes = {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  showHeaderTopValue: PropTypes.bool,
-  headerValueTopTitle: PropTypes.string,
-  headerValueBottomTitle: PropTypes.string,
-  headerValue: PropTypes.number,
-  HeaderValueCurrencyType: PropTypes.string,
-  HeaderValueIsPercent: PropTypes.bool,
-  barChartData: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    value: PropTypes.number
+  className: PropTypes$1.string,
+  title: PropTypes$1.string,
+  showHeaderTopValue: PropTypes$1.bool,
+  headerValueTopTitle: PropTypes$1.string,
+  headerValueBottomTitle: PropTypes$1.string,
+  headerValue: PropTypes$1.number,
+  HeaderValueCurrencyType: PropTypes$1.string,
+  HeaderValueIsPercent: PropTypes$1.bool,
+  barChartData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    title: PropTypes$1.string,
+    value: PropTypes$1.number
   })),
-  isTitleOriganal: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  barChartColor: PropTypes.string,
-  barChartSecondColor: PropTypes.string,
-  xselectedColor: PropTypes.string,
-  startWeekRange: PropTypes.string,
-  endWeekRange: PropTypes.string,
-  tooltipTitle: PropTypes.string,
-  tooltipSecondTitle: PropTypes.string,
-  yAxisCounter: PropTypes.number,
-  isPercentValue: PropTypes.bool,
-  interval: PropTypes.string,
-  showTitle: 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
+  isTitleOriganal: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  barChartColor: PropTypes$1.string,
+  barChartSecondColor: PropTypes$1.string,
+  xselectedColor: PropTypes$1.string,
+  startWeekRange: PropTypes$1.string,
+  endWeekRange: PropTypes$1.string,
+  tooltipTitle: PropTypes$1.string,
+  tooltipSecondTitle: PropTypes$1.string,
+  yAxisCounter: PropTypes$1.number,
+  isPercentValue: PropTypes$1.bool,
+  interval: PropTypes$1.string,
+  showTitle: PropTypes$1.bool,
+  showLegend: PropTypes$1.bool,
+  legendData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    title: PropTypes$1.string.isRequired,
+    iconType: PropTypes$1.oneOf([ICON_TYPE_SQUARE, ICON_TYPE_LEGEND_UNION_ICON, ICON_TYPE_LEGEND_LINE_ICON]).isRequired,
+    iconColor: PropTypes$1.string.isRequired
   })),
-  showTwoBars: PropTypes.bool,
-  setLimitHeight: PropTypes.number,
-  setLimitLow: PropTypes.number
+  showTwoBars: PropTypes$1.bool,
+  setLimitHeight: PropTypes$1.number,
+  setLimitLow: PropTypes$1.number
 };
 BarChartsByWeeks.defaultProps = {
   className: '',
@@ -28373,27 +28366,27 @@ const TotalDoughnutChart = props => {
   }, row.name, displayLegendValue(row)))))))));
 };
 TotalDoughnutChart.propTypes = {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.number,
-  addingBenchmark: PropTypes.bool,
-  dotCut: PropTypes.bool,
-  currencySign: PropTypes.bool,
-  currencyType: PropTypes.string,
-  legendData: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    description: PropTypes.string
+  className: PropTypes$1.string,
+  title: PropTypes$1.string,
+  value: PropTypes$1.number,
+  addingBenchmark: PropTypes$1.bool,
+  dotCut: PropTypes$1.bool,
+  currencySign: PropTypes$1.bool,
+  currencyType: PropTypes$1.string,
+  legendData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    name: PropTypes$1.string,
+    description: PropTypes$1.string
   })),
-  itemsPercentagesValueAside: PropTypes.bool,
-  itemsBoldedValues: PropTypes.bool,
-  itemsValuesSeparateLine: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  textcolor: PropTypes.string,
-  isPercent: PropTypes.bool,
-  hideTitleAndValue: PropTypes.bool,
-  noDataText: PropTypes.string,
-  textAfterValue: PropTypes.string
+  itemsPercentagesValueAside: PropTypes$1.bool,
+  itemsBoldedValues: PropTypes$1.bool,
+  itemsValuesSeparateLine: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  textcolor: PropTypes$1.string,
+  isPercent: PropTypes$1.bool,
+  hideTitleAndValue: PropTypes$1.bool,
+  noDataText: PropTypes$1.string,
+  textAfterValue: PropTypes$1.string
 };
 TotalDoughnutChart.defaultProps = {
   className: '',
@@ -28430,13 +28423,13 @@ function CustomTooltip(_ref) {
 }
 CustomTooltip.propTypes = {
   // eslint-disable-next-line react/forbid-prop-types
-  active: PropTypes.any,
+  active: PropTypes$1.any,
   // eslint-disable-next-line react/forbid-prop-types
-  payload: PropTypes.any,
+  payload: PropTypes$1.any,
   // eslint-disable-next-line react/forbid-prop-types
-  value: PropTypes.any,
+  value: PropTypes$1.any,
   // eslint-disable-next-line react/forbid-prop-types
-  isPercent: PropTypes.any
+  isPercent: PropTypes$1.any
 };
 CustomTooltip.defaultProps = {
   active: '',
@@ -28560,11 +28553,11 @@ const Tooltip = props => {
   }, content)));
 };
 Tooltip.propTypes = {
-  className: PropTypes.string,
-  top: PropTypes.number,
-  left: PropTypes.number,
-  direction: PropTypes.string,
-  content: PropTypes.string
+  className: PropTypes$1.string,
+  top: PropTypes$1.number,
+  left: PropTypes$1.number,
+  direction: PropTypes$1.string,
+  content: PropTypes$1.string
 };
 Tooltip.defaultProps = {
   className: '',
@@ -28853,31 +28846,31 @@ const TotalHorizontalCharts = props => {
   }));
 };
 TotalHorizontalCharts.propTypes = {
-  className: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.number,
-  dotCut: PropTypes.bool,
-  currencySign: PropTypes.bool,
-  currencyType: PropTypes.string,
-  chartsData: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.number,
-    color: PropTypes.string
+  className: PropTypes$1.string,
+  title: PropTypes$1.string,
+  value: PropTypes$1.number,
+  dotCut: PropTypes$1.bool,
+  currencySign: PropTypes$1.bool,
+  currencyType: PropTypes$1.string,
+  chartsData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    name: PropTypes$1.string,
+    value: PropTypes$1.number,
+    color: PropTypes$1.string
   })),
-  showScrollerBarsCount: PropTypes.number,
-  showPercentAsideValue: PropTypes.bool,
-  labelFontSize: PropTypes.number,
-  labelLimitedLetters: PropTypes.number,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  rightGap: PropTypes.number,
-  textColor: PropTypes.string,
-  noDataText: PropTypes.string,
-  isDollar: PropTypes.bool,
-  isPercentage: PropTypes.bool,
-  showDollarSign: PropTypes.bool,
-  hideTotalValue: PropTypes.bool,
-  hideTitle: PropTypes.bool
+  showScrollerBarsCount: PropTypes$1.number,
+  showPercentAsideValue: PropTypes$1.bool,
+  labelFontSize: PropTypes$1.number,
+  labelLimitedLetters: PropTypes$1.number,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  rightGap: PropTypes$1.number,
+  textColor: PropTypes$1.string,
+  noDataText: PropTypes$1.string,
+  isDollar: PropTypes$1.bool,
+  isPercentage: PropTypes$1.bool,
+  showDollarSign: PropTypes$1.bool,
+  hideTotalValue: PropTypes$1.bool,
+  hideTitle: PropTypes$1.bool
 };
 TotalHorizontalCharts.defaultProps = {
   className: '',
@@ -29066,23 +29059,23 @@ const SalesAndROI = props => {
   }));
 };
 SalesAndROI.propTypes = {
-  title: PropTypes.string,
-  dotCut: PropTypes.bool,
-  currencySign: PropTypes.bool,
-  currencyType: PropTypes.string,
-  salesData: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.number,
-    labelBefore: PropTypes.string,
-    labelAfter: PropTypes.string
+  title: PropTypes$1.string,
+  dotCut: PropTypes$1.bool,
+  currencySign: PropTypes$1.bool,
+  currencyType: PropTypes$1.string,
+  salesData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    name: PropTypes$1.string,
+    value: PropTypes$1.number,
+    labelBefore: PropTypes$1.string,
+    labelAfter: PropTypes$1.string
   })),
-  width: PropTypes.string,
-  height: PropTypes.string,
-  textColor: PropTypes.string,
-  showBanner: PropTypes.bool,
-  noDataText: PropTypes.string,
-  onBannerClick: PropTypes.func,
-  showBorderShadow: PropTypes.bool
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  textColor: PropTypes$1.string,
+  showBanner: PropTypes$1.bool,
+  noDataText: PropTypes$1.string,
+  onBannerClick: PropTypes$1.func,
+  showBorderShadow: PropTypes$1.bool
 };
 SalesAndROI.defaultProps = {
   title: 'SALES',
@@ -29378,25 +29371,25 @@ const PopupCharts = props => {
   }, popupChartsItemsData.map(item => displayChartItem(item))))));
 };
 PopupCharts.propTypes = {
-  title: PropTypes.string,
-  chartType: PropTypes.string,
+  title: PropTypes$1.string,
+  chartType: PropTypes$1.string,
   // eslint-disable-next-line react/require-default-props
-  popupChartsItemsData: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    chartType: PropTypes.string,
-    value: PropTypes.number,
-    legendData: PropTypes.arrayOf(PropTypes.shape({
-      color: PropTypes.string,
-      name: PropTypes.string,
-      value: PropTypes.number
+  popupChartsItemsData: PropTypes$1.arrayOf(PropTypes$1.shape({
+    title: PropTypes$1.string,
+    chartType: PropTypes$1.string,
+    value: PropTypes$1.number,
+    legendData: PropTypes$1.arrayOf(PropTypes$1.shape({
+      color: PropTypes$1.string,
+      name: PropTypes$1.string,
+      value: PropTypes$1.number
     })),
-    noDataText: PropTypes.string
+    noDataText: PropTypes$1.string
   })),
-  isPopupChartsOpen: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  onCloseClick: PropTypes.func,
-  subtitleTextColor: PropTypes.string
+  isPopupChartsOpen: PropTypes$1.bool,
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  onCloseClick: PropTypes$1.func,
+  subtitleTextColor: PropTypes$1.string
 };
 PopupCharts.defaultProps = {
   title: 'Switching Pattern',
@@ -29504,12 +29497,12 @@ const TopToggleList = props => {
   }, /*#__PURE__*/React$1.createElement(Item, null, item.label)))));
 };
 TopToggleList.propTypes = {
-  width: PropTypes.string,
-  height: PropTypes.string,
-  title: PropTypes.string,
-  list: PropTypes.arrayOf({
-    value: PropTypes.string,
-    label: PropTypes.string
+  width: PropTypes$1.string,
+  height: PropTypes$1.string,
+  title: PropTypes$1.string,
+  list: PropTypes$1.arrayOf({
+    value: PropTypes$1.string,
+    label: PropTypes$1.string
   })
 };
 TopToggleList.defaultProps = {
@@ -29839,14 +29832,14 @@ const Heatmap = props => {
   }, title)), refreshRequired && renderBars(), !refreshRequired && renderBars(), renderLegend()));
 };
 Heatmap.propTypes = {
-  title: PropTypes.string.isRequired,
-  data: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.number.isRequired,
-    label: PropTypes.string.isRequired,
-    color: PropTypes.string.isRequired
+  title: PropTypes$1.string.isRequired,
+  data: PropTypes$1.arrayOf(PropTypes$1.shape({
+    value: PropTypes$1.number.isRequired,
+    label: PropTypes$1.string.isRequired,
+    color: PropTypes$1.string.isRequired
   })).isRequired,
-  lowLimit: PropTypes.number.isRequired,
-  barHeight: PropTypes.string.isRequired
+  lowLimit: PropTypes$1.number.isRequired,
+  barHeight: PropTypes$1.string.isRequired
 };
 
 const ButtonWrapper = dt.div`
@@ -30021,19 +30014,19 @@ const IconButton = props => {
 IconButton.propTypes = {
   // downloadStatus: PropTypes.string,
   // fileName: PropTypes.string,
-  fileLink: PropTypes.string,
-  showProcess: PropTypes.bool,
-  buttonText: PropTypes.string,
-  iconName: PropTypes.string,
-  contentColor: PropTypes.string,
-  backgroundColor: PropTypes.string,
-  borderColor: PropTypes.string,
-  borderRadius: PropTypes.string,
-  iconHeight: PropTypes.number,
-  iconWidth: PropTypes.number,
-  disabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  onCancelClick: PropTypes.func
+  fileLink: PropTypes$1.string,
+  showProcess: PropTypes$1.bool,
+  buttonText: PropTypes$1.string,
+  iconName: PropTypes$1.string,
+  contentColor: PropTypes$1.string,
+  backgroundColor: PropTypes$1.string,
+  borderColor: PropTypes$1.string,
+  borderRadius: PropTypes$1.string,
+  iconHeight: PropTypes$1.number,
+  iconWidth: PropTypes$1.number,
+  disabled: PropTypes$1.bool,
+  onClick: PropTypes$1.func,
+  onCancelClick: PropTypes$1.func
 };
 IconButton.defaultProps = {
   // downloadStatus: '',