sag_components 1.0.189 → 1.0.190

package/dist/stories/components/InfoIcon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.InfoIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var InfoIcon = function InfoIcon(_ref) {
+  var clicked = _ref.clicked;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: clicked ? "white" : "black",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "feather feather-info"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "12",
+    y1: "16",
+    x2: "12",
+    y2: "12"
+  }), /*#__PURE__*/_react.default.createElement("line", {
+    x1: "12",
+    y1: "8",
+    x2: "12",
+    y2: "8"
+  }));
+};
+exports.InfoIcon = InfoIcon;
+var _default = InfoIcon;
+exports.default = _default;

package/dist/stories/components/TitleDescription.js

@@ -1,12 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TitleDescription = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _IconButton = require("./IconButton");
 var _EyeIcon = require("./icons/EyeIcon");
 var _FoodLionIcon = require("./icons/FoodLionIcon");
@@ -38,36 +39,36 @@ var TitleDescription = function TitleDescription(_ref) {
         return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
           id: "RetailerIconContainer"
         }, /*#__PURE__*/_react.default.createElement(_FoodLionIcon.FoodLionIcon, {
-          width: "78",
-          height: "30"
+          width: "90",
+          height: "20"
         }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, " "));
       case "Hannaford":
         return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
           id: "RetailerIconContainer"
         }, /*#__PURE__*/_react.default.createElement(_HannafordIcon.HannafordIcon, {
-          width: "78",
-          height: "30"
+          width: "90",
+          height: "20"
         }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, " "));
       case "Giant Food":
         return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
           id: "RetailerIconContainer"
         }, /*#__PURE__*/_react.default.createElement(_GiantFoodIcon.GiantFoodIcon, {
-          width: "78",
-          height: "30"
+          width: "60",
+          height: "20"
         }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, "     "));
       case "The Giant Company":
         return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
           id: "RetailerIconContainer"
         }, /*#__PURE__*/_react.default.createElement(_TheGiantCompanyIcon.TheGiantCompanyIcon, {
-          width: "78",
-          height: "30"
+          width: "60",
+          height: "20"
         }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, "     "));
       case "Stop&Shop":
         return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
           id: "RetailerIconContainer"
         }, /*#__PURE__*/_react.default.createElement(_StopAndShopIcon.StopAndShopIcon, {
-          width: "78",
-          height: "30"
+          width: "90",
+          height: "20"
         }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, "     "));
       default:
         return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {

package/dist/stories/components/TotalBenchmarkAreachart.js

@@ -18,7 +18,7 @@ var _Benchmark = require("./Benchmark");
 var _TotalBenchmarkAreachartStyle = require("./TotalBenchmarkAreachart.style.js");
 var _TotalBenchmarkAreachart = require("./TotalBenchmarkAreachart.style");
 var _CommonFunctions = require("./CommonFunctions");
-var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChart1Color", "fillChart2Color", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
+var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChartColor", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
 /*TotalBenchmarkAreachart*/
 var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
   var _ref4;
@@ -41,10 +41,8 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
     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$fillChartColor = _ref.fillChartColor,
+    fillChartColor = _ref$fillChartColor === void 0 ? "rgba(34, 158, 56, 0.20)" : _ref$fillChartColor,
     _ref$startOffset = _ref.startOffset,
     startOffset = _ref$startOffset === void 0 ? "17.04%" : _ref$startOffset,
     _ref$endOffset = _ref.endOffset,
@@ -208,11 +206,11 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
     y2: "1"
   }, /*#__PURE__*/_react.default.createElement("stop", {
     offset: startOffset,
-    stopColor: fillChart1Color,
+    stopColor: fillChartColor,
     stopOpacity: opacity
   }), /*#__PURE__*/_react.default.createElement("stop", {
     offset: endOffset,
-    stopColor: fillChart1Color,
+    stopColor: fillChartColor,
     stopOpacity: opacity
   })), /*#__PURE__*/_react.default.createElement("linearGradient", {
     id: "colorValue2",
@@ -222,11 +220,11 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
     y2: "1"
   }, /*#__PURE__*/_react.default.createElement("stop", {
     offset: startOffset,
-    stopColor: fillChart2Color,
+    stopColor: fillChartColor,
     stopOpacity: opacity
   }), /*#__PURE__*/_react.default.createElement("stop", {
     offset: endOffset,
-    stopColor: fillChart2Color,
+    stopColor: fillChartColor,
     stopOpacity: opacity
   }))), /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
     dataKey: "title",