sag_components 2.0.0-beta14 → 2.0.0-beta16

package/dist/index.d.ts

@@ -645,67 +645,7 @@ declare function QuickFilter({ hoverColor, multipleSelection, xIconShow, disable
     selectedValue?: any[] | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
-declare namespace OneColumnContainer {
-    namespace propTypes {
-        const children: PropTypes.Requireable<string>;
-        const display: PropTypes.Requireable<string>;
-        const isLoading: PropTypes.Requireable<boolean>;
-        const gridTemplateColumns: PropTypes.Requireable<string>;
-        const itemClass: PropTypes.Requireable<string>;
-        const divStyle: PropTypes.Requireable<string>;
-        const overStyle: PropTypes.Requireable<string>;
-        const draggingStyle: PropTypes.Requireable<string>;
-        const droppedStyle: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-        const height: PropTypes.Requireable<string>;
-        const overflow: PropTypes.Requireable<string>;
-        const infoTitle: PropTypes.Requireable<string>;
-        const infoText: PropTypes.Requireable<string>;
-        const disableInfo: PropTypes.Requireable<boolean>;
-        const showViewByBannerButton: PropTypes.Requireable<boolean>;
-        const onBannerClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const columnTitle: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const children_1: string;
-        export { children_1 as children };
-        const display_1: string;
-        export { display_1 as display };
-        const isLoading_1: string;
-        export { isLoading_1 as isLoading };
-        const gridTemplateColumns_1: string;
-        export { gridTemplateColumns_1 as gridTemplateColumns };
-        const itemClass_1: string;
-        export { itemClass_1 as itemClass };
-        const divStyle_1: string;
-        export { divStyle_1 as divStyle };
-        const overStyle_1: string;
-        export { overStyle_1 as overStyle };
-        const draggingStyle_1: string;
-        export { draggingStyle_1 as draggingStyle };
-        const droppedStyle_1: string;
-        export { droppedStyle_1 as droppedStyle };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const overflow_1: string;
-        export { overflow_1 as overflow };
-        const infoTitle_1: string;
-        export { infoTitle_1 as infoTitle };
-        const infoText_1: string;
-        export { infoText_1 as infoText };
-        const disableInfo_1: boolean;
-        export { disableInfo_1 as disableInfo };
-        const showViewByBannerButton_1: boolean;
-        export { showViewByBannerButton_1 as showViewByBannerButton };
-        export function onBannerClick_1(): void;
-        export { onBannerClick_1 as onBannerClick };
-        const columnTitle_1: string;
-        export { columnTitle_1 as columnTitle };
-    }
-}
+declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
 
 declare function BarChartsByWeeks(props: any): react_jsx_runtime.JSX.Element;
 declare namespace BarChartsByWeeks {
@@ -1132,82 +1072,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

@@ -14238,13 +14238,16 @@ const Td = dt.td`
 `;
 const Tr = dt.tr`
   border-bottom: 1px solid #f3f4f6;
-  ${({
-  enableHover,
-  selectHoverColor
-}) => enableHover && `&:hover {
+  ${_ref => {
+  let {
+    enableHover,
+    selectHoverColor
+  } = _ref;
+  return enableHover && `&:hover {
       background-color: ${selectHoverColor};
       cursor: pointer;
-    }`}
+    }`;
+}}
 `;
 const InfoText = dt.div`
   font-weight: 400;
@@ -27349,46 +27352,6 @@ const OneColumnContainer = props => {
     containerClassName: "avatar-skeleton"
   })))));
 };
-OneColumnContainer.propTypes = {
-  children: PropTypes.string,
-  display: PropTypes.string,
-  isLoading: PropTypes.bool,
-  gridTemplateColumns: PropTypes.string,
-  itemClass: PropTypes.string,
-  divStyle: PropTypes.string,
-  overStyle: PropTypes.string,
-  draggingStyle: PropTypes.string,
-  droppedStyle: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  overflow: PropTypes.string,
-  infoTitle: PropTypes.string,
-  infoText: PropTypes.string,
-  disableInfo: PropTypes.bool,
-  showViewByBannerButton: PropTypes.bool,
-  onBannerClick: PropTypes.func,
-  columnTitle: PropTypes.string
-};
-OneColumnContainer.defaultProps = {
-  children: '',
-  display: 'block',
-  isLoading: '',
-  gridTemplateColumns: '',
-  itemClass: '',
-  divStyle: '',
-  overStyle: '',
-  draggingStyle: '',
-  droppedStyle: '',
-  width: '300px',
-  height: '300px',
-  overflow: 'hidden',
-  infoTitle: '',
-  infoText: '',
-  disableInfo: false,
-  showViewByBannerButton: false,
-  onBannerClick: () => {},
-  columnTitle: ''
-};
 
 const scrollableStyles$3 = `
   overflow-y: auto;
@@ -27726,9 +27689,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,
@@ -27747,13 +27710,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",
@@ -27766,7 +27729,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
   }))
 };
@@ -27776,15 +27739,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,
@@ -28025,7 +27988,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,
@@ -28089,11 +28052,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,
@@ -30305,9 +30268,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 => {
@@ -30503,78 +30463,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