sag_components 1.0.1021 → 1.0.1022

package/dist/stories/components/PopupCharts/PopupCharts.stories.js

@@ -1,1203 +0,0 @@
-"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("./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) => (
-//   <PopupCharts {...args}>
-//     <div>
-//       <div>table1</div>
-//       <div>table2</div>
-//     </div>
-//   </PopupCharts>
-// );
-const TotalDoughnutChart = exports.TotalDoughnutChart = {
-  args: {
-    title: 'Switching Pattern',
-    chartType: 'TotalDoughnutChart',
-    isPopupChartsOpen: true,
-    popupChartsItemsData: popupChartsItemsData1,
-    width: '1600px',
-    height: '820px',
-    subtitleTextColor: '#7E7E7E'
-  }
-};
-const BarChartsByWeeks = exports.BarChartsByWeeks = {
-  args: {
-    title: 'Sales over time',
-    chartType: 'BarChartsByWeeks',
-    isPopupChartsOpen: true,
-    popupChartsItemsData: popupChartsItemsData1,
-    width: '1600px',
-    height: '820px',
-    subtitleTextColor: '#7E7E7E'
-  }
-};
-const BarChartsByWeeksTwoBars = exports.BarChartsByWeeksTwoBars = {
-  args: {
-    title: 'Sales over time',
-    chartType: 'BarChartsByWeeksTwoBars',
-    isPopupChartsOpen: true,
-    popupChartsItemsData: popupChartsItemsData1,
-    width: '1600px',
-    height: '820px',
-    subtitleTextColor: '#7E7E7E'
-  }
-};
-const TotalHorizontalCharts = exports.TotalHorizontalCharts = {
-  args: {
-    title: 'Sales',
-    chartType: 'TotalHorizontalCharts',
-    isPopupChartsOpen: true,
-    popupChartsItemsData: popupChartsItemsData1,
-    width: '1600px',
-    height: '820px',
-    subtitleTextColor: '#7E7E7E'
-  }
-};
-const MarketShareWeeklyTriers = exports.MarketShareWeeklyTriers = {
-  args: {
-    title: 'Weekly Triers And Repeaters',
-    chartType: 'MarketShareDescription',
-    isPopupChartsOpen: true,
-    popupChartsItemsData: popupChartsItemsData1,
-    width: '1600px',
-    height: '820px',
-    subtitleTextColor: '#7E7E7E'
-  }
-};
-const SalesAndROI = exports.SalesAndROI = {
-  args: {
-    title: 'Sales & ROI',
-    chartType: 'SalesAndROI',
-    isPopupChartsOpen: true,
-    popupChartsItemsData: popupChartsItemsData1,
-    width: '1600px',
-    height: '820px',
-    subtitleTextColor: '#7E7E7E'
-  }
-};