@ntbjs/react-components 1.2.0-rc.83 → 1.2.0-rc.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/{AssetGallery-26d11836.js → AssetGallery-496af465.js} +1 -1
  2. package/{CompactAutocompleteSelect-b8718825.js → CompactAutocompleteSelect-7735d0a5.js} +5 -17
  3. package/{Instructions-cfb1dcd7.js → Instructions-086feabc.js} +1 -1
  4. package/inputs/CompactAutocompleteSelect/index.js +2 -2
  5. package/inputs/index.js +1 -1
  6. package/package.json +1 -1
  7. package/widgets/AssetGallery/index.js +2 -2
  8. package/widgets/Instructions/index.js +2 -2
  9. package/widgets/index.js +3 -3
package/{AssetGallery-26d11836.js → AssetGallery-496af465.js} RENAMED
@@ -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-b8718825.js');
22
+ require('./CompactAutocompleteSelect-7735d0a5.js');
23
23
  require('./CompactStarRating-bbe8800b.js');
24
24
  require('./CompactTextInput-72224756.js');
25
25
  require('./MultiSelect-149a817b.js');
package/{CompactAutocompleteSelect-b8718825.js → CompactAutocompleteSelect-7735d0a5.js} RENAMED
@@ -1,7 +1,6 @@
1
1
  'use strict';
2
2
 
3
3
  var defaultTheme = require('./defaultTheme-cd01e6c2.js');
4
- var lodash = require('lodash');
5
4
  var nanoid = require('nanoid');
6
5
  var React = require('react');
7
6
  require('./Alert-d69a3f95.js');
@@ -61,7 +60,7 @@ var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDe
61
60
  }, function (props) {
62
61
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
63
62
  });
64
- var AsyncCreatableAutocompleteSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
63
+ styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n }\n"])), sharedStyle, function (props) {
65
64
  return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
66
65
  }, function (props) {
67
66
  return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
@@ -71,12 +70,12 @@ var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginat
71
70
  }, function (props) {
72
71
  return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
73
72
  });
74
- var AutocompletSelect = 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) {
73
+ 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) {
75
74
  return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
76
75
  }, function (props) {
77
76
  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
78
77
  });
79
- var AutocompletCreatableSelect = styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
78
+ styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
80
79
  return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
81
80
  });
82
81
  var Control = 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) {
@@ -154,7 +153,6 @@ var IndicatorSeparator = styled__default["default"](Select.components.IndicatorS
154
153
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
155
154
  });
156
155
 
157
- var _excluded = ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "type", "descriptionToolTip", "loadingIcon", "successIcon"];
158
156
  var CompactAutocompleteSelect = React__default["default"].forwardRef(function CompactAutocompleteSelect(_ref, forwardedRef) {
159
157
  var label = _ref.label,
160
158
  availableOptions = _ref.availableOptions,
@@ -165,7 +163,6 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
165
163
  createNewOptionMessageFunc = _ref.createNewOptionMessageFunc,
166
164
  onUpdateCallback = _ref.onUpdateCallback,
167
165
  loadingMessageFunc = _ref.loadingMessageFunc,
168
- creatable = _ref.creatable,
169
166
  readOnly = _ref.readOnly,
170
167
  edit = _ref.edit,
171
168
  disabled = _ref.disabled,
@@ -173,8 +170,7 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
173
170
  type = _ref.type,
174
171
  descriptionToolTip = _ref.descriptionToolTip,
175
172
  loadingIcon = _ref.loadingIcon,
176
- successIcon = _ref.successIcon,
177
- props = defaultTheme._objectWithoutProperties(_ref, _excluded);
173
+ successIcon = _ref.successIcon;
178
174
  var _useState = React.useState(nanoid.nanoid()),
179
175
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
180
176
  uniqueId = _useState2[0];
@@ -357,15 +353,7 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
357
353
  }, React__default["default"].createElement(InputContainer, null, label && React__default["default"].createElement(Label, {
358
354
  htmlFor: uniqueId,
359
355
  disabled: disabled
360
- }, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), loadOptions ? creatable ? React__default["default"].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
361
- $hasLabel: !lodash.isEmpty(label)
362
- }, sharedSelectProps, props)) : React__default["default"].createElement(AsyncAutocompleteSelect, defaultTheme._extends({
363
- $hasLabel: !lodash.isEmpty(label)
364
- }, sharedSelectProps, props)) : creatable ? React__default["default"].createElement(AutocompletCreatableSelect, defaultTheme._extends({
365
- $hasLabel: !lodash.isEmpty(label)
366
- }, sharedSelectProps, props)) : React__default["default"].createElement(AutocompletSelect, defaultTheme._extends({
367
- $hasLabel: !lodash.isEmpty(label)
368
- }, sharedSelectProps, props))));
356
+ }, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(AsyncAutocompleteSelect, sharedSelectProps)));
369
357
  };
370
358
  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, {
371
359
  content: memoizedDescriptionToolTip,
package/{Instructions-cfb1dcd7.js → Instructions-086feabc.js} RENAMED
@@ -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-b8718825.js');
7
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-7735d0a5.js');
8
8
  var TextArea = require('./TextArea-c2620d92.js');
9
9
  var styled = require('styled-components');
10
10
 
package/inputs/CompactAutocompleteSelect/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-b8718825.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-7735d0a5.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
- require('lodash');
7
6
  require('nanoid');
8
7
  require('react');
9
8
  require('../../Alert-d69a3f95.js');
9
+ require('lodash');
10
10
  require('../../Badge-cbbff6b8.js');
11
11
  require('../../Popover-c5e425a7.js');
12
12
  require('polished');
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-b8718825.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-7735d0a5.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
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.83",
3
+ "version": "1.2.0-rc.85",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-26d11836.js');
3
+ var AssetGallery = require('../../AssetGallery-496af465.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-b8718825.js');
35
+ require('../../CompactAutocompleteSelect-7735d0a5.js');
36
36
  require('react-select');
37
37
  require('react-select-async-paginate');
38
38
  require('../../react-select-creatable.esm-66ca61dc.js');
package/widgets/Instructions/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-cfb1dcd7.js');
3
+ var Instructions = require('../../Instructions-086feabc.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-b8718825.js');
9
+ require('../../CompactAutocompleteSelect-7735d0a5.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-26d11836.js');
5
+ var AssetGallery = require('../AssetGallery-496af465.js');
6
6
  var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-c9e45035.js');
8
- var Instructions = require('../Instructions-cfb1dcd7.js');
8
+ var Instructions = require('../Instructions-086feabc.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-b8718825.js');
39
+ require('../CompactAutocompleteSelect-7735d0a5.js');
40
40
  require('react-select');
41
41
  require('react-select-async-paginate');
42
42
  require('../react-select-creatable.esm-66ca61dc.js');