sag_components 1.0.99 → 1.0.101

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 (4) hide show
  1. package/dist/stories/components/Dropdown.js +19 -7
  2. package/dist/stories/components/TitleDescription.js +15 -28
  3. package/dist/stories/components/TitleDescription.style.js +20 -20
  4. package/package.json +1 -1
package/dist/stories/components/Dropdown.js CHANGED
@@ -57,7 +57,9 @@ var Dropdown = function Dropdown(_ref) {
57
57
  inputRef = _ref.inputRef,
58
58
  defaultValue = _ref.defaultValue,
59
59
  _ref$allowedInput = _ref.allowedInput,
60
- allowedInput = _ref$allowedInput === void 0 ? "all" : _ref$allowedInput;
60
+ allowedInput = _ref$allowedInput === void 0 ? "all" : _ref$allowedInput,
61
+ _ref$reset = _ref.reset,
62
+ reset = _ref$reset === void 0 ? false : _ref$reset;
61
63
  /**
62
64
  * SAG Dropdown
63
65
  */
@@ -70,10 +72,12 @@ var Dropdown = function Dropdown(_ref) {
70
72
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
71
73
  currentOption = _useState4[0],
72
74
  setCurrentOption = _useState4[1];
73
- var _useState5 = (0, _react.useState)(false),
74
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
75
- defaultValueSetFlag = _useState6[0],
76
- setDefaultValueSetFlag = _useState6[1];
75
+ //const [defaultValueSetFlag, setDefaultValueSetFlag] = useState(false);
76
+
77
+ // useEffect(() => {
78
+ // reset ? setDefaultValueSetFlag(false) : null;
79
+ // }, [reset]);
80
+
77
81
  (0, _react.useEffect)(function () {
78
82
  var delayDebounceFn = setTimeout(function () {
79
83
  onInputChange(currentInputValue);
@@ -135,7 +139,7 @@ var Dropdown = function Dropdown(_ref) {
135
139
  syntheticBaseEvent: event,
136
140
  newValue: newValue
137
141
  });
138
- setDefaultValueSetFlag(true);
142
+ //setDefaultValueSetFlag(true);
139
143
  onChange({
140
144
  syntheticBaseEvent: event,
141
145
  newValue: newValue
@@ -172,6 +176,7 @@ var Dropdown = function Dropdown(_ref) {
172
176
  return /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
173
177
  theme: theme
174
178
  }, /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
179
+ key: reset,
175
180
  onChange: function onChange(event, newValue) {
176
181
  onChangeHandler(event, newValue);
177
182
  },
@@ -180,8 +185,13 @@ var Dropdown = function Dropdown(_ref) {
180
185
  },
181
186
  disablePortal: true
182
187
  // value={defaultValue && !currentOption?.newValue ? defaultValue : currentOption?.newValue}
188
+ // value={
189
+ // defaultValue && !defaultValueSetFlag
190
+ // ? defaultValue
191
+ // : currentOption?.newValue
192
+ // }
183
193
  ,
184
- value: defaultValue && !defaultValueSetFlag ? defaultValue : currentOption === null || currentOption === void 0 ? void 0 : currentOption.newValue,
194
+ defaultValue: defaultValue,
185
195
  id: "combo-box",
186
196
  options: options,
187
197
  sx: {
@@ -237,6 +247,8 @@ var Dropdown = function Dropdown(_ref) {
237
247
  return /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
238
248
  theme: theme
239
249
  }, /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
250
+ key: reset,
251
+ defaultValue: defaultValue,
240
252
  style: {
241
253
  width: width
242
254
  },
package/dist/stories/components/TitleDescription.js CHANGED
@@ -7,29 +7,16 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.TitleDescription = void 0;
8
8
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
- var _CommonFunctions = require("./CommonFunctions");
11
10
  var _IconButton = require("./IconButton");
12
11
  var _TitleDescriptionStyle = require("./TitleDescription.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"];
12
+ var _excluded = ["data", "infoButtonOnClick", "eventLinkLabelOnClick", "retailerLinkLabelOnClick", "objectivesShowMoreOnClick", "downloadButtonOnClick", "flyButtonOnClick", "width", "height", "textColor"];
14
13
  /*TitleDescription*/
15
14
  var TitleDescription = function TitleDescription(_ref) {
16
- var mainTitle = _ref.mainTitle,
17
- infoButtonText = _ref.infoButtonText,
15
+ var data = _ref.data,
18
16
  infoButtonOnClick = _ref.infoButtonOnClick,
19
- eventLinkLabel = _ref.eventLinkLabel,
20
17
  eventLinkLabelOnClick = _ref.eventLinkLabelOnClick,
21
- retailerLinkLabel = _ref.retailerLinkLabel,
22
18
  retailerLinkLabelOnClick = _ref.retailerLinkLabelOnClick,
23
- objectivesTitle = _ref.objectivesTitle,
24
- objectivesDescriptionLine1 = _ref.objectivesDescriptionLine1,
25
- objectivesDescriptionLine2 = _ref.objectivesDescriptionLine2,
26
- objectivesShowMoreLabel = _ref.objectivesShowMoreLabel,
27
19
  objectivesShowMoreOnClick = _ref.objectivesShowMoreOnClick,
28
- RightPanelLine2Title = _ref.RightPanelLine2Title,
29
- RightPanelLine2Value = _ref.RightPanelLine2Value,
30
- RightPanelLine3Title = _ref.RightPanelLine3Title,
31
- RightPanelLine3Value1 = _ref.RightPanelLine3Value1,
32
- RightPanelLine3Value2 = _ref.RightPanelLine3Value2,
33
20
  downloadButtonOnClick = _ref.downloadButtonOnClick,
34
21
  flyButtonOnClick = _ref.flyButtonOnClick,
35
22
  _ref$width = _ref.width,
@@ -50,7 +37,7 @@ var TitleDescription = function TitleDescription(_ref) {
50
37
  id: "LeftPanelLine1Container"
51
38
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1Field1, {
52
39
  id: "LeftPanelLine1Field1"
53
- }, mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1IconButtonContainer, {
40
+ }, data.mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1IconButtonContainer, {
54
41
  id: "LeftPanelLine1IconButtonContainer"
55
42
  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
56
43
  id: "IconButton",
@@ -65,7 +52,7 @@ var TitleDescription = function TitleDescription(_ref) {
65
52
  }
66
53
  }), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine1InfoButtonText, {
67
54
  id: "LeftPanelLine1InfoButtonText"
68
- }, " ", infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Container, {
55
+ }, " ", data.infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Container, {
69
56
  id: "LeftPanelLine2Container"
70
57
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Field1, {
71
58
  id: "LeftPanelLine2Field1",
@@ -75,7 +62,7 @@ var TitleDescription = function TitleDescription(_ref) {
75
62
  event: event
76
63
  });
77
64
  }
78
- }, eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
65
+ }, data.eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
79
66
  id: "FieldsDelimiter"
80
67
  }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine2Field3, {
81
68
  id: "LeftPanelLine2Field3",
@@ -85,19 +72,19 @@ var TitleDescription = function TitleDescription(_ref) {
85
72
  event: event
86
73
  });
87
74
  }
88
- }, retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3Container, {
75
+ }, data.retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3Container, {
89
76
  id: "LeftPanelLine3Container"
90
77
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Container, {
91
78
  id: "LeftPanelLine3SubLine1Container"
92
79
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field1, {
93
80
  id: "LeftPanelLine3SubLine1Field1"
94
- }, objectivesTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field2, {
81
+ }, data.objectivesTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine1Field2, {
95
82
  id: "LeftPanelLine3SubLine1Field2"
96
- }, objectivesDescriptionLine1)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Container, {
83
+ }, data.objectivesDescriptionLine1)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Container, {
97
84
  id: "LeftPanelLine3SubLine2Container"
98
85
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field1, {
99
86
  id: "LeftPanelLine3SubLine2Field1"
100
- }, objectivesDescriptionLine2, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field2, {
87
+ }, data.objectivesDescriptionLine2, " ", " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelLine3SubLine2Field2, {
101
88
  id: "LeftPanelLine3SubLine2Field2",
102
89
  onClick: function onClick(event) {
103
90
  objectivesShowMoreOnClick({
@@ -105,7 +92,7 @@ var TitleDescription = function TitleDescription(_ref) {
105
92
  event: event
106
93
  });
107
94
  }
108
- }, objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
95
+ }, data.objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
109
96
  id: "RightPanelContainer"
110
97
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine1Container, {
111
98
  id: "RightPanelLine1Container"
@@ -143,19 +130,19 @@ var TitleDescription = function TitleDescription(_ref) {
143
130
  id: "RightPanelLine3SubLine1Container"
144
131
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field1, {
145
132
  id: "RightPanelLine3SubLine1Field1"
146
- }, RightPanelLine2Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field2, {
133
+ }, data.RightPanelLine2Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine1Field2, {
147
134
  id: "RightPanelLine3SubLine1Field2"
148
- }, RightPanelLine2Value)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Container, {
135
+ }, data.RightPanelLine2Value)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Container, {
149
136
  id: "RightPanelLine3SubLine2Container"
150
137
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field1, {
151
138
  id: "RightPanelLine3SubLine2Field1"
152
- }, RightPanelLine3Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field2, {
139
+ }, data.RightPanelLine3Title), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field2, {
153
140
  id: "RightPanelLine3SubLine2Field2"
154
- }, RightPanelLine3Value1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
141
+ }, data.RightPanelLine3Value1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
155
142
  id: "FieldsDelimiter"
156
143
  }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelLine3SubLine2Field3, {
157
144
  id: "RightPanelLine3SubLine2Field3"
158
- }, RightPanelLine3Value2)))));
145
+ }, data.RightPanelLine3Value2)))));
159
146
  };
160
147
  exports.TitleDescription = TitleDescription;
161
148
  var _default = TitleDescription;
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -8,7 +8,7 @@ exports.RightPanelLine3SubLine2Field3 = exports.RightPanelLine3SubLine2Field2 =
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, _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, _templateObject31;
11
- var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n color: ", ";\n width: ", ";\n height: ", ";\n\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n align-content: center;\n\n justify-content: center;\n align-items: center;\n\n //border: 1px solid red;\n"])), function (props) {
11
+ var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n margin: 0px 0 0px;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: 1em;\n\n color: ", ";\n width: ", ";\n height: ", ";\n\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n align-content: center;\n\n justify-content: center;\n align-items: center;\n\n //border: 1px solid red;\n"])), function (props) {
12
12
  return props.textColor ? props.textColor : "#000";
13
13
  }, function (props) {
14
14
  return props.width;
@@ -16,39 +16,39 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
16
16
  return props.height;
17
17
  });
18
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 border-radius: 12px;\n width: 60%;\n height: 100%;\n background: #ffffff;\n //border: 1px solid red;\n"])));
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 border-radius: 12px;\n width: 60%;\n height: 100%;\n background: #ffffff;\n\n"])));
20
20
  exports.LeftPanelContainer = LeftPanelContainer;
21
- var LeftPanelLine1Container = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n /* align-items: baseline; */\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%;\n min-height: 1.7em;\n border-radius: 12px;\n //border: 1px solid brown;\n"])));
21
+ var LeftPanelLine1Container = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n /* align-items: baseline; */\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%;\n min-height: 1.7em;\n border-radius: 12px;\n\n"])));
22
22
  exports.LeftPanelLine1Container = LeftPanelLine1Container;
23
- var LeftPanelLine1Field1 = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n margin-top: 5px;\n margin-left: 10px;\n margin-right: 10px;\n font-weight: 700;\n \n font-size: 1.2vw;\n"])));
23
+ var LeftPanelLine1Field1 = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n margin-top: 5px;\n margin-left: 10px;\n margin-right: 10px;\n font-weight: 700;\n \n font-size: 1.2em;\n"])));
24
24
  exports.LeftPanelLine1Field1 = LeftPanelLine1Field1;
25
25
  var LeftPanelLine1IconButtonContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n font-weight: 500; \n border-radius: 12px;\n border: 1px solid #ccc;\n margin-top: 5px;\n margin-left: 5px;\n margin-right: 5px;\n"])));
26
26
  exports.LeftPanelLine1IconButtonContainer = LeftPanelLine1IconButtonContainer;
27
- var LeftPanelLine1InfoButtonText = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n margin-left: 10px;\n margin-right: 10px;\n"])));
27
+ var LeftPanelLine1InfoButtonText = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-left: 10px;\n margin-right: 10px;\n"])));
28
28
  exports.LeftPanelLine1InfoButtonText = LeftPanelLine1InfoButtonText;
29
- var LeftPanelLine2Container = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%; \n min-height: 1.3em;\n border-radius: 12px;\n //border: 1px solid #1b30aa;\n"])));
29
+ var LeftPanelLine2Container = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%; \n min-height: 1.3em;\n border-radius: 12px;\n\n"])));
30
30
  exports.LeftPanelLine2Container = LeftPanelLine2Container;
31
- var LeftPanelLine2Field1 = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n margin-left: 10px;\n margin-right: 0px; \n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
31
+ var LeftPanelLine2Field1 = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-left: 10px;\n margin-right: 0px; \n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
32
32
  exports.LeftPanelLine2Field1 = LeftPanelLine2Field1;
33
- var FieldsDelimiter = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n white-space: pre-wrap;\n color: #ccc;\n"])));
33
+ var FieldsDelimiter = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n white-space: pre-wrap;\n color: #ccc;\n"])));
34
34
  exports.FieldsDelimiter = FieldsDelimiter;
35
- var LeftPanelLine2Field3 = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
35
+ var LeftPanelLine2Field3 = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
36
36
  exports.LeftPanelLine2Field3 = LeftPanelLine2Field3;
37
37
  var LeftPanelLine3Container = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n width: 100%;\n height: 50%;\n min-height: 1.4em; \n border-radius: 12px;\n"])));
38
38
  exports.LeftPanelLine3Container = LeftPanelLine3Container;
39
- var LeftPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8vw;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
39
+ var LeftPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
40
40
  exports.LeftPanelLine3SubLine1Field1 = LeftPanelLine3SubLine1Field1;
41
41
  var LeftPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
42
42
  exports.LeftPanelLine3SubLine1Container = LeftPanelLine3SubLine1Container;
43
- var LeftPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n margin-left: 2px;\n margin-right: 2px;\n"])));
43
+ var LeftPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-left: 2px;\n margin-right: 2px;\n"])));
44
44
  exports.LeftPanelLine3SubLine1Field2 = LeftPanelLine3SubLine1Field2;
45
45
  var LeftPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
46
46
  exports.LeftPanelLine3SubLine2Container = LeftPanelLine3SubLine2Container;
47
- var LeftPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
47
+ var LeftPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n white-space: pre-wrap;\n margin-left: 10px;\n"])));
48
48
  exports.LeftPanelLine3SubLine2Field1 = LeftPanelLine3SubLine2Field1;
49
- var LeftPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n margin-right: 2px;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
49
+ var LeftPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n margin-right: 2px;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
50
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\n border-radius: 12px;\n width: 40%;\n height: 100%;\n background: #ffffff;\n\n"])));
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: 40%;\n height: 100%;\n background: #ffffff;\n"])));
52
52
  exports.RightPanelContainer = RightPanelContainer;
53
53
  var RightPanelLine1Container = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n overflow: hidden;\n width: 100%;\n height: 30%;\n min-height: 1.7em;\n border-radius: 12px;\n"])));
54
54
  exports.RightPanelLine1Container = RightPanelLine1Container;
@@ -58,21 +58,21 @@ var RightPanelLine1FlyIconButtonContainer = _styledComponents.default.div(_templ
58
58
  exports.RightPanelLine1FlyIconButtonContainer = RightPanelLine1FlyIconButtonContainer;
59
59
  var RightPanelLine2Container = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n height: 30%;\n min-height: 1.3em;\n border-radius: 12px;\n"])));
60
60
  exports.RightPanelLine2Container = RightPanelLine2Container;
61
- var RightPanelLine2Field1EmptyFiller = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n white-space: pre-wrap;\n"])));
61
+ var RightPanelLine2Field1EmptyFiller = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n white-space: pre-wrap;\n"])));
62
62
  exports.RightPanelLine2Field1EmptyFiller = RightPanelLine2Field1EmptyFiller;
63
63
  var RightPanelLine3Container = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n width: 100%;\n height: 50%;\n min-height: 1.4em;\n border-radius: 12px;\n"])));
64
64
  exports.RightPanelLine3Container = RightPanelLine3Container;
65
65
  var RightPanelLine3SubLine1Container = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
66
66
  exports.RightPanelLine3SubLine1Container = RightPanelLine3SubLine1Container;
67
- var RightPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8vw;\n white-space: pre-wrap;\n overflow: hidden;\n margin-left: 5px;\n"])));
67
+ var RightPanelLine3SubLine1Field1 = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n overflow: hidden;\n margin-left: 5px;\n"])));
68
68
  exports.RightPanelLine3SubLine1Field1 = RightPanelLine3SubLine1Field1;
69
- var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\n"])));
69
+ var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n"])));
70
70
  exports.RightPanelLine3SubLine1Field2 = RightPanelLine3SubLine1Field2;
71
71
  var RightPanelLine3SubLine2Container = _styledComponents.default.div(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
72
72
  exports.RightPanelLine3SubLine2Container = RightPanelLine3SubLine2Container;
73
- var RightPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8vw;\n white-space: pre-wrap;\n margin-left: 5px; \n margin-right: 0px;\n overflow: hidden;\n"])));
73
+ var RightPanelLine3SubLine2Field1 = _styledComponents.default.div(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 0.8em;\n white-space: pre-wrap;\n margin-left: 5px; \n margin-right: 0px;\n overflow: hidden;\n"])));
74
74
  exports.RightPanelLine3SubLine2Field1 = RightPanelLine3SubLine2Field1;
75
- var RightPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n font-weight: 400;\n font-size: 0.8vw;\n \n"])));
75
+ var RightPanelLine3SubLine2Field2 = _styledComponents.default.div(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n font-weight: 400;\n font-size: 0.8em;\n \n"])));
76
76
  exports.RightPanelLine3SubLine2Field2 = RightPanelLine3SubLine2Field2;
77
- var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw; \n"])));
77
+ var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em; \n"])));
78
78
  exports.RightPanelLine3SubLine2Field3 = RightPanelLine3SubLine2Field3;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.99",
3
+ "version": "1.0.101",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {