sag_components 1.0.90 → 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 +1 -12
  2. package/dist/stories/components/TitleDescription.style.js +23 -23
  3. package/package.json +1 -1
package/dist/stories/components/Dropdown.js CHANGED
@@ -69,15 +69,6 @@ var Dropdown = function Dropdown(_ref) {
69
69
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
70
70
  currentOption = _useState4[0],
71
71
  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
72
  (0, _react.useEffect)(function () {
82
73
  var delayDebounceFn = setTimeout(function () {
83
74
  onInputChange(currentInputValue);
@@ -247,9 +238,7 @@ var Dropdown = function Dropdown(_ref) {
247
238
  onInputChangeHandler(event, newInputValue);
248
239
  },
249
240
  multiple: true,
250
- limitTags: limitTagsOnMultiSelect
251
- //size={size}
252
- ,
241
+ limitTags: limitTagsOnMultiSelect,
253
242
  id: "checkboxes-tags",
254
243
  options: options,
255
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.90",
3
+ "version": "1.0.91",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {