sag_components 1.0.346 → 1.0.348

package/dist/stories/components/PerformanceAnalytics.js

@@ -1,16 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PerformanceAnalytics = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireWildcard(require("prop-types"));
 var _recharts = require("recharts");
 var _TspanTooltip = _interopRequireDefault(require("./TspanTooltip"));
 var _NoDataFoundMessage = require("./NoDataFoundMessage");
@@ -19,68 +17,31 @@ var _PerformanceAnalyticsTotals = require("./PerformanceAnalyticsTotals");
 var _PerformanceAnalyticsLegend = require("./PerformanceAnalyticsLegend");
 var _CommonFunctions = require("./CommonFunctions");
 var _PerformanceAnalytics = require("./PerformanceAnalytics.style");
-var _excluded = ["totalsData", "data", "legendData", "currencyType", "colorGraphROI", "colorBarchart1", "colorBarchart2", "textcolor", "width", "height", "dotCut", "lineChartHeight", "noDataText"];
 var INDIVIDUAL_PERFORMANCE_STR = 'Individual Performance';
 var PERCENT_INCREMENTAL_GROWTH_STR = '% Incremental Growth';
 var PERCENT_CONTRIBUTION_OF_TOTAL_STR = '% Contribution of Total';
 
 /* PerformanceAnalytics */
-var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAnalytics(_ref) {
-  var _ref$totalsData = _ref.totalsData,
-    totalsData = _ref$totalsData === void 0 ? [{
-      title: string | null,
-      value: _propTypes.number | null,
-      dotCut: _propTypes.bool,
-      currency: _propTypes.bool,
-      currencyType: string | null,
-      growthPercent: _propTypes.number | null,
-      showGrowthPercentSign: _propTypes.bool
-    }] : _ref$totalsData,
-    _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [{
-      retailer: string | null,
-      offerType: string | null,
-      period: string | null,
-      roiValue: _propTypes.number | null,
-      // individual performance
-      packageCostValue: _propTypes.number | null,
-      redemptionCostValue: _propTypes.number | null,
-      incrementalSalesValue: _propTypes.number | null,
-      // % Incremental Growth
-      IncrementalGrowthValue: _propTypes.number | null,
-      // % Contribution of Total
-      packageCostPercentValue: _propTypes.number | null,
-      redemptionCostPercentValue: _propTypes.number | null,
-      incrementalSalesPercentValue: _propTypes.number | null,
-      // New / existing Shoppers
-      newShoppersValue: _propTypes.number | null,
-      newShoppersPercentValue: _propTypes.number | null,
-      existingShoppersValue: _propTypes.number | null,
-      existingShoppersPercentValue: _propTypes.number | null
-    }] : _ref$data,
-    _ref$legendData = _ref.legendData,
-    legendData = _ref$legendData === void 0 ? [{
-      iconColor: string | null,
-      iconType: string | null,
-      title: string | null
-    }] : _ref$legendData,
-    _ref$currencyType = _ref.currencyType,
-    currencyType = _ref$currencyType === void 0 ? 'USD' : _ref$currencyType,
-    _ref$colorGraphROI = _ref.colorGraphROI,
-    colorGraphROI = _ref$colorGraphROI === void 0 ? '#9CCB3B' : _ref$colorGraphROI,
-    _ref$colorBarchart = _ref.colorBarchart1,
-    colorBarchart1 = _ref$colorBarchart === void 0 ? '#1F7677' : _ref$colorBarchart,
-    _ref$colorBarchart2 = _ref.colorBarchart2,
-    colorBarchart2 = _ref$colorBarchart2 === void 0 ? '#90CE9C' : _ref$colorBarchart2,
-    _ref$textcolor = _ref.textcolor,
-    textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
-    width = _ref.width,
-    height = _ref.height,
-    dotCut = _ref.dotCut,
-    _ref$lineChartHeight = _ref.lineChartHeight,
-    lineChartHeight = _ref$lineChartHeight === void 0 ? 150 : _ref$lineChartHeight,
-    noDataText = _ref.noDataText,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAnalytics(props) {
+  var _props$currencyType = props.currencyType,
+    currencyType = _props$currencyType === void 0 ? 'USD' : _props$currencyType,
+    _props$colorGraphROI = props.colorGraphROI,
+    colorGraphROI = _props$colorGraphROI === void 0 ? '#9CCB3B' : _props$colorGraphROI,
+    _props$colorBarchart = props.colorBarchart1,
+    colorBarchart1 = _props$colorBarchart === void 0 ? '#1F7677' : _props$colorBarchart,
+    _props$colorBarchart2 = props.colorBarchart2,
+    colorBarchart2 = _props$colorBarchart2 === void 0 ? '#90CE9C' : _props$colorBarchart2,
+    _props$textcolor = props.textcolor,
+    textcolor = _props$textcolor === void 0 ? '#212121' : _props$textcolor,
+    width = props.width,
+    height = props.height,
+    dotCut = props.dotCut,
+    _props$lineChartHeigh = props.lineChartHeight,
+    lineChartHeight = _props$lineChartHeigh === void 0 ? 150 : _props$lineChartHeigh,
+    noDataText = props.noDataText,
+    totalsData = props.totalsData,
+    data = props.data,
+    legendData = props.legendData;
   var _useState = (0, _react.useState)(INDIVIDUAL_PERFORMANCE_STR),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     segmentedButtonsFilter = _useState2[0],
@@ -145,19 +106,19 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
       textAnchor: "middle"
     }, value);
   };
-  var CustomTooltipROI = function CustomTooltipROI(_ref2) {
-    var active = _ref2.active,
-      payload = _ref2.payload;
+  var CustomTooltipROI = function CustomTooltipROI(_ref) {
+    var active = _ref.active,
+      payload = _ref.payload;
     if (active && payload && payload.length > 0) {
       var _payload$0$payload;
       return /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipContainer, null, /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipTitle, null, "".concat((_payload$0$payload = payload[0].payload) === null || _payload$0$payload === void 0 ? void 0 : _payload$0$payload.retailer)), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.ToolTipLabelAndValueContainer, null, /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipLabel, null, "Incremental Sales ROI:"), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipValue, null, "".concat((0, _CommonFunctions.getFormattedValue)(payload[0].value)).concat((0, _CommonFunctions.getFormattedUnits)(payload[0].value)))));
     }
     return null;
   };
-  var CustomTooltipBarChart = function CustomTooltipBarChart(_ref3) {
+  var CustomTooltipBarChart = function CustomTooltipBarChart(_ref2) {
     var _payload$0$payload$In;
-    var active = _ref3.active,
-      payload = _ref3.payload;
+    var active = _ref2.active,
+      payload = _ref2.payload;
     if (active && payload && payload.length > 0) {
       var _payload$0$payload2, _payload$0$payload3, _payload$0$payload4, _payload$0$payload5;
       var totalCostValue = ((_payload$0$payload2 = payload[0].payload) === null || _payload$0$payload2 === void 0 ? void 0 : _payload$0$payload2.packageCostValue) + ((_payload$0$payload3 = payload[0].payload) === null || _payload$0$payload3 === void 0 ? void 0 : _payload$0$payload3.redemptionCostValue);
@@ -480,4 +441,19 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
     noDataText: noDataText
   }));
 };
-var _default = exports.default = PerformanceAnalytics;
+var _default = exports.default = PerformanceAnalytics;
+PerformanceAnalytics.defaultProps = {
+  totalsData: [],
+  data: [],
+  legendData: [],
+  currencyType: 'USD',
+  colorGraphROI: '#9CCB3B',
+  colorBarchart1: '#1F7677',
+  colorBarchart2: '#90CE9C',
+  textcolor: '#212121',
+  width: '',
+  height: '',
+  dotCut: true,
+  lineChartHeight: 150,
+  noDataText: ''
+};

package/dist/stories/components/PerformanceAnalyticsLegend.js

@@ -12,15 +12,10 @@ var ICON_TYPE_SQUARE = 'Square';
 var ICON_TYPE_LEGEND_UNION_ICON = 'LegendUnionIcon';
 
 /* PerformanceAnalyticsLegend */
-var PerformanceAnalyticsLegend = exports.PerformanceAnalyticsLegend = function PerformanceAnalyticsLegend(_ref) {
-  var _ref$legendData = _ref.legendData,
-    legendData = _ref$legendData === void 0 ? [{
-      title: string,
-      iconType: ICON_TYPE_SQUARE,
-      iconColor: '#1F7677'
-    }] : _ref$legendData,
-    width = _ref.width,
-    height = _ref.height;
+var PerformanceAnalyticsLegend = exports.PerformanceAnalyticsLegend = function PerformanceAnalyticsLegend(props) {
+  var legendData = props.legendData,
+    width = props.width,
+    height = props.height;
   var getLegendData = function getLegendData() {
     return /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.LegendDataContainer, {
       id: "LegendDataContainer"
@@ -51,4 +46,13 @@ var PerformanceAnalyticsLegend = exports.PerformanceAnalyticsLegend = function P
     width: width
   }, getLegendData()) : '');
 };
-var _default = exports.default = PerformanceAnalyticsLegend;
+var _default = exports.default = PerformanceAnalyticsLegend;
+PerformanceAnalyticsLegend.defaultProps = {
+  width: 100,
+  height: 100,
+  legendData: [{
+    title: '',
+    iconType: ICON_TYPE_SQUARE,
+    iconColor: '#1F7677'
+  }]
+};

package/dist/stories/components/PerformanceAnalyticsOneColumn.js

@@ -1,14 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PerformanceAnalyticsOneColumn = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _recharts = require("recharts");
 var _TspanTooltip = _interopRequireDefault(require("./TspanTooltip"));
@@ -17,63 +16,35 @@ var _PerformanceAnalyticsTotals = require("./PerformanceAnalyticsTotals");
 var _PerformanceAnalyticsOneColumn = require("./PerformanceAnalyticsOneColumn.style");
 var _PerformanceAnalyticsLegend = require("./PerformanceAnalyticsLegend");
 var _CommonFunctions = require("./CommonFunctions");
-var _excluded = ["totalsData", "data", "legendData", "colorBarchart1", "colorBarchart2", "width", "height", "lineChartHeight", "lineChartValueType", "lineChartValueBold", "topBarPercentSigning", "topBarSigning", "noDataText"];
-var PerformanceAnalyticsOneColumn = exports.PerformanceAnalyticsOneColumn = function PerformanceAnalyticsOneColumn(_ref) {
-  var _ref$totalsData = _ref.totalsData,
-    totalsData = _ref$totalsData === void 0 ? [{
-      title: "title",
-      value: 13,
-      dotCut: true,
-      currency: true,
-      currencyType: "USD",
-      growthPercent: 14,
-      showGrowthPercentSign: true
-    }] : _ref$totalsData,
-    _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [{
-      retailer: "",
-      offerType: "",
-      period: "",
-      // New / existing Shoppers
-      newShoppersValue: 44,
-      newShoppersPercentValue: 55,
-      existingShoppersValue: 66,
-      existingShoppersPercentValue: 45
-    }] : _ref$data,
-    _ref$legendData = _ref.legendData,
-    legendData = _ref$legendData === void 0 ? [{
-      iconColor: string | null,
-      iconType: string | null,
-      title: string | null
-    }] : _ref$legendData,
-    _ref$colorBarchart = _ref.colorBarchart1,
-    colorBarchart1 = _ref$colorBarchart === void 0 ? "#1F7677" : _ref$colorBarchart,
-    _ref$colorBarchart2 = _ref.colorBarchart2,
-    colorBarchart2 = _ref$colorBarchart2 === void 0 ? "#90CE9C" : _ref$colorBarchart2,
-    width = _ref.width,
-    height = _ref.height,
-    lineChartHeight = _ref.lineChartHeight,
-    lineChartValueType = _ref.lineChartValueType,
-    lineChartValueBold = _ref.lineChartValueBold,
-    topBarPercentSigning = _ref.topBarPercentSigning,
-    topBarSigning = _ref.topBarSigning,
-    noDataText = _ref.noDataText,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var PerformanceAnalyticsOneColumn = exports.PerformanceAnalyticsOneColumn = function PerformanceAnalyticsOneColumn(props) {
+  var colorBarchart1 = props.colorBarchart1,
+    colorBarchart2 = props.colorBarchart2,
+    width = props.width,
+    height = props.height,
+    lineChartHeight = props.lineChartHeight,
+    lineChartValueType = props.lineChartValueType,
+    lineChartValueBold = props.lineChartValueBold,
+    topBarPercentSigning = props.topBarPercentSigning,
+    topBarSigning = props.topBarSigning,
+    noDataText = props.noDataText,
+    totalsData = props.totalsData,
+    data = props.data,
+    legendData = props.legendData;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     showLegendTooltip = _useState2[0],
     setShowLegendTooltip = _useState2[1];
   var _useState3 = (0, _react.useState)({
-      content: "",
+      content: '',
       clientX: 0,
       clientY: 0
     }),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     tooltipCouponText = _useState4[0],
     setTooltipCouponText = _useState4[1];
-  var CustomTooltipBarChart = function CustomTooltipBarChart(_ref2) {
-    var active = _ref2.active,
-      payload = _ref2.payload;
+  var CustomTooltipBarChart = function CustomTooltipBarChart(_ref) {
+    var active = _ref.active,
+      payload = _ref.payload;
     if (active && payload && payload.length > 0) {
       return /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.TooltipContainer, null, /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.ToolTipLabelAndValueContainer, null, /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.LegendColorRectangle, {
         id: "LegendColorRectangle",
@@ -86,13 +57,13 @@ var PerformanceAnalyticsOneColumn = exports.PerformanceAnalyticsOneColumn = func
     return null;
   };
   var getTopBarSigning = function getTopBarSigning(signing) {
-    if (signing === "Dollar sign ($)") {
-      return "$";
+    if (signing === 'Dollar sign ($)') {
+      return '$';
     }
-    if (signing === "Euro sign (€)") {
-      return "€";
+    if (signing === 'Euro sign (€)') {
+      return '€';
     }
-    return "";
+    return '';
   };
   var CustomizedLabelBarchart = function CustomizedLabelBarchart(props) {
     var x = props.x,
@@ -110,7 +81,7 @@ var PerformanceAnalyticsOneColumn = exports.PerformanceAnalyticsOneColumn = func
       fontSize: "16px",
       textAnchor: "middle",
       dominantBaseline: "middle"
-    }, "".concat(getTopBarSigning(topBarSigning), "\n            ").concat((0, _CommonFunctions.getFormattedValue)(totalValue), "\n            ").concat((0, _CommonFunctions.getFormattedUnits)(totalValue), "\n            ").concat(topBarPercentSigning ? "%" : "")));
+    }, "".concat(getTopBarSigning(topBarSigning), "\n            ").concat((0, _CommonFunctions.getFormattedValue)(totalValue), "\n            ").concat((0, _CommonFunctions.getFormattedUnits)(totalValue), "\n            ").concat(topBarPercentSigning ? '%' : '')));
   };
   var CustomizedTickBarChart = function CustomizedTickBarChart(props) {
     var x = props.x,
@@ -192,7 +163,7 @@ var PerformanceAnalyticsOneColumn = exports.PerformanceAnalyticsOneColumn = func
         direction: "top"
       }), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
         cursor: {
-          fill: "transparent"
+          fill: 'transparent'
         },
         content: CustomTooltipBarChart
       }), /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
@@ -235,11 +206,11 @@ var PerformanceAnalyticsOneColumn = exports.PerformanceAnalyticsOneColumn = func
       fontWeight: lineChartValueBold ? 600 : 400,
       fontSize: 14,
       textAnchor: "middle"
-    }, "".concat(value).concat(lineChartValueType ? "%" : ""));
+    }, "".concat(value).concat(lineChartValueType ? '%' : ''));
   };
-  var CustomTooltipROI = function CustomTooltipROI(_ref3) {
-    var active = _ref3.active,
-      payload = _ref3.payload;
+  var CustomTooltipROI = function CustomTooltipROI(_ref2) {
+    var active = _ref2.active,
+      payload = _ref2.payload;
     if (active && payload && payload.length > 0) {
       var _payload$0$payload;
       return /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.TooltipContainer, null, /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.TooltipTitle, null, "".concat((_payload$0$payload = payload[0].payload) === null || _payload$0$payload === void 0 ? void 0 : _payload$0$payload.retailer)), /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.ToolTipLabelAndValueContainer, null, /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.TooltipLabel, null, "Incremental Sales ROI:"), /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.TooltipValue, null, "".concat((0, _CommonFunctions.getFormattedValue)(payload[0].value)).concat((0, _CommonFunctions.getFormattedUnits)(payload[0].value)))));
@@ -289,7 +260,7 @@ var PerformanceAnalyticsOneColumn = exports.PerformanceAnalyticsOneColumn = func
   };
   return /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.ControlsContainer, {
     id: "PerformanceAnalyticsControlsContainer",
-    className: (totalsData === null || totalsData === void 0 ? void 0 : totalsData.length) > 0 && (data === null || data === void 0 ? void 0 : data.length) > 0 ? "" : "NoData",
+    className: (totalsData === null || totalsData === void 0 ? void 0 : totalsData.length) > 0 && (data === null || data === void 0 ? void 0 : data.length) > 0 ? '' : 'NoData',
     width: width,
     height: height
   }, (totalsData === null || totalsData === void 0 ? void 0 : totalsData.length) > 0 && (data === null || data === void 0 ? void 0 : data.length) > 0 ? /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsOneColumn.Controls, {
@@ -300,9 +271,33 @@ var PerformanceAnalyticsOneColumn = exports.PerformanceAnalyticsOneColumn = func
 };
 var _default = exports.default = PerformanceAnalyticsOneColumn;
 PerformanceAnalyticsOneColumn.defaultProps = {
-  lineChartHeight: "50",
-  width: "100%",
-  height: "100%",
-  totalsData: [],
-  noDataText: "No data"
+  colorBarchart1: '#1F7677',
+  colorBarchart2: '#90CE9C',
+  lineChartHeight: '50',
+  width: '100%',
+  height: '100%',
+  noDataText: 'No data',
+  totalsData: [{
+    title: 'title',
+    value: 13,
+    dotCut: true,
+    currency: true,
+    currencyType: 'USD',
+    growthPercent: 14,
+    showGrowthPercentSign: true
+  }],
+  data: [{
+    retailer: '',
+    offerType: '',
+    period: '',
+    newShoppersValue: 44,
+    newShoppersPercentValue: 55,
+    existingShoppersValue: 66,
+    existingShoppersPercentValue: 45
+  }],
+  legendData: [{
+    iconColor: null,
+    iconType: null,
+    title: null
+  }]
 };

package/dist/stories/components/PerformanceAnalyticsTotals.js

@@ -1,31 +1,19 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PerformanceAnalyticsTotals = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireWildcard(require("prop-types"));
 var _CommonFunctions = require("./CommonFunctions");
 var _PerformanceAnalyticsTotals = require("./PerformanceAnalyticsTotals.style");
 /* PerformanceAnalyticsTotals */
-var PerformanceAnalyticsTotals = exports.PerformanceAnalyticsTotals = function PerformanceAnalyticsTotals(_ref) {
-  var _ref$totalsData = _ref.totalsData,
-    totalsData = _ref$totalsData === void 0 ? [{
-      title: string | null,
-      value: _propTypes.number | null,
-      dotCut: _propTypes.bool,
-      currency: _propTypes.bool,
-      currencyType: string | null,
-      growthPercent: _propTypes.number | null,
-      showGrowthPercentSign: _propTypes.bool
-    }] : _ref$totalsData,
-    _ref$textcolor = _ref.textcolor,
-    textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
-    width = _ref.width,
-    height = _ref.height;
+var PerformanceAnalyticsTotals = exports.PerformanceAnalyticsTotals = function PerformanceAnalyticsTotals(props) {
+  var textcolor = props.textcolor,
+    width = props.width,
+    height = props.height,
+    totalsData = props.totalsData;
   var getGrowthPercent = function getGrowthPercent(growthPercent, showGrowthPercentSign) {
     if (!growthPercent) {
       return '';
@@ -66,4 +54,18 @@ var PerformanceAnalyticsTotals = exports.PerformanceAnalyticsTotals = function P
     width: width
   }, getTotalsData()) : '');
 };
-var _default = exports.default = PerformanceAnalyticsTotals;
+var _default = exports.default = PerformanceAnalyticsTotals;
+PerformanceAnalyticsTotals.defaultProps = {
+  textcolor: '#212121',
+  width: '100%',
+  height: '100%',
+  totalsData: [{
+    title: '',
+    value: '',
+    dotCut: true,
+    currency: true,
+    currencyType: true,
+    growthPercent: true,
+    showGrowthPercentSign: true
+  }]
+};

package/dist/stories/components/SegmentedButton.js

@@ -1,42 +1,31 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SegmentedButton = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _SegmentedButton = require("./SegmentedButton.style");
-var _excluded = ["name", "options", "width", "height", "controlradius", "segmentradius", "fontSize", "selectedsegmentcolor", "selectedtextcolor", "unselectedtextcolor", "defaultIndex", "onClick"];
 /* eslint-disable react/require-default-props */
+
 /* SegmentedButton */
-var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
-  var name = _ref.name,
-    options = _ref.options,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 120 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 40 : _ref$height,
-    _ref$controlradius = _ref.controlradius,
-    controlradius = _ref$controlradius === void 0 ? 8 : _ref$controlradius,
-    _ref$segmentradius = _ref.segmentradius,
-    segmentradius = _ref$segmentradius === void 0 ? 8 : _ref$segmentradius,
-    _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
-    _ref$selectedsegmentc = _ref.selectedsegmentcolor,
-    selectedsegmentcolor = _ref$selectedsegmentc === void 0 ? '#3a9df9' : _ref$selectedsegmentc,
-    _ref$selectedtextcolo = _ref.selectedtextcolor,
-    selectedtextcolor = _ref$selectedtextcolo === void 0 ? '#212121' : _ref$selectedtextcolo,
-    _ref$unselectedtextco = _ref.unselectedtextcolor,
-    unselectedtextcolor = _ref$unselectedtextco === void 0 ? 'black' : _ref$unselectedtextco,
-    _ref$defaultIndex = _ref.defaultIndex,
-    defaultIndex = _ref$defaultIndex === void 0 ? 0 : _ref$defaultIndex,
-    onClick = _ref.onClick,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var SegmentedButton = exports.SegmentedButton = function SegmentedButton(props) {
+  var name = props.name,
+    options = props.options,
+    width = props.width,
+    height = props.height,
+    controlradius = props.controlradius,
+    segmentradius = props.segmentradius,
+    fontSize = props.fontSize,
+    selectedsegmentcolor = props.selectedsegmentcolor,
+    selectedtextcolor = props.selectedtextcolor,
+    unselectedtextcolor = props.unselectedtextcolor,
+    defaultIndex = props.defaultIndex,
+    onClick = props.onClick;
   var _useState = (0, _react.useState)(defaultIndex),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     activeIndex = _useState2[0],
@@ -117,4 +106,24 @@ var SegmentedButton = exports.SegmentedButton = function SegmentedButton(_ref) {
     }, item.value));
   })));
 };
+SegmentedButton.defaultProps = {
+  name: '',
+  options: [{
+    value: '4 w'
+  }, {
+    value: '8 w'
+  }, {
+    value: '13 w'
+  }],
+  width: 120,
+  height: 40,
+  controlradius: 8,
+  segmentradius: 8,
+  fontSize: 14,
+  selectedsegmentcolor: '#3a9df9',
+  selectedtextcolor: '#212121',
+  unselectedtextcolor: 'black',
+  defaultIndex: 0,
+  onClick: function onClick() {}
+};
 var _default = exports.default = SegmentedButton;

package/dist/stories/components/TitleDescription.js

@@ -1,14 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TitleDescription = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _EyeIcon = require("./icons/EyeIcon");
 var _FoodLionIcon = require("./icons/FoodLionIcon");
@@ -20,26 +19,18 @@ var _ComboBoxArrowDownIcon = require("./icons/ComboBoxArrowDownIcon");
 var _ComboBoxArrowUpIcon = require("./icons/ComboBoxArrowUpIcon");
 var _ListBox = require("./ListBox");
 var _TitleDescription = require("./TitleDescription.style");
-var _excluded = ["showRetailerIcon", "showPeriodIcon", "viewCreativeRetailersData", "data", "viewCreativeOnClick", "width", "height", "textcolor", "disabled"];
 /* TitleDescription */
-var TitleDescription = exports.TitleDescription = function TitleDescription(_ref) {
+var TitleDescription = exports.TitleDescription = function TitleDescription(props) {
   var _data$objectivesDescr, _data$eventDatesValue, _data$eventDatesValue2;
-  var _ref$showRetailerIcon = _ref.showRetailerIcon,
-    showRetailerIcon = _ref$showRetailerIcon === void 0 ? true : _ref$showRetailerIcon,
-    _ref$showPeriodIcon = _ref.showPeriodIcon,
-    showPeriodIcon = _ref$showPeriodIcon === void 0 ? true : _ref$showPeriodIcon,
-    viewCreativeRetailersData = _ref.viewCreativeRetailersData,
-    data = _ref.data,
-    viewCreativeOnClick = _ref.viewCreativeOnClick,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '100%' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '100%' : _ref$height,
-    _ref$textcolor = _ref.textcolor,
-    textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var showRetailerIcon = props.showRetailerIcon,
+    showPeriodIcon = props.showPeriodIcon,
+    viewCreativeRetailersData = props.viewCreativeRetailersData,
+    data = props.data,
+    viewCreativeOnClick = props.viewCreativeOnClick,
+    width = props.width,
+    height = props.height,
+    textcolor = props.textcolor,
+    disabled = props.disabled;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     retailersDataState = _useState2[0],
@@ -236,4 +227,37 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
     id: "PeriodValue"
   }, data.eventDatesValue) : '')))));
 };
-var _default = exports.default = TitleDescription;
+var _default = exports.default = TitleDescription;
+TitleDescription.defaultProps = {
+  showRetailerIcon: true,
+  showPeriodIcon: true,
+  viewCreativeRetailersData: [{
+    label: 'Food Lion'
+  }, {
+    label: 'Stop&Shop'
+  }, {
+    label: 'Giant Food'
+  }, {
+    label: 'The Giant Company'
+  }, {
+    label: 'Hannaford'
+  }],
+  data: {
+    eventName: 'Large Selling Event P2 2023',
+    eventType: 'Large Selling Event',
+    retailer: 'The Giant Company',
+    objectivesDescription: 'Lorem ipsum dolor sit amet consectetur. Viverra urna condimentum donec ipsum vitae volutpat phasellus. Adipiscing quam sodales vestibulum pretium sit adipiscing ultricies viverra. Sollicitudin penatibus fermentum fermentum faucibus viverra augue viverra. Lorem ipsum dolor sit amet consectetur. Viverra urna condimentum donec ipsum vitae volutpat phasellus. ',
+    eventDatesValue: 'Feb 1, 2023 - Feb 28, 2023',
+    externalEventDescription: 'Large Selling Event P2 Description',
+    externalEventID: 'LSE2_23',
+    storeType: 'Total',
+    category: '',
+    supplier: '',
+    brand: ''
+  },
+  viewCreativeOnClick: function viewCreativeOnClick() {},
+  width: '100%',
+  height: '100%',
+  textcolor: '#212121',
+  disabled: false
+};