sag_components 1.0.346 → 1.0.347

package/dist/stories/components/TotalBenchmark.js

@@ -1,34 +1,26 @@
 "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.TotalBenchmark = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _NoDataFoundMessage = require("./NoDataFoundMessage");
 var _CommonFunctions = require("./CommonFunctions");
 var _Benchmark = require("./Benchmark");
 var _TotalBenchmark = require("./TotalBenchmark.style");
-var _excluded = ["data", "dotCut", "width", "height", "addingBenchmark", "textcolor", "noDataText"];
 /* TotalBenchmark */
-var TotalBenchmark = exports.TotalBenchmark = function TotalBenchmark(_ref) {
-  var data = _ref.data,
-    _ref$dotCut = _ref.dotCut,
-    dotCut = _ref$dotCut === void 0 ? true : _ref$dotCut,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '260px' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '350px' : _ref$height,
-    addingBenchmark = _ref.addingBenchmark,
-    _ref$textcolor = _ref.textcolor,
-    textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
-    _ref$noDataText = _ref.noDataText,
-    noDataText = _ref$noDataText === void 0 ? '' : _ref$noDataText,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var TotalBenchmark = exports.TotalBenchmark = function TotalBenchmark(props) {
+  var data = props.data,
+    dotCut = props.dotCut,
+    addingBenchmark = props.addingBenchmark,
+    width = props.width,
+    height = props.height,
+    textcolor = props.textcolor,
+    noDataText = props.noDataText;
   var DEFAULT_ROOT_FONT = 16;
   var DEFAULT_COMPONENT_WIDTH = 250;
   var _useState = (0, _react.useState)(DEFAULT_ROOT_FONT.toString().concat('', 'px')),
@@ -92,4 +84,18 @@ var TotalBenchmark = exports.TotalBenchmark = function TotalBenchmark(_ref) {
     noDataText: noDataText
   })));
 };
-var _default = exports.default = TotalBenchmark;
+var _default = exports.default = TotalBenchmark;
+TotalBenchmark.defaultProps = {
+  data: {
+    title: 'Redemptions',
+    value: 60000,
+    totalValue: 20000,
+    benchmarkValue: 1000
+  },
+  dotCut: true,
+  width: '260px',
+  height: '350px',
+  addingBenchmark: true,
+  textcolor: '#212121',
+  noDataText: ''
+};

package/dist/stories/components/TotalBenchmarkAreachart.js

@@ -1,13 +1,12 @@
 "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.TotalBenchmarkAreachart = void 0;
 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 _ArrowUpIcon = require("./icons/ArrowUpIcon");
@@ -16,46 +15,29 @@ var _NoDataFoundMessage = require("./NoDataFoundMessage");
 var _Benchmark = require("./Benchmark");
 var _TotalBenchmarkAreachart = require("./TotalBenchmarkAreachart.style");
 var _CommonFunctions = require("./CommonFunctions");
-var _excluded = ["title", "value", "arrowSign", "addingBenchmark", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textcolor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChart1Color", "fillChart2Color", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
 /* TotalBenchmarkAreachart */
-var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
-  var title = _ref.title,
-    value = _ref.value,
-    _ref$arrowSign = _ref.arrowSign,
-    arrowSign = _ref$arrowSign === void 0 ? 'up' : _ref$arrowSign,
-    addingBenchmark = _ref.addingBenchmark,
-    benchmarkTotalValue = _ref.benchmarkTotalValue,
-    benchmarkValue = _ref.benchmarkValue,
-    areaChartData = _ref.areaChartData,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '250px' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '280px' : _ref$height,
-    _ref$textcolor = _ref.textcolor,
-    textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
-    _ref$areaChart1Color = _ref.areaChart1Color,
-    areaChart1Color = _ref$areaChart1Color === void 0 ? '#BD9EFF' : _ref$areaChart1Color,
-    _ref$areaChart2Color = _ref.areaChart2Color,
-    areaChart2Color = _ref$areaChart2Color === void 0 ? '#96B4FF' : _ref$areaChart2Color,
-    _ref$xselectedColor = _ref.xselectedColor,
-    xselectedColor = _ref$xselectedColor === void 0 ? '#42977A' : _ref$xselectedColor,
-    _ref$fillChart1Color = _ref.fillChart1Color,
-    fillChart1Color = _ref$fillChart1Color === void 0 ? 'rgba(34, 158, 56, 0.20)' : _ref$fillChart1Color,
-    _ref$fillChart2Color = _ref.fillChart2Color,
-    fillChart2Color = _ref$fillChart2Color === void 0 ? 'rgba(255, 84, 84, 0.2)' : _ref$fillChart2Color,
-    _ref$startOffset = _ref.startOffset,
-    startOffset = _ref$startOffset === void 0 ? '17.04%' : _ref$startOffset,
-    _ref$endOffset = _ref.endOffset,
-    endOffset = _ref$endOffset === void 0 ? '17.04%' : _ref$endOffset,
-    _ref$opacity = _ref.opacity,
-    opacity = _ref$opacity === void 0 ? '191' : _ref$opacity,
-    _ref$value1Title = _ref.value1Title,
-    value1Title = _ref$value1Title === void 0 ? 'Actual Sales' : _ref$value1Title,
-    _ref$value2Title = _ref.value2Title,
-    value2Title = _ref$value2Title === void 0 ? 'Baseline Sales' : _ref$value2Title,
-    _ref$noDataText = _ref.noDataText,
-    noDataText = _ref$noDataText === void 0 ? '' : _ref$noDataText,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBenchmarkAreachart(props) {
+  var title = props.title,
+    value = props.value,
+    arrowSign = props.arrowSign,
+    addingBenchmark = props.addingBenchmark,
+    benchmarkTotalValue = props.benchmarkTotalValue,
+    benchmarkValue = props.benchmarkValue,
+    areaChartData = props.areaChartData,
+    width = props.width,
+    height = props.height,
+    textcolor = props.textcolor,
+    areaChart1Color = props.areaChart1Color,
+    areaChart2Color = props.areaChart2Color,
+    xselectedColor = props.xselectedColor,
+    fillChart1Color = props.fillChart1Color,
+    fillChart2Color = props.fillChart2Color,
+    startOffset = props.startOffset,
+    endOffset = props.endOffset,
+    opacity = props.opacity,
+    value1Title = props.value1Title,
+    value2Title = props.value2Title,
+    noDataText = props.noDataText;
   var DEFAULT_ROOT_FONT = 16;
   var DEFAULT_COMPONENT_WIDTH = 250;
   var DEFAULT_COMPONENT_HEIGHT = 280;
@@ -113,11 +95,11 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
       height: 25 * getSizeFactor()
     }));
   };
-  var CustomTick = function CustomTick(_ref2) {
-    var x = _ref2.x,
-      y = _ref2.y,
-      stroke = _ref2.stroke,
-      payload = _ref2.payload;
+  var CustomTick = function CustomTick(_ref) {
+    var x = _ref.x,
+      y = _ref.y,
+      stroke = _ref.stroke,
+      payload = _ref.payload;
     return /*#__PURE__*/_react.default.createElement("g", {
       transform: "translate(".concat(x, ",").concat(y, ")")
     }, activeLabel === payload.value && /*#__PURE__*/_react.default.createElement("rect", {
@@ -136,10 +118,10 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
       fontSize: "14px"
     }, payload.value));
   };
-  var CustomTooltip = function CustomTooltip(_ref3) {
-    var active = _ref3.active,
-      payload = _ref3.payload,
-      label = _ref3.label;
+  var CustomTooltip = function CustomTooltip(_ref2) {
+    var active = _ref2.active,
+      payload = _ref2.payload,
+      label = _ref2.label;
     if (active && payload && payload.length) {
       setActiveLabel(label);
       return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TooltipDiv, null, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TooltipTitle, null, "".concat(label)), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TooltipLabel, null, "".concat(value1Title, " ").concat((0, _CommonFunctions.getFormattedValue)(payload[0].value)).concat((0, _CommonFunctions.getFormattedUnits)(payload[0].value))), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TooltipLabel, null, "".concat(value2Title, " ").concat((0, _CommonFunctions.getFormattedValue)(payload[1].value)).concat((0, _CommonFunctions.getFormattedUnits)(payload[1].value))));
@@ -254,4 +236,27 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
     noDataText: noDataText
   }));
 };
-var _default = exports.default = TotalBenchmarkAreachart;
+var _default = exports.default = TotalBenchmarkAreachart;
+TotalBenchmarkAreachart.defaultProps = {
+  title: 'String',
+  value: 300,
+  arrowSign: '$',
+  addingBenchmark: true,
+  benchmarkTotalValue: '',
+  benchmarkValue: null,
+  areaChartData: '',
+  width: '250px',
+  height: '280px',
+  textcolor: '#212121',
+  areaChart1Color: '#BD9EFF',
+  areaChart2Color: '#96B4FF',
+  xselectedColor: '#42977A',
+  fillChart1Color: 'rgba(34, 158, 56, 0.20)',
+  fillChart2Color: 'rgba(255, 84, 84, 0.2)',
+  startOffset: '17.04%',
+  endOffset: '17.04%',
+  opacity: '191',
+  value1Title: 'Actual Sales',
+  value2Title: 'Baseline Sales',
+  noDataText: ''
+};

package/dist/stories/components/TotalBenchmarkArrows.js

@@ -1,13 +1,12 @@
 "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.TotalBenchmarkArrows = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ArrowUpIcon = require("./icons/ArrowUpIcon");
 var _ArrowDownIcon = require("./icons/ArrowDownIcon");
@@ -15,28 +14,20 @@ var _NoDataFoundMessage = require("./NoDataFoundMessage");
 var _CommonFunctions = require("./CommonFunctions");
 var _Benchmark = require("./Benchmark");
 var _TotalBenchmarkArrows = require("./TotalBenchmarkArrows.style");
-var _excluded = ["title", "value", "addingBenchmark", "benchmarkTotalValue", "benchmarkValue", "detailsTitle", "detailsData", "dotCut", "width", "height", "textcolor", "noDataText"];
 /* TotalBenchmarkArrows */
-var TotalBenchmarkArrows = exports.TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
-  var title = _ref.title,
-    value = _ref.value,
-    addingBenchmark = _ref.addingBenchmark,
-    benchmarkTotalValue = _ref.benchmarkTotalValue,
-    benchmarkValue = _ref.benchmarkValue,
-    _ref$detailsTitle = _ref.detailsTitle,
-    detailsTitle = _ref$detailsTitle === void 0 ? '' : _ref$detailsTitle,
-    detailsData = _ref.detailsData,
-    _ref$dotCut = _ref.dotCut,
-    dotCut = _ref$dotCut === void 0 ? true : _ref$dotCut,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '250px' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '280px' : _ref$height,
-    _ref$textcolor = _ref.textcolor,
-    textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
-    _ref$noDataText = _ref.noDataText,
-    noDataText = _ref$noDataText === void 0 ? '' : _ref$noDataText,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var TotalBenchmarkArrows = exports.TotalBenchmarkArrows = function TotalBenchmarkArrows(props) {
+  var title = props.title,
+    value = props.value,
+    addingBenchmark = props.addingBenchmark,
+    benchmarkTotalValue = props.benchmarkTotalValue,
+    benchmarkValue = props.benchmarkValue,
+    detailsTitle = props.detailsTitle,
+    detailsData = props.detailsData,
+    dotCut = props.dotCut,
+    width = props.width,
+    height = props.height,
+    textcolor = props.textcolor,
+    noDataText = props.noDataText;
   var DEFAULT_ROOT_FONT = 16;
   var DEFAULT_COMPONENT_WIDTH = 250;
   var DEFAULT_COMPONENT_HEIGHT = 280;
@@ -137,4 +128,27 @@ var TotalBenchmarkArrows = exports.TotalBenchmarkArrows = function TotalBenchmar
     noDataText: noDataText
   }));
 };
-var _default = exports.default = TotalBenchmarkArrows;
+var _default = exports.default = TotalBenchmarkArrows;
+TotalBenchmarkArrows.defaultProps = {
+  title: 'Title',
+  value: 100,
+  addingBenchmark: 200,
+  benchmarkTotalValue: 300,
+  benchmarkValue: 400,
+  detailsTitle: '',
+  detailsData: [{
+    title: 'Basket (Units) Change',
+    value: null
+  }, {
+    title: 'Basket ($) Change',
+    value: 30
+  }, {
+    title: 'Visits Change',
+    value: 30
+  }],
+  dotCut: true,
+  width: '250px',
+  height: '280px',
+  textcolor: '#212121',
+  noDataText: ''
+};

package/dist/stories/components/TotalBenchmarkBarchart.js

@@ -1,44 +1,35 @@
 "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.TotalBenchmarkBarchart = void 0;
 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 _NoDataFoundMessage = require("./NoDataFoundMessage");
 var _CommonFunctions = require("./CommonFunctions");
 var _Benchmark = require("./Benchmark");
 var _TotalBenchmarkBarchart = require("./TotalBenchmarkBarchart.style");
-var _excluded = ["title", "value", "addingBenchmark", "benchmarkTotalValue", "benchmarkValue", "currency", "currencyType", "barChartData", "dotCut", "width", "height", "textcolor", "noDataText"];
 /* TotalBenchmarkBarchart */
-var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
+var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenchmarkBarchart(props) {
   var _getFormattedBarChart, _getFormattedBarChart2;
-  var title = _ref.title,
-    value = _ref.value,
-    addingBenchmark = _ref.addingBenchmark,
-    benchmarkTotalValue = _ref.benchmarkTotalValue,
-    benchmarkValue = _ref.benchmarkValue,
-    _ref$currency = _ref.currency,
-    currency = _ref$currency === void 0 ? true : _ref$currency,
-    _ref$currencyType = _ref.currencyType,
-    currencyType = _ref$currencyType === void 0 ? 'USD' : _ref$currencyType,
-    barChartData = _ref.barChartData,
-    _ref$dotCut = _ref.dotCut,
-    dotCut = _ref$dotCut === void 0 ? true : _ref$dotCut,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '250px' : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '280px' : _ref$height,
-    _ref$textcolor = _ref.textcolor,
-    textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
-    _ref$noDataText = _ref.noDataText,
-    noDataText = _ref$noDataText === void 0 ? '' : _ref$noDataText,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var title = props.title,
+    value = props.value,
+    addingBenchmark = props.addingBenchmark,
+    benchmarkTotalValue = props.benchmarkTotalValue,
+    benchmarkValue = props.benchmarkValue,
+    currency = props.currency,
+    currencyType = props.currencyType,
+    barChartData = props.barChartData,
+    _props$dotCut = props.dotCut,
+    dotCut = _props$dotCut === void 0 ? true : _props$dotCut,
+    width = props.width,
+    height = props.height,
+    textcolor = props.textcolor,
+    noDataText = props.noDataText;
   var DEFAULT_ROOT_FONT = 16;
   var DEFAULT_COMPONENT_WIDTH = 250;
   var DEFAULT_COMPONENT_HEIGHT = 280;
@@ -209,4 +200,27 @@ var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenc
     noDataText: noDataText
   }));
 };
-var _default = exports.default = TotalBenchmarkBarchart;
+var _default = exports.default = TotalBenchmarkBarchart;
+TotalBenchmarkBarchart.defaultProps = {
+  title: 'Title',
+  value: 100,
+  addingBenchmark: 200,
+  benchmarkTotalValue: 300,
+  benchmarkValue: 400,
+  currency: true,
+  currencyType: 'USD',
+  barChartData: [{
+    title: 'New Redeemers',
+    value: 256200,
+    color: '#85A1D2'
+  }, {
+    title: 'Existing Redeemers',
+    value: 700000,
+    color: '#9AE6FF'
+  }],
+  dotCut: true,
+  width: '250px',
+  height: '280px',
+  textcolor: '#212121',
+  noDataText: ''
+};

package/dist/stories/utils/ComponentFactory.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TotalDoughnutChart = _interopRequireDefault(require("../components/TotalDoughnutChart"));
+var Factory = function Factory(_ref) {
+  var componentName = _ref.componentName;
+  switch (componentName) {
+    case 'TotalDoughnutChart':
+      return _TotalDoughnutChart.default;
+
+    // case 'TotalDoughnutChart':
+    //     return TotalDoughnutChart,
+
+    // case 'TotalDoughnutChart':
+    //     return TotalDoughnutChart,
+
+    // case 'TotalDoughnutChart':
+    //     return TotalDoughnutChart,
+
+    // case 'TotalDoughnutChart':
+    //     return TotalDoughnutChart;
+
+    // case 'TotalDoughnutChart':
+    //     return TotalDoughnutChart;
+
+    default:
+      return _TotalDoughnutChart.default;
+  }
+};
+var _default = exports.default = Factory;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.346",
+  "version": "1.0.347",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -14,13 +14,11 @@
   "author": "SAG",
   "license": "ISC",
   "devDependencies": {
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/cli": "^7.23.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/preset-env": "^7.23.2",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.2",
-    "babel-plugin-react-css-modules": "^5.2.6",
-    "babel-preset-react-app": "^10.0.1",
     "@storybook/addon-designs": "^7.0.5",
     "@storybook/addon-essentials": "^7.4.6",
     "@storybook/addon-interactions": "^7.4.6",
@@ -33,6 +31,8 @@
     "@storybook/react-webpack5": "^7.4.6",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "^7.5.3",
+    "babel-plugin-react-css-modules": "^5.2.6",
+    "babel-preset-react-app": "^10.0.1",
     "cross-env": "^7.0.3",
     "css-loader": "^6.8.1",
     "eslint": "^8.53.0",
@@ -42,6 +42,7 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2",
     "style-loader": "^3.3.3"
@@ -56,7 +57,9 @@
     "dayjs": "^1.11.10",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
+    "react-ace": "^10.1.0",
     "react-css-modules": "^4.7.11",
+    "react-hook-form": "^7.46.2",
     "react-loading-skeleton": "^3.3.1",
     "recharts": "^2.9.2",
     "storybook": "^7.4.6",