sag_components 1.0.89 → 1.0.91

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 (3) hide show
  1. package/dist/stories/components/Dropdown.js +4 -4
  2. package/dist/stories/components/TitleDescription.style.js +23 -23
  3. package/package.json +1 -1
package/dist/stories/components/Dropdown.js CHANGED
@@ -136,10 +136,12 @@ var Dropdown = function Dropdown(_ref) {
136
136
  });
137
137
  };
138
138
  var getOptionByLabel = function getOptionByLabel(label) {
139
+ if (!label) return null;
139
140
  if (!options) return null;
140
141
  var foundOption = options.find(function (item) {
141
142
  return item.label == label;
142
143
  });
144
+ console.log(foundOption);
143
145
  if (!foundOption) return null;
144
146
  return foundOption;
145
147
  };
@@ -171,7 +173,7 @@ var Dropdown = function Dropdown(_ref) {
171
173
  onInputChangeHandler(event, newInputValue);
172
174
  },
173
175
  disablePortal: true,
174
- defaultValue: defaultValue && getOptionByLabel(defaultValue) != null ? getOptionByLabel(defaultValue) : null,
176
+ defaultValue: getOptionByLabel(defaultValue),
175
177
  id: "combo-box",
176
178
  options: options,
177
179
  sx: {
@@ -236,9 +238,7 @@ var Dropdown = function Dropdown(_ref) {
236
238
  onInputChangeHandler(event, newInputValue);
237
239
  },
238
240
  multiple: true,
239
- limitTags: limitTagsOnMultiSelect
240
- //size={size}
241
- ,
241
+ limitTags: limitTagsOnMultiSelect,
242
242
  id: "checkboxes-tags",
243
243
  options: options,
244
244
  disableCloseOnSelect: true,
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -18,61 +18,61 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
18
18
  exports.MainContainer = MainContainer;
19
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"])));
20
20
  exports.LeftPanelContainer = LeftPanelContainer;
21
- var LeftPanelLine1Container = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: baseline;\n overflow: hidden;\n width: 100%;\n height: 45px;\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 //border: 1px solid brown;\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 line-height: 30px;\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.2vw;\n"])));
24
24
  exports.LeftPanelLine1Field1 = LeftPanelLine1Field1;
25
- var LeftPanelLine1IconButtonContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\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"])));
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 line-height: 19px;\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.8vw;\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: 40px; \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 //border: 1px solid #1b30aa;\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 line-height: 19px;\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.8vw;\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 line-height: 19px;\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.8vw;\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 line-height: 19px;\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.8vw;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
36
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: flex-start;\n overflow: hidden;\n width: 100%;\n height: 60px; \n border-radius: 12px;\n //border: 1px solid red;\n"])));
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 line-height: 19px;\n white-space: pre-wrap;\n margin-left: 10px;\n //margin-right: 5px;\n"])));
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"])));
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 line-height: 19px;\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.8vw;\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 line-height: 19px;\n white-space: pre-wrap;\n margin-left: 10px;\n //margin-right: 2px;\n"])));
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"])));
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 line-height: 19px;\n //margin-left: 2px;\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.8vw;\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 //border: 1px solid red;\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\n border-radius: 12px;\n width: 40%;\n height: 100%;\n background: #ffffff;\n\n"])));
52
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 overflow: hidden;\n width: 100%;\n height: 45px;\n border-radius: 12px;\n //border: 1px solid brown;\n"])));
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;
55
55
  var RightPanelLine1DownloadIconButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 5px;\n"])));
56
56
  exports.RightPanelLine1DownloadIconButtonContainer = RightPanelLine1DownloadIconButtonContainer;
57
57
  var RightPanelLine1FlyIconButtonContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 15px;\n"])));
58
58
  exports.RightPanelLine1FlyIconButtonContainer = RightPanelLine1FlyIconButtonContainer;
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: 40px;\n border-radius: 12px;\n //border: 1px solid #1b30aa;\n"])));
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 line-height: 19px;\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.8vw;\n white-space: pre-wrap;\n"])));
62
62
  exports.RightPanelLine2Field1EmptyFiller = RightPanelLine2Field1EmptyFiller;
63
- var RightPanelLine3Container = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n width: 100%;\n height: 60px;\n border-radius: 12px;\n //border: 1px solid red;\n"])));
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 line-height: 19px;\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.8vw;\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 line-height: 19px;\n"])));
69
+ var RightPanelLine3SubLine1Field2 = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw;\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 line-height: 19px;\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.8vw;\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 line-height: 19px;\n \n"])));
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"])));
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 line-height: 19px;\n \n"])));
77
+ var RightPanelLine3SubLine2Field3 = _styledComponents.default.div(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8vw; \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.89",
3
+ "version": "1.0.91",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {