sag_components 1.0.84 → 1.0.86

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 (9) hide show
  1. package/dist/stories/components/Dropdown.js +2 -2
  2. package/dist/stories/components/Dropdown.style.js +2 -1
  3. package/dist/stories/components/FilterContainer.style.js +1 -1
  4. package/dist/stories/components/Fonts.style.js +7 -0
  5. package/package.json +6 -4
  6. package/dist/stories/components/ArrowDownIcon.js +0 -28
  7. package/dist/stories/components/ArrowUpIcon.js +0 -28
  8. package/dist/stories/components/TitleEventComponent.js +0 -101
  9. package/dist/stories/components/TitleEventComponent.style.js +0 -76
package/dist/stories/components/Dropdown.js CHANGED
@@ -37,7 +37,7 @@ var checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
37
37
  */
38
38
  var Dropdown = function Dropdown(_ref) {
39
39
  var _ref$width = _ref.width,
40
- width = _ref$width === void 0 ? "300px" : _ref$width,
40
+ width = _ref$width === void 0 ? "100%" : _ref$width,
41
41
  size = _ref.size,
42
42
  text = _ref.text,
43
43
  shape = _ref.shape,
@@ -79,7 +79,7 @@ var Dropdown = function Dropdown(_ref) {
79
79
  "& .MuiOutlinedInput-root": {
80
80
  borderRadius: "12px",
81
81
  legend: {
82
- marginLeft: "60px"
82
+ marginLeft: "40px"
83
83
  }
84
84
  },
85
85
  "& .MuiAutocomplete-inputRoot": {
package/dist/stories/components/Dropdown.style.js CHANGED
@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.DropdownContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- require("../../stories/components/font.css");
11
10
  var _templateObject;
11
+ //import './font.css';
12
+
12
13
  var DropdownContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "; \n text-align: left; \n position: relative; \n align-items: center;\n justify-content: center;\n font-family: Lato; \n font-size: \"14px\";\n"])), function (props) {
13
14
  return props.width;
14
15
  });
package/dist/stories/components/FilterContainer.style.js CHANGED
@@ -8,7 +8,7 @@ exports.FilterFooterContent = exports.FilterDivContent = exports.FilterDivContai
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3;
11
- var FilterDivContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height:100%;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n display: grid;\n"])));
11
+ var FilterDivContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height:100%;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n display: grid;\n background: \"#FFFFFF\";\n"])));
12
12
  exports.FilterDivContainer = FilterDivContainer;
13
13
  var FilterDivContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n padding-top: 40px;\n height: 90%;\n display: flex;\n flex-direction: column;\n align-items: center;\n > div{\n margin: 25px;\n }\n"])));
14
14
  exports.FilterDivContent = FilterDivContent;
package/dist/stories/components/Fonts.style.js ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
5
+ var _styledComponents = require("styled-components");
6
+ var _templateObject;
7
+ var LatoFont = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n @font-face {\n font-family: \"Lato\";\n src: local(\"Lato\"),\n url(\"./fonts/Lato/Lato-Regular.ttf\") format(\"truetype\"); \n }\n"])));
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.84",
3
+ "version": "1.0.86",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
7
7
  "start": "react-scripts start",
8
- "build": "cross-env BABEL_ENV=production babel src -d dist",
8
+ "build": "cross-env BABEL_ENV=production babel src -d dist ",
9
9
  "storybook": "storybook dev -p 6006",
10
10
  "build-storybook": "storybook build"
11
11
  },
@@ -27,6 +27,7 @@
27
27
  "@storybook/react": "^7.0.6",
28
28
  "@storybook/react-webpack5": "^7.0.6",
29
29
  "@storybook/testing-library": "^0.0.14-next.2",
30
+ "babel-plugin-css-modules-transform": "^1.6.2",
30
31
  "cross-env": "^7.0.3",
31
32
  "css-loader": "^5.2.7",
32
33
  "prop-types": "^15.8.1",
@@ -50,11 +51,12 @@
50
51
  "@mui/icons-material": "^5.11.16",
51
52
  "@mui/material": "^5.13.0",
52
53
  "@mui/styled-engine-sc": "^5.12.0",
54
+ "babel-plugin-react-css-modules": "^5.2.6",
53
55
  "classnames": "^2.3.2",
54
56
  "hoopy": "^0.1.4",
57
+ "react-css-modules": "^4.7.11",
55
58
  "react-scripts": "5.0.1",
56
- "recharts": "^2.6.2",
57
- "typeface-roboto": "^1.1.13"
59
+ "recharts": "^2.6.2"
58
60
  },
59
61
  "browserslist": {
60
62
  "production": [
package/dist/stories/components/ArrowDownIcon.js DELETED
@@ -1,28 +0,0 @@
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.ArrowDownIcon = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var ArrowDownIcon = function ArrowDownIcon(_ref) {
10
- var clicked = _ref.clicked,
11
- _ref$width = _ref.width,
12
- width = _ref$width === void 0 ? "8" : _ref$width,
13
- _ref$height = _ref.height,
14
- height = _ref$height === void 0 ? "9" : _ref$height;
15
- return /*#__PURE__*/_react.default.createElement("svg", {
16
- width: width,
17
- height: height,
18
- viewBox: "0 0 8 9",
19
- fill: "none",
20
- xmlns: "http://www.w3.org/2000/svg"
21
- }, /*#__PURE__*/_react.default.createElement("path", {
22
- d: "M3.52935 8.81165C3.78967 9.06278 4.21242 9.06278 4.47273 8.81165L7.80476 5.59719C8.06508 5.34606 8.06508 4.93822 7.80476 4.68709C7.54445 4.43596 7.1217 4.43596 6.86138 4.68709L4.66641 6.80663L4.66641 0.642893C4.66641 0.287292 4.36861 -4.08657e-07 4 -4.40881e-07C3.63139 -4.73106e-07 3.33359 0.287292 3.33359 0.642893L3.33359 6.80663L1.13862 4.6891C0.878303 4.43797 0.455551 4.43797 0.195236 4.6891C-0.0650787 4.94023 -0.0650787 5.34807 0.195236 5.5992L3.52727 8.81366L3.52935 8.81165Z",
23
- fill: "#F00021"
24
- }));
25
- };
26
- exports.ArrowDownIcon = ArrowDownIcon;
27
- var _default = ArrowDownIcon;
28
- exports.default = _default;
package/dist/stories/components/ArrowUpIcon.js DELETED
@@ -1,28 +0,0 @@
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.ArrowUpIcon = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var ArrowUpIcon = function ArrowUpIcon(_ref) {
10
- var clicked = _ref.clicked,
11
- _ref$width = _ref.width,
12
- width = _ref$width === void 0 ? "8" : _ref$width,
13
- _ref$height = _ref.height,
14
- height = _ref$height === void 0 ? "9" : _ref$height;
15
- return /*#__PURE__*/_react.default.createElement("svg", {
16
- width: width,
17
- height: height,
18
- viewBox: "0 0 8 9",
19
- fill: "none",
20
- xmlns: "http://www.w3.org/2000/svg"
21
- }, /*#__PURE__*/_react.default.createElement("path", {
22
- d: "M4.47065 0.188348C4.21033 -0.0627825 3.78758 -0.0627825 3.52727 0.188348L0.195236 3.40281C-0.0650787 3.65394 -0.0650787 4.06178 0.195236 4.31291C0.455551 4.56404 0.878303 4.56404 1.13862 4.31291L3.33359 2.19337V8.35711C3.33359 8.71271 3.63139 9 4 9C4.36861 9 4.66641 8.71271 4.66641 8.35711V2.19337L6.86138 4.3109C7.1217 4.56203 7.54445 4.56203 7.80476 4.3109C8.06508 4.05977 8.06508 3.65193 7.80476 3.4008L4.47273 0.186338L4.47065 0.188348Z",
23
- fill: "#5FCC70"
24
- }));
25
- };
26
- exports.ArrowUpIcon = ArrowUpIcon;
27
- var _default = ArrowUpIcon;
28
- exports.default = _default;
package/dist/stories/components/TitleEventComponent.js DELETED
@@ -1,101 +0,0 @@
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.TitleEventComponent = void 0;
8
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _CommonFunctions = require("./CommonFunctions");
11
- var _IconButton = require("./IconButton");
12
- var _TitleEventComponentStyle = require("./TitleEventComponent.style.js");
13
- var _excluded = ["mainTitle", "infoButtonText", "infoButtonOnClick", "eventLinkLabel", "eventLinkLabelOnClick", "retailerLinkLabel", "retailerLinkLabelOnClick", "objectivesTitle", "objectivesDescriptionLine1", "objectivesDescriptionLine2", "objectivesShowMoreLabel", "objectivesShowMoreOnClick", "RightPanelLine2Title", "RightPanelLine2Value", "RightPanelLine3Title", "RightPanelLine3Value1", "RightPanelLine3Value2", "downloadButtonOnClick", "flyButtonOnClick", "width", "height", "textColor"];
14
- /*TitleEventComponent*/
15
- var TitleEventComponent = function TitleEventComponent(_ref) {
16
- var mainTitle = _ref.mainTitle,
17
- infoButtonText = _ref.infoButtonText,
18
- infoButtonOnClick = _ref.infoButtonOnClick,
19
- eventLinkLabel = _ref.eventLinkLabel,
20
- eventLinkLabelOnClick = _ref.eventLinkLabelOnClick,
21
- retailerLinkLabel = _ref.retailerLinkLabel,
22
- retailerLinkLabelOnClick = _ref.retailerLinkLabelOnClick,
23
- objectivesTitle = _ref.objectivesTitle,
24
- objectivesDescriptionLine1 = _ref.objectivesDescriptionLine1,
25
- objectivesDescriptionLine2 = _ref.objectivesDescriptionLine2,
26
- objectivesShowMoreLabel = _ref.objectivesShowMoreLabel,
27
- objectivesShowMoreOnClick = _ref.objectivesShowMoreOnClick,
28
- RightPanelLine2Title = _ref.RightPanelLine2Title,
29
- RightPanelLine2Value = _ref.RightPanelLine2Value,
30
- RightPanelLine3Title = _ref.RightPanelLine3Title,
31
- RightPanelLine3Value1 = _ref.RightPanelLine3Value1,
32
- RightPanelLine3Value2 = _ref.RightPanelLine3Value2,
33
- downloadButtonOnClick = _ref.downloadButtonOnClick,
34
- flyButtonOnClick = _ref.flyButtonOnClick,
35
- _ref$width = _ref.width,
36
- width = _ref$width === void 0 ? 162 : _ref$width,
37
- _ref$height = _ref.height,
38
- height = _ref$height === void 0 ? 1405 : _ref$height,
39
- _ref$textColor = _ref.textColor,
40
- textColor = _ref$textColor === void 0 ? "black" : _ref$textColor,
41
- props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
42
- return /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.MainContainer, {
43
- height: height,
44
- width: width,
45
- textColor: textColor
46
- }, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelContainer, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine1Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine1Field1, null, mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine1IconButtonContainer, null, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
47
- height: 18,
48
- width: 18,
49
- iconName: "eye",
50
- onClick: function onClick(event) {
51
- infoButtonOnClick({
52
- eventName: "infoButtonOnClick",
53
- event: event
54
- });
55
- }
56
- }), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine1InfoButtonText, null, " ", infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine2Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine2Field1, {
57
- onClick: function onClick(event) {
58
- eventLinkLabelOnClick({
59
- eventName: "eventLinkLabelOnClick",
60
- event: event
61
- });
62
- }
63
- }, eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.FieldsDelimiter, null, " | "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine2Field3, {
64
- onClick: function onClick(event) {
65
- retailerLinkLabelOnClick({
66
- eventName: "retailerLinkLabelOnClick",
67
- event: event
68
- });
69
- }
70
- }, retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine1Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine1Field1, null, objectivesTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine1Field2, null, objectivesDescriptionLine1)), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine2Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine2Field1, null, objectivesDescriptionLine2, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.LeftPanelLine3SubLine2Field2, {
71
- onClick: function onClick(event) {
72
- objectivesShowMoreOnClick({
73
- eventName: "objectivesShowMoreOnClick",
74
- event: event
75
- });
76
- }
77
- }, objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelContainer, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine1Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine1DownloadIconButtonContainer, null, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
78
- height: 20,
79
- width: 20,
80
- iconName: "download",
81
- onClick: function onClick(event) {
82
- downloadButtonOnClick({
83
- eventName: "downloadButtonOnClick",
84
- event: event
85
- });
86
- }
87
- })), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine1FlyIconButtonContainer, null, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
88
- height: 20,
89
- width: 20,
90
- iconName: "fly",
91
- onClick: function onClick(event) {
92
- flyButtonOnClick({
93
- eventName: "flyButtonOnClick",
94
- event: event
95
- });
96
- }
97
- }))), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine2Container, null), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine1Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine1Field1, null, RightPanelLine2Title, " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine1Field2, null, RightPanelLine2Value)), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine2Container, null, /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine2Field1, null, RightPanelLine3Title, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine2Field2, null, RightPanelLine3Value1), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.FieldsDelimiter, null, " | "), /*#__PURE__*/_react.default.createElement(_TitleEventComponentStyle.RightPanelLine3SubLine2Field3, null, RightPanelLine3Value2)))));
98
- };
99
- exports.TitleEventComponent = TitleEventComponent;
100
- var _default = TitleEventComponent;
101
- exports.default = _default;
package/dist/stories/components/TitleEventComponent.style.js DELETED
@@ -1,76 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.RightPanelLine3SubLine2Field3 = exports.RightPanelLine3SubLine2Field2 = exports.RightPanelLine3SubLine2Field1 = exports.RightPanelLine3SubLine2Container = exports.RightPanelLine3SubLine1Field2 = exports.RightPanelLine3SubLine1Field1 = exports.RightPanelLine3SubLine1Container = exports.RightPanelLine3Container = exports.RightPanelLine2Container = exports.RightPanelLine1FlyIconButtonContainer = exports.RightPanelLine1DownloadIconButtonContainer = exports.RightPanelLine1Container = exports.RightPanelContainer = exports.MainContainer = exports.LeftPanelLine3SubLine2Field2 = exports.LeftPanelLine3SubLine2Field1 = exports.LeftPanelLine3SubLine2Container = exports.LeftPanelLine3SubLine1Field2 = exports.LeftPanelLine3SubLine1Field1 = exports.LeftPanelLine3SubLine1Container = exports.LeftPanelLine3Container = exports.LeftPanelLine2Field3 = exports.LeftPanelLine2Field1 = exports.LeftPanelLine2Container = exports.LeftPanelLine1InfoButtonText = exports.LeftPanelLine1IconButtonContainer = exports.LeftPanelLine1Field1 = exports.LeftPanelLine1Container = exports.LeftPanelContainer = exports.FieldsDelimiter = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
- var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
11
- var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n justify-content: center;\n align-items: center;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n color: ", ";\n width: ", ";\n height: ", ";\n// min-width: 1200px;\n// min-height: 80px;\n border-radius: 12px;\n //border: 1px solid brown;\n"])), function (props) {
12
- return props.textColor ? props.textColor : "#000";
13
- }, function (props) {
14
- return props.width.toString().concat("", "px");
15
- }, function (props) {
16
- return props.height.toString().concat("", "px");
17
- });
18
- exports.MainContainer = MainContainer;
19
- var LeftPanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n border-radius: 12px;\n width: 50%;\n height: 100%;\n background: #ffffff;\n //border: 1px solid red;\n"])));
20
- exports.LeftPanelContainer = LeftPanelContainer;
21
- var LeftPanelLine1Container = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 30%;\n //border: 1px solid brown;\n"])));
22
- exports.LeftPanelLine1Container = LeftPanelLine1Container;
23
- var LeftPanelLine1Field1 = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n font-weight: 700;\n font-size: 18px;\n"])));
24
- exports.LeftPanelLine1Field1 = LeftPanelLine1Field1;
25
- var LeftPanelLine1IconButtonContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center\n //width: 130px;\n height: 40px; \n font-weight: 500; \n border: 1px solid red;\n border-radius: 12px;\n border-color: #ccc;\n"])));
26
- exports.LeftPanelLine1IconButtonContainer = LeftPanelLine1IconButtonContainer;
27
- var LeftPanelLine1InfoButtonText = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n margin-left: 10px;\n margin-right: 10px;\n"])));
28
- exports.LeftPanelLine1InfoButtonText = LeftPanelLine1InfoButtonText;
29
- var LeftPanelLine2Container = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 30%;\n //border: 1px solid blue;\n"])));
30
- exports.LeftPanelLine2Container = LeftPanelLine2Container;
31
- var LeftPanelLine2Field1 = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: blue;\n &:hover {\n cursor: pointer;\n }\n"])));
32
- exports.LeftPanelLine2Field1 = LeftPanelLine2Field1;
33
- var FieldsDelimiter = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n color: #ccc;\n"])));
34
- exports.FieldsDelimiter = FieldsDelimiter;
35
- var LeftPanelLine2Field3 = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: blue;\n &:hover {\n cursor: pointer;\n }\n"])));
36
- exports.LeftPanelLine2Field3 = LeftPanelLine2Field3;
37
- var LeftPanelLine3Container = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n height: 40%;\n //border: 1px solid red;\n"])));
38
- exports.LeftPanelLine3Container = LeftPanelLine3Container;
39
- var LeftPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n"])));
40
- exports.LeftPanelLine3SubLine1Field1 = LeftPanelLine3SubLine1Field1;
41
- var LeftPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
42
- exports.LeftPanelLine3SubLine1Container = LeftPanelLine3SubLine1Container;
43
- var LeftPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
44
- exports.LeftPanelLine3SubLine1Field2 = LeftPanelLine3SubLine1Field2;
45
- var LeftPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
46
- exports.LeftPanelLine3SubLine2Container = LeftPanelLine3SubLine2Container;
47
- var LeftPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n"])));
48
- exports.LeftPanelLine3SubLine2Field1 = LeftPanelLine3SubLine2Field1;
49
- var LeftPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: blue;\n &:hover {\n cursor: pointer;\n }\n"])));
50
- exports.LeftPanelLine3SubLine2Field2 = LeftPanelLine3SubLine2Field2;
51
- var RightPanelContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 12px;\n width: 50%;\n height: 100%;\n background: #ffffff;\n //border: 1px solid red;\n"])));
52
- exports.RightPanelContainer = RightPanelContainer;
53
- var RightPanelLine1Container = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n height: 30%;\n //border: 1px solid brown;\n"])));
54
- exports.RightPanelLine1Container = RightPanelLine1Container;
55
- var RightPanelLine1DownloadIconButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 5px;\n"])));
56
- exports.RightPanelLine1DownloadIconButtonContainer = RightPanelLine1DownloadIconButtonContainer;
57
- var RightPanelLine1FlyIconButtonContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 5px;\n"])));
58
- exports.RightPanelLine1FlyIconButtonContainer = RightPanelLine1FlyIconButtonContainer;
59
- var RightPanelLine2Container = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 30%; \n //border: 1px solid blue;\n"])));
60
- exports.RightPanelLine2Container = RightPanelLine2Container;
61
- var RightPanelLine3Container = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n width: 100%;\n height: 40%;\n //border: 1px solid red;\n"])));
62
- exports.RightPanelLine3Container = RightPanelLine3Container;
63
- var RightPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
64
- exports.RightPanelLine3SubLine1Container = RightPanelLine3SubLine1Container;
65
- var RightPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
66
- exports.RightPanelLine3SubLine1Field1 = RightPanelLine3SubLine1Field1;
67
- var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px; \n"])));
68
- exports.RightPanelLine3SubLine1Field2 = RightPanelLine3SubLine1Field2;
69
- var RightPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
70
- exports.RightPanelLine3SubLine2Container = RightPanelLine3SubLine2Container;
71
- var RightPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
72
- exports.RightPanelLine3SubLine2Field1 = RightPanelLine3SubLine2Field1;
73
- var RightPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
74
- exports.RightPanelLine3SubLine2Field2 = RightPanelLine3SubLine2Field2;
75
- var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n"])));
76
- exports.RightPanelLine3SubLine2Field3 = RightPanelLine3SubLine2Field3;