sag_components 2.0.0-beta15 → 2.0.0-beta17

package/dist/index.d.ts

@@ -628,22 +628,7 @@ declare namespace CollapseHeader {
     }
 }
 
-declare function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, width, checkBoxColor, onChange, options, selectedValue, }: {
-    hoverColor?: string | undefined;
-    multipleSelection?: boolean | undefined;
-    xIconShow?: boolean | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-    errorMessage?: string | undefined;
-    label?: string | undefined;
-    labelColor?: string | undefined;
-    placeHolder?: string | undefined;
-    width?: string | undefined;
-    checkBoxColor?: string | undefined;
-    onChange?: ((event: any) => void) | undefined;
-    options?: any[] | undefined;
-    selectedValue?: any[] | undefined;
-}): react_jsx_runtime.JSX.Element;
+declare function QuickFilter(props: any): react_jsx_runtime.JSX.Element;
 
 declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
 
@@ -1072,82 +1057,6 @@ declare namespace IconButton {
 
 declare function DoublePanelDataRow(props: any): react_jsx_runtime.JSX.Element;
 
-declare function BarChart(props: any): react_jsx_runtime.JSX.Element;
-declare namespace BarChart {
-    namespace propTypes {
-        const title: PropTypes.Requireable<string>;
-        const barChartData: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            date: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const barSize: PropTypes.Requireable<number>;
-        const barFontSizeValue: PropTypes.Requireable<string>;
-        const barChartColor: PropTypes.Requireable<string>;
-        const showDollarSign: PropTypes.Requireable<boolean>;
-        const isDollar: PropTypes.Requireable<boolean>;
-        const showLegend: PropTypes.Requireable<boolean>;
-        const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            iconType: PropTypes.Validator<string>;
-            iconColor: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        const showReferenceLine: PropTypes.Requireable<boolean>;
-        const referenceLinePoint: PropTypes.Requireable<number>;
-        const referenceLineColor: PropTypes.Requireable<string>;
-        const referenceLineDashed: PropTypes.Requireable<string>;
-        const showCurrentCampaignStyle: PropTypes.Requireable<boolean>;
-        const currentBarColor: PropTypes.Requireable<string>;
-        const isPercent: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const title_1: string;
-        export { title_1 as title };
-        const barChartData_1: {
-            title: string;
-            date: string;
-            value: number;
-        }[];
-        export { barChartData_1 as barChartData };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const barSize_1: number;
-        export { barSize_1 as barSize };
-        const barFontSizeValue_1: string;
-        export { barFontSizeValue_1 as barFontSizeValue };
-        const barChartColor_1: string;
-        export { barChartColor_1 as barChartColor };
-        const showDollarSign_1: boolean;
-        export { showDollarSign_1 as showDollarSign };
-        const isDollar_1: boolean;
-        export { isDollar_1 as isDollar };
-        const showLegend_1: boolean;
-        export { showLegend_1 as showLegend };
-        const legendData_1: {
-            title: string;
-            iconType: string;
-            iconColor: string;
-        }[];
-        export { legendData_1 as legendData };
-        const showReferenceLine_1: boolean;
-        export { showReferenceLine_1 as showReferenceLine };
-        const referenceLinePoint_1: number;
-        export { referenceLinePoint_1 as referenceLinePoint };
-        const referenceLineColor_1: string;
-        export { referenceLineColor_1 as referenceLineColor };
-        const referenceLineDashed_1: string;
-        export { referenceLineDashed_1 as referenceLineDashed };
-        const showCurrentCampaignStyle_1: boolean;
-        export { showCurrentCampaignStyle_1 as showCurrentCampaignStyle };
-        const currentBarColor_1: string;
-        export { currentBarColor_1 as currentBarColor };
-        const isPercent_1: boolean;
-        export { isPercent_1 as isPercent };
-    }
-}
+declare function BarChart(props: any): react_jsx_runtime.JSX.Element;
 
 export { BannerEventBoxList, BarChart, BarChartsByWeeks, Button, CollapseHeader, DialogOverlay, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };

package/dist/index.esm.js

@@ -11690,67 +11690,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$1.createElement(DropdownMain, {
-  className: "DropdownMain",
-  width: width
-}, isMulti ? /*#__PURE__*/React$1.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$1.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$1.createElement(DropdownMain, {
+    className: "DropdownMain",
+    width: width
+  }, isMulti ? /*#__PURE__*/React$1.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$1.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,
@@ -12164,20 +12167,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] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState(''); // Added value state
@@ -12605,22 +12609,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] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -13057,21 +13062,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] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -26983,23 +26989,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"
@@ -27689,9 +27695,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,
@@ -27710,13 +27716,13 @@ const PerformanceAnalyticsLegend = props => {
     id: "LegendDataContainer"
   }, legendData?.map((item, i) => /*#__PURE__*/React$1.createElement(TitleAndIconContainer, {
     key: `${item.title + i}`
-  }, item.iconType === ICON_TYPE_SQUARE$2 ? /*#__PURE__*/React$1.createElement(LegendColorRectangle$1, {
+  }, item.iconType === ICON_TYPE_SQUARE$1 ? /*#__PURE__*/React$1.createElement(LegendColorRectangle$1, {
     color: item.iconColor
-  }) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON$2 ? /*#__PURE__*/React$1.createElement(LegendUnionIcon, {
+  }) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON$1 ? /*#__PURE__*/React$1.createElement(LegendUnionIcon, {
     width: 30,
     height: 30,
     color: item.iconColor
-  }) : item.iconType === ICON_TYPE_LEGEND_LINE_ICON$2 ? /*#__PURE__*/React$1.createElement(LegendLineIcon, {
+  }) : item.iconType === ICON_TYPE_LEGEND_LINE_ICON$1 ? /*#__PURE__*/React$1.createElement(LegendLineIcon, {
     color: item.iconColor
   }) : '', /*#__PURE__*/React$1.createElement(Title$7, {
     id: "Title",
@@ -27729,7 +27735,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
   }))
 };
@@ -27739,15 +27745,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,
@@ -27988,7 +27994,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,
@@ -28052,11 +28058,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,
@@ -30268,9 +30274,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 => {
@@ -30466,78 +30469,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,
+// };
 
 export { BannerEventBoxList, BarChart, BarChartsByWeeks, Button, CollapseHeader, DialogOverlay, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };
 //# sourceMappingURL=index.esm.js.map