@ntbjs/react-components 1.1.0-beta.60 → 1.1.0-beta.62

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.
@@ -7,10 +7,10 @@ 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('./AutocompleteSelect-45be3cb4.js');
11
10
  require('./Button-dd271c4b.js');
12
11
  require('./Checkbox-012bbd3f.js');
13
- require('./CompactStarRating-942afff1.js');
12
+ require('./CompactAutocompleteSelect-91f96ef4.js');
13
+ require('./CompactStarRating-9c4c4f2c.js');
14
14
  require('./CompactTextInput-e9c99aa3.js');
15
15
  require('./MultiSelect-5b008b32.js');
16
16
  require('./Radio-0594409d.js');
@@ -39,7 +39,9 @@ var AssetPreviewTopBar$1 = styled__default['default'].div.attrs(defaultTheme.app
39
39
  }, function (props) {
40
40
  return props.shadow && props.theme.themeProp('box-shadow', '0 -2px 12px #505050', '0 -3px 12px #b0b6b9');
41
41
  });
42
- var BackButtonContainer = styled__default['default'].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n font-size: 1.125rem;\n color: inherit;\n\n &:hover {\n cursor: pointer;\n }\n\n > svg {\n height: 24px;\n margin-right: 16px;\n width: 24px;\n }\n"])));
42
+ var BackButtonContainer = styled__default['default'].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n font-size: 1.125rem;\n ", ";\n\n &:hover {\n cursor: pointer;\n }\n\n > svg {\n height: 24px;\n margin-right: 16px;\n width: 24px;\n }\n"])), function (props) {
43
+ return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
44
+ });
43
45
  var LeftText = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1.125rem;\n margin-left: 16px;\n\n ", ";\n"])), function (props) {
44
46
  return props.theme.themeProp('color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
45
47
  });
@@ -24,7 +24,7 @@ var sharedStyle = styled.css(_templateObject || (_templateObject = defaultTheme.
24
24
  }, function (props) {
25
25
  return props.$hasLabel ? '66.66%' : '100%';
26
26
  });
27
- var AutocompleteSelect$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) {
27
+ 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
28
  return props.theme.primaryFontFamily;
29
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 margin-right: 8px;\n"])), function (props) {
@@ -35,7 +35,7 @@ var AsyncCreatableAutocompleteSelect = styled__default['default'](AsyncCreatable
35
35
  var AsyncAutocompleteSelect = styled__default['default'](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
36
36
  var AutocompletSelect = styled__default['default'](Select__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
37
37
  var AutocompletCreatableSelect = styled__default['default'](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
38
- var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n && {\n height: 22px;\n min-height: 22px;\n background: transparent;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 4px;\n cursor: text;\n border: 1px solid transparent;\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"])), function (props) {
38
+ var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n && {\n height: 22px;\n min-height: 22px;\n background: transparent;\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 & .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 &&:not(:hover):not(:focus) {\n ", ";\n }\n"])), function (props) {
39
39
  return props.warning && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#fffde8');
40
40
  }, function (props) {
41
41
  return props.error && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#fbeae6');
@@ -51,8 +51,10 @@ var Control = styled__default['default'](Select.components.Control).attrs(defaul
51
51
  return props.warning && !props.isFocused && props.theme.themeProp('background', '#816600', '#fffebf');
52
52
  }, function (props) {
53
53
  return props.error && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
54
+ }, function (props) {
55
+ return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
54
56
  });
55
- var Option$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\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) {
57
+ var Option$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = 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) {
56
58
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
57
59
  }, function (props) {
58
60
  return props.isFocused && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
@@ -75,7 +77,7 @@ var Input = styled__default['default'](Select.components.Input).attrs(defaultThe
75
77
  var Menu = styled__default['default'](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
76
78
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
77
79
  });
78
- var ValueContainer = styled__default['default'](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n"])));
80
+ var ValueContainer = styled__default['default'](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n }\n"])));
79
81
  var ClearIndicator$1 = styled__default['default'](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
80
82
  return props.isFocused ? 'flex' : 'none';
81
83
  }, function (props) {
@@ -96,7 +98,7 @@ var IndicatorSeparator$1 = styled__default['default'](Select.components.Indicato
96
98
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
97
99
  });
98
100
 
99
- var AutocompleteSelect = React__default['default'].forwardRef(function AutocompleteSelect(_ref, forwardedRef) {
101
+ var CompactAutocompleteSelect = React__default['default'].forwardRef(function CompactAutocompleteSelect(_ref, forwardedRef) {
100
102
  var label = _ref.label,
101
103
  availableOptions = _ref.availableOptions,
102
104
  placeholder = _ref.placeholder,
@@ -108,10 +110,12 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
108
110
  loadingMessageFunc = _ref.loadingMessageFunc,
109
111
  creatable = _ref.creatable,
110
112
  readOnly = _ref.readOnly,
113
+ edit = _ref.edit,
111
114
  disabled = _ref.disabled,
112
115
  error = _ref.error,
116
+ hidden = _ref.hidden,
113
117
  warning = _ref.warning,
114
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "disabled", "error", "warning"]);
118
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "error", "hidden", "warning"]);
115
119
 
116
120
  var _useState = React.useState(nanoid.nanoid()),
117
121
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -136,6 +140,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
136
140
  var control = function control(props) {
137
141
  return React__default['default'].createElement(Control, defaultTheme._extends({
138
142
  className: "select-control",
143
+ edit: edit,
139
144
  error: error,
140
145
  warning: warning
141
146
  }, props));
@@ -282,7 +287,8 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
282
287
  }
283
288
  }
284
289
  };
285
- return React__default['default'].createElement(AutocompleteSelect$1, null, React__default['default'].createElement(InputContainer, null, label && React__default['default'].createElement(Label, {
290
+ if (hidden) return null;
291
+ return React__default['default'].createElement(CompactAutocompleteSelect$1, null, React__default['default'].createElement(InputContainer, null, label && React__default['default'].createElement(Label, {
286
292
  htmlFor: uniqueId
287
293
  }, label), loadOptions ? creatable ? React__default['default'].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
288
294
  $hasLabel: !lodash.isEmpty(label)
@@ -294,7 +300,7 @@ var AutocompleteSelect = React__default['default'].forwardRef(function Autocompl
294
300
  $hasLabel: !lodash.isEmpty(label)
295
301
  }, sharedSelectProps, props))));
296
302
  });
297
- AutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
303
+ CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
298
304
  label: defaultTheme.PropTypes.string,
299
305
  placeholder: defaultTheme.PropTypes.string,
300
306
  availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
@@ -304,13 +310,15 @@ AutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
304
310
  createNewOptionMessageFunc: defaultTheme.PropTypes.func,
305
311
  noOptionsMessageFunc: defaultTheme.PropTypes.func,
306
312
  readOnly: defaultTheme.PropTypes.bool,
313
+ edit: defaultTheme.PropTypes.bool,
314
+ hidden: defaultTheme.PropTypes.bool,
307
315
  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
308
316
  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
309
317
  onUpdateCallback: defaultTheme.PropTypes.func,
310
318
  creatable: defaultTheme.PropTypes.bool,
311
319
  disabled: defaultTheme.PropTypes.bool
312
320
  } : {};
313
- AutocompleteSelect.defaultProps = {
321
+ CompactAutocompleteSelect.defaultProps = {
314
322
  noOptionsMessageFunc: function noOptionsMessageFunc(inputValue) {
315
323
  if (inputValue) {
316
324
  return "No matches for \"".concat(inputValue, "\"");
@@ -321,8 +329,10 @@ AutocompleteSelect.defaultProps = {
321
329
  readOnly: false,
322
330
  disabled: false,
323
331
  creatable: true,
332
+ edit: false,
324
333
  error: false,
325
- warning: false
334
+ warning: false,
335
+ hidden: false
326
336
  };
327
337
 
328
338
  var Option = function Option(props) {
@@ -365,4 +375,4 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
365
375
  }, props));
366
376
  };
367
377
 
368
- exports.AutocompleteSelect = AutocompleteSelect;
378
+ exports.CompactAutocompleteSelect = CompactAutocompleteSelect;
@@ -38,10 +38,12 @@ var CompactStarRating$1 = styled__default['default'].div.attrs(defaultTheme.appl
38
38
  var labelWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n width: 33.3%;\n display: flex;\n align-items: center;\n text-align: left;\n font: normal normal normal 14px/16px Roboto;\n letter-spacing: 0px;\n padding: 0;\n height: 19px;\n\n ", "\n"])), function (props) {
39
39
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
40
40
  });
41
- var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.6%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n\n ", "\n\n ", "\n"])), function (props) {
41
+ var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.6%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n padding: 1px 10px;\n\n ", "\n\n ", "\n &&:not(:hover):not(:focus) {\n ", ";\n }\n"])), function (props) {
42
42
  return props.error && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'));
43
43
  }, function (props) {
44
44
  return props.warning && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
45
+ }, function (props) {
46
+ return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
45
47
  });
46
48
  var Star = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n"])), function (props) {
47
49
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -108,9 +110,10 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
108
110
  error = _ref.error,
109
111
  warning = _ref.warning,
110
112
  readOnly = _ref.readOnly,
113
+ edit = _ref.edit,
111
114
  hidden = _ref.hidden,
112
115
  getRatingProp = _ref.getRating,
113
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "hidden", "getRating"]);
116
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "edit", "hidden", "getRating"]);
114
117
 
115
118
  var stars = Array.from(Array(max).keys());
116
119
 
@@ -216,6 +219,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
216
219
  onChange: onChange,
217
220
  onBlur: onBlur
218
221
  }, props), React__default['default'].createElement(labelWidth, null, label), React__default['default'].createElement(starsWidth, {
222
+ edit: edit,
219
223
  error: hasError,
220
224
  warning: hasWarning
221
225
  }, stars.map(function (key) {
@@ -252,6 +256,7 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
252
256
  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
253
257
  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
254
258
  readOnly: defaultTheme.PropTypes.bool,
259
+ edit: defaultTheme.PropTypes.bool,
255
260
  hidden: defaultTheme.PropTypes.bool,
256
261
  getRating: defaultTheme.PropTypes.func
257
262
  } : {};
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var TextArea = require('./TextArea-6dad1bbe.js');
7
- var AutocompleteSelect = require('./AutocompleteSelect-45be3cb4.js');
7
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-91f96ef4.js');
8
8
  var warningCircle = require('./warning-circle-24522402.js');
9
9
  var lodash = require('lodash');
10
10
 
@@ -173,7 +173,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
173
173
  }, props), React__default['default'].createElement(TopBarContainer, {
174
174
  initialHover: initialHover,
175
175
  className: isHovered && !readOnly && 'slide-in'
176
- }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(AutocompleteSelect.AutocompleteSelect, defaultTheme._extends({
176
+ }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(CompactAutocompleteSelect.CompactAutocompleteSelect, defaultTheme._extends({
177
177
  warning: true,
178
178
  value: selectedOption,
179
179
  creatable: false,
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AutocompleteSelect = require('../../AutocompleteSelect-45be3cb4.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-91f96ef4.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -15,4 +15,4 @@ require('../../expand-more-94585605.js');
15
15
 
16
16
 
17
17
 
18
- module.exports = AutocompleteSelect.AutocompleteSelect;
18
+ module.exports = CompactAutocompleteSelect.CompactAutocompleteSelect;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-942afff1.js');
3
+ var CompactStarRating = require('../../CompactStarRating-9c4c4f2c.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -3,10 +3,10 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var ActionButton = require('../ActionButton-c3f5ed94.js');
6
- var AutocompleteSelect = require('../AutocompleteSelect-45be3cb4.js');
7
6
  var Button = require('../Button-dd271c4b.js');
8
7
  var Checkbox = require('../Checkbox-012bbd3f.js');
9
- var CompactStarRating = require('../CompactStarRating-942afff1.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-91f96ef4.js');
9
+ var CompactStarRating = require('../CompactStarRating-9c4c4f2c.js');
10
10
  var CompactTextInput = require('../CompactTextInput-e9c99aa3.js');
11
11
  var MultiSelect = require('../MultiSelect-5b008b32.js');
12
12
  var Radio = require('../Radio-0594409d.js');
@@ -16,19 +16,19 @@ var Switch = require('../Switch-cd165c8c.js');
16
16
  require('../defaultTheme-50f2b88f.js');
17
17
  require('styled-components');
18
18
  require('react');
19
- require('nanoid');
19
+ require('../Popover-11df9750.js');
20
20
  require('lodash');
21
+ require('polished');
22
+ require('@tippyjs/react');
23
+ require('../shift-away-subtle-cfdf1dbe.js');
24
+ require('../ContextMenu-d088833b.js');
25
+ require('../expand-more-94585605.js');
26
+ require('nanoid');
21
27
  require('react-select');
22
28
  require('../react-select-creatable.esm-2f23d6c6.js');
23
29
  require('react-dom');
24
30
  require('react-select-async-paginate');
25
31
  require('../close-ebf2f3cf.js');
26
- require('../expand-more-94585605.js');
27
- require('../Popover-11df9750.js');
28
- require('polished');
29
- require('@tippyjs/react');
30
- require('../shift-away-subtle-cfdf1dbe.js');
31
- require('../ContextMenu-d088833b.js');
32
32
  require('../edit-note-c47d292e.js');
33
33
  require('../Alert-3e4f8be1.js');
34
34
  require('../Badge-9bcebe96.js');
@@ -39,9 +39,9 @@ require('../Tooltip-f4f9ab8f.js');
39
39
 
40
40
 
41
41
  exports.ActionButton = ActionButton.ActionButton;
42
- exports.AutocompleteSelect = AutocompleteSelect.AutocompleteSelect;
43
42
  exports.Button = Button.Button;
44
43
  exports.Checkbox = Checkbox.Checkbox;
44
+ exports.CompactAutocompleteSelect = CompactAutocompleteSelect.CompactAutocompleteSelect;
45
45
  exports.CompactStarRating = CompactStarRating.CompactStarRating;
46
46
  exports.CompactTextInput = CompactTextInput.CompactTextInput;
47
47
  exports.MultiSelect = MultiSelect.MultiSelect;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.60",
3
+ "version": "1.1.0-beta.62",
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",
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-edf42a11.js');
3
+ var AssetGallery = require('../../AssetGallery-05297c7a.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -11,21 +11,21 @@ require('../../edit-note-c47d292e.js');
11
11
  require('resize-observer-polyfill');
12
12
  require('react-lazy-load-image-component');
13
13
  require('../../ActionButton-c3f5ed94.js');
14
- require('../../AutocompleteSelect-45be3cb4.js');
15
- require('react-select');
16
- require('../../react-select-creatable.esm-2f23d6c6.js');
17
- require('react-dom');
18
- require('react-select-async-paginate');
19
- require('../../close-ebf2f3cf.js');
20
- require('../../expand-more-94585605.js');
21
14
  require('../../Button-dd271c4b.js');
22
15
  require('../../Popover-11df9750.js');
23
16
  require('polished');
24
17
  require('@tippyjs/react');
25
18
  require('../../shift-away-subtle-cfdf1dbe.js');
26
19
  require('../../ContextMenu-d088833b.js');
20
+ require('../../expand-more-94585605.js');
27
21
  require('../../Checkbox-012bbd3f.js');
28
- require('../../CompactStarRating-942afff1.js');
22
+ require('../../CompactAutocompleteSelect-91f96ef4.js');
23
+ require('react-select');
24
+ require('../../react-select-creatable.esm-2f23d6c6.js');
25
+ require('react-dom');
26
+ require('react-select-async-paginate');
27
+ require('../../close-ebf2f3cf.js');
28
+ require('../../CompactStarRating-9c4c4f2c.js');
29
29
  require('../../CompactTextInput-e9c99aa3.js');
30
30
  require('../../Alert-3e4f8be1.js');
31
31
  require('../../Badge-9bcebe96.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-159b9885.js');
3
+ var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-449e6019.js');
4
4
  require('../../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-504093f2.js');
3
+ var Instructions = require('../../Instructions-791f977a.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -8,7 +8,7 @@ require('../../TextArea-6dad1bbe.js');
8
8
  require('nanoid');
9
9
  require('lodash');
10
10
  require('../../edit-note-c47d292e.js');
11
- require('../../AutocompleteSelect-45be3cb4.js');
11
+ require('../../CompactAutocompleteSelect-91f96ef4.js');
12
12
  require('react-select');
13
13
  require('../../react-select-creatable.esm-2f23d6c6.js');
14
14
  require('react-dom');
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-edf42a11.js');
5
+ var AssetGallery = require('../AssetGallery-05297c7a.js');
6
6
  var ContextMenu = require('../ContextMenu-d088833b.js');
7
- var AssetPreviewTopBar = require('../AssetPreviewTopBar-159b9885.js');
8
- var Instructions = require('../Instructions-504093f2.js');
7
+ var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
8
+ var Instructions = require('../Instructions-791f977a.js');
9
9
  require('../defaultTheme-50f2b88f.js');
10
10
  require('styled-components');
11
11
  require('react');
@@ -16,20 +16,20 @@ require('../edit-note-c47d292e.js');
16
16
  require('resize-observer-polyfill');
17
17
  require('react-lazy-load-image-component');
18
18
  require('../ActionButton-c3f5ed94.js');
19
- require('../AutocompleteSelect-45be3cb4.js');
20
- require('react-select');
21
- require('../react-select-creatable.esm-2f23d6c6.js');
22
- require('react-dom');
23
- require('react-select-async-paginate');
24
- require('../close-ebf2f3cf.js');
25
- require('../expand-more-94585605.js');
26
19
  require('../Button-dd271c4b.js');
27
20
  require('../Popover-11df9750.js');
28
21
  require('polished');
29
22
  require('@tippyjs/react');
30
23
  require('../shift-away-subtle-cfdf1dbe.js');
24
+ require('../expand-more-94585605.js');
31
25
  require('../Checkbox-012bbd3f.js');
32
- require('../CompactStarRating-942afff1.js');
26
+ require('../CompactAutocompleteSelect-91f96ef4.js');
27
+ require('react-select');
28
+ require('../react-select-creatable.esm-2f23d6c6.js');
29
+ require('react-dom');
30
+ require('react-select-async-paginate');
31
+ require('../close-ebf2f3cf.js');
32
+ require('../CompactStarRating-9c4c4f2c.js');
33
33
  require('../CompactTextInput-e9c99aa3.js');
34
34
  require('../Alert-3e4f8be1.js');
35
35
  require('../Badge-9bcebe96.js');