@ntbjs/react-components 1.2.0-rc.90 → 1.2.0-rc.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.
- package/{ActionButton-a9316775.js → ActionButton-1a0e7adc.js} +1 -1
- package/{Alert-d69a3f95.js → Alert-67936720.js} +1 -1
- package/{AssetGallery-7871c106.js → AssetGallery-c894b0c9.js} +22 -22
- package/{AssetPreviewTopBar-c9e45035.js → AssetPreviewTopBar-8d2cceaf.js} +1 -1
- package/{Badge-cbbff6b8.js → Badge-0edffd2a.js} +1 -1
- package/{Button-39607724.js → Button-b057997e.js} +3 -3
- package/{Checkbox-ad9c9e54.js → Checkbox-53f14dc1.js} +1 -1
- package/CompactAutocompleteSelect-c982847f.js +196 -0
- package/{CompactStarRating-bbe8800b.js → CompactStarRating-ad593265.js} +8 -8
- package/{CompactTextInput-72224756.js → CompactTextInput-f63edb86.js} +8 -8
- package/{ContextMenu-4eb8fdc5.js → ContextMenu-ea917be1.js} +1 -1
- package/{ContextMenuItem-c536b460.js → ContextMenuItem-4a376e8f.js} +1 -1
- package/{InputGroup-a89a0ea3.js → InputGroup-e8dd2f87.js} +1 -1
- package/{Instructions-474a4220.js → Instructions-53ab2ab1.js} +3 -3
- package/{MultiLevelCheckboxSelect-654c291b.js → MultiLevelCheckboxSelect-552a40db.js} +12 -12
- package/{MultiSelect-149a817b.js → MultiSelect-0dfdb663.js} +2 -2
- package/{Popover-c5e425a7.js → Popover-d6cfcb7f.js} +2 -2
- package/{Radio-55db4781.js → Radio-5b9c83b1.js} +1 -1
- package/{SectionSeparator-af8dc1ce.js → SectionSeparator-3c32b45b.js} +1 -1
- package/{Switch-04ecd8d0.js → Switch-aa706662.js} +1 -1
- package/{Tab-e43241f0.js → Tab-d978a3c4.js} +1 -1
- package/{Tabs-21e0079f.js → Tabs-adff38d2.js} +2 -2
- package/{TextArea-c2620d92.js → TextArea-092dde3a.js} +8 -8
- package/{TextInput-9a995449.js → TextInput-af1a2a84.js} +1 -1
- package/{Tooltip-a68a7e49.js → Tooltip-b4907b91.js} +2 -2
- package/{VerificationStatusIcon-3bae6e2f.js → VerificationStatusIcon-f831c83f.js} +1 -1
- package/data/Alert/index.js +2 -2
- package/data/Badge/index.js +2 -2
- package/data/Popover/index.js +3 -3
- package/data/Tab/index.js +2 -2
- package/data/Tabs/index.js +3 -3
- package/data/Tooltip/index.js +3 -3
- package/data/index.js +9 -9
- package/{defaultTheme-cd01e6c2.js → defaultTheme-104fcbf4.js} +4 -0
- package/inputs/ActionButton/index.js +2 -2
- package/inputs/Button/index.js +5 -5
- package/inputs/Checkbox/index.js +2 -2
- package/inputs/CompactAutocompleteSelect/index.js +3 -16
- package/inputs/CompactStarRating/index.js +10 -10
- package/inputs/CompactTextInput/index.js +10 -10
- package/inputs/MultiSelect/index.js +3 -3
- package/inputs/Radio/index.js +2 -2
- package/inputs/Switch/index.js +2 -2
- package/inputs/TextArea/index.js +10 -10
- package/inputs/TextInput/index.js +2 -2
- package/inputs/index.js +25 -25
- package/layout/InputGroup/index.js +2 -2
- package/layout/SectionSeparator/index.js +2 -2
- package/layout/index.js +3 -3
- package/package.json +1 -1
- package/{react-select-creatable.esm-66ca61dc.js → react-select-creatable.esm-2d52a2fd.js} +1 -1
- package/{shift-away-subtle-631cd794.js → shift-away-subtle-6d929fae.js} +1 -1
- package/widgets/AssetGallery/index.js +27 -27
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
- package/widgets/ContextMenu/ContextMenuItem/index.js +2 -2
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
- package/widgets/ContextMenu/index.js +2 -2
- package/widgets/Instructions/index.js +17 -17
- package/widgets/index.js +29 -29
- package/CompactAutocompleteSelect-00d39020.js +0 -419
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
|
|
7
7
|
var ResizeObserver = require('resize-observer-polyfill');
|
|
8
|
-
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-
|
|
8
|
+
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-552a40db.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
11
11
|
var warningCircle = require('./warning-circle-478e65cc.js');
|
|
12
|
-
var Alert = require('./Alert-
|
|
13
|
-
var Badge = require('./Badge-
|
|
14
|
-
var Popover = require('./Popover-
|
|
15
|
-
require('./Tab-
|
|
16
|
-
require('./Tabs-
|
|
17
|
-
var Tooltip = require('./Tooltip-
|
|
18
|
-
require('./VerificationStatusIcon-
|
|
19
|
-
var ActionButton = require('./ActionButton-
|
|
20
|
-
require('./Button-
|
|
21
|
-
require('./Checkbox-
|
|
22
|
-
require('./CompactAutocompleteSelect-
|
|
23
|
-
require('./CompactStarRating-
|
|
24
|
-
require('./CompactTextInput-
|
|
25
|
-
require('./MultiSelect-
|
|
26
|
-
require('./Radio-
|
|
27
|
-
require('./TextArea-
|
|
28
|
-
require('./TextInput-
|
|
29
|
-
require('./Switch-
|
|
30
|
-
var ContextMenu = require('./ContextMenu-
|
|
31
|
-
var ContextMenuItem = require('./ContextMenuItem-
|
|
12
|
+
var Alert = require('./Alert-67936720.js');
|
|
13
|
+
var Badge = require('./Badge-0edffd2a.js');
|
|
14
|
+
var Popover = require('./Popover-d6cfcb7f.js');
|
|
15
|
+
require('./Tab-d978a3c4.js');
|
|
16
|
+
require('./Tabs-adff38d2.js');
|
|
17
|
+
var Tooltip = require('./Tooltip-b4907b91.js');
|
|
18
|
+
require('./VerificationStatusIcon-f831c83f.js');
|
|
19
|
+
var ActionButton = require('./ActionButton-1a0e7adc.js');
|
|
20
|
+
require('./Button-b057997e.js');
|
|
21
|
+
require('./Checkbox-53f14dc1.js');
|
|
22
|
+
require('./CompactAutocompleteSelect-c982847f.js');
|
|
23
|
+
require('./CompactStarRating-ad593265.js');
|
|
24
|
+
require('./CompactTextInput-f63edb86.js');
|
|
25
|
+
require('./MultiSelect-0dfdb663.js');
|
|
26
|
+
require('./Radio-5b9c83b1.js');
|
|
27
|
+
require('./TextArea-092dde3a.js');
|
|
28
|
+
require('./TextInput-af1a2a84.js');
|
|
29
|
+
require('./Switch-aa706662.js');
|
|
30
|
+
var ContextMenu = require('./ContextMenu-ea917be1.js');
|
|
31
|
+
var ContextMenuItem = require('./ContextMenuItem-4a376e8f.js');
|
|
32
32
|
var polished = require('polished');
|
|
33
33
|
|
|
34
34
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
var Popover = require('./Popover-
|
|
7
|
-
var ContextMenu = require('./ContextMenu-
|
|
6
|
+
var Popover = require('./Popover-d6cfcb7f.js');
|
|
7
|
+
var ContextMenu = require('./ContextMenu-ea917be1.js');
|
|
8
8
|
var expandMore = require('./expand-more-d74e2bd2.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
var Select = require('react-select');
|
|
7
|
+
var reactSelectAsyncPaginate = require('react-select-async-paginate');
|
|
8
|
+
var reactSelectCreatable_esm = require('./react-select-creatable.esm-2d52a2fd.js');
|
|
9
|
+
var close = require('./close-1751121a.js');
|
|
10
|
+
var expandMore = require('./expand-more-d74e2bd2.js');
|
|
11
|
+
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
16
|
+
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
17
|
+
|
|
18
|
+
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, _templateObject38, _templateObject39;
|
|
19
|
+
var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
|
|
20
|
+
return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
|
|
21
|
+
}, function (props) {
|
|
22
|
+
return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
|
|
23
|
+
});
|
|
24
|
+
var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
|
|
25
|
+
return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
|
|
26
|
+
}, function (props) {
|
|
27
|
+
return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
|
|
28
|
+
});
|
|
29
|
+
var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
|
|
30
|
+
var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
|
|
31
|
+
var AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm.CreatableSelect$1);
|
|
32
|
+
var sharedStyle = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 0.875rem;\n line-height: 1rem;\n width: 100%;\n display: block;\n box-shadow: 'none';\n flex-basis: ", ";\n"])), function (props) {
|
|
33
|
+
return props.theme.primaryFontFamily;
|
|
34
|
+
}, function (props) {
|
|
35
|
+
return props.$hasLabel ? '66.66%' : '100%';
|
|
36
|
+
});
|
|
37
|
+
styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ", ";\n ", "\n"])), function (props) {
|
|
38
|
+
return props.theme.primaryFontFamily;
|
|
39
|
+
}, function (props) {
|
|
40
|
+
return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
|
|
41
|
+
});
|
|
42
|
+
styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 2px;\n ", "\n"])), function (props) {
|
|
43
|
+
return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
|
|
44
|
+
}, function (props) {
|
|
45
|
+
return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
46
|
+
});
|
|
47
|
+
styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 19px;\n"])));
|
|
48
|
+
styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n display: flex;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
|
|
49
|
+
return props.fadeIn ? 0 : 1;
|
|
50
|
+
}, function (props) {
|
|
51
|
+
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
52
|
+
}, function (props) {
|
|
53
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
54
|
+
});
|
|
55
|
+
styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
|
|
56
|
+
return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
|
|
57
|
+
}, function (props) {
|
|
58
|
+
return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
59
|
+
});
|
|
60
|
+
var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
|
|
61
|
+
return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
62
|
+
}, function (props) {
|
|
63
|
+
return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
64
|
+
});
|
|
65
|
+
styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
|
|
66
|
+
return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
67
|
+
}, function (props) {
|
|
68
|
+
return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
|
|
69
|
+
});
|
|
70
|
+
styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
|
|
71
|
+
return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
72
|
+
});
|
|
73
|
+
styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n ", ";\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 3px 0 8.7px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n ", "\n ", "\n }\n\n & .dropdown-indicator {\n display: none;\n }\n\n &:hover .dropdown-indicator {\n display: flex;\n }\n\n &&:hover {\n border-color: transparent;\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
|
|
74
|
+
return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
|
|
75
|
+
}, function (props) {
|
|
76
|
+
return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
|
|
77
|
+
}, function (props) {
|
|
78
|
+
return props.type && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
|
|
79
|
+
return props.type === 'success' ? fadeIn : fadeOut;
|
|
80
|
+
});
|
|
81
|
+
}, function (props) {
|
|
82
|
+
return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFFDE8');
|
|
83
|
+
}, function (props) {
|
|
84
|
+
return props.type === 'instructions-warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C');
|
|
85
|
+
}, function (props) {
|
|
86
|
+
return props.type === 'instructions-warning' && props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C');
|
|
87
|
+
}, function (props) {
|
|
88
|
+
return props.type === 'error' && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#FBEAE6');
|
|
89
|
+
}, function (props) {
|
|
90
|
+
return props.isFocused && !props.type === 'instructions-warning' && props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'));
|
|
91
|
+
}, function (props) {
|
|
92
|
+
return props.type === 'warning' && props.isFocused && props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
|
|
93
|
+
}, function (props) {
|
|
94
|
+
return props.type === 'error' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500'));
|
|
95
|
+
}, function (props) {
|
|
96
|
+
return !props.isFocused && props.theme.themeProp('background-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
|
|
97
|
+
}, function (props) {
|
|
98
|
+
return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background', '#806403', '#FFFEBF');
|
|
99
|
+
}, function (props) {
|
|
100
|
+
return props.type === 'instructions-warning' && !props.isFocused && props.theme.themeProp('background', '#806403', '#F4E21E');
|
|
101
|
+
}, function (props) {
|
|
102
|
+
return props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
|
|
103
|
+
});
|
|
104
|
+
styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ", "\n ", "\n ", "\n ", "\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n"])), function (props) {
|
|
105
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
106
|
+
}, function (props) {
|
|
107
|
+
return props.isFocused && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
|
|
108
|
+
}, function (props) {
|
|
109
|
+
return props.isSelected && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n ", "\n "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
|
|
110
|
+
}, function (props) {
|
|
111
|
+
return props.isFocused && props.isSelected && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
|
|
112
|
+
});
|
|
113
|
+
styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", "\n ", ";\n }\n"])), function (props) {
|
|
114
|
+
return (props.type === 'error' || props.type === 'warning') && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
|
|
115
|
+
}, function (props) {
|
|
116
|
+
return (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
|
|
117
|
+
});
|
|
118
|
+
styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
|
|
119
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
120
|
+
});
|
|
121
|
+
styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ", "\n }\n"])), function (props) {
|
|
122
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
123
|
+
});
|
|
124
|
+
styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
|
|
125
|
+
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
126
|
+
});
|
|
127
|
+
styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n }\n"])));
|
|
128
|
+
styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
|
|
129
|
+
return props.isFocused ? 'flex' : 'none';
|
|
130
|
+
}, function (props) {
|
|
131
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
132
|
+
});
|
|
133
|
+
styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ", ";\n }\n"])), function (props) {
|
|
134
|
+
return props.isFocused ? 'flex' : 'none';
|
|
135
|
+
}, function (props) {
|
|
136
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
137
|
+
});
|
|
138
|
+
styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n width: 12px;\n"])));
|
|
139
|
+
styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n width: 8px;\n margin-right: 4px;\n ", ";\n stroke-width: 2px;\n"])), function (props) {
|
|
140
|
+
return props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
141
|
+
});
|
|
142
|
+
styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n margin: 4px;\n ", ";\n }\n"])), function (props) {
|
|
143
|
+
return props.isFocused ? 'flex' : 'none';
|
|
144
|
+
}, function (props) {
|
|
145
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
146
|
+
});
|
|
147
|
+
|
|
148
|
+
var CompactAutocompleteSelect = React__default["default"].forwardRef(function CompactAutocompleteSelect(_ref) {
|
|
149
|
+
var props = defaultTheme._extends({}, (defaultTheme._objectDestructuringEmpty(_ref), _ref));
|
|
150
|
+
var input = function input() {
|
|
151
|
+
return React__default["default"].createElement(AsyncAutocompleteSelect, props);
|
|
152
|
+
};
|
|
153
|
+
return input();
|
|
154
|
+
});
|
|
155
|
+
CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
156
|
+
label: defaultTheme.PropTypes.string,
|
|
157
|
+
placeholder: defaultTheme.PropTypes.string,
|
|
158
|
+
availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
|
|
159
|
+
selectedOption: defaultTheme.PropTypes.object,
|
|
160
|
+
loadOptions: defaultTheme.PropTypes.any,
|
|
161
|
+
loadingMessageFunc: defaultTheme.PropTypes.func,
|
|
162
|
+
createNewOptionMessageFunc: defaultTheme.PropTypes.func,
|
|
163
|
+
noOptionsMessageFunc: defaultTheme.PropTypes.func,
|
|
164
|
+
readOnly: defaultTheme.PropTypes.bool,
|
|
165
|
+
edit: defaultTheme.PropTypes.bool,
|
|
166
|
+
hidden: defaultTheme.PropTypes.bool,
|
|
167
|
+
error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
|
|
168
|
+
warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
|
|
169
|
+
onUpdateCallback: defaultTheme.PropTypes.func,
|
|
170
|
+
creatable: defaultTheme.PropTypes.bool,
|
|
171
|
+
disabled: defaultTheme.PropTypes.bool,
|
|
172
|
+
type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success']),
|
|
173
|
+
descriptionToolTip: defaultTheme.PropTypes.string,
|
|
174
|
+
loadingIcon: defaultTheme.PropTypes.element,
|
|
175
|
+
successIcon: defaultTheme.PropTypes.element
|
|
176
|
+
} : {};
|
|
177
|
+
CompactAutocompleteSelect.defaultProps = {
|
|
178
|
+
noOptionsMessageFunc: function noOptionsMessageFunc(inputValue) {
|
|
179
|
+
if (inputValue) {
|
|
180
|
+
return "No matches for \"".concat(inputValue, "\"");
|
|
181
|
+
} else {
|
|
182
|
+
return 'No available options';
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
readOnly: false,
|
|
186
|
+
disabled: false,
|
|
187
|
+
creatable: true,
|
|
188
|
+
edit: false,
|
|
189
|
+
error: false,
|
|
190
|
+
warning: false,
|
|
191
|
+
hidden: false,
|
|
192
|
+
type: '',
|
|
193
|
+
descriptionToolTip: ''
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
exports.CompactAutocompleteSelect = CompactAutocompleteSelect;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
require('./Alert-
|
|
6
|
-
require('./Badge-
|
|
7
|
-
require('./Popover-
|
|
8
|
-
require('./Tab-
|
|
9
|
-
require('./Tabs-
|
|
10
|
-
var Tooltip = require('./Tooltip-
|
|
11
|
-
require('./VerificationStatusIcon-
|
|
5
|
+
require('./Alert-67936720.js');
|
|
6
|
+
require('./Badge-0edffd2a.js');
|
|
7
|
+
require('./Popover-d6cfcb7f.js');
|
|
8
|
+
require('./Tab-d978a3c4.js');
|
|
9
|
+
require('./Tabs-adff38d2.js');
|
|
10
|
+
var Tooltip = require('./Tooltip-b4907b91.js');
|
|
11
|
+
require('./VerificationStatusIcon-f831c83f.js');
|
|
12
12
|
var styled = require('styled-components');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var editNote = require('./edit-note-cefe2215.js');
|
|
8
|
-
require('./Alert-
|
|
9
|
-
require('./Badge-
|
|
10
|
-
require('./Popover-
|
|
11
|
-
require('./Tab-
|
|
12
|
-
require('./Tabs-
|
|
13
|
-
var Tooltip = require('./Tooltip-
|
|
14
|
-
require('./VerificationStatusIcon-
|
|
8
|
+
require('./Alert-67936720.js');
|
|
9
|
+
require('./Badge-0edffd2a.js');
|
|
10
|
+
require('./Popover-d6cfcb7f.js');
|
|
11
|
+
require('./Tab-d978a3c4.js');
|
|
12
|
+
require('./Tabs-adff38d2.js');
|
|
13
|
+
var Tooltip = require('./Tooltip-b4907b91.js');
|
|
14
|
+
require('./VerificationStatusIcon-f831c83f.js');
|
|
15
15
|
var styled = require('styled-components');
|
|
16
16
|
|
|
17
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var warningCircle = require('./warning-circle-478e65cc.js');
|
|
7
|
-
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-
|
|
8
|
-
var TextArea = require('./TextArea-
|
|
7
|
+
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-c982847f.js');
|
|
8
|
+
var TextArea = require('./TextArea-092dde3a.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
require('./Alert-
|
|
7
|
-
require('./Badge-
|
|
8
|
-
var Popover = require('./Popover-
|
|
9
|
-
require('./Tab-
|
|
10
|
-
require('./Tabs-
|
|
11
|
-
require('./Tooltip-
|
|
12
|
-
require('./VerificationStatusIcon-
|
|
13
|
-
var Checkbox = require('./Checkbox-
|
|
6
|
+
require('./Alert-67936720.js');
|
|
7
|
+
require('./Badge-0edffd2a.js');
|
|
8
|
+
var Popover = require('./Popover-d6cfcb7f.js');
|
|
9
|
+
require('./Tab-d978a3c4.js');
|
|
10
|
+
require('./Tabs-adff38d2.js');
|
|
11
|
+
require('./Tooltip-b4907b91.js');
|
|
12
|
+
require('./VerificationStatusIcon-f831c83f.js');
|
|
13
|
+
var Checkbox = require('./Checkbox-53f14dc1.js');
|
|
14
14
|
var lodash = require('lodash');
|
|
15
|
-
var TextInput = require('./TextInput-
|
|
16
|
-
require('./InputGroup-
|
|
17
|
-
var SectionSeparator = require('./SectionSeparator-
|
|
15
|
+
var TextInput = require('./TextInput-af1a2a84.js');
|
|
16
|
+
require('./InputGroup-e8dd2f87.js');
|
|
17
|
+
var SectionSeparator = require('./SectionSeparator-3c32b45b.js');
|
|
18
18
|
var close = require('./close-1751121a.js');
|
|
19
19
|
|
|
20
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
6
|
var styled = require('styled-components');
|
|
7
7
|
var close = require('./close-1751121a.js');
|
|
8
8
|
var Select = require('react-select');
|
|
9
|
-
var reactSelectCreatable_esm = require('./react-select-creatable.esm-
|
|
9
|
+
var reactSelectCreatable_esm = require('./react-select-creatable.esm-2d52a2fd.js');
|
|
10
10
|
var reactSelectAsyncPaginate = require('react-select-async-paginate');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var styled = require('styled-components');
|
|
7
7
|
var polished = require('polished');
|
|
8
8
|
var TippyTooltip = require('@tippyjs/react');
|
|
9
|
-
require('./shift-away-subtle-
|
|
9
|
+
require('./shift-away-subtle-6d929fae.js');
|
|
10
10
|
var maxSize = require('popper-max-size-modifier');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var Tab = require('./Tab-
|
|
6
|
+
var Tab = require('./Tab-d978a3c4.js');
|
|
7
7
|
var styled = require('styled-components');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
|
|
6
6
|
var nanoid = require('nanoid');
|
|
7
|
-
require('./Alert-
|
|
8
|
-
require('./Badge-
|
|
9
|
-
require('./Popover-
|
|
10
|
-
require('./Tab-
|
|
11
|
-
require('./Tabs-
|
|
12
|
-
var Tooltip = require('./Tooltip-
|
|
13
|
-
require('./VerificationStatusIcon-
|
|
7
|
+
require('./Alert-67936720.js');
|
|
8
|
+
require('./Badge-0edffd2a.js');
|
|
9
|
+
require('./Popover-d6cfcb7f.js');
|
|
10
|
+
require('./Tab-d978a3c4.js');
|
|
11
|
+
require('./Tabs-adff38d2.js');
|
|
12
|
+
var Tooltip = require('./Tooltip-b4907b91.js');
|
|
13
|
+
require('./VerificationStatusIcon-f831c83f.js');
|
|
14
14
|
var editNote = require('./edit-note-cefe2215.js');
|
|
15
15
|
var styled = require('styled-components');
|
|
16
16
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-104fcbf4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
var TippyTooltip = require('@tippyjs/react');
|
|
7
|
-
require('./shift-away-subtle-
|
|
7
|
+
require('./shift-away-subtle-6d929fae.js');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
package/data/Alert/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Alert = require('../../Alert-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Alert = require('../../Alert-67936720.js');
|
|
4
|
+
require('../../defaultTheme-104fcbf4.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('lodash');
|
package/data/Badge/index.js
CHANGED