@ntbjs/react-components 1.2.0-rc.85 → 1.2.0-rc.87
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-496af465.js → AssetGallery-c6cee613.js} +1 -1
- package/{CompactAutocompleteSelect-7735d0a5.js → CompactAutocompleteSelect-1987e05f.js} +4 -10
- package/{Instructions-086feabc.js → Instructions-b1cfa4f4.js} +1 -1
- package/inputs/CompactAutocompleteSelect/index.js +1 -1
- package/inputs/index.js +1 -1
- package/package.json +1 -1
- package/widgets/AssetGallery/index.js +2 -2
- package/widgets/Instructions/index.js +2 -2
- package/widgets/index.js +3 -3
|
@@ -19,7 +19,7 @@ require('./VerificationStatusIcon-3bae6e2f.js');
|
|
|
19
19
|
var ActionButton = require('./ActionButton-a9316775.js');
|
|
20
20
|
require('./Button-39607724.js');
|
|
21
21
|
require('./Checkbox-ad9c9e54.js');
|
|
22
|
-
require('./CompactAutocompleteSelect-
|
|
22
|
+
require('./CompactAutocompleteSelect-1987e05f.js');
|
|
23
23
|
require('./CompactStarRating-bbe8800b.js');
|
|
24
24
|
require('./CompactTextInput-72224756.js');
|
|
25
25
|
require('./MultiSelect-149a817b.js');
|
|
@@ -153,6 +153,7 @@ var IndicatorSeparator = styled__default["default"](Select.components.IndicatorS
|
|
|
153
153
|
return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
|
|
154
154
|
});
|
|
155
155
|
|
|
156
|
+
var _excluded = ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "readOnly", "edit", "disabled", "hidden", "type", "descriptionToolTip", "loadingIcon", "successIcon"];
|
|
156
157
|
var CompactAutocompleteSelect = React__default["default"].forwardRef(function CompactAutocompleteSelect(_ref, forwardedRef) {
|
|
157
158
|
var label = _ref.label,
|
|
158
159
|
availableOptions = _ref.availableOptions,
|
|
@@ -170,7 +171,8 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
|
|
|
170
171
|
type = _ref.type,
|
|
171
172
|
descriptionToolTip = _ref.descriptionToolTip,
|
|
172
173
|
loadingIcon = _ref.loadingIcon,
|
|
173
|
-
successIcon = _ref.successIcon
|
|
174
|
+
successIcon = _ref.successIcon,
|
|
175
|
+
props = defaultTheme._objectWithoutProperties(_ref, _excluded);
|
|
174
176
|
var _useState = React.useState(nanoid.nanoid()),
|
|
175
177
|
_useState2 = defaultTheme._slicedToArray(_useState, 1),
|
|
176
178
|
uniqueId = _useState2[0];
|
|
@@ -182,10 +184,6 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
|
|
|
182
184
|
_useState6 = defaultTheme._slicedToArray(_useState5, 2),
|
|
183
185
|
focused = _useState6[0],
|
|
184
186
|
setFocused = _useState6[1];
|
|
185
|
-
var _useState7 = React.useState(0),
|
|
186
|
-
_useState8 = defaultTheme._slicedToArray(_useState7, 2),
|
|
187
|
-
cacheUnique = _useState8[0],
|
|
188
|
-
setCacheUnique = _useState8[1];
|
|
189
187
|
var memoizedDescriptionToolTip = React.useMemo(function () {
|
|
190
188
|
return descriptionToolTip;
|
|
191
189
|
}, [descriptionToolTip]);
|
|
@@ -298,16 +296,12 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
|
|
|
298
296
|
isSearchable: true,
|
|
299
297
|
placeholder: placeholder,
|
|
300
298
|
id: uniqueId,
|
|
301
|
-
cacheUniqs: loadOptions ? [cacheUnique] : undefined,
|
|
302
299
|
onChange: function onChange(selected, actionMeta) {
|
|
303
300
|
switch (actionMeta.action) {
|
|
304
301
|
case 'create-option':
|
|
305
302
|
if (onUpdateCallback) {
|
|
306
303
|
onUpdateCallback(actionMeta.action, selected.value);
|
|
307
304
|
}
|
|
308
|
-
if (loadOptions) {
|
|
309
|
-
setCacheUnique(cacheUnique + 1);
|
|
310
|
-
}
|
|
311
305
|
setSelected(selected);
|
|
312
306
|
break;
|
|
313
307
|
case 'select-option':
|
|
@@ -353,7 +347,7 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
|
|
|
353
347
|
}, React__default["default"].createElement(InputContainer, null, label && React__default["default"].createElement(Label, {
|
|
354
348
|
htmlFor: uniqueId,
|
|
355
349
|
disabled: disabled
|
|
356
|
-
}, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(AsyncAutocompleteSelect, sharedSelectProps)));
|
|
350
|
+
}, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(AsyncAutocompleteSelect, defaultTheme._extends({}, props, sharedSelectProps))));
|
|
357
351
|
};
|
|
358
352
|
return React__default["default"].createElement(React__default["default"].Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default["default"].createElement("div", null, React__default["default"].createElement(Tooltip.Tooltip, {
|
|
359
353
|
content: memoizedDescriptionToolTip,
|
|
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.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-
|
|
7
|
+
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-1987e05f.js');
|
|
8
8
|
var TextArea = require('./TextArea-c2620d92.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-
|
|
3
|
+
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-1987e05f.js');
|
|
4
4
|
require('../../defaultTheme-cd01e6c2.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('nanoid');
|
package/inputs/index.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var ActionButton = require('../ActionButton-a9316775.js');
|
|
6
6
|
var Button = require('../Button-39607724.js');
|
|
7
7
|
var Checkbox = require('../Checkbox-ad9c9e54.js');
|
|
8
|
-
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-
|
|
8
|
+
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-1987e05f.js');
|
|
9
9
|
var CompactStarRating = require('../CompactStarRating-bbe8800b.js');
|
|
10
10
|
var CompactTextInput = require('../CompactTextInput-72224756.js');
|
|
11
11
|
var MultiSelect = require('../MultiSelect-149a817b.js');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetGallery = require('../../AssetGallery-
|
|
3
|
+
var AssetGallery = require('../../AssetGallery-c6cee613.js');
|
|
4
4
|
require('../../defaultTheme-cd01e6c2.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
@@ -32,7 +32,7 @@ require('../../ActionButton-a9316775.js');
|
|
|
32
32
|
require('../../Button-39607724.js');
|
|
33
33
|
require('../../ContextMenu-4eb8fdc5.js');
|
|
34
34
|
require('../../expand-more-d74e2bd2.js');
|
|
35
|
-
require('../../CompactAutocompleteSelect-
|
|
35
|
+
require('../../CompactAutocompleteSelect-1987e05f.js');
|
|
36
36
|
require('react-select');
|
|
37
37
|
require('react-select-async-paginate');
|
|
38
38
|
require('../../react-select-creatable.esm-66ca61dc.js');
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Instructions = require('../../Instructions-
|
|
3
|
+
var Instructions = require('../../Instructions-b1cfa4f4.js');
|
|
4
4
|
require('../../defaultTheme-cd01e6c2.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../../warning-circle-478e65cc.js');
|
|
9
|
-
require('../../CompactAutocompleteSelect-
|
|
9
|
+
require('../../CompactAutocompleteSelect-1987e05f.js');
|
|
10
10
|
require('nanoid');
|
|
11
11
|
require('../../Alert-d69a3f95.js');
|
|
12
12
|
require('../../Badge-cbbff6b8.js');
|
package/widgets/index.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var AssetGallery = require('../AssetGallery-
|
|
5
|
+
var AssetGallery = require('../AssetGallery-c6cee613.js');
|
|
6
6
|
var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
|
|
7
7
|
var AssetPreviewTopBar = require('../AssetPreviewTopBar-c9e45035.js');
|
|
8
|
-
var Instructions = require('../Instructions-
|
|
8
|
+
var Instructions = require('../Instructions-b1cfa4f4.js');
|
|
9
9
|
require('../defaultTheme-cd01e6c2.js');
|
|
10
10
|
require('styled-components');
|
|
11
11
|
require('lodash');
|
|
@@ -36,7 +36,7 @@ require('../warning-circle-478e65cc.js');
|
|
|
36
36
|
require('../ActionButton-a9316775.js');
|
|
37
37
|
require('../Button-39607724.js');
|
|
38
38
|
require('../expand-more-d74e2bd2.js');
|
|
39
|
-
require('../CompactAutocompleteSelect-
|
|
39
|
+
require('../CompactAutocompleteSelect-1987e05f.js');
|
|
40
40
|
require('react-select');
|
|
41
41
|
require('react-select-async-paginate');
|
|
42
42
|
require('../react-select-creatable.esm-66ca61dc.js');
|