sag_components 2.0.0-beta27 → 2.0.0-beta29

package/dist/stories/PopupCharts.stories.js

@@ -0,0 +1,1191 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TotalHorizontalCharts = exports.TotalDoughnutChart = exports.SalesAndROI = exports.MarketShareWeeklyTriers = exports.BarChartsByWeeksTwoBars = exports.BarChartsByWeeks = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _PopupCharts = _interopRequireDefault(require("./components/PopupCharts"));
+const FoodLionDetails = {
+  TotalDoughnutChartDetails: {
+    title: 'Switchers Pattern',
+    value: 720000,
+    legendData: [{
+      color: '#066768',
+      name: 'None Switcher',
+      value: 40.2222
+    }, {
+      color: '#82B3B4',
+      name: 'From Other Products',
+      value: 19.8888
+    }, {
+      color: '#90CE9C',
+      name: 'From Other Supplier Brand',
+      value: 24.666
+    }, {
+      color: '#5FCC70',
+      name: 'From other Suppliers',
+      value: 15.444
+    }],
+    noDataText: ''
+  },
+  BarChartsByWeeksDetails: {
+    title: 'Total Product Line Triers',
+    headerValueTopTitle: '',
+    headerValue: 4842366,
+    headerValueBottomTitle: 'Product Line Triers VS. Repeaters',
+    barChartData: [{
+      title: '202320',
+      value: 522366,
+      secondValue: 555885
+    }, {
+      title: '202321',
+      value: 659511,
+      secondValue: 335885
+    }, {
+      title: '202322',
+      value: 473092,
+      secondValue: 487885
+    }, {
+      title: '202323',
+      value: 896184,
+      secondValue: 225885
+    }, {
+      title: '202324',
+      value: 415317,
+      secondValue: 367485
+    }, {
+      title: '202325',
+      value: 668376,
+      secondValue: 324885
+    }, {
+      title: '202326',
+      value: 1278121,
+      secondValue: 871885
+    }, {
+      title: '202327',
+      value: 377930,
+      secondValue: 841185
+    }, {
+      title: '202328',
+      value: 446258,
+      secondValue: 225885
+    }, {
+      title: '202329',
+      value: 650184,
+      secondValue: 315885
+    }, {
+      title: '202330',
+      value: 312790,
+      secondValue: 415885
+    }, {
+      title: '202331',
+      value: 735076,
+      secondValue: 741885
+    }, {
+      title: '202332',
+      value: 411037,
+      secondValue: 285885
+    }],
+    barChartColor: '#1F7677',
+    barChartSecondColor: '#90CE9C',
+    startWeekRange: '202323',
+    endWeekRange: '202329',
+    tooltipTitle: 'New Shoppers: ',
+    tooltipSecondTitle: 'Repeaters: ',
+    xselectedColor: '#C7E7CD',
+    isPercentValue: false,
+    showLegend: true,
+    legendData: [{
+      title: 'New Shoppers',
+      iconType: 'Square',
+      iconColor: '#1F7677'
+    }, {
+      title: 'Repeaters',
+      iconType: 'Square',
+      iconColor: '#90CE9C'
+    }]
+  },
+  TotalHorizontalChartsDetails: {
+    title: 'Sales',
+    value: 35500,
+    chartsData: [{
+      color: 'rgba(31, 118, 119, 0.1)',
+      name: 'Lysoe',
+      value: 14
+    }, {
+      color: 'rgba(31, 118, 119, 0.2)',
+      name: 'Ensueno',
+      value: 19
+    }, {
+      color: 'rgba(31, 118, 119, 0.3)',
+      name: 'Starbucks Frappuccino',
+      value: 15
+    }, {
+      color: 'rgba(31, 118, 119, 0.4)',
+      name: 'Chunky Bowls',
+      value: 23
+    }, {
+      color: 'rgba(31, 118, 119, 0.5)',
+      name: 'Pringles',
+      value: 40
+    }],
+    noDataText: '',
+    currencySign: false,
+    dotCut: true
+  },
+  MarketShareDescriptionDetails: {
+    dotCut: false,
+    marketShareData: [{
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 1140
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 6342
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 548
+      }],
+      name: 'weeklyTriers',
+      rowFooter: '         \n    <p1>The event drove </p1>\n    <strong>320%  </strong>\n    <p1>new Pringles Harvest Brand Crisp triers</p1>\n    ',
+      rowTitle: 'Weekly Triers',
+      showBanner: false
+    }, {
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 235
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 1345
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 1569
+      }],
+      name: 'weeklyRepeaters',
+      rowFooter: '',
+      rowTitle: 'Weekly Repeaters',
+      showBanner: false
+    }],
+    height: '630px',
+    width: '700px'
+  },
+  SalesAndROIDetails: {
+    title: '',
+    currencySign: true,
+    dotCut: true,
+    noDataText: 'No data to display.',
+    salesData: [{
+      name: 'Total Sales',
+      textAfter: '',
+      textBefore: '',
+      value: 90000
+    }, {
+      name: 'Incremental sales',
+      textAfter: '(43 Units)',
+      textBefore: '',
+      value: 420000
+    }, {
+      name: 'Package Cost',
+      textAfter: '',
+      textBefore: '',
+      value: 50000
+    }, {
+      name: 'ROI',
+      textAfter: '',
+      textBefore: 'x',
+      value: 9.2
+    }],
+    showBanner: false,
+    height: '300px',
+    width: '100%'
+  }
+};
+/// /////////////////////////////////////////////// Food Lion Details - END /////////////////////////////////////////////
+
+/// /////////////////////////////////////////////// Hannaford Details - START /////////////////////////////////////////////
+
+const HannafordDetails = {
+  TotalDoughnutChartDetails: {
+    title: 'Switchers Pattern',
+    value: 140000,
+    legendData: [{
+      color: '#066768',
+      name: 'None Switcher',
+      value: 35.2
+    }, {
+      color: '#82B3B4',
+      name: 'From Other Products',
+      value: 14.8
+    }, {
+      color: '#90CE9C',
+      name: 'From Other Supplier Brand',
+      value: 20.666
+    }, {
+      color: '#5FCC70',
+      name: 'From other Suppliers',
+      value: 29.444
+    }],
+    noDataText: ''
+  },
+  BarChartsByWeeksDetails: {
+    title: 'Total Product Line Triers',
+    headerValueTopTitle: '',
+    headerValue: 4842366,
+    headerValueBottomTitle: 'Product Line Triers VS. Repeaters',
+    barChartData: [{
+      title: '202320',
+      value: 442366,
+      secondValue: 555885
+    }, {
+      title: '202321',
+      value: 599511,
+      secondValue: 356885
+    }, {
+      title: '202322',
+      value: 603092,
+      secondValue: 658485
+    }, {
+      title: '202323',
+      value: 796184,
+      secondValue: 356842
+    }, {
+      title: '202324',
+      value: 815317,
+      secondValue: 687549
+    }, {
+      title: '202325',
+      value: 968376,
+      secondValue: 632597
+    }, {
+      title: '202326',
+      value: 1078121,
+      secondValue: 784521
+    }, {
+      title: '202327',
+      value: 847930,
+      secondValue: 586491
+    }, {
+      title: '202328',
+      value: 746258,
+      secondValue: 654219
+    }, {
+      title: '202329',
+      value: 650184,
+      secondValue: 128456
+    }, {
+      title: '202330',
+      value: 512790,
+      secondValue: 157246
+    }, {
+      title: '202331',
+      value: 435076,
+      secondValue: 369854
+    }, {
+      title: '202332',
+      value: 311037,
+      secondValue: 154872
+    }],
+    barChartColor: '#1F7677',
+    barChartSecondColor: '#90CE9C',
+    startWeekRange: '202323',
+    endWeekRange: '202329',
+    tooltipTitle: 'New Shoppers: ',
+    tooltipSecondTitle: 'Repeaters: ',
+    xselectedColor: '#C7E7CD',
+    isPercentValue: false,
+    showLegend: true,
+    legendData: [{
+      title: 'New Shoppers',
+      iconType: 'Square',
+      iconColor: '#1F7677'
+    }, {
+      title: 'Repeaters',
+      iconType: 'Square',
+      iconColor: '#90CE9C'
+    }]
+  },
+  TotalHorizontalChartsDetails: {
+    title: 'Sales',
+    value: 47500,
+    chartsData: [{
+      color: 'rgba(31, 118, 119, 0.1)',
+      name: 'Lysoe',
+      value: 20
+    }, {
+      color: 'rgba(31, 118, 119, 0.2)',
+      name: 'Ensueno',
+      value: 21
+    }, {
+      color: 'rgba(31, 118, 119, 0.3)',
+      name: 'Starbucks Frappuccino',
+      value: 11
+    }, {
+      color: 'rgba(31, 118, 119, 0.4)',
+      name: 'Chunky Bowls',
+      value: 35
+    }, {
+      color: 'rgba(31, 118, 119, 0.5)',
+      name: 'Pringles',
+      value: 32
+    }],
+    noDataText: '',
+    currencySign: false,
+    dotCut: true
+  },
+  MarketShareDescriptionDetails: {
+    dotCut: false,
+    marketShareData: [{
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 2549
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 9458
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 730
+      }],
+      name: 'weeklyTriers',
+      rowFooter: '         \n    <p1>The event drove </p1>\n    <strong>320%  </strong>\n    <p1>new Pringles Harvest Brand Crisp triers</p1>\n    ',
+      rowTitle: 'Weekly Triers',
+      showBanner: false
+    }, {
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 89
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 1673
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 2976
+      }],
+      name: 'weeklyRepeaters',
+      rowFooter: '',
+      rowTitle: 'Weekly Repeaters',
+      showBanner: false
+    }],
+    height: '630px',
+    width: '700px'
+  },
+  SalesAndROIDetails: {
+    title: '',
+    currencySign: true,
+    dotCut: true,
+    noDataText: 'No data to display.',
+    salesData: [{
+      name: 'Total Sales',
+      textAfter: '',
+      textBefore: '',
+      value: 90000
+    }, {
+      name: 'Incremental sales',
+      textAfter: '(43 Units)',
+      textBefore: '',
+      value: 420000
+    }, {
+      name: 'Package Cost',
+      textAfter: '',
+      textBefore: '',
+      value: 50000
+    }, {
+      name: 'ROI',
+      textAfter: '',
+      textBefore: 'x',
+      value: 9.2
+    }],
+    showBanner: false,
+    height: '300px',
+    width: '100%'
+  }
+};
+/// /////////////////////////////////////////////// Hannaford Details - END /////////////////////////////////////////////
+
+/// /////////////////////////////////////////////// The Giant Company - START /////////////////////////////////////////////
+
+const TheGiantCompanyDetails = {
+  TotalDoughnutChartDetails: {
+    title: 'Switchers Pattern',
+    value: 420000,
+    legendData: [{
+      color: '#066768',
+      name: 'None Switcher',
+      value: 40.5
+    }, {
+      color: '#82B3B4',
+      name: 'From Other Products',
+      value: 19.5
+    }, {
+      color: '#90CE9C',
+      name: 'From Other Supplier Brand',
+      value: 30.666
+    }, {
+      color: '#5FCC70',
+      name: 'From other Suppliers',
+      value: 9.444
+    }],
+    noDataText: ''
+  },
+  BarChartsByWeeksDetails: {
+    title: 'Total Product Line Triers',
+    headerValueTopTitle: '',
+    headerValue: 4842366,
+    headerValueBottomTitle: 'Product Line Triers VS. Repeaters',
+    barChartData: [{
+      title: '202320',
+      value: 542366,
+      secondValue: 555885
+    }, {
+      title: '202321',
+      value: 699511,
+      secondValue: 264875
+    }, {
+      title: '202322',
+      value: 403092,
+      secondValue: 125475
+    }, {
+      title: '202323',
+      value: 396184,
+      secondValue: 187542
+    }, {
+      title: '202324',
+      value: 415317,
+      secondValue: 658452
+    }, {
+      title: '202325',
+      value: 568376,
+      secondValue: 598746
+    }, {
+      title: '202326',
+      value: 1078121,
+      secondValue: 124578
+    }, {
+      title: '202327',
+      value: 947930,
+      secondValue: 548475
+    }, {
+      title: '202328',
+      value: 946258,
+      secondValue: 698745
+    }, {
+      title: '202329',
+      value: 850184,
+      secondValue: 698754
+    }, {
+      title: '202330',
+      value: 912790,
+      secondValue: 658742
+    }, {
+      title: '202331',
+      value: 835076,
+      secondValue: 9784587
+    }, {
+      title: '202332',
+      value: 911037,
+      secondValue: 963547
+    }],
+    barChartColor: '#1F7677',
+    barChartSecondColor: '#90CE9C',
+    startWeekRange: '202323',
+    endWeekRange: '202329',
+    tooltipTitle: 'New Shoppers: ',
+    tooltipSecondTitle: 'Repeaters: ',
+    xselectedColor: '#C7E7CD',
+    isPercentValue: false,
+    showLegend: true,
+    legendData: [{
+      title: 'New Shoppers',
+      iconType: 'Square',
+      iconColor: '#1F7677'
+    }, {
+      title: 'Repeaters',
+      iconType: 'Square',
+      iconColor: '#90CE9C'
+    }]
+  },
+  TotalHorizontalChartsDetails: {
+    title: 'Sales',
+    value: 24500,
+    chartsData: [{
+      color: 'rgba(31, 118, 119, 0.1)',
+      name: 'Lysoe',
+      value: 13
+    }, {
+      color: 'rgba(31, 118, 119, 0.2)',
+      name: 'Ensueno',
+      value: 21
+    }, {
+      color: 'rgba(31, 118, 119, 0.3)',
+      name: 'Starbucks Frappuccino',
+      value: 17
+    }, {
+      color: 'rgba(31, 118, 119, 0.4)',
+      name: 'Chunky Bowls',
+      value: 39
+    }, {
+      color: 'rgba(31, 118, 119, 0.5)',
+      name: 'Pringles',
+      value: 25
+    }],
+    noDataText: '',
+    currencySign: false,
+    dotCut: true
+  },
+  MarketShareDescriptionDetails: {
+    dotCut: false,
+    height: '630px',
+    marketShareData: [{
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 2040
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 8250
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 600
+      }],
+      name: 'weeklyTriers',
+      rowFooter: '         \n    <p1>The event drove </p1>\n    <strong>320%  </strong>\n    <p1>new Pringles Harvest Brand Crisp triers</p1>\n    ',
+      rowTitle: 'Weekly Triers',
+      showBanner: false
+    }, {
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 100
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 1500
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 2400
+      }],
+      name: 'weeklyRepeaters',
+      rowFooter: '',
+      rowTitle: 'Weekly Repeaters',
+      showBanner: false
+    }],
+    width: '700px'
+  },
+  SalesAndROIDetails: {
+    title: '',
+    currencySign: true,
+    dotCut: true,
+    noDataText: 'No data to display.',
+    salesData: [{
+      name: 'Total Sales',
+      textAfter: '',
+      textBefore: '',
+      value: 90000
+    }, {
+      name: 'Incremental sales',
+      textAfter: '(43 Units)',
+      textBefore: '',
+      value: 420000
+    }, {
+      name: 'Package Cost',
+      textAfter: '',
+      textBefore: '',
+      value: 50000
+    }, {
+      name: 'ROI',
+      textAfter: '',
+      textBefore: 'x',
+      value: 9.2
+    }],
+    showBanner: false,
+    height: '300px',
+    width: '100%'
+  }
+};
+/// /////////////////////////////////////////////// The Giant Company - END /////////////////////////////////////////////
+
+/// /////////////////////////////////////////////// Stop&Shop - START /////////////////////////////////////////////
+
+const StopAndShopDetails = {
+  TotalDoughnutChartDetails: {
+    title: 'Switchers Pattern',
+    value: 350000,
+    legendData: [{
+      color: '#066768',
+      name: 'None Switcher',
+      value: 45.7
+    }, {
+      color: '#82B3B4',
+      name: 'From Other Products',
+      value: 24.3
+    }, {
+      color: '#90CE9C',
+      name: 'From Other Supplier Brand',
+      value: 10.9
+    }, {
+      color: '#5FCC70',
+      name: 'From other Suppliers',
+      value: 19.1
+    }],
+    noDataText: ''
+  },
+  BarChartsByWeeksDetails: {
+    title: 'Total Product Line Triers',
+    headerValueTopTitle: '',
+    headerValue: 4842366,
+    headerValueBottomTitle: 'Product Line Triers VS. Repeaters',
+    barChartData: [{
+      title: '202320',
+      value: 642366,
+      secondValue: 697458
+    }, {
+      title: '202321',
+      value: 699511,
+      secondValue: 154875
+    }, {
+      title: '202322',
+      value: 703092,
+      secondValue: 326581
+    }, {
+      title: '202323',
+      value: 696184,
+      secondValue: 697458
+    }, {
+      title: '202324',
+      value: 715317,
+      secondValue: 315487
+    }, {
+      title: '202325',
+      value: 668376,
+      secondValue: 397145
+    }, {
+      title: '202326',
+      value: 1078121,
+      secondValue: 381975
+    }, {
+      title: '202327',
+      value: 747930,
+      secondValue: 986574
+    }, {
+      title: '202328',
+      value: 646258,
+      secondValue: 184875
+    }, {
+      title: '202329',
+      value: 750184,
+      secondValue: 369542
+    }, {
+      title: '202330',
+      value: 512790,
+      secondValue: 365845
+    }, {
+      title: '202331',
+      value: 435076,
+      secondValue: 659875
+    }, {
+      title: '202332',
+      value: 311037,
+      secondValue: 369852
+    }],
+    barChartColor: '#1F7677',
+    barChartSecondColor: '#90CE9C',
+    startWeekRange: '202323',
+    endWeekRange: '202329',
+    tooltipTitle: 'New Shoppers: ',
+    tooltipSecondTitle: 'Repeaters: ',
+    xselectedColor: '#C7E7CD',
+    isPercentValue: false,
+    showLegend: true,
+    legendData: [{
+      title: 'New Shoppers',
+      iconType: 'Square',
+      iconColor: '#1F7677'
+    }, {
+      title: 'Repeaters',
+      iconType: 'Square',
+      iconColor: '#90CE9C'
+    }]
+  },
+  TotalHorizontalChartsDetails: {
+    title: 'Sales',
+    value: 66300,
+    chartsData: [{
+      color: 'rgba(31, 118, 119, 0.1)',
+      name: 'Lysoe',
+      value: 14
+    }, {
+      color: 'rgba(31, 118, 119, 0.2)',
+      name: 'Ensueno',
+      value: 12
+    }, {
+      color: 'rgba(31, 118, 119, 0.3)',
+      name: 'Starbucks Frappuccino',
+      value: 15
+    }, {
+      color: 'rgba(31, 118, 119, 0.4)',
+      name: 'Chunky Bowls',
+      value: 19
+    }, {
+      color: 'rgba(31, 118, 119, 0.5)',
+      name: 'Pringles',
+      value: 55
+    }],
+    noDataText: '',
+    currencySign: false,
+    dotCut: true
+  },
+  MarketShareDescriptionDetails: {
+    dotCut: false,
+    marketShareData: [{
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 2845
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 6877
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 532
+      }],
+      name: 'weeklyTriers',
+      rowFooter: '         \n    <p1>The event drove </p1>\n    <strong>320%  </strong>\n    <p1>new Pringles Harvest Brand Crisp triers</p1>\n    ',
+      rowTitle: 'Weekly Triers',
+      showBanner: false
+    }, {
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 69
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 1685
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 2781
+      }],
+      name: 'weeklyRepeaters',
+      rowFooter: '',
+      rowTitle: 'Weekly Repeaters',
+      showBanner: false
+    }],
+    height: '630px',
+    width: '700px'
+  },
+  SalesAndROIDetails: {
+    title: '',
+    currencySign: true,
+    dotCut: true,
+    noDataText: 'No data to display.',
+    salesData: [{
+      name: 'Total Sales',
+      textAfter: '',
+      textBefore: '',
+      value: 90000
+    }, {
+      name: 'Incremental sales',
+      textAfter: '(43 Units)',
+      textBefore: '',
+      value: 420000
+    }, {
+      name: 'Package Cost',
+      textAfter: '',
+      textBefore: '',
+      value: 50000
+    }, {
+      name: 'ROI',
+      textAfter: '',
+      textBefore: 'x',
+      value: 9.2
+    }],
+    showBanner: false,
+    height: '300px',
+    width: '100%'
+  }
+};
+const GiantFoodDetails = {
+  TotalDoughnutChartDetails: {
+    title: 'Switchers Pattern',
+    value: 580000,
+    legendData: [{
+      color: '#066768',
+      name: 'None Switcher',
+      value: 60
+    }, {
+      color: '#82B3B4',
+      name: 'From Other Products',
+      value: 20
+    }, {
+      color: '#90CE9C',
+      name: 'From Other Supplier Brand',
+      value: 12
+    }, {
+      color: '#5FCC70',
+      name: 'From other Suppliers',
+      value: 8
+    }],
+    noDataText: ''
+  },
+  BarChartsByWeeksDetails: {
+    title: 'Total Product Line Triers',
+    headerValueTopTitle: '',
+    headerValue: 4842366,
+    headerValueBottomTitle: 'Product Line Triers VS. Repeaters',
+    barChartData: [{
+      title: '202320',
+      value: 542366,
+      secondValue: 555885
+    }, {
+      title: '202321',
+      value: 699511,
+      secondValue: 648752
+    }, {
+      title: '202322',
+      value: 403092,
+      secondValue: 365824
+    }, {
+      title: '202323',
+      value: 396184,
+      secondValue: 917458
+    }, {
+      title: '202324',
+      value: 415317,
+      secondValue: 356985
+    }, {
+      title: '202325',
+      value: 568376,
+      secondValue: 284865
+    }, {
+      title: '202326',
+      value: 1078121,
+      secondValue: 346857
+    }, {
+      title: '202327',
+      value: 347930,
+      secondValue: 187546
+    }, {
+      title: '202328',
+      value: 346258,
+      secondValue: 159753
+    }, {
+      title: '202329',
+      value: 350184,
+      secondValue: 186542
+    }, {
+      title: '202330',
+      value: 312790,
+      secondValue: 968547
+    }, {
+      title: '202331',
+      value: 335076,
+      secondValue: 157452
+    }, {
+      title: '202332',
+      value: 311037,
+      secondValue: 154258
+    }],
+    barChartColor: '#1F7677',
+    barChartSecondColor: '#90CE9C',
+    startWeekRange: '202323',
+    endWeekRange: '202329',
+    tooltipTitle: 'New Shoppers: ',
+    tooltipSecondTitle: 'Repeaters: ',
+    xselectedColor: '#C7E7CD',
+    isPercentValue: false,
+    showLegend: true,
+    legendData: [{
+      title: 'New Shoppers',
+      iconType: 'Square',
+      iconColor: '#1F7677'
+    }, {
+      title: 'Repeaters',
+      iconType: 'Square',
+      iconColor: '#90CE9C'
+    }]
+  },
+  TotalHorizontalChartsDetails: {
+    title: 'Sales',
+    value: 56500,
+    chartsData: [{
+      color: 'rgba(31, 118, 119, 0.1)',
+      name: 'Lysoe',
+      value: 10
+    }, {
+      color: 'rgba(31, 118, 119, 0.2)',
+      name: 'Ensueno',
+      value: 11
+    }, {
+      color: 'rgba(31, 118, 119, 0.3)',
+      name: 'Starbucks Frappuccino',
+      value: 15
+    }, {
+      color: 'rgba(31, 118, 119, 0.4)',
+      name: 'Chunky Bowls',
+      value: 29
+    }, {
+      color: 'rgba(31, 118, 119, 0.5)',
+      name: 'Pringles',
+      value: 35
+    }],
+    noDataText: '',
+    currencySign: false,
+    dotCut: true
+  },
+  MarketShareDescriptionDetails: {
+    dotCut: false,
+    marketShareData: [{
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 3844
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 8655
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 389
+      }],
+      name: 'weeklyTriers',
+      rowFooter: '         \n    <p1>The event drove </p1>\n    <strong>320%  </strong>\n    <p1>new Pringles Harvest Brand Crisp triers</p1>\n    ',
+      rowTitle: 'Weekly Triers',
+      showBanner: false
+    }, {
+      fieldsArray: [{
+        label: 'Pre-event',
+        textAfter: '',
+        textBefore: '',
+        value: 255
+      }, {
+        label: 'Event',
+        textAfter: '',
+        textBefore: '',
+        value: 2036
+      }, {
+        label: 'Post-event',
+        textAfter: '',
+        textBefore: '',
+        value: 3541
+      }],
+      name: 'weeklyRepeaters',
+      rowFooter: '',
+      rowTitle: 'Weekly Repeaters',
+      showBanner: false
+    }],
+    height: '630px',
+    width: '700px'
+  },
+  SalesAndROIDetails: {
+    title: '',
+    currencySign: true,
+    dotCut: true,
+    noDataText: 'No data to display.',
+    salesData: [{
+      name: 'Total Sales',
+      textAfter: '',
+      textBefore: '',
+      value: 90000
+    }, {
+      name: 'Incremental sales',
+      textAfter: '(43 Units)',
+      textBefore: '',
+      value: 420000
+    }, {
+      name: 'Package Cost',
+      textAfter: '',
+      textBefore: '',
+      value: 50000
+    }, {
+      name: 'ROI',
+      textAfter: '',
+      textBefore: 'x',
+      value: 9.2
+    }],
+    showBanner: false,
+    height: '300px',
+    width: '100%'
+  }
+};
+const popupChartsItemsData1 = [{
+  title: 'Food Lion',
+  rowsData: FoodLionDetails
+}, {
+  title: 'Hannaford',
+  rowsData: HannafordDetails
+}, {
+  title: 'Stop&Shop',
+  rowsData: StopAndShopDetails
+}, {
+  title: 'The Giant Company',
+  rowsData: TheGiantCompanyDetails
+}, {
+  title: 'Giant Food',
+  rowsData: GiantFoodDetails
+}];
+var _default = exports.default = {
+  title: 'SAG BI/PopupCharts',
+  component: _PopupCharts.default,
+  tags: ['autodocs'],
+  argTypes: {
+    title: {
+      name: 'title',
+      control: {
+        type: 'text'
+      },
+      description: 'title'
+    },
+    chartType: {
+      name: 'chartType',
+      control: {
+        type: 'radio'
+      },
+      options: ['TotalDoughnutChart', 'TotalHorizontalCharts', 'BarChartsByWeeks', 'BarChartsByWeeksTwoBars', 'MarketShareDescription'],
+      description: 'chart type, for example: TotalDoughnutChart, TotalHorizontalCharts, BarChartsByWeeks, BarChartsByWeeksTwoBars'
+    },
+    isPopupChartsOpen: {
+      name: 'isPopupChartsOpen',
+      control: {
+        type: 'boolean'
+      },
+      description: 'true/false - open or close PopupCharts'
+    },
+    width: {
+      name: 'width',
+      control: {
+        type: 'text'
+      },
+      description: 'width of the form'
+    },
+    height: {
+      name: 'height',
+      control: {
+        type: 'text'
+      },
+      description: 'height of the form'
+    },
+    subtitleTextColor: {
+      name: 'subtitleTextColor',
+      description: 'Sets the subtitle Text Color',
+      control: {
+        type: 'color',
+        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff']
+      }
+    },
+    popupChartsItemsData: {
+      description: 'array [] of objects: {title: string, content } to fill the Chart items. '
+    },
+    onCloseClick: {
+      action: 'onCloseClick',
+      description: 'returns an event onCloseClick object when user closes the popup'
+    }
+  }
+};
+const Template = args => /*#__PURE__*/_react.default.createElement(_PopupCharts.default, args, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, "table1"), /*#__PURE__*/_react.default.createElement("div", null, "table2")));
+const TotalDoughnutChart = exports.TotalDoughnutChart = Template.bind({});
+TotalDoughnutChart.args = {
+  title: 'Switching Pattern',
+  chartType: 'TotalDoughnutChart',
+  isPopupChartsOpen: true,
+  popupChartsItemsData: popupChartsItemsData1,
+  width: '1600px',
+  height: '820px',
+  subtitleTextColor: '#7E7E7E'
+};
+const BarChartsByWeeks = exports.BarChartsByWeeks = Template.bind({});
+BarChartsByWeeks.args = {
+  title: 'Sales over time',
+  chartType: 'BarChartsByWeeks',
+  isPopupChartsOpen: true,
+  popupChartsItemsData: popupChartsItemsData1,
+  width: '1600px',
+  height: '820px',
+  subtitleTextColor: '#7E7E7E'
+};
+const BarChartsByWeeksTwoBars = exports.BarChartsByWeeksTwoBars = Template.bind({});
+BarChartsByWeeksTwoBars.args = {
+  title: 'Sales over time',
+  chartType: 'BarChartsByWeeksTwoBars',
+  isPopupChartsOpen: true,
+  popupChartsItemsData: popupChartsItemsData1,
+  width: '1600px',
+  height: '820px',
+  subtitleTextColor: '#7E7E7E'
+};
+const TotalHorizontalCharts = exports.TotalHorizontalCharts = Template.bind({});
+TotalHorizontalCharts.args = {
+  title: 'Sales',
+  chartType: 'TotalHorizontalCharts',
+  isPopupChartsOpen: true,
+  popupChartsItemsData: popupChartsItemsData1,
+  width: '1600px',
+  height: '820px',
+  subtitleTextColor: '#7E7E7E'
+};
+const MarketShareWeeklyTriers = exports.MarketShareWeeklyTriers = Template.bind({});
+MarketShareWeeklyTriers.args = {
+  title: 'Weekly Triers And Repeaters',
+  chartType: 'MarketShareDescription',
+  isPopupChartsOpen: true,
+  popupChartsItemsData: popupChartsItemsData1,
+  width: '1600px',
+  height: '820px',
+  subtitleTextColor: '#7E7E7E'
+};
+const SalesAndROI = exports.SalesAndROI = Template.bind({});
+SalesAndROI.args = {
+  title: 'Sales & ROI',
+  chartType: 'SalesAndROI',
+  isPopupChartsOpen: true,
+  popupChartsItemsData: popupChartsItemsData1,
+  width: '1600px',
+  height: '820px',
+  subtitleTextColor: '#7E7E7E'
+};