sag_components 1.0.189 → 1.0.191

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/stories/components/InfoIcon.js +38 -0
  2. package/dist/stories/components/TitleDescription.js +12 -11
  3. package/dist/stories/components/TotalBenchmarkAreachart.js +7 -9
  4. package/dist/stories/components/TotalBenchmarkArrows.style.js +5 -5
  5. package/dist/stories/components/icons/FoodLionIcon.js +3047 -18
  6. package/dist/stories/components/icons/GiantFoodIcon.js +1942 -16
  7. package/dist/stories/components/icons/HannafordIcon.js +4984 -16
  8. package/dist/stories/components/icons/StopAndShopIcon.js +98 -18
  9. package/dist/stories/components/icons/TheGiantCompanyIcon.js +1792 -22
  10. package/package.json +1 -1
package/dist/stories/components/InfoIcon.js ADDED
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.InfoIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var InfoIcon = function InfoIcon(_ref) {
10
+ var clicked = _ref.clicked;
11
+ return /*#__PURE__*/_react.default.createElement("svg", {
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ viewBox: "0 0 24 24",
14
+ fill: "none",
15
+ stroke: clicked ? "white" : "black",
16
+ strokeWidth: "2",
17
+ strokeLinecap: "round",
18
+ strokeLinejoin: "round",
19
+ className: "feather feather-info"
20
+ }, /*#__PURE__*/_react.default.createElement("circle", {
21
+ cx: "12",
22
+ cy: "12",
23
+ r: "10"
24
+ }), /*#__PURE__*/_react.default.createElement("line", {
25
+ x1: "12",
26
+ y1: "16",
27
+ x2: "12",
28
+ y2: "12"
29
+ }), /*#__PURE__*/_react.default.createElement("line", {
30
+ x1: "12",
31
+ y1: "8",
32
+ x2: "12",
33
+ y2: "8"
34
+ }));
35
+ };
36
+ exports.InfoIcon = InfoIcon;
37
+ var _default = InfoIcon;
38
+ exports.default = _default;
package/dist/stories/components/TitleDescription.js CHANGED
@@ -1,12 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = exports.TitleDescription = void 0;
8
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
9
- var _react = _interopRequireDefault(require("react"));
10
+ var _react = _interopRequireWildcard(require("react"));
10
11
  var _IconButton = require("./IconButton");
11
12
  var _EyeIcon = require("./icons/EyeIcon");
12
13
  var _FoodLionIcon = require("./icons/FoodLionIcon");
@@ -38,36 +39,36 @@ var TitleDescription = function TitleDescription(_ref) {
38
39
  return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
39
40
  id: "RetailerIconContainer"
40
41
  }, /*#__PURE__*/_react.default.createElement(_FoodLionIcon.FoodLionIcon, {
41
- width: "78",
42
- height: "30"
42
+ width: "90",
43
+ height: "20"
43
44
  }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, " "));
44
45
  case "Hannaford":
45
46
  return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
46
47
  id: "RetailerIconContainer"
47
48
  }, /*#__PURE__*/_react.default.createElement(_HannafordIcon.HannafordIcon, {
48
- width: "78",
49
- height: "30"
49
+ width: "90",
50
+ height: "20"
50
51
  }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, " "));
51
52
  case "Giant Food":
52
53
  return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
53
54
  id: "RetailerIconContainer"
54
55
  }, /*#__PURE__*/_react.default.createElement(_GiantFoodIcon.GiantFoodIcon, {
55
- width: "78",
56
- height: "30"
56
+ width: "60",
57
+ height: "20"
57
58
  }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, " "));
58
59
  case "The Giant Company":
59
60
  return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
60
61
  id: "RetailerIconContainer"
61
62
  }, /*#__PURE__*/_react.default.createElement(_TheGiantCompanyIcon.TheGiantCompanyIcon, {
62
- width: "78",
63
- height: "30"
63
+ width: "60",
64
+ height: "20"
64
65
  }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, " "));
65
66
  case "Stop&Shop":
66
67
  return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
67
68
  id: "RetailerIconContainer"
68
69
  }, /*#__PURE__*/_react.default.createElement(_StopAndShopIcon.StopAndShopIcon, {
69
- width: "78",
70
- height: "30"
70
+ width: "90",
71
+ height: "20"
71
72
  }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Space, null, " "));
72
73
  default:
73
74
  return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
package/dist/stories/components/TotalBenchmarkAreachart.js CHANGED
@@ -18,7 +18,7 @@ var _Benchmark = require("./Benchmark");
18
18
  var _TotalBenchmarkAreachartStyle = require("./TotalBenchmarkAreachart.style.js");
19
19
  var _TotalBenchmarkAreachart = require("./TotalBenchmarkAreachart.style");
20
20
  var _CommonFunctions = require("./CommonFunctions");
21
- var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChart1Color", "fillChart2Color", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
21
+ var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChartColor", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
22
22
  /*TotalBenchmarkAreachart*/
23
23
  var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
24
24
  var _ref4;
@@ -41,10 +41,8 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
41
41
  areaChart2Color = _ref$areaChart2Color === void 0 ? "#96B4FF" : _ref$areaChart2Color,
42
42
  _ref$xselectedColor = _ref.xselectedColor,
43
43
  xselectedColor = _ref$xselectedColor === void 0 ? "#42977A" : _ref$xselectedColor,
44
- _ref$fillChart1Color = _ref.fillChart1Color,
45
- fillChart1Color = _ref$fillChart1Color === void 0 ? "rgba(34, 158, 56, 0.20)" : _ref$fillChart1Color,
46
- _ref$fillChart2Color = _ref.fillChart2Color,
47
- fillChart2Color = _ref$fillChart2Color === void 0 ? "rgba(255, 84, 84, 0.2)" : _ref$fillChart2Color,
44
+ _ref$fillChartColor = _ref.fillChartColor,
45
+ fillChartColor = _ref$fillChartColor === void 0 ? "rgba(34, 158, 56, 0.20)" : _ref$fillChartColor,
48
46
  _ref$startOffset = _ref.startOffset,
49
47
  startOffset = _ref$startOffset === void 0 ? "17.04%" : _ref$startOffset,
50
48
  _ref$endOffset = _ref.endOffset,
@@ -208,11 +206,11 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
208
206
  y2: "1"
209
207
  }, /*#__PURE__*/_react.default.createElement("stop", {
210
208
  offset: startOffset,
211
- stopColor: fillChart1Color,
209
+ stopColor: fillChartColor,
212
210
  stopOpacity: opacity
213
211
  }), /*#__PURE__*/_react.default.createElement("stop", {
214
212
  offset: endOffset,
215
- stopColor: fillChart1Color,
213
+ stopColor: fillChartColor,
216
214
  stopOpacity: opacity
217
215
  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
218
216
  id: "colorValue2",
@@ -222,11 +220,11 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
222
220
  y2: "1"
223
221
  }, /*#__PURE__*/_react.default.createElement("stop", {
224
222
  offset: startOffset,
225
- stopColor: fillChart2Color,
223
+ stopColor: fillChartColor,
226
224
  stopOpacity: opacity
227
225
  }), /*#__PURE__*/_react.default.createElement("stop", {
228
226
  offset: endOffset,
229
- stopColor: fillChart2Color,
227
+ stopColor: fillChartColor,
230
228
  stopOpacity: opacity
231
229
  }))), /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
232
230
  dataKey: "title",
package/dist/stories/components/TotalBenchmarkArrows.style.js CHANGED
@@ -18,19 +18,19 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
18
18
  return props.height;
19
19
  });
20
20
  exports.ControlsContainer = ControlsContainer;
21
- var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n width: 100%;\n height: 100%;\n background: #ffffff; \n flex-direction: column;\n flex-basis: 100%;\n //align-items: center;\n align-items: flex-start;\n justify-content: space-between;\n padding: 0px 0.8rem;\n \n"])));
21
+ var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n width: 90%;\n height: 100%;\n background: #ffffff; \n flex-direction: column;\n flex-basis: 100%;\n //align-items: center;\n align-items: flex-start;\n justify-content: space-between;\n padding: 0px 0.8rem;\n \n"])));
22
22
  exports.Controls = Controls;
23
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 14rem;\n font-weight: 600;\n font-size: 1rem;\n margin-bottom: 1rem;\n"])));
23
+ var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n font-weight: 600;\n font-size: 1rem;\n margin-bottom: 1rem;\n"])));
24
24
  exports.Title = Title;
25
- var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n width: 14rem;\n height: 50%;\n"])));
25
+ var ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n /* width: 14rem; */\n height: 50%;\n"])));
26
26
  exports.ValueAndBenchmarkContainer = ValueAndBenchmarkContainer;
27
27
  var FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.2rem;\n"])));
28
28
  exports.FormattedValue = FormattedValue;
29
29
  var BenchmarkContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.7rem;\n width: 5.35rem;\n"])));
30
30
  exports.BenchmarkContainer = BenchmarkContainer;
31
- var DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n width: 14rem;\n height: 50%;\n"])));
31
+ var DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n height: 50%;\n"])));
32
32
  exports.DetailsContainer = DetailsContainer;
33
- var DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n width: 14rem;\n height: 25%;\n font-weight: 600;\n font-size: 1rem;\n"])));
33
+ var DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n height: 25%;\n font-weight: 600;\n font-size: 1rem;\n"])));
34
34
  exports.DetailsTitle = DetailsTitle;
35
35
  var DetailsRowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n text-align: center;\n align-items: baseline;\n height: 25%;\n"])));
36
36
  exports.DetailsRowContainer = DetailsRowContainer;