sag_components 1.0.90 → 1.0.92

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 +3 -12
  2. package/dist/stories/components/TitleDescription.style.js +23 -23
  3. package/package.json +1 -1
package/dist/stories/components/Dropdown.js CHANGED
@@ -54,6 +54,7 @@ var Dropdown = function Dropdown(_ref) {
54
54
  _ref$labelColor = _ref.labelColor,
55
55
  labelColor = _ref$labelColor === void 0 ? "#1B30AA" : _ref$labelColor,
56
56
  required = _ref.required,
57
+ ref = _ref.ref,
57
58
  defaultValue = _ref.defaultValue,
58
59
  _ref$allowedInput = _ref.allowedInput,
59
60
  allowedInput = _ref$allowedInput === void 0 ? "all" : _ref$allowedInput;
@@ -69,15 +70,6 @@ var Dropdown = function Dropdown(_ref) {
69
70
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
70
71
  currentOption = _useState4[0],
71
72
  setCurrentOption = _useState4[1];
72
- // const [valueState, setValueState] = useState(null);
73
-
74
- // useEffect(() => {
75
- // {
76
- // if (defaultValue && getOptionByLabel(defaultValue) != null)
77
- // setValueState(getOptionByLabel(defaultValue));
78
- // }
79
- // }, []);
80
-
81
73
  (0, _react.useEffect)(function () {
82
74
  var delayDebounceFn = setTimeout(function () {
83
75
  onInputChange(currentInputValue);
@@ -181,6 +173,7 @@ var Dropdown = function Dropdown(_ref) {
181
173
  onInputChange: function onInputChange(event, newInputValue) {
182
174
  onInputChangeHandler(event, newInputValue);
183
175
  },
176
+ ref: ref ? ref : null,
184
177
  disablePortal: true,
185
178
  defaultValue: getOptionByLabel(defaultValue),
186
179
  id: "combo-box",
@@ -247,9 +240,7 @@ var Dropdown = function Dropdown(_ref) {
247
240
  onInputChangeHandler(event, newInputValue);
248
241
  },
249
242
  multiple: true,
250
- limitTags: limitTagsOnMultiSelect
251
- //size={size}
252
- ,
243
+ limitTags: limitTagsOnMultiSelect,
253
244
  id: "checkboxes-tags",
254
245
  options: options,
255
246
  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.90",
3
+ "version": "1.0.92",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {