@ntbjs/react-components 1.1.0-beta.62 → 1.1.0-beta.631
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-05297c7a.js → AssetGallery-ab772e0d.js} +20 -29
- package/{Button-dd271c4b.js → Button-f893df21.js} +1 -1
- package/{CompactAutocompleteSelect-91f96ef4.js → CompactAutocompleteSelect-c164fae7.js} +45 -27
- package/{CompactTextInput-e9c99aa3.js → CompactTextInput-d2fabaf5.js} +29 -12
- package/{Instructions-791f977a.js → Instructions-db4cf489.js} +2 -2
- package/{MultiSelect-5b008b32.js → MultiSelect-2ae6a43e.js} +1 -1
- package/{Popover-11df9750.js → Popover-cf1e9677.js} +6 -6
- package/{TextArea-6dad1bbe.js → TextArea-76e2ff1e.js} +105 -28
- package/check-circle-filled-1640873e.js +42 -0
- package/data/Popover/index.js +1 -1
- package/data/index.js +1 -1
- package/inputs/Button/index.js +2 -2
- package/inputs/CompactAutocompleteSelect/index.js +3 -2
- package/inputs/CompactTextInput/index.js +3 -2
- package/inputs/MultiSelect/index.js +2 -2
- package/inputs/TextArea/index.js +2 -1
- package/inputs/index.js +8 -7
- package/package.json +1 -1
- package/{react-select-creatable.esm-2f23d6c6.js → react-select-creatable.esm-995b32d5.js} +208 -861
- package/widgets/AssetGallery/index.js +9 -8
- package/widgets/Instructions/index.js +5 -4
- package/widgets/index.js +10 -9
|
@@ -7,23 +7,24 @@ var TextInput = require('./TextInput-a1083be3.js');
|
|
|
7
7
|
var ResizeObserver = require('resize-observer-polyfill');
|
|
8
8
|
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
9
9
|
var ActionButton = require('./ActionButton-c3f5ed94.js');
|
|
10
|
-
require('./Button-
|
|
10
|
+
require('./Button-f893df21.js');
|
|
11
11
|
require('./Checkbox-012bbd3f.js');
|
|
12
|
-
require('./CompactAutocompleteSelect-
|
|
12
|
+
require('./CompactAutocompleteSelect-c164fae7.js');
|
|
13
13
|
require('./CompactStarRating-9c4c4f2c.js');
|
|
14
|
-
require('./CompactTextInput-
|
|
15
|
-
require('./MultiSelect-
|
|
14
|
+
require('./CompactTextInput-d2fabaf5.js');
|
|
15
|
+
require('./MultiSelect-2ae6a43e.js');
|
|
16
16
|
require('./Radio-0594409d.js');
|
|
17
|
-
require('./TextArea-
|
|
17
|
+
require('./TextArea-76e2ff1e.js');
|
|
18
18
|
require('./Switch-cd165c8c.js');
|
|
19
19
|
require('./Alert-3e4f8be1.js');
|
|
20
20
|
require('./Badge-9bcebe96.js');
|
|
21
|
-
require('./Popover-
|
|
21
|
+
require('./Popover-cf1e9677.js');
|
|
22
22
|
require('./Tab-bd0f3345.js');
|
|
23
23
|
require('./Tabs-cfc35dc0.js');
|
|
24
24
|
var Tooltip = require('./Tooltip-f4f9ab8f.js');
|
|
25
25
|
var styled = require('styled-components');
|
|
26
26
|
var polished = require('polished');
|
|
27
|
+
var checkCircleFilled = require('./check-circle-filled-1640873e.js');
|
|
27
28
|
var warningCircle = require('./warning-circle-24522402.js');
|
|
28
29
|
|
|
29
30
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -155,21 +156,6 @@ var OverlayInfoBottomActions = styled__default['default'].div.attrs(defaultTheme
|
|
|
155
156
|
var ConsumerDefinedOverlay$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n"])));
|
|
156
157
|
var Fragment$1 = styled__default['default'].div(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral([""])));
|
|
157
158
|
|
|
158
|
-
function _extends$5() { _extends$5 = 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$5.apply(this, arguments); }
|
|
159
|
-
|
|
160
|
-
var _ref$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
161
|
-
fill: "currentColor",
|
|
162
|
-
d: "M12 0a12 12 0 1012 12A12 12 0 0012 0zM9.6 18l-6-6 1.69-1.69L9.6 14.6l9.11-9.1 1.69 1.7z",
|
|
163
|
-
fillOpacity: 0.9
|
|
164
|
-
});
|
|
165
|
-
|
|
166
|
-
function SvgCheckCircleFilled(props) {
|
|
167
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
168
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
169
|
-
viewBox: "0 0 24 24"
|
|
170
|
-
}, props), _ref$5);
|
|
171
|
-
}
|
|
172
|
-
|
|
173
159
|
function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
|
|
174
160
|
|
|
175
161
|
var _ref$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -489,17 +475,21 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
|
|
|
489
475
|
ref: cardRef
|
|
490
476
|
}, React__default['default'].createElement(OverlayBackdrop, {
|
|
491
477
|
softSelected: softSelected
|
|
492
|
-
}), React__default['default'].createElement(OverlayInfo, null, React__default['default'].createElement("div", null, React__default['default'].createElement(OverlayInfoTopTitleAndFileType, null, React__default['default'].createElement(
|
|
493
|
-
|
|
478
|
+
}), React__default['default'].createElement(OverlayInfo, null, React__default['default'].createElement("div", null, React__default['default'].createElement(OverlayInfoTopTitleAndFileType, null, asset.title ? React__default['default'].createElement(Tooltip.Tooltip, {
|
|
479
|
+
key: "".concat(asset.key, "-").concat(asset.title),
|
|
480
|
+
content: asset.title
|
|
481
|
+
}, React__default['default'].createElement(OverlayInfoTopTitle, {
|
|
482
|
+
softSelected: softSelected
|
|
483
|
+
}, asset.title)) : React__default['default'].createElement(OverlayInfoTopTitle, {
|
|
494
484
|
softSelected: softSelected
|
|
495
|
-
},
|
|
485
|
+
}, "\xA0"), (!asset.fileTypeIconPosition || asset.fileTypeIconPosition === 'top-right') && typeIcon), React__default['default'].createElement(OverlayInfoTopNoteAndFileType, null, asset.fileTypeIconPosition === 'top-left' && React__default['default'].createElement(OverlayInfoTopFileTypeTopLeft, {
|
|
496
486
|
assetTitle: asset.title
|
|
497
487
|
}, typeIcon), ((_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default['default'].createElement(OverlayInfoTopNote, {
|
|
498
488
|
title: asset.note.title,
|
|
499
489
|
assetTitle: asset.title
|
|
500
490
|
}, asset.note.icon ? asset.note.icon : React__default['default'].createElement(warningCircle.SvgWarningCircle, null), React__default['default'].createElement(OverlayInfoTopNoteTitle, null, asset.note.title)))), React__default['default'].createElement(OverlayInfoBottom, null, selectable && React__default['default'].createElement(OverlayInfoBottomSelectButton, {
|
|
501
491
|
selected: selected
|
|
502
|
-
}, React__default['default'].createElement(SvgCheckCircleFilled, {
|
|
492
|
+
}, React__default['default'].createElement(checkCircleFilled.SvgCheckCircleFilled, {
|
|
503
493
|
onClick: onSelectClick
|
|
504
494
|
})), React__default['default'].createElement(OverlayInfoBottomActions, null, asset.actions && asset.actions.map(function (action) {
|
|
505
495
|
return React__default['default'].createElement(Tooltip.Tooltip, {
|
|
@@ -802,9 +792,10 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
|
|
|
802
792
|
style: {
|
|
803
793
|
display: 'flex'
|
|
804
794
|
}
|
|
805
|
-
}, React__default['default'].createElement(
|
|
806
|
-
|
|
807
|
-
|
|
795
|
+
}, asset.title ? React__default['default'].createElement(Tooltip.Tooltip, {
|
|
796
|
+
key: "".concat(asset.key, "-").concat(asset.title),
|
|
797
|
+
content: asset.title
|
|
798
|
+
}, React__default['default'].createElement(InfoTitle, null, asset.title)) : React__default['default'].createElement(InfoTitle, null, "\u2014"), asset.fileType === 'video' && React__default['default'].createElement(InfoFileType, {
|
|
808
799
|
as: SvgPlay
|
|
809
800
|
}), asset.fileType === 'audio' && React__default['default'].createElement(InfoFileType, {
|
|
810
801
|
as: SvgAudio
|
|
@@ -814,7 +805,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
|
|
|
814
805
|
as: SvgFile
|
|
815
806
|
})), React__default['default'].createElement(InfoDescription, null, asset.description)), React__default['default'].createElement(Bottom, null, selectable && React__default['default'].createElement(BottomSelectButton, {
|
|
816
807
|
selected: selected
|
|
817
|
-
}, React__default['default'].createElement(SvgCheckCircleFilled, {
|
|
808
|
+
}, React__default['default'].createElement(checkCircleFilled.SvgCheckCircleFilled, {
|
|
818
809
|
onClick: onSelectClick
|
|
819
810
|
})), React__default['default'].createElement(BottomActions, null, asset.actions && asset.actions.map(function (action) {
|
|
820
811
|
return React__default['default'].createElement(Tooltip.Tooltip, {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var defaultTheme = require('./defaultTheme-50f2b88f.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
var Popover = require('./Popover-
|
|
6
|
+
var Popover = require('./Popover-cf1e9677.js');
|
|
7
7
|
var ContextMenu = require('./ContextMenu-d088833b.js');
|
|
8
8
|
var expandMore = require('./expand-more-94585605.js');
|
|
9
9
|
|
|
@@ -6,10 +6,11 @@ var nanoid = require('nanoid');
|
|
|
6
6
|
var lodash = require('lodash');
|
|
7
7
|
var styled = require('styled-components');
|
|
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-995b32d5.js');
|
|
10
10
|
var reactSelectAsyncPaginate = require('react-select-async-paginate');
|
|
11
11
|
var close = require('./close-ebf2f3cf.js');
|
|
12
12
|
var expandMore = require('./expand-more-94585605.js');
|
|
13
|
+
var checkCircleFilled = require('./check-circle-filled-1640873e.js');
|
|
13
14
|
|
|
14
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
16
|
|
|
@@ -17,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
17
18
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
18
19
|
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
19
20
|
|
|
20
|
-
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;
|
|
21
|
+
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;
|
|
21
22
|
var AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm.CreatableSelect$1);
|
|
22
23
|
var sharedStyle = styled.css(_templateObject || (_templateObject = 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) {
|
|
23
24
|
return props.theme.primaryFontFamily;
|
|
@@ -27,18 +28,25 @@ var sharedStyle = styled.css(_templateObject || (_templateObject = defaultTheme.
|
|
|
27
28
|
var CompactAutocompleteSelect$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ", ";\n"])), function (props) {
|
|
28
29
|
return props.theme.primaryFontFamily;
|
|
29
30
|
});
|
|
30
|
-
var Label = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n cursor: pointer;\n height: 19px;\n display: flex;\n align-items: center;\n padding-top: 2px;\n
|
|
31
|
+
var Label = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n cursor: pointer;\n height: 19px;\n display: flex;\n align-items: center;\n padding-top: 2px;\n"])), function (props) {
|
|
31
32
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
32
33
|
});
|
|
33
34
|
var InputContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 19px;\n"])));
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var
|
|
38
|
-
var
|
|
35
|
+
var CheckIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n margin-top: 0;\n pointer-events: none;\n padding-right: 60px;\n padding-left: 30px;\n display: flex;\n align-items: center;\n position: absolute;\n right: 0;\n top: 2px;\n bottom: 0;\n color: ", ";\n > svg {\n width: 13px;\n }\n"])), function (props) {
|
|
36
|
+
return props.theme.getColor('emerald-500');
|
|
37
|
+
});
|
|
38
|
+
var AsyncCreatableAutocompleteSelect = styled__default['default'](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
|
|
39
|
+
var AsyncAutocompleteSelect = styled__default['default'](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
|
|
40
|
+
var AutocompletSelect = styled__default['default'](Select__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
|
|
41
|
+
var AutocompletCreatableSelect = styled__default['default'](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
|
|
42
|
+
var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n && {\n height: 22px;\n min-height: 22px;\n background: ", ";\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 10px;\n cursor: text;\n border: 1px solid transparent;\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 &&:not(:hover):not(:focus) {\n ", ";\n }\n\n &&:focus {\n ", ";\n }\n"])), function (props) {
|
|
43
|
+
return props.success ? props.theme.themeProp('background', props.theme.getColor('emerald-500'), props.theme.getColor('emerald-300')) : 'transparent';
|
|
44
|
+
}, function (props) {
|
|
39
45
|
return props.warning && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#fffde8');
|
|
40
46
|
}, function (props) {
|
|
41
47
|
return props.error && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#fbeae6');
|
|
48
|
+
}, function (props) {
|
|
49
|
+
return props.success && !props.isFocused && props.theme.themeProp('background-color', '#64b49d', '#bfe0d5');
|
|
42
50
|
}, function (props) {
|
|
43
51
|
return props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'));
|
|
44
52
|
}, function (props) {
|
|
@@ -47,52 +55,56 @@ var Control = styled__default['default'](Select.components.Control).attrs(defaul
|
|
|
47
55
|
return props.error && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500'));
|
|
48
56
|
}, function (props) {
|
|
49
57
|
return !props.isFocused && props.theme.themeProp('background-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
|
|
58
|
+
}, function (props) {
|
|
59
|
+
return props.success && props.theme.themeProp('background-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-300'));
|
|
50
60
|
}, function (props) {
|
|
51
61
|
return props.warning && !props.isFocused && props.theme.themeProp('background', '#816600', '#fffebf');
|
|
52
62
|
}, function (props) {
|
|
53
63
|
return props.error && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
|
|
54
64
|
}, function (props) {
|
|
55
65
|
return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
|
|
66
|
+
}, function (props) {
|
|
67
|
+
return props.success && props.theme.themeProp('background-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-300'));
|
|
56
68
|
});
|
|
57
|
-
var Option$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(
|
|
69
|
+
var Option$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = 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) {
|
|
58
70
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
59
71
|
}, function (props) {
|
|
60
|
-
return props.isFocused && styled.css(
|
|
72
|
+
return props.isFocused && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
|
|
61
73
|
}, function (props) {
|
|
62
|
-
return props.isSelected && styled.css(
|
|
74
|
+
return props.isSelected && styled.css(_templateObject13 || (_templateObject13 = 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')));
|
|
63
75
|
}, function (props) {
|
|
64
|
-
return props.isFocused && props.isSelected && styled.css(
|
|
76
|
+
return props.isFocused && props.isSelected && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
|
|
65
77
|
});
|
|
66
|
-
var Placeholder = styled__default['default'](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(
|
|
67
|
-
return (props.error || props.warning) && styled.css(
|
|
78
|
+
var Placeholder = styled__default['default'](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", "\n ", ";\n }\n"])), function (props) {
|
|
79
|
+
return (props.error || props.warning) && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
|
|
68
80
|
}, function (props) {
|
|
69
81
|
return (props.error || props.warning) && props.theme.themeProp('opacity', '0.6', '0.6');
|
|
70
82
|
});
|
|
71
|
-
var SingleValue$1 = styled__default['default'](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(
|
|
83
|
+
var SingleValue$1 = styled__default['default'](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
|
|
72
84
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
73
85
|
});
|
|
74
|
-
var Input = styled__default['default'](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(
|
|
86
|
+
var Input = styled__default['default'](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ", "\n }\n"])), function (props) {
|
|
75
87
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
76
88
|
});
|
|
77
|
-
var Menu = styled__default['default'](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(
|
|
89
|
+
var Menu = styled__default['default'](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
|
|
78
90
|
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
79
91
|
});
|
|
80
|
-
var ValueContainer = styled__default['default'](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(
|
|
81
|
-
var ClearIndicator$1 = styled__default['default'](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(
|
|
92
|
+
var ValueContainer = styled__default['default'](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n }\n"])));
|
|
93
|
+
var ClearIndicator$1 = styled__default['default'](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
|
|
82
94
|
return props.isFocused ? 'flex' : 'none';
|
|
83
95
|
}, function (props) {
|
|
84
96
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
85
97
|
});
|
|
86
|
-
var DropdownIndicator$1 = styled__default['default'](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(
|
|
98
|
+
var DropdownIndicator$1 = styled__default['default'](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = 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) {
|
|
87
99
|
return props.isFocused ? 'flex' : 'none';
|
|
88
100
|
}, function (props) {
|
|
89
101
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
90
102
|
});
|
|
91
|
-
var DropdownIndicatorIcon = styled__default['default'](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(
|
|
92
|
-
var ClearIndicatorIcon = styled__default['default'](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(
|
|
103
|
+
var DropdownIndicatorIcon = styled__default['default'](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n width: 12px;\n"])));
|
|
104
|
+
var ClearIndicatorIcon = styled__default['default'](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n width: 8px;\n margin-right: 4px;\n ", ";\n stroke-width: 2px;\n"])), function (props) {
|
|
93
105
|
return props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
94
106
|
});
|
|
95
|
-
var IndicatorSeparator$1 = styled__default['default'](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(
|
|
107
|
+
var IndicatorSeparator$1 = styled__default['default'](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n margin: 4px;\n ", ";\n }\n"])), function (props) {
|
|
96
108
|
return props.isFocused ? 'flex' : 'none';
|
|
97
109
|
}, function (props) {
|
|
98
110
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
@@ -110,12 +122,13 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
|
|
|
110
122
|
loadingMessageFunc = _ref.loadingMessageFunc,
|
|
111
123
|
creatable = _ref.creatable,
|
|
112
124
|
readOnly = _ref.readOnly,
|
|
125
|
+
success = _ref.success,
|
|
113
126
|
edit = _ref.edit,
|
|
114
127
|
disabled = _ref.disabled,
|
|
115
128
|
error = _ref.error,
|
|
116
129
|
hidden = _ref.hidden,
|
|
117
130
|
warning = _ref.warning,
|
|
118
|
-
props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "error", "hidden", "warning"]);
|
|
131
|
+
props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "success", "edit", "disabled", "error", "hidden", "warning"]);
|
|
119
132
|
|
|
120
133
|
var _useState = React.useState(nanoid.nanoid()),
|
|
121
134
|
_useState2 = defaultTheme._slicedToArray(_useState, 1),
|
|
@@ -142,6 +155,7 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
|
|
|
142
155
|
className: "select-control",
|
|
143
156
|
edit: edit,
|
|
144
157
|
error: error,
|
|
158
|
+
success: success,
|
|
145
159
|
warning: warning
|
|
146
160
|
}, props));
|
|
147
161
|
};
|
|
@@ -151,11 +165,12 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
|
|
|
151
165
|
}, [error, warning]);
|
|
152
166
|
var ValueContainer$1 = React.useMemo(function () {
|
|
153
167
|
var valueContainer = function valueContainer(props) {
|
|
154
|
-
return React__default['default'].createElement(ValueContainer, defaultTheme._extends({
|
|
168
|
+
return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(ValueContainer, defaultTheme._extends({
|
|
155
169
|
className: "value-container",
|
|
156
170
|
error: error,
|
|
171
|
+
success: success,
|
|
157
172
|
warning: warning
|
|
158
|
-
}, props));
|
|
173
|
+
}, props)), ' ', success && React__default['default'].createElement(CheckIconContainer, null, React__default['default'].createElement(checkCircleFilled.SvgCheckCircleFilled, null)));
|
|
159
174
|
};
|
|
160
175
|
|
|
161
176
|
valueContainer.displayName = 'ValueContainerWrapper';
|
|
@@ -164,7 +179,8 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
|
|
|
164
179
|
var Input$1 = React.useMemo(function () {
|
|
165
180
|
var selectInput = function selectInput(props) {
|
|
166
181
|
return React__default['default'].createElement(Input, defaultTheme._extends({
|
|
167
|
-
className: "select-input"
|
|
182
|
+
className: "select-input",
|
|
183
|
+
success: success
|
|
168
184
|
}, props));
|
|
169
185
|
};
|
|
170
186
|
|
|
@@ -311,6 +327,7 @@ CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
311
327
|
noOptionsMessageFunc: defaultTheme.PropTypes.func,
|
|
312
328
|
readOnly: defaultTheme.PropTypes.bool,
|
|
313
329
|
edit: defaultTheme.PropTypes.bool,
|
|
330
|
+
success: defaultTheme.PropTypes.bool,
|
|
314
331
|
hidden: defaultTheme.PropTypes.bool,
|
|
315
332
|
error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
|
|
316
333
|
warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
|
|
@@ -327,6 +344,7 @@ CompactAutocompleteSelect.defaultProps = {
|
|
|
327
344
|
}
|
|
328
345
|
},
|
|
329
346
|
readOnly: false,
|
|
347
|
+
success: false,
|
|
330
348
|
disabled: false,
|
|
331
349
|
creatable: true,
|
|
332
350
|
edit: false,
|
|
@@ -6,9 +6,10 @@ var nanoid = require('nanoid');
|
|
|
6
6
|
var lodash = require('lodash');
|
|
7
7
|
var styled = require('styled-components');
|
|
8
8
|
var editNote = require('./edit-note-c47d292e.js');
|
|
9
|
+
var checkCircleFilled = require('./check-circle-filled-1640873e.js');
|
|
9
10
|
require('./Alert-3e4f8be1.js');
|
|
10
11
|
require('./Badge-9bcebe96.js');
|
|
11
|
-
var Popover = require('./Popover-
|
|
12
|
+
var Popover = require('./Popover-cf1e9677.js');
|
|
12
13
|
require('./Tab-bd0f3345.js');
|
|
13
14
|
require('./Tabs-cfc35dc0.js');
|
|
14
15
|
var Tooltip = require('./Tooltip-f4f9ab8f.js');
|
|
@@ -39,7 +40,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
39
40
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
40
41
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
41
42
|
|
|
42
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
43
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
|
|
43
44
|
var CompactTextInput$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ", ";\n"])), function (props) {
|
|
44
45
|
return props.theme.primaryFontFamily;
|
|
45
46
|
});
|
|
@@ -62,44 +63,55 @@ var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.apply
|
|
|
62
63
|
}, function (props) {
|
|
63
64
|
return props.error && props.theme.themeProp('color', '#CB968F', '#CB968F');
|
|
64
65
|
});
|
|
65
|
-
var
|
|
66
|
+
var CheckIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n padding-right: 4px;\n padding-left: 30px;\n display: flex;\n align-items: center;\n position: absolute;\n right: 0;\n top: 2px;\n bottom: 0;\n color: ", ";\n > svg {\n width: 13px;\n }\n"])), function (props) {
|
|
67
|
+
return props.theme.getColor('emerald-500');
|
|
68
|
+
});
|
|
69
|
+
var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n box-sizing: border-box;\n height: 22px;\n width: 100%;\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n font-family: inherit;\n ", "\n padding: 1px 10px;\n ", ";\n border-radius: 3px;\n border: 1px solid transparent;\n text-overflow: ellipsis;\n\n ", ";\n\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n ", ";\n ", ";\n }\n\n &&:hover:not(:focus) {\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n & + ", " {\n opacity: 1;\n ", ";\n\n & + ", " {\n opacity: 1;\n }\n }\n }\n\n &&:focus {\n ", ";\n\n ", ";\n outline: none;\n\n ", ";\n\n ", ";\n\n ", ";\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ", "\n"])), function (props) {
|
|
66
70
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
67
71
|
}, function (props) {
|
|
68
72
|
return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
|
|
69
73
|
}, function (props) {
|
|
70
|
-
return props.hasLink && styled.css(
|
|
74
|
+
return props.hasLink && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n text-decoration: underline;\n ", "\n }\n\n &&:read-only {\n cursor: pointer;\n }\n "])), function (props) {
|
|
71
75
|
return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('emerald-500'));
|
|
72
76
|
});
|
|
73
77
|
}, function (props) {
|
|
74
78
|
return props.warning && props.theme.themeProp('background', '#634e01', '#fffde8');
|
|
75
79
|
}, function (props) {
|
|
76
|
-
return props.error && props.theme.themeProp('background', '#
|
|
80
|
+
return props.error && props.theme.themeProp('background', '#red', '#fbeae6');
|
|
77
81
|
}, function (props) {
|
|
78
82
|
return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
|
|
83
|
+
}, function (props) {
|
|
84
|
+
return props.success && props.theme.themeProp('background', props.theme.getColor('emerald-500'), props.theme.getColor('emerald-300'));
|
|
79
85
|
}, function (props) {
|
|
80
86
|
return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
|
|
81
87
|
}, function (props) {
|
|
82
88
|
return props.warning && !props.readOnly && props.theme.themeProp('background', '#816600', '#fffebf');
|
|
89
|
+
}, function (props) {
|
|
90
|
+
return props.success && props.theme.themeProp('background', props.theme.getColor('emerald-500'), props.theme.getColor('emerald-300'));
|
|
83
91
|
}, function (props) {
|
|
84
92
|
return props.error && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
|
|
85
93
|
}, InputIconContainer, function (props) {
|
|
94
|
+
return props.success && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
|
|
95
|
+
}, CheckIconContainer, function (props) {
|
|
86
96
|
return props.error && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
|
|
87
97
|
}, function (props) {
|
|
88
|
-
return !props.readOnly && styled.css(
|
|
98
|
+
return !props.readOnly && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
|
|
89
99
|
return props.theme.getColor('gray-600');
|
|
90
100
|
});
|
|
91
101
|
}, function (props) {
|
|
92
|
-
return props.warning && styled.css(
|
|
102
|
+
return props.warning && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
|
|
93
103
|
return props.theme.getColor('signal-yellow-500');
|
|
94
104
|
});
|
|
95
105
|
}, function (props) {
|
|
96
|
-
return props.error && styled.css(
|
|
106
|
+
return props.error && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
|
|
97
107
|
return props.theme.getColor('red-500');
|
|
98
108
|
});
|
|
99
109
|
}, function (props) {
|
|
100
|
-
return props.
|
|
110
|
+
return props.success && props.theme.themeProp('background', props.theme.getColor('emerald-500'), props.theme.getColor('emerald-300'));
|
|
111
|
+
}, function (props) {
|
|
112
|
+
return props.bold && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
|
|
101
113
|
});
|
|
102
|
-
var LinkPopoverContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
114
|
+
var LinkPopoverContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 8px;\n\n a {\n font-size: 0.875rem;\n ", ";\n }\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n"])), function (props) {
|
|
103
115
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('emerald-500'), 1);
|
|
104
116
|
});
|
|
105
117
|
|
|
@@ -136,6 +148,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
|
|
|
136
148
|
autoSelect = _ref2.autoSelect,
|
|
137
149
|
readOnly = _ref2.readOnly,
|
|
138
150
|
edit = _ref2.edit,
|
|
151
|
+
success = _ref2.success,
|
|
139
152
|
error = _ref2.error,
|
|
140
153
|
warning = _ref2.warning,
|
|
141
154
|
bold = _ref2.bold,
|
|
@@ -143,7 +156,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
|
|
|
143
156
|
onChangeProp = _ref2.onChange,
|
|
144
157
|
onFocusProp = _ref2.onFocus,
|
|
145
158
|
onBlurProp = _ref2.onBlur,
|
|
146
|
-
props = defaultTheme._objectWithoutProperties(_ref2, ["label", "type", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "autoSelect", "readOnly", "edit", "error", "warning", "bold", "hidden", "onChange", "onFocus", "onBlur"]);
|
|
159
|
+
props = defaultTheme._objectWithoutProperties(_ref2, ["label", "type", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "autoSelect", "readOnly", "edit", "success", "error", "warning", "bold", "hidden", "onChange", "onFocus", "onBlur"]);
|
|
147
160
|
|
|
148
161
|
var _useState = React.useState(nanoid.nanoid()),
|
|
149
162
|
_useState2 = defaultTheme._slicedToArray(_useState, 1),
|
|
@@ -241,10 +254,12 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
|
|
|
241
254
|
name: name,
|
|
242
255
|
readOnly: readOnly,
|
|
243
256
|
edit: edit,
|
|
257
|
+
sucess: success,
|
|
244
258
|
placeholder: placeholder,
|
|
245
259
|
defaultValue: defaultValue,
|
|
246
260
|
value: value,
|
|
247
261
|
error: error,
|
|
262
|
+
success: success,
|
|
248
263
|
warning: warning,
|
|
249
264
|
bold: bold,
|
|
250
265
|
hasLink: !lodash.isEmpty(link),
|
|
@@ -254,7 +269,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
|
|
|
254
269
|
}), !readOnly && React__default['default'].createElement(InputIconContainer, {
|
|
255
270
|
error: error,
|
|
256
271
|
warning: warning
|
|
257
|
-
}, React__default['default'].createElement(editNote.SvgEditNote, null))))));
|
|
272
|
+
}, React__default['default'].createElement(editNote.SvgEditNote, null)), success && React__default['default'].createElement(CheckIconContainer, null, React__default['default'].createElement(checkCircleFilled.SvgCheckCircleFilled, null))))));
|
|
258
273
|
});
|
|
259
274
|
CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
260
275
|
label: defaultTheme.PropTypes.string,
|
|
@@ -268,6 +283,7 @@ CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
268
283
|
autoSelect: defaultTheme.PropTypes.bool,
|
|
269
284
|
readOnly: defaultTheme.PropTypes.bool,
|
|
270
285
|
edit: defaultTheme.PropTypes.bool,
|
|
286
|
+
success: defaultTheme.PropTypes.bool,
|
|
271
287
|
error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
|
|
272
288
|
warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
|
|
273
289
|
bold: defaultTheme.PropTypes.bool,
|
|
@@ -282,6 +298,7 @@ CompactTextInput.defaultProps = {
|
|
|
282
298
|
linkTarget: '_self',
|
|
283
299
|
bold: false,
|
|
284
300
|
readOnly: false,
|
|
301
|
+
success: false,
|
|
285
302
|
edit: false,
|
|
286
303
|
error: false,
|
|
287
304
|
warning: false,
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
var defaultTheme = require('./defaultTheme-50f2b88f.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
var TextArea = require('./TextArea-
|
|
7
|
-
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-
|
|
6
|
+
var TextArea = require('./TextArea-76e2ff1e.js');
|
|
7
|
+
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-c164fae7.js');
|
|
8
8
|
var warningCircle = require('./warning-circle-24522402.js');
|
|
9
9
|
var lodash = require('lodash');
|
|
10
10
|
|
|
@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
|
|
|
6
6
|
var styled = require('styled-components');
|
|
7
7
|
var close = require('./close-ebf2f3cf.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-995b32d5.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 }; }
|
|
@@ -15,7 +15,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
15
15
|
var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
|
|
16
16
|
|
|
17
17
|
var _templateObject, _templateObject2, _templateObject3;
|
|
18
|
-
var Popover$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 color: inherit;\n border-radius: 0;\n line-height: inherit;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n
|
|
18
|
+
var Popover$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 color: inherit;\n border-radius: 0;\n line-height: inherit;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n .tippy-content {\n padding: 0;\n }\n\n .tippy-arrow {\n ", "\n }\n\n && > .tippy-arrow::before {\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n & > .tippy-arrow::after {\n content: '';\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n &[data-placement^='top'] {\n & > .tippy-arrow:before {\n bottom: -16px;\n left: -5px;\n border-width: 15px 13px 0;\n ", "\n }\n\n & > .tippy-arrow:after {\n bottom: -15px;\n left: -5px;\n border-width: 15px 13px 0;\n border-top-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='right'] {\n & > .tippy-arrow:before {\n bottom: -5px;\n left: -16px;\n border-width: 13px 15px 13px 0;\n ", "\n }\n\n & > .tippy-arrow:after {\n bottom: -5px;\n left: -15px;\n border-width: 13px 15px 13px 0;\n border-right-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='bottom'] {\n & > .tippy-arrow:before {\n top: -16px;\n left: -5px;\n border-width: 0 13px 15px 13px;\n ", "\n }\n\n & > .tippy-arrow:after {\n top: -14.5px;\n left: -5px;\n border-width: 0 13px 15px 13px;\n border-bottom-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='left'] {\n & > .tippy-arrow::before {\n bottom: -5px;\n right: -16px;\n border-width: 13px 0 13px 15px;\n ", "\n }\n\n & > .tippy-arrow::after {\n bottom: -5px;\n right: -15px;\n border-width: 13px 0 13px 15px;\n border-left-color: initial;\n transform-origin: center top;\n }\n }\n"])), function (props) {
|
|
19
19
|
return props.theme.primaryFontFamily;
|
|
20
20
|
}, function (props) {
|
|
21
21
|
return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
@@ -32,15 +32,15 @@ var Popover$1 = styled__default['default'](TippyTooltip__default['default']).att
|
|
|
32
32
|
}, function (props) {
|
|
33
33
|
return props.contextMenuSublevel && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n &[data-placement^='right-start'],\n &[data-placement^='left-start'] {\n margin-top: -4px;\n }\n\n &[data-placement^='left'] {\n margin-right: -6px;\n }\n\n &[data-placement^='right'] {\n margin-left: -6px;\n }\n "])));
|
|
34
34
|
}, function (props) {
|
|
35
|
-
return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('white'));
|
|
35
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('white'), 1);
|
|
36
36
|
}, function (props) {
|
|
37
|
-
return props.theme.themeProp('border-top-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-
|
|
37
|
+
return props.theme.themeProp('border-top-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1);
|
|
38
38
|
}, function (props) {
|
|
39
|
-
return props.theme.themeProp('border-right-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-
|
|
39
|
+
return props.theme.themeProp('border-right-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1);
|
|
40
40
|
}, function (props) {
|
|
41
|
-
return props.theme.themeProp('border-bottom-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-
|
|
41
|
+
return props.theme.themeProp('border-bottom-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1);
|
|
42
42
|
}, function (props) {
|
|
43
|
-
return props.theme.themeProp('border-left-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-
|
|
43
|
+
return props.theme.themeProp('border-left-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1);
|
|
44
44
|
});
|
|
45
45
|
|
|
46
46
|
var Popover = React__default['default'].forwardRef(function Popover(_ref, ref) {
|