sag_components 2.0.0-beta → 2.0.0-beta2

package/dist/components/SingleBarLineCharts/SingleBarLineCharts.js

@@ -1,360 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SingleBarLineCharts = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _recharts = require("recharts");
-var _NoDataFoundMessage = require("../NoDataFoundMessage/NoDataFoundMessage");
-var _SingleBarLineCharts = require("./SingleBarLineCharts.style");
-var _CommonFunctions = require("../../utils/CommonFunctions");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* eslint-disable no-restricted-globals */
-/* eslint-disable no-unused-vars */
-/* eslint-disable react/no-unstable-nested-components */
-/* eslint-disable no-shadow */
-/* eslint-disable react/prop-types */
-
-const SingleBarLineCharts = ({
-  className = '',
-  width = '100%',
-  height = '100%',
-  title = '',
-  data = [],
-  totalsData = [],
-  showLegend = true,
-  legendData = [],
-  maxBarRange = 1,
-  showLineChart = true,
-  lineRange = 1,
-  lineFontSizeValue = '0.6em',
-  barFontSizeValue = '0.6em',
-  barSize = 60,
-  barChartHeight = 250,
-  lineChartHeight = 50,
-  isLineChartCurrency = false,
-  isLineChartBolded = false,
-  setLineChartTooltip = false,
-  isTopBarPercent = true,
-  showSecondBar = true,
-  showPeriod = true,
-  currencySign = '€',
-  currencySignLine = '€',
-  noDataText = 'No data'
-}) => {
-  // const {
-  //   className,
-  //   width,
-  //   height,
-  //   title,
-  //   data,
-  //   totalsData,
-  //   showLegend,
-  //   legendData,
-  //   maxBarRange,
-  //   showLineChart,
-  //   lineRange,
-  //   lineFontSizeValue,
-  //   barFontSizeValue,
-  //   barSize,
-  //   barChartHeight,
-  //   lineChartHeight,
-  //   isLineChartCurrency,
-  //   isLineChartBolded,
-  //   setLineChartTooltip,
-  //   isTopBarPercent,
-  //   showSecondBar,
-  //   showPeriod,
-  //   currencySignLine,
-  //   currencySign,
-  //   noDataText,
-  // } = props;
-
-  const [showLegendTooltip, setShowLegendTooltip] = (0, _react.useState)(false);
-  const [tooltipCouponText, setTooltipCouponText] = (0, _react.useState)({
-    content: '',
-    clientX: 0,
-    clientY: 0
-  });
-  const CustomTooltipLineChart = props => {
-    const {
-      active,
-      payload
-    } = props;
-    if (active && payload && payload.length > 0) {
-      const totalValue = data.reduce((sum, item) => sum + (item.lineValue || 0), 0);
-      const currentValue = payload[0].payload.lineValue;
-      const percentage = currentValue / totalValue * 100;
-      const filteredLegendData = legendData.filter(item => item.iconType === 'LegendUnionIcon');
-      const currentRetailer = payload[0].payload.retailer;
-      return <_SingleBarLineCharts.TooltipDiv>
-          <_SingleBarLineCharts.TooltipTitle>{`${currentRetailer}`}</_SingleBarLineCharts.TooltipTitle>
-          <_SingleBarLineCharts.TooltipLabel>
-            {`${filteredLegendData[0].title}: ${percentage.toFixed(1)}%`}
-          </_SingleBarLineCharts.TooltipLabel>
-        </_SingleBarLineCharts.TooltipDiv>;
-    }
-    return null;
-  };
-  const CustomTooltipBarChart = props => {
-    const {
-      active,
-      payload
-    } = props;
-    if (active && payload && payload.length > 0) {
-      const totalBarValue = data.reduce((sum, item) => sum + (Math.abs(item.barValue) || 0), 0);
-      const totalSecondBarValue = data.reduce((sum, item) => sum + (Math.abs(item.secondBarValue) || 0), 0);
-      const currentBarValue = payload[0].payload.barValue;
-      const currentSecondBarValue = payload[0].payload.secondBarValue;
-      const currentRetailer = payload[0].payload.retailer;
-      const percentageFirstBar = Number(Math.abs(currentBarValue) / totalBarValue * 100).toFixed(1);
-      const percentageSecondBar = Number(Math.abs(currentSecondBarValue) / totalSecondBarValue * 100).toFixed(1);
-      const filteredLegendData = legendData.filter(item => item.iconType === 'Square');
-      return <_SingleBarLineCharts.TooltipDiv>
-          <_SingleBarLineCharts.TooltipTitle>{`${currentRetailer}`}</_SingleBarLineCharts.TooltipTitle>
-          {!isNaN(percentageFirstBar) && <_SingleBarLineCharts.TooltipLabel>
-            {`${filteredLegendData[0].title}: ${percentageFirstBar}%`}
-          </_SingleBarLineCharts.TooltipLabel>}
-          {showSecondBar && !isNaN(percentageSecondBar) && <_SingleBarLineCharts.TooltipLabel>
-              {`${filteredLegendData[1].title}: ${percentageSecondBar}%`}
-            </_SingleBarLineCharts.TooltipLabel>}
-        </_SingleBarLineCharts.TooltipDiv>;
-    }
-    return null;
-  };
-  const CustomizedLabelBarchart = props => {
-    const {
-      x,
-      y,
-      width,
-      value
-    } = props;
-    const radius = 10;
-    if (value === 0) {
-      return <g>
-          <text x={x + width / 2} y={y - radius} fontWeight={400} fontSize={barFontSizeValue} textAnchor="middle">
-            0
-          </text>
-        </g>;
-    }
-    if (value === null || value === undefined) {
-      return <g>
-          <text x={x + width / 2} y={y - radius} fontWeight={400} fontSize={barFontSizeValue} textAnchor="middle" dominantBaseline="middle">
-            N/A
-          </text>
-        </g>;
-    }
-    return <g>
-        <text x={x + width / 2} y={y - radius} fontWeight={400} fontSize={barFontSizeValue} textAnchor="middle" dominantBaseline="middle">
-          {`${currencySign}${(0, _CommonFunctions.getFormattedValue)(value)}${(0, _CommonFunctions.getFormattedUnits)(value)}${isTopBarPercent ? '%' : ''}`}
-        </text>
-      </g>;
-  };
-  const CustomizedTickBarChart = props => {
-    const {
-      x,
-      y,
-      payload
-    } = props;
-    const handleMouseEnter = content => {
-      setTooltipCouponText(prevState => ({
-        ...prevState,
-        content: content !== prevState.content ? content : prevState.content,
-        clientX: x,
-        clientY: y
-      }));
-      setShowLegendTooltip(true);
-    };
-    const handleMouseLeave = () => {
-      setShowLegendTooltip(false);
-    };
-    if (data && data.length > 0 && payload) {
-      const retailerData = data.filter(item => item.retailer === payload.value);
-      if (retailerData && retailerData.length > 0) {
-        return <g transform={`translate(${x},${y})`}
-        // onMouseEnter={() => handleMouseEnter(offerType)}
-        onMouseLeave={handleMouseLeave}>
-            <text x={0} y={0} dy={16} fill="#212121">
-              <_SingleBarLineCharts.LabelBoldText textAnchor="middle" x="0" dy="30" fontWeight={600}>
-                {retailerData[0].retailer}
-              </_SingleBarLineCharts.LabelBoldText>
-            </text>
-            {showPeriod && <text x={0} y={0} dy={16} fill="#212121">
-                <_SingleBarLineCharts.LabelText textAnchor="middle" x="0" dy="50" fontSize={14} fontWeight={400}>
-                  {retailerData[0].period}
-                </_SingleBarLineCharts.LabelText>
-              </text>}
-          </g>;
-      }
-      return null;
-    }
-    return null;
-  };
-  const CustomizedLabelROI = props => {
-    const {
-      x,
-      y,
-      stroke,
-      value
-    } = props;
-    return <text x={x} y={y} dy={-8} fill={stroke} fontWeight={isLineChartBolded ? 600 : 400} fontSize={lineFontSizeValue} textAnchor="middle">
-        {`${isLineChartCurrency ? currencySignLine : ''}${(0, _CommonFunctions.getFormattedValue)(value)}${(0, _CommonFunctions.getFormattedUnits)(value)}`}
-      </text>;
-  };
-  const isNegativeValueFound = () => {
-    if (data && data.length > 0) {
-      const negativeData = data.filter(item => item.barValue < 0 || item.secondBarValue < 0);
-      if (negativeData && negativeData.length > 0) return true;
-      return false;
-    }
-    return false;
-  };
-  return <_SingleBarLineCharts.ControlsContainer className={className} width={width} height={height}>
-
-      {data?.length > 0 ? <_SingleBarLineCharts.Controls className="Controls">
-          {title !== '' && <_SingleBarLineCharts.Title>{title}</_SingleBarLineCharts.Title>}
-
-          {totalsData.length > 0 && <_SingleBarLineCharts.LinnerDataBoxWrap width="40%" height="60px" data={totalsData} />}
-
-          {showLineChart && <_recharts.ResponsiveContainer height={lineChartHeight}>
-              <_recharts.LineChart data={data.map(item => ({
-          ...item,
-          lineValue: item.lineValue === 'N/A' ? 0 : item.lineValue ?? 0
-        }))} margin={{
-          top: 20,
-          right: 80,
-          left: 80,
-          bottom: 20
-        }}>
-                <_recharts.YAxis type="number" width={0} display="none" domain={[dataMin => dataMin / lineRange, dataMax => dataMax * lineRange]} allowDataOverflow />
-                <_recharts.Line type="monotone" name="lineValue" dataKey="lineValue" fill={legendData.find(item => item.iconType === 'LegendUnionIcon')?.iconColor} stroke={legendData.find(item => item.iconType === 'LegendUnionIcon')?.iconColor}>
-                  <_recharts.LabelList content={<CustomizedLabelROI />} />
-                </_recharts.Line>
-
-                {setLineChartTooltip && <_recharts.Tooltip content={CustomTooltipLineChart} />}
-              </_recharts.LineChart>
-            </_recharts.ResponsiveContainer>}
-
-          <_SingleBarLineCharts.BarsGapper margin={!showLineChart ? lineChartHeight : 'inherit'} />
-          <_recharts.ResponsiveContainer height={barChartHeight}>
-            <_recharts.BarChart data={data} maxBarSize={60} margin={{
-          top: 20,
-          right: 0,
-          left: 0,
-          bottom: 20
-        }}>
-              <_recharts.XAxis dataKey="retailer" tick={CustomizedTickBarChart} tickLine={false} height={80} interval={0} axisLine={{
-            height: '1px',
-            stroke: '#D0D0D0'
-          }} />
-              <_recharts.YAxis type="number" width={0} display="none" allowDataOverflow domain={['auto', dataMax => {
-            if (String(dataMax) === '-Infinity') {
-              return 0;
-            }
-            return dataMax * maxBarRange;
-          }]} />
-              <_recharts.ReferenceLine y={0} stroke="#D0D0D0" />
-
-              <_recharts.Tooltip content={CustomTooltipBarChart} />
-              <_recharts.Tooltip />
-
-              <_recharts.Bar dataKey="barValue" barSize={barSize ?? 60} fill={legendData.filter(item => item.iconType === 'Square')[0]?.iconColor} radius={[4, 4, 0, 0]}>
-                <_recharts.LabelList fill="#212121" dataKey="barValue" content={CustomizedLabelBarchart} />
-              </_recharts.Bar>
-
-              {showSecondBar && <_recharts.Bar dataKey="secondBarValue" barSize={barSize ?? 60} fill={legendData.filter(item => item.iconType === 'Square')[1]?.iconColor} radius={[4, 4, 0, 0]}>
-                  <_recharts.LabelList fill="#212121" dataKey="secondBarValue" content={CustomizedLabelBarchart} />
-                </_recharts.Bar>}
-            </_recharts.BarChart>
-          </_recharts.ResponsiveContainer>
-
-          {showLegend && <_SingleBarLineCharts.LegendContainer legendData={legendData} />}
-        </_SingleBarLineCharts.Controls> : <_NoDataFoundMessage.NoDataFoundMessage noDataText={noDataText} />}
-    </_SingleBarLineCharts.ControlsContainer>;
-};
-exports.SingleBarLineCharts = SingleBarLineCharts;
-var _default = exports.default = SingleBarLineCharts; // SingleBarLineCharts.propTypes = {
-//   className: PropTypes.string,
-//   width: PropTypes.string,
-//   height: PropTypes.string,
-//   title: PropTypes.string,
-//   data: PropTypes.arrayOf(
-//     PropTypes.shape({
-//       retailer: PropTypes.string,
-//       offerType: PropTypes.string,
-//       period: PropTypes.string,
-//       lineValue: PropTypes.number,
-//       barValue: PropTypes.number,
-//       secondBarValue: PropTypes.number,
-//     }),
-//   ),
-//   totalsData: PropTypes.arrayOf(
-//     PropTypes.shape({
-//       title: PropTypes.string,
-//       value: PropTypes.number,
-//       sign: PropTypes.string,
-//       extraInfo: PropTypes.arrayOf(
-//         PropTypes.shape({
-//           title: PropTypes.string,
-//           value: PropTypes.number,
-//         }),
-//       ),
-//     }),
-//   ),
-//   showLegend: PropTypes.bool,
-//   legendData: PropTypes.arrayOf(
-//     PropTypes.shape({
-//       iconColor: PropTypes.string,
-//       iconType: PropTypes.string,
-//       title: PropTypes.string,
-//     }),
-//   ),
-//   maxBarRange: PropTypes.number,
-//   showLineChart: PropTypes.bool,
-//   lineRange: PropTypes.number,
-//   lineFontSizeValue: PropTypes.string,
-//   barFontSizeValue: PropTypes.string,
-//   barSize: PropTypes.number,
-//   barChartHeight: PropTypes.number,
-//   lineChartHeight: PropTypes.number,
-//   isLineChartCurrency: PropTypes.bool,
-//   isLineChartBolded: PropTypes.bool,
-//   setLineChartTooltip: PropTypes.bool,
-//   isTopBarPercent: PropTypes.bool,
-//   showSecondBar: PropTypes.bool,
-//   showPeriod: PropTypes.bool,
-//   currencySign: PropTypes.string,
-//   currencySignLine: PropTypes.string,
-//   noDataText: PropTypes.string,
-// };
-// SingleBarLineCharts.defaultProps = {
-//   className: '',
-//   width: '100%',
-//   height: '100%',
-//   title: '',
-//   data: [],
-//   totalsData: [],
-//   showLegend: true,
-//   legendData: [],
-//   maxBarRange: 1,
-//   showLineChart: true,
-//   lineRange: 1,
-//   lineFontSizeValue: '0.6em',
-//   barFontSizeValue: '0.6em',
-//   barSize: 60,
-//   barChartHeight: 250,
-//   lineChartHeight: 50,
-//   isLineChartCurrency: false,
-//   isLineChartBolded: false,
-//   setLineChartTooltip: false,
-//   isTopBarPercent: true,
-//   showSecondBar: true,
-//   showPeriod: true,
-//   currencySign: '€',
-//   currencySignLine: '€',
-//   noDataText: 'No data',
-// };

package/dist/components/SingleBarLineCharts/SingleBarLineCharts.stories.js

@@ -1,310 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutTotals = exports.TotalCostSales = exports.NullValues = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _SingleBarLineCharts = require("./SingleBarLineCharts");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const totalsData1 = [{
-  value: 374,
-  sign: '$',
-  extraInfo: []
-}, {
-  value: 1.6,
-  sign: '',
-  extraInfo: []
-}];
-const data1 = [{
-  retailer: 'Food Lion',
-  period: '15.01.24-31.01.24',
-  lineValue: 23.6,
-  barValue: 82.11,
-  secondBarValue: -138
-}, {
-  retailer: 'Hannaford',
-  period: '02.01.24-15.01.24',
-  lineValue: -4.6,
-  barValue: -149.9,
-  secondBarValue: 51.94
-}, {
-  retailer: 'The Giant Company',
-  period: '15.01.24-31.01.24',
-  lineValue: 2.6,
-  barValue: 77.92,
-  secondBarValue: 23.95
-}, {
-  retailer: 'Giant Food',
-  period: '02.01.24-15.01.24',
-  lineValue: 'N/A',
-  barValue: 122.99,
-  secondBarValue: 78.89
-}, {
-  retailer: 'Stop&Shop',
-  offerType: '20% Off',
-  period: '02.01.24-15.01.24',
-  lineValue: 0.2,
-  barValue: 44.22
-  // secondBarValue: 56,
-}];
-const legendData1 = [{
-  iconColor: '#1F7677',
-  iconType: 'Square',
-  title: 'Dark Green'
-}, {
-  iconColor: '#90CE9C',
-  iconType: 'Square',
-  title: 'Light Green'
-}, {
-  iconColor: '#e89e68',
-  iconType: 'LegendUnionIcon',
-  title: 'Incremental Sales ROI'
-}];
-var _default = exports.default = {
-  title: 'SAG BI/SingleBarLineCharts',
-  component: _SingleBarLineCharts.SingleBarLineCharts,
-  tags: ['autodocs'],
-  argTypes: {
-    width: {
-      name: 'Width',
-      control: {
-        type: 'text'
-      },
-      description: 'width of the control (in px / %)'
-    },
-    height: {
-      name: 'Height',
-      control: {
-        type: 'text'
-      },
-      description: 'height of the control (in px / %)'
-    },
-    title: {
-      name: 'Title',
-      control: {
-        type: 'text'
-      },
-      description: 'Title of the control'
-    },
-    data: {
-      name: 'Data',
-      description: 'array [] of objects: to fill the barcharts'
-    },
-    totalsData: {
-      name: 'Totals Data',
-      description: 'array [] of objects: to fill the totals on top of the component'
-    },
-    legendData: {
-      name: 'Legend Data',
-      description: 'array [] of objects: to fill the legend on bottom of the component'
-    },
-    maxBarRange: {
-      name: 'Max Range',
-      control: {
-        type: 'number'
-      },
-      description: 'max range of the control'
-    },
-    showLineChart: {
-      name: 'Show Line Chart',
-      control: {
-        type: 'boolean'
-      },
-      description: 'true/false - show/hide line chart'
-    },
-    lineRange: {
-      name: 'Line Range',
-      control: {
-        type: 'number'
-      },
-      description: 'Line range of the control'
-    },
-    barSize: {
-      name: 'Bar Size',
-      control: {
-        type: 'number'
-      },
-      description: 'Width size of the bar'
-    },
-    barChartHeight: {
-      name: 'Bar Chart Height',
-      control: {
-        type: 'number'
-      },
-      description: 'height of the control (in px)'
-    },
-    lineChartHeight: {
-      name: 'Line Chart Height',
-      control: {
-        type: 'number'
-      },
-      description: 'height of the control (in px)'
-    },
-    isLineChartCurrency: {
-      name: 'Set Line Value with Currency Sign',
-      control: {
-        type: 'boolean'
-      },
-      description: 'true/false - show/hide currency sign'
-    },
-    isLineChartBolded: {
-      name: 'Set Line Text Bolded',
-      control: {
-        type: 'boolean'
-      },
-      description: 'true/false - value bolded'
-    },
-    setLineChartTooltip: {
-      name: 'Set Line Chart Tooltip',
-      control: {
-        type: 'boolean'
-      },
-      description: 'true/false - show/hide line chart tooltip'
-    },
-    isTopBarPercent: {
-      name: 'Set Top Bar Value Percent',
-      control: {
-        type: 'boolean'
-      },
-      description: 'Add Percent sign aside top bars value'
-    },
-    showSecondBar: {
-      name: 'Show Second Bar',
-      control: {
-        type: 'boolean'
-      },
-      description: 'true/false - show/hide second bar'
-    },
-    showPeriod: {
-      name: 'Show Period',
-      control: {
-        type: 'boolean'
-      },
-      description: 'true/false - show/hide period'
-    },
-    currencySignLine: {
-      name: 'Currency Sign Line',
-      control: {
-        type: 'text'
-      },
-      description: 'Currency sign for the line chart'
-    },
-    currencySign: {
-      name: 'Currency Sign',
-      options: ['', '$', '€'],
-      control: {
-        type: 'select'
-      },
-      description: 'What currency sign to put aside the top bar value'
-    },
-    noDataText: {
-      name: 'No Data Text',
-      control: {
-        type: 'text'
-      },
-      description: 'text to display when no data found'
-    }
-  }
-};
-const Template = args => <_SingleBarLineCharts.SingleBarLineCharts {...args} />;
-const TotalCostSales = exports.TotalCostSales = Template.bind({});
-TotalCostSales.args = {
-  width: '100%',
-  height: '100%',
-  title: 'Total Cost Sales',
-  data: data1,
-  totalsData: totalsData1,
-  legendData: legendData1,
-  maxBarRange: 1.3,
-  lineRange: 3,
-  barSize: 60,
-  barChartHeight: 255,
-  lineChartHeight: 85,
-  isLineChartCurrency: false,
-  isLineChartBolded: false,
-  setLineChartTooltip: true,
-  isTopBarPercent: true,
-  showSecondBar: true,
-  showPeriod: true,
-  currencySignLine: '',
-  currencySign: '$',
-  noDataText: 'The selected event is a TPR or has no offer, therefore there are no redemptions or redemption units to display.'
-};
-const WithoutTotals = exports.WithoutTotals = Template.bind({});
-WithoutTotals.args = {
-  width: '800px',
-  height: '500px',
-  title: 'Without Top Totals',
-  data: [{
-    retailer: 'Food Lion',
-    period: '15.01.24-31.01.24',
-    lineValue: 16.5,
-    barValue: 45
-    // secondBarValue: 87,
-  }, {
-    retailer: 'Hannaford',
-    period: '02.01.24-15.01.24',
-    lineValue: 36.6,
-    barValue: 32
-    // secondBarValue: 99,
-  }, {
-    retailer: 'Stop&Shop',
-    period: '02.01.24-15.01.24',
-    lineValue: 5.3,
-    barValue: 44
-    // secondBarValue: 56,
-  }],
-  totalsData: totalsData1,
-  legendData: legendData1,
-  maxBarRange: 1.3,
-  lineRange: 1,
-  barSize: 60,
-  barChartHeight: 255,
-  lineChartHeight: 85,
-  isLineChartCurrency: false,
-  isLineChartBolded: false,
-  setLineChartTooltip: false,
-  isTopBarPercent: false,
-  showSecondBar: false,
-  showLineChart: false,
-  showPeriod: true,
-  currencySignLine: '',
-  currencySign: '',
-  noDataText: 'The selected event is a TPR or has no offer, therefore there are no redemptions or redemption units to display.'
-};
-const NullValues = exports.NullValues = Template.bind({});
-NullValues.args = {
-  width: '100%',
-  height: '100%',
-  title: 'Null Values',
-  data: [{
-    retailer: 'Food Lion',
-    period: '15.01.24-31.01.24',
-    lineValue: 16.5,
-    barValue: null,
-    secondBarValue: null
-  }, {
-    retailer: 'Hannaford',
-    period: '02.01.24-15.01.24',
-    lineValue: 6.6,
-    barValue: null,
-    secondBarValue: null
-  }],
-  totalsData: totalsData1,
-  legendData: legendData1,
-  maxBarRange: 1,
-  lineRange: 1,
-  barSize: 45,
-  barChartHeight: 250,
-  lineChartHeight: 80,
-  isLineChartCurrency: false,
-  isLineChartBolded: false,
-  setLineChartTooltip: false,
-  isTopBarPercent: false,
-  showSecondBar: true,
-  showPeriod: true,
-  currencySignLine: '',
-  currencySign: '$',
-  noDataText: 'The selected event is a TPR or has no offer, therefore there are no redemptions or redemption units to display.'
-};