@ntbjs/react-components 1.1.0-beta.82 → 1.1.0-beta.83
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.
- package/{AssetGallery-6a6fbfc5.js → AssetGallery-b7041e97.js} +23 -9
- package/{CompactAutocompleteSelect-160b1620.js → CompactAutocompleteSelect-cb81bdbc.js} +77 -68
- package/{CompactStarRating-53593d92.js → CompactStarRating-de1bcfe9.js} +88 -89
- package/{CompactTextInput-9980612c.js → CompactTextInput-2e9d1a60.js} +90 -100
- package/{Instructions-3de89071.js → Instructions-ea2ce2bc.js} +17 -12
- package/{MultiSelect-9729cedf.js → MultiSelect-01a257b8.js} +1 -1
- package/{TextArea-45d39ab0.js → TextArea-c2ebc42e.js} +77 -101
- package/{Tooltip-f4f9ab8f.js → Tooltip-1e21edaa.js} +1 -1
- package/check-555d831b.js +213 -0
- package/data/Tooltip/index.js +1 -1
- package/data/index.js +1 -1
- package/inputs/CompactAutocompleteSelect/index.js +5 -5
- package/inputs/CompactStarRating/index.js +3 -3
- package/inputs/CompactTextInput/index.js +5 -5
- package/inputs/MultiSelect/index.js +2 -2
- package/inputs/TextArea/index.js +2 -3
- package/inputs/index.js +8 -8
- package/package.json +2 -1
- package/{react-select-creatable.esm-4c3da560.js → react-select-creatable.esm-7231b55e.js} +5 -1
- package/widgets/AssetGallery/index.js +9 -9
- package/widgets/Instructions/index.js +5 -5
- package/widgets/index.js +10 -10
- package/check-circle-filled-1640873e.js +0 -42
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
var defaultTheme = require('./defaultTheme-50f2b88f.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
|
-
var
|
|
7
|
-
var checkCircleFilled = require('./check-circle-filled-1640873e.js');
|
|
6
|
+
var check = require('./check-555d831b.js');
|
|
8
7
|
var editNote = require('./edit-note-c47d292e.js');
|
|
9
8
|
var styled = require('styled-components');
|
|
10
9
|
|
|
@@ -13,59 +12,67 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
13
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
15
14
|
|
|
16
|
-
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, _templateObject32;
|
|
17
|
-
var
|
|
18
|
-
var
|
|
15
|
+
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, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
16
|
+
var fadeInCheck = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
|
|
17
|
+
var fadeOutCheck = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
|
|
18
|
+
var activeLabel = styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
|
|
19
|
+
var placeholderBaseStyle = styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n"])), function (props) {
|
|
19
20
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
|
|
20
21
|
}, function (props) {
|
|
21
22
|
return props.theme.themeProp('opacity', 0.6, 0.5);
|
|
22
23
|
});
|
|
23
|
-
var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
24
|
+
var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n align-items: flex-start;\n position: absolute;\n right: 5px;\n top: 10px;\n bottom: 0;\n svg {\n width: 15px;\n opacity: 0.7;\n transition: opacity 250ms;\n ", "\n ", "\n }\n"])), function (props) {
|
|
24
25
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-900'), '!important');
|
|
26
|
+
}, function (props) {
|
|
27
|
+
return props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
|
|
25
28
|
});
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 13px 10px;\n resize: vertical;\n transition: height 0.3s ease;\n z-index: 0; \n\n ", "\n\n ", "\n \n ", "\n ", "\n ", "\n border: 1px solid;\n ", "\n ", " \n\n \n ", "\n \n\n ", " \n\n ", " \n\n ", " \n ", "\n ", ";\n &&:hover:not(:focus) {\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n \n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n transition: border-color 350ms;\n ", "\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n ", "\n\n ", "\n }\n\n :focus {\n outline: none;\n ", "\n }\n\n :focus {\n outline: none;\n border-color: ", " !important\n \n"])), function (props) {
|
|
32
|
-
return props.expanded && styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n height: ", "em;\n "])), props.maxHeight);
|
|
29
|
+
var Container = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral([""])));
|
|
30
|
+
var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 13px 10px;\n resize: vertical;\n transition: height 0.3s ease;\n z-index: 0; \n ", "\n ", "\n\n ", "\n\n\n ", "\n\n ", "\n \n ", "\n ", "\n ", "\n border: 1px solid;\n ", "\n ", " \n ", "\n \n ", " \n\n ", " \n\n ", " \n ", "\n ", ";\n &&:hover:not(:focus) {\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n \n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n transition: border-color 350ms;\n ", "\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n ", "\n\n ", "\n }\n\n :focus {\n outline: none;\n ", "\n }\n\n :focus {\n outline: none;\n border-color: ", " !important\n \n"])), function (props) {
|
|
31
|
+
return props.theme.themeProp('color', 'white', 'black');
|
|
32
|
+
}, function (props) {
|
|
33
|
+
return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
|
|
33
34
|
}, function (props) {
|
|
34
|
-
return props.
|
|
35
|
+
return props.readOnly && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
|
|
36
|
+
}, function (props) {
|
|
37
|
+
return props.expanded && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n height: ", "em;\n "])), props.maxHeight);
|
|
38
|
+
}, function (props) {
|
|
39
|
+
return props.showMore && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n overflow: hidden;\n "])));
|
|
35
40
|
}, function (props) {
|
|
36
41
|
return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
|
|
37
42
|
}, function (props) {
|
|
38
|
-
return (props.
|
|
43
|
+
return (props.state === 'warning' || props.state === 'error') && props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
|
|
39
44
|
}, function (props) {
|
|
40
45
|
return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
|
|
41
46
|
}, function (props) {
|
|
42
47
|
return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
|
|
43
48
|
}, function (props) {
|
|
44
|
-
return props.noBorder && styled.css(
|
|
49
|
+
return props.noBorder && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n border-color: transparent !important;\n "])));
|
|
45
50
|
}, function (props) {
|
|
46
|
-
return props.
|
|
51
|
+
return props.state === 'error-border' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
47
52
|
}, function (props) {
|
|
48
|
-
return props.
|
|
53
|
+
return props.state === 'warning' && !props.editWarning && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n :focus {\n background: white !important;\n color: black !important;\n }\n &&:hover:not(:focus) {\n ", "\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400')), function (props) {
|
|
54
|
+
return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n "])));
|
|
55
|
+
}, props.theme.themeProp('background', '#816600', '#F4E21E'), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')));
|
|
49
56
|
}, function (props) {
|
|
50
|
-
return props.
|
|
57
|
+
return props.state === 'warning' && props.editWarning && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", "\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('background', '#fffde8', '#fffde8'), props.theme.themeProp('background', '#fffebf', '#fffebf'), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')));
|
|
51
58
|
}, function (props) {
|
|
52
|
-
return props.
|
|
59
|
+
return props.state === 'error' && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n background: ", " !important;\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n background: #f7d5d0 !important;\n }\n &&:read-only:hover {\n background: ", " !important;\n }\n "])), props.theme.getColor('red-200'), props.theme.getColor('red-200'));
|
|
53
60
|
}, function (props) {
|
|
54
|
-
return props.lightBackground && styled.css(
|
|
61
|
+
return props.lightBackground && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover {\n ", "\n }\n "])), props.theme.themeProp('background', '#FFFDDE', '#fffde8'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')), props.theme.themeProp('background', 'white', 'white'));
|
|
55
62
|
}, function (props) {
|
|
56
63
|
return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
|
|
57
64
|
}, function (props) {
|
|
58
|
-
return props.noBorder && !props.readOnly &&
|
|
65
|
+
return props.noBorder && !props.readOnly && props.state != 'warning' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
|
|
59
66
|
}, InputIconContainer, function (props) {
|
|
60
|
-
return props.success && styled.css(
|
|
67
|
+
return props.state === 'success' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
|
|
61
68
|
}, function (props) {
|
|
62
|
-
return props.warning && styled.css(
|
|
69
|
+
return props.state === 'warning' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('orange-500'));
|
|
63
70
|
}, function (props) {
|
|
64
|
-
return props.error && styled.css(
|
|
71
|
+
return props.state === 'error' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('red-500'));
|
|
65
72
|
}, function (props) {
|
|
66
|
-
return props.hasIcon && styled.css(
|
|
73
|
+
return props.hasIcon && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 35px;\n "])));
|
|
67
74
|
}, function (props) {
|
|
68
|
-
return (props.
|
|
75
|
+
return (props.state === 'warning' || props.state === 'error') && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-top: 25px;\n padding-right: 30px;\n "])));
|
|
69
76
|
}, function (props) {
|
|
70
77
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
|
|
71
78
|
}, function (props) {
|
|
@@ -75,31 +82,40 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
|
|
|
75
82
|
}, function (props) {
|
|
76
83
|
return props.theme.getColor('gray-600');
|
|
77
84
|
});
|
|
78
|
-
var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(
|
|
85
|
+
var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n\n ", ";\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
|
|
79
86
|
return props.theme.themeProp('background', "linear-gradient(0deg, ".concat(props.theme.getColor('gray-900'), " calc(50% + 1px), transparent 50%)"), "linear-gradient(0deg, ".concat(props.theme.getColor('white'), " calc(50% + 1px), transparent 50%)"));
|
|
80
87
|
}, function (props) {
|
|
81
|
-
return props.hasPlaceholder && styled.css(
|
|
88
|
+
return props.hasPlaceholder && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), activeLabel, props.state === 'error' && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n color: ", " !important;\n "])), props.theme.getColor('red-500')));
|
|
82
89
|
}, function (props) {
|
|
83
|
-
return props.hasIcon && styled.css(
|
|
90
|
+
return props.hasIcon && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n left: 35px;\n "])));
|
|
84
91
|
});
|
|
85
|
-
var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
86
|
-
var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
87
|
-
return props.theme.themeProp('color', props.theme.getColor('gray-
|
|
92
|
+
var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
|
|
93
|
+
var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px 0 30px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n ", "\n }\n"])), function (props) {
|
|
94
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-600'));
|
|
88
95
|
});
|
|
89
|
-
var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
90
|
-
return props.
|
|
91
|
-
}, function (props) {
|
|
92
|
-
return props.
|
|
96
|
+
var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n }\n"])), function (props) {
|
|
97
|
+
return props.disabled && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
|
|
98
|
+
}, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
|
|
99
|
+
return props.state === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
|
|
93
100
|
});
|
|
94
|
-
var Description = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(
|
|
101
|
+
var Description = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n"])), function (props) {
|
|
95
102
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
96
103
|
}, function (props) {
|
|
97
|
-
return props.error && styled.css(
|
|
104
|
+
return (props.state === 'error-border' || props.state === 'error') && styled.css(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
98
105
|
});
|
|
99
|
-
var
|
|
106
|
+
var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n border-radius: 30px;\n ", "\n ", "\n > svg {\n width: 15px;\n }\n"])), function (props) {
|
|
107
|
+
return props.fadeIn ? 0 : 1;
|
|
108
|
+
}, function (props) {
|
|
109
|
+
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
110
|
+
}, function (props) {
|
|
111
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
112
|
+
}, function (props) {
|
|
113
|
+
return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-100'));
|
|
114
|
+
});
|
|
115
|
+
var ShowMoreText = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n cursor: pointer;\n\n ", ";\n\n ", "\n"])), function (props) {
|
|
100
116
|
return props.theme.themeProp('color', props.theme.getColor('emerald-300'), props.theme.getColor('emerald-500'));
|
|
101
117
|
}, function (props) {
|
|
102
|
-
return props.error && styled.css(
|
|
118
|
+
return props.state === 'error' && styled.css(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
103
119
|
});
|
|
104
120
|
|
|
105
121
|
var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forwardedRef) {
|
|
@@ -120,9 +136,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
120
136
|
showMoreText = _ref.showMoreText,
|
|
121
137
|
autoComplete = _ref.autoComplete,
|
|
122
138
|
description = _ref.description,
|
|
123
|
-
|
|
124
|
-
error = _ref.error,
|
|
125
|
-
warning = _ref.warning,
|
|
139
|
+
state = _ref.state,
|
|
126
140
|
icon = _ref.icon,
|
|
127
141
|
rows = _ref.rows,
|
|
128
142
|
className = _ref.className,
|
|
@@ -131,9 +145,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
131
145
|
onBlur = _ref.onBlur,
|
|
132
146
|
lightBackground = _ref.lightBackground,
|
|
133
147
|
noBorder = _ref.noBorder,
|
|
134
|
-
|
|
135
|
-
errorAlert = _ref.errorAlert,
|
|
136
|
-
rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "editWarning", "isExpanded", "maxRows", "showMore", "showMoreText", "autoComplete", "description", "success", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
|
|
148
|
+
rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "editWarning", "isExpanded", "maxRows", "showMore", "showMoreText", "autoComplete", "description", "state", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder"]);
|
|
137
149
|
|
|
138
150
|
var textInputRef = React.useRef(null);
|
|
139
151
|
|
|
@@ -170,36 +182,6 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
170
182
|
_useState12 = defaultTheme._slicedToArray(_useState11, 1),
|
|
171
183
|
uniqueId = _useState12[0];
|
|
172
184
|
|
|
173
|
-
var hasError = React.useMemo(function () {
|
|
174
|
-
if (lodash.isBoolean(error)) {
|
|
175
|
-
return error;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
return !lodash.isEmpty(error);
|
|
179
|
-
}, [error]);
|
|
180
|
-
var hasWarning = React.useMemo(function () {
|
|
181
|
-
if (lodash.isBoolean(warning)) {
|
|
182
|
-
return warning;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
return !lodash.isEmpty(warning);
|
|
186
|
-
}, [warning]);
|
|
187
|
-
var descriptionText = React.useMemo(function () {
|
|
188
|
-
if (!lodash.isEmpty(error)) {
|
|
189
|
-
return error;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
if (!lodash.isEmpty(warning)) {
|
|
193
|
-
return warning;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
if (!lodash.isEmpty(description)) {
|
|
197
|
-
return description;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
return null;
|
|
201
|
-
}, [description, error, warning]);
|
|
202
|
-
|
|
203
185
|
var handleTextAreaChange = function handleTextAreaChange() {
|
|
204
186
|
setExpanded(!expanded);
|
|
205
187
|
isExpanded(expanded);
|
|
@@ -248,11 +230,10 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
248
230
|
return React__default['default'].createElement(TextInput, {
|
|
249
231
|
disabled: disabled,
|
|
250
232
|
readOnly: readOnly,
|
|
251
|
-
|
|
252
|
-
warning: hasWarning,
|
|
233
|
+
state: state,
|
|
253
234
|
className: className,
|
|
254
235
|
style: style
|
|
255
|
-
},
|
|
236
|
+
}, state !== 'warning' && state !== 'error' && React__default['default'].createElement(TextInputFieldIcon, null, icon), (state === 'warning' || state === 'error') && React__default['default'].createElement(TextInputFieldIconAlert, null, icon), React__default['default'].createElement(Container, null, React__default['default'].createElement(TextInputField, defaultTheme._extends({
|
|
256
237
|
ref: forwardedRef ? forwardedRef : textInputRef,
|
|
257
238
|
rows: contentRows > rows ? contentRows : rows,
|
|
258
239
|
expanded: expanded,
|
|
@@ -262,35 +243,33 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
262
243
|
name: name,
|
|
263
244
|
placeholder: placeholder || ' ',
|
|
264
245
|
required: required,
|
|
265
|
-
disabled: disabled,
|
|
266
246
|
readOnly: readOnly,
|
|
247
|
+
disabled: disabled,
|
|
267
248
|
edit: edit,
|
|
268
249
|
editWarning: editWarning,
|
|
269
250
|
showMore: showMore,
|
|
270
|
-
|
|
251
|
+
state: state,
|
|
271
252
|
autoComplete: autoComplete,
|
|
272
253
|
hasIcon: Boolean(icon),
|
|
273
254
|
icon: icon,
|
|
274
|
-
error: hasError,
|
|
275
|
-
warning: hasWarning,
|
|
276
255
|
id: "text-input-".concat(uniqueId),
|
|
277
256
|
lightBackground: lightBackground,
|
|
278
257
|
onChange: onChange,
|
|
279
258
|
onBlur: onBlur,
|
|
280
|
-
noBorder: noBorder
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
}, React__default['default'].createElement(editNote.SvgEditNote, null))
|
|
259
|
+
noBorder: noBorder
|
|
260
|
+
}, rest)), (state === 'loading' || state === 'success') && React__default['default'].createElement(SuccessContainer, null, state === 'loading' && React__default['default'].createElement(check._default, {
|
|
261
|
+
color: '#b0b6b9',
|
|
262
|
+
size: 12
|
|
263
|
+
}), state === 'success' && React__default['default'].createElement(check.SvgCheck, null)), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
|
|
264
|
+
disabled: disabled
|
|
265
|
+
}, React__default['default'].createElement(editNote.SvgEditNote, null))), label && React__default['default'].createElement(TextInputLabel, {
|
|
287
266
|
htmlFor: "text-input-".concat(uniqueId),
|
|
288
267
|
hasPlaceholder: Boolean(placeholder),
|
|
289
268
|
hasIcon: Boolean(icon),
|
|
290
|
-
|
|
291
|
-
}, label, required && ' *'), typeof
|
|
292
|
-
|
|
293
|
-
},
|
|
269
|
+
state: state
|
|
270
|
+
}, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default['default'].createElement(Description, {
|
|
271
|
+
state: state
|
|
272
|
+
}, description), maxContentRows > defaultRows && showMore && React__default['default'].createElement(ShowMoreText, {
|
|
294
273
|
onClick: handleTextAreaChange
|
|
295
274
|
}, showMoreText));
|
|
296
275
|
});
|
|
@@ -300,12 +279,10 @@ TextArea.defaultProps = {
|
|
|
300
279
|
readOnly: false,
|
|
301
280
|
edit: false,
|
|
302
281
|
editWarning: false,
|
|
303
|
-
warningAlert: false,
|
|
304
|
-
errorAlert: false,
|
|
305
282
|
hidden: false,
|
|
306
283
|
showMore: false,
|
|
307
284
|
showMoreText: '',
|
|
308
|
-
|
|
285
|
+
state: ''
|
|
309
286
|
};
|
|
310
287
|
TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
311
288
|
success: defaultTheme.PropTypes.bool,
|
|
@@ -334,10 +311,9 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
334
311
|
onChange: defaultTheme.PropTypes.func,
|
|
335
312
|
onBlur: defaultTheme.PropTypes.func,
|
|
336
313
|
noBorder: defaultTheme.PropTypes.bool,
|
|
337
|
-
warningAlert: defaultTheme.PropTypes.bool,
|
|
338
|
-
errorAlert: defaultTheme.PropTypes.bool,
|
|
339
314
|
maxRows: defaultTheme.PropTypes.func,
|
|
340
|
-
isExpanded: defaultTheme.PropTypes.func
|
|
315
|
+
isExpanded: defaultTheme.PropTypes.func,
|
|
316
|
+
state: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning', 'loading', 'success'])
|
|
341
317
|
} : {};
|
|
342
318
|
|
|
343
319
|
exports.TextArea = TextArea;
|
|
@@ -13,7 +13,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
13
13
|
var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
|
|
14
14
|
|
|
15
15
|
var _templateObject;
|
|
16
|
-
var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n background: ", ";\n border-radius: 3px;\n
|
|
16
|
+
var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n background: ", ";\n border-radius: 3px;\n pointer-events: default !important;\n .tippy-content {\n padding: 9px 12px;\n }\n\n .tippy-arrow {\n color: ", ";\n }\n\n a {\n color: inherit;\n }\n"])), function (props) {
|
|
17
17
|
return props.theme.primaryFontFamily;
|
|
18
18
|
}, function (props) {
|
|
19
19
|
return props.theme.getColor('gray-700');
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React$1 = require('react');
|
|
4
|
+
|
|
5
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
|
+
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () {
|
|
17
|
+
return e[k];
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
n['default'] = e;
|
|
24
|
+
return Object.freeze(n);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
|
|
28
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
|
|
29
|
+
|
|
30
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
31
|
+
|
|
32
|
+
var MoonLoader$1 = {};
|
|
33
|
+
|
|
34
|
+
var unitConverter = {};
|
|
35
|
+
|
|
36
|
+
Object.defineProperty(unitConverter, "__esModule", { value: true });
|
|
37
|
+
unitConverter.cssValue = unitConverter.parseLengthAndUnit = void 0;
|
|
38
|
+
var cssUnit = {
|
|
39
|
+
cm: true,
|
|
40
|
+
mm: true,
|
|
41
|
+
in: true,
|
|
42
|
+
px: true,
|
|
43
|
+
pt: true,
|
|
44
|
+
pc: true,
|
|
45
|
+
em: true,
|
|
46
|
+
ex: true,
|
|
47
|
+
ch: true,
|
|
48
|
+
rem: true,
|
|
49
|
+
vw: true,
|
|
50
|
+
vh: true,
|
|
51
|
+
vmin: true,
|
|
52
|
+
vmax: true,
|
|
53
|
+
"%": true,
|
|
54
|
+
};
|
|
55
|
+
/**
|
|
56
|
+
* If size is a number, append px to the value as default unit.
|
|
57
|
+
* If size is a string, validate against list of valid units.
|
|
58
|
+
* If unit is valid, return size as is.
|
|
59
|
+
* If unit is invalid, console warn issue, replace with px as the unit.
|
|
60
|
+
*
|
|
61
|
+
* @param {(number | string)} size
|
|
62
|
+
* @return {LengthObject} LengthObject
|
|
63
|
+
*/
|
|
64
|
+
function parseLengthAndUnit(size) {
|
|
65
|
+
if (typeof size === "number") {
|
|
66
|
+
return {
|
|
67
|
+
value: size,
|
|
68
|
+
unit: "px",
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
var value;
|
|
72
|
+
var valueString = (size.match(/^[0-9.]*/) || "").toString();
|
|
73
|
+
if (valueString.includes(".")) {
|
|
74
|
+
value = parseFloat(valueString);
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
value = parseInt(valueString, 10);
|
|
78
|
+
}
|
|
79
|
+
var unit = (size.match(/[^0-9]*$/) || "").toString();
|
|
80
|
+
if (cssUnit[unit]) {
|
|
81
|
+
return {
|
|
82
|
+
value: value,
|
|
83
|
+
unit: unit,
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
|
|
87
|
+
return {
|
|
88
|
+
value: value,
|
|
89
|
+
unit: "px",
|
|
90
|
+
};
|
|
91
|
+
}
|
|
92
|
+
unitConverter.parseLengthAndUnit = parseLengthAndUnit;
|
|
93
|
+
/**
|
|
94
|
+
* Take value as an input and return valid css value
|
|
95
|
+
*
|
|
96
|
+
* @param {(number | string)} value
|
|
97
|
+
* @return {string} valid css value
|
|
98
|
+
*/
|
|
99
|
+
function cssValue(value) {
|
|
100
|
+
var lengthWithunit = parseLengthAndUnit(value);
|
|
101
|
+
return "".concat(lengthWithunit.value).concat(lengthWithunit.unit);
|
|
102
|
+
}
|
|
103
|
+
unitConverter.cssValue = cssValue;
|
|
104
|
+
|
|
105
|
+
var animation = {};
|
|
106
|
+
|
|
107
|
+
Object.defineProperty(animation, "__esModule", { value: true });
|
|
108
|
+
animation.createAnimation = void 0;
|
|
109
|
+
var createAnimation = function (loaderName, frames, suffix) {
|
|
110
|
+
var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
|
|
111
|
+
if (typeof window == "undefined" || !window.document) {
|
|
112
|
+
return animationName;
|
|
113
|
+
}
|
|
114
|
+
var styleEl = document.createElement("style");
|
|
115
|
+
document.head.appendChild(styleEl);
|
|
116
|
+
var styleSheet = styleEl.sheet;
|
|
117
|
+
var keyFrames = "\n @keyframes ".concat(animationName, " {\n ").concat(frames, "\n }\n ");
|
|
118
|
+
if (styleSheet) {
|
|
119
|
+
styleSheet.insertRule(keyFrames, 0);
|
|
120
|
+
}
|
|
121
|
+
return animationName;
|
|
122
|
+
};
|
|
123
|
+
animation.createAnimation = createAnimation;
|
|
124
|
+
|
|
125
|
+
var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
|
|
126
|
+
__assign = Object.assign || function(t) {
|
|
127
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
128
|
+
s = arguments[i];
|
|
129
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
130
|
+
t[p] = s[p];
|
|
131
|
+
}
|
|
132
|
+
return t;
|
|
133
|
+
};
|
|
134
|
+
return __assign.apply(this, arguments);
|
|
135
|
+
};
|
|
136
|
+
var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
137
|
+
if (k2 === undefined) k2 = k;
|
|
138
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
139
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
140
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
141
|
+
}
|
|
142
|
+
Object.defineProperty(o, k2, desc);
|
|
143
|
+
}) : (function(o, m, k, k2) {
|
|
144
|
+
if (k2 === undefined) k2 = k;
|
|
145
|
+
o[k2] = m[k];
|
|
146
|
+
}));
|
|
147
|
+
var __setModuleDefault = (commonjsGlobal && commonjsGlobal.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
148
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
149
|
+
}) : function(o, v) {
|
|
150
|
+
o["default"] = v;
|
|
151
|
+
});
|
|
152
|
+
var __importStar = (commonjsGlobal && commonjsGlobal.__importStar) || function (mod) {
|
|
153
|
+
if (mod && mod.__esModule) return mod;
|
|
154
|
+
var result = {};
|
|
155
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
156
|
+
__setModuleDefault(result, mod);
|
|
157
|
+
return result;
|
|
158
|
+
};
|
|
159
|
+
var __rest = (commonjsGlobal && commonjsGlobal.__rest) || function (s, e) {
|
|
160
|
+
var t = {};
|
|
161
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
162
|
+
t[p] = s[p];
|
|
163
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
164
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
165
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
166
|
+
t[p[i]] = s[p[i]];
|
|
167
|
+
}
|
|
168
|
+
return t;
|
|
169
|
+
};
|
|
170
|
+
Object.defineProperty(MoonLoader$1, "__esModule", { value: true });
|
|
171
|
+
var React = __importStar(React__default['default']);
|
|
172
|
+
var unitConverter_1 = unitConverter;
|
|
173
|
+
var animation_1 = animation;
|
|
174
|
+
var moon = (0, animation_1.createAnimation)("MoonLoader", "100% {transform: rotate(360deg)}", "moon");
|
|
175
|
+
function MoonLoader(_a) {
|
|
176
|
+
var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 60 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
|
|
177
|
+
var _g = (0, unitConverter_1.parseLengthAndUnit)(size), value = _g.value, unit = _g.unit;
|
|
178
|
+
var moonSize = value / 7;
|
|
179
|
+
var wrapper = __assign({ display: "inherit", position: "relative", width: "".concat("".concat(value + moonSize * 2).concat(unit)), height: "".concat("".concat(value + moonSize * 2).concat(unit)), animation: "".concat(moon, " ").concat(0.6 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "forwards" }, cssOverride);
|
|
180
|
+
var ballStyle = function (size) {
|
|
181
|
+
return {
|
|
182
|
+
width: (0, unitConverter_1.cssValue)(size),
|
|
183
|
+
height: (0, unitConverter_1.cssValue)(size),
|
|
184
|
+
borderRadius: "100%",
|
|
185
|
+
};
|
|
186
|
+
};
|
|
187
|
+
var ball = __assign(__assign({}, ballStyle(moonSize)), { backgroundColor: "".concat(color), opacity: "0.8", position: "absolute", top: "".concat("".concat(value / 2 - moonSize / 2).concat(unit)), animation: "".concat(moon, " ").concat(0.6 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "forwards" });
|
|
188
|
+
var circle = __assign(__assign({}, ballStyle(value)), { border: "".concat(moonSize, "px solid ").concat(color), opacity: "0.1", boxSizing: "content-box", position: "absolute" });
|
|
189
|
+
if (!loading) {
|
|
190
|
+
return null;
|
|
191
|
+
}
|
|
192
|
+
return (React.createElement("span", __assign({ style: wrapper }, additionalprops),
|
|
193
|
+
React.createElement("span", { style: ball }),
|
|
194
|
+
React.createElement("span", { style: circle })));
|
|
195
|
+
}
|
|
196
|
+
var _default = MoonLoader$1.default = MoonLoader;
|
|
197
|
+
|
|
198
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
199
|
+
|
|
200
|
+
var _ref = /*#__PURE__*/React__namespace.createElement("path", {
|
|
201
|
+
fill: "currentColor",
|
|
202
|
+
d: "M7.627 14.435l-5.69-5.69L0 10.67l7.627 7.627L24 1.924 22.076 0z"
|
|
203
|
+
});
|
|
204
|
+
|
|
205
|
+
function SvgCheck(props) {
|
|
206
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
207
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
208
|
+
viewBox: "0 0 24 18.297"
|
|
209
|
+
}, props), _ref);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
exports.SvgCheck = SvgCheck;
|
|
213
|
+
exports._default = _default;
|
package/data/Tooltip/index.js
CHANGED
package/data/index.js
CHANGED
|
@@ -7,7 +7,7 @@ var Badge = require('../Badge-9bcebe96.js');
|
|
|
7
7
|
var Popover = require('../Popover-d3a4b72e.js');
|
|
8
8
|
var Tab = require('../Tab-bd0f3345.js');
|
|
9
9
|
var Tabs = require('../Tabs-bf42275e.js');
|
|
10
|
-
var Tooltip = require('../Tooltip-
|
|
10
|
+
var Tooltip = require('../Tooltip-1e21edaa.js');
|
|
11
11
|
require('../defaultTheme-50f2b88f.js');
|
|
12
12
|
require('styled-components');
|
|
13
13
|
require('react');
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-
|
|
3
|
+
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-cb81bdbc.js');
|
|
4
4
|
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
|
-
require('react');
|
|
7
|
-
require('nanoid');
|
|
8
6
|
require('lodash');
|
|
7
|
+
require('nanoid');
|
|
8
|
+
require('react');
|
|
9
|
+
require('../../check-555d831b.js');
|
|
9
10
|
require('react-select');
|
|
10
11
|
require('react-select-async-paginate');
|
|
11
|
-
require('../../react-select-creatable.esm-
|
|
12
|
+
require('../../react-select-creatable.esm-7231b55e.js');
|
|
12
13
|
require('react-dom');
|
|
13
14
|
require('../../close-ebf2f3cf.js');
|
|
14
15
|
require('../../expand-more-94585605.js');
|
|
15
|
-
require('../../check-circle-filled-1640873e.js');
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactStarRating = require('../../CompactStarRating-
|
|
3
|
+
var CompactStarRating = require('../../CompactStarRating-de1bcfe9.js');
|
|
4
4
|
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
|
-
require('react');
|
|
7
6
|
require('lodash');
|
|
8
|
-
require('
|
|
7
|
+
require('react');
|
|
8
|
+
require('../../check-555d831b.js');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|