@ntbjs/react-components 1.2.0-rc.27 → 1.2.0-rc.29

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 (15) hide show
  1. package/{AssetGallery-5e7a46df.js → AssetGallery-84a006d0.js} +5 -27
  2. package/{CompactAutocompleteSelect-43e79e21.js → CompactAutocompleteSelect-c48e47a3.js} +94 -70
  3. package/{CompactStarRating-8b377d59.js → CompactStarRating-5f0bb3da.js} +58 -35
  4. package/{CompactTextInput-f30941e5.js → CompactTextInput-fe403283.js} +15 -14
  5. package/{Instructions-06fa9d0c.js → Instructions-e46b9966.js} +2 -2
  6. package/{TextArea-65525d5a.js → TextArea-3d6443df.js} +58 -40
  7. package/inputs/CompactAutocompleteSelect/index.js +12 -1
  8. package/inputs/CompactStarRating/index.js +13 -1
  9. package/inputs/CompactTextInput/index.js +1 -1
  10. package/inputs/TextArea/index.js +1 -1
  11. package/inputs/index.js +10 -10
  12. package/package.json +1 -1
  13. package/widgets/AssetGallery/index.js +5 -5
  14. package/widgets/Instructions/index.js +10 -10
  15. package/widgets/index.js +6 -6
package/{AssetGallery-5e7a46df.js → AssetGallery-84a006d0.js} RENAMED
@@ -19,12 +19,12 @@ require('./VerificationStatusIcon-b574fd21.js');
19
19
  var ActionButton = require('./ActionButton-06df3d6c.js');
20
20
  require('./Button-c38d56a0.js');
21
21
  require('./Checkbox-68dc38a8.js');
22
- require('./CompactAutocompleteSelect-43e79e21.js');
23
- require('./CompactStarRating-8b377d59.js');
24
- require('./CompactTextInput-f30941e5.js');
22
+ require('./CompactAutocompleteSelect-c48e47a3.js');
23
+ require('./CompactStarRating-5f0bb3da.js');
24
+ require('./CompactTextInput-fe403283.js');
25
25
  require('./MultiSelect-4b8d3d0d.js');
26
26
  require('./Radio-32d0513a.js');
27
- require('./TextArea-65525d5a.js');
27
+ require('./TextArea-3d6443df.js');
28
28
  require('./TextInput-0d109708.js');
29
29
  require('./Switch-4a41585f.js');
30
30
  var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
@@ -1554,20 +1554,6 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
1554
1554
  scrollDirection.current = latestYOffset.current > previousYOffset.current ? 'down' : 'up';
1555
1555
  }
1556
1556
 
1557
- var compareFinalizedAssets = function compareFinalizedAssets(arr1, arr2) {
1558
- if (arr1.length !== arr2.length) {
1559
- return false;
1560
- }
1561
-
1562
- for (var i = 0; i < arr1.length; i++) {
1563
- if (arr1[i] !== arr2[i]) {
1564
- return false;
1565
- }
1566
- }
1567
-
1568
- return true;
1569
- };
1570
-
1571
1557
  var calculateVisibility = function calculateVisibility() {
1572
1558
  if (!assetGalleryDOMNode.current) return;
1573
1559
  var bufferTop = scrollDirection.current === 'up' ? PRIMARY_SCROLL_BUFFER_HEIGHT : SECONDARY_SCROLL_BUFFER_HEIGHT;
@@ -1577,7 +1563,6 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
1577
1563
  var yOffset = latestYOffset.current;
1578
1564
  var minTranslateYPlusHeight = yOffset - containerOffset - bufferTop;
1579
1565
  var maxTranslateY = yOffset - containerOffset + scrollerHeight + bufferBottom;
1580
- console.log('calculatedAssets', calculatedAssets);
1581
1566
  var finalizedAssets = calculatedAssets.current.map(function (asset) {
1582
1567
  if (scrollElement.self == window && (asset.layout.translateY + asset.layout.height < minTranslateYPlusHeight || asset.layout.translateY > maxTranslateY)) {
1583
1568
  asset.layout.show = false;
@@ -1587,16 +1572,9 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
1587
1572
 
1588
1573
  return asset;
1589
1574
  });
1590
- console.log('finalizedAssets before setAssets', finalizedAssets);
1591
- console.log('assets before setAssets', assetsProp);
1592
-
1593
- if (!compareFinalizedAssets(finalizedAssets, assetsProp)) {
1594
- setAssets(finalizedAssets);
1595
- }
1575
+ setAssets(finalizedAssets);
1596
1576
  };
1597
1577
 
1598
- console.log('assets after setAssets', assetsProp);
1599
-
1600
1578
  function getOffsetTop(elem) {
1601
1579
  var offsetTop = 0;
1602
1580
 
package/{CompactAutocompleteSelect-43e79e21.js → CompactAutocompleteSelect-c48e47a3.js} RENAMED
@@ -4,6 +4,13 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
4
4
  var lodash = require('lodash');
5
5
  var nanoid = require('nanoid');
6
6
  var React = require('react');
7
+ require('./Alert-13b75102.js');
8
+ require('./Badge-aec841c8.js');
9
+ require('./Popover-e4ecb887.js');
10
+ require('./Tab-f499ecbc.js');
11
+ require('./Tabs-4d7742bc.js');
12
+ var Tooltip = require('./Tooltip-6b6f0b0a.js');
13
+ require('./VerificationStatusIcon-b574fd21.js');
7
14
  var styled = require('styled-components');
8
15
  var Select = require('react-select');
9
16
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
@@ -79,23 +86,23 @@ var Control = styled__default['default'](Select.components.Control).attrs(defaul
79
86
  return props.type === 'success' ? fadeIn : fadeOut;
80
87
  });
81
88
  }, function (props) {
82
- return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C');
89
+ return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFFDE8');
83
90
  }, function (props) {
84
- return props.type === 'error' && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#fbeae6');
91
+ return props.type === 'error' && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#FBEAE6');
85
92
  }, function (props) {
86
93
  return props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'));
87
94
  }, function (props) {
88
- return props.type === 'warning' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-500'));
95
+ return props.type === 'warning' && props.isFocused && props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
89
96
  }, function (props) {
90
97
  return props.type === 'error' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500'));
91
98
  }, function (props) {
92
99
  return !props.isFocused && props.theme.themeProp('background-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
93
100
  }, function (props) {
94
- return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background', '#816600', '#F4E21E');
101
+ return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background', '#806403', '#FFFEBF');
95
102
  }, function (props) {
96
103
  return props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
97
104
  });
98
- var Option$1 = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ", "\n ", "\n ", "\n ", "\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n"])), function (props) {
105
+ var Option = styled__default['default'](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ", "\n ", "\n ", "\n ", "\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n"])), function (props) {
99
106
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
100
107
  }, function (props) {
101
108
  return props.isFocused && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
@@ -109,7 +116,7 @@ var Placeholder = styled__default['default'](Select.components.Placeholder).attr
109
116
  }, function (props) {
110
117
  return (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
111
118
  });
112
- var SingleValue$1 = styled__default['default'](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
119
+ var SingleValue = styled__default['default'](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n }\n"])), function (props) {
113
120
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
114
121
  });
115
122
  var Input = styled__default['default'](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ", "\n }\n"])), function (props) {
@@ -119,12 +126,12 @@ var Menu = styled__default['default'](Select.components.Menu).attrs(defaultTheme
119
126
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
120
127
  });
121
128
  var ValueContainer = styled__default['default'](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n && {\n padding: 0;\n }\n"])));
122
- var ClearIndicator$1 = styled__default['default'](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
129
+ var ClearIndicator = styled__default['default'](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n cursor: pointer;\n ", ";\n }\n"])), function (props) {
123
130
  return props.isFocused ? 'flex' : 'none';
124
131
  }, function (props) {
125
132
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
126
133
  });
127
- var DropdownIndicator$1 = styled__default['default'](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ", ";\n }\n"])), function (props) {
134
+ var DropdownIndicator = styled__default['default'](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ", ";\n }\n"])), function (props) {
128
135
  return props.isFocused ? 'flex' : 'none';
129
136
  }, function (props) {
130
137
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
@@ -133,7 +140,7 @@ var DropdownIndicatorIcon = styled__default['default'](expandMore.SvgExpandMore)
133
140
  var ClearIndicatorIcon = styled__default['default'](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n width: 8px;\n margin-right: 4px;\n ", ";\n stroke-width: 2px;\n"])), function (props) {
134
141
  return props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
135
142
  });
136
- var IndicatorSeparator$1 = styled__default['default'](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n margin: 4px;\n ", ";\n }\n"])), function (props) {
143
+ var IndicatorSeparator = styled__default['default'](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n && {\n display: ", ";\n margin: 4px;\n ", ";\n }\n"])), function (props) {
137
144
  return props.isFocused ? 'flex' : 'none';
138
145
  }, function (props) {
139
146
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
@@ -155,9 +162,11 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
155
162
  disabled = _ref.disabled,
156
163
  hidden = _ref.hidden,
157
164
  type = _ref.type,
165
+ descriptionToolTip = _ref.descriptionToolTip,
166
+ displayDescriptionToolTip = _ref.displayDescriptionToolTip,
158
167
  loadingIcon = _ref.loadingIcon,
159
168
  successIcon = _ref.successIcon,
160
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "type", "loadingIcon", "successIcon"]);
169
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "type", "descriptionToolTip", "displayDescriptionToolTip", "loadingIcon", "successIcon"]);
161
170
 
162
171
  var _useState = React.useState(nanoid.nanoid()),
163
172
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -224,14 +233,54 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
224
233
  }, props));
225
234
  };
226
235
 
236
+ var Option$1 = function Option$1(props) {
237
+ return !props.data.link ? React__default['default'].createElement(Option, defaultTheme._extends({
238
+ className: "menu-item"
239
+ }, props)) : React__default['default'].createElement(Option, props, React__default['default'].createElement("a", {
240
+ href: props.data.link
241
+ }, props.data.icon, props.label));
242
+ };
243
+
244
+ var SingleValue$1 = function SingleValue$1(props) {
245
+ return React__default['default'].createElement(SingleValue, defaultTheme._extends({
246
+ className: "menu-value"
247
+ }, props));
248
+ };
249
+
250
+ Option$1.propTypes = process.env.NODE_ENV !== "production" ? {
251
+ data: defaultTheme.PropTypes.shape({
252
+ icon: defaultTheme.PropTypes.node,
253
+ link: defaultTheme.PropTypes.string
254
+ }),
255
+ label: defaultTheme.PropTypes.string
256
+ } : {};
257
+
258
+ var DropdownIndicator$1 = function DropdownIndicator$1(props) {
259
+ return React__default['default'].createElement(DropdownIndicator, defaultTheme._extends({
260
+ className: "dropdown-indicator"
261
+ }, props), React__default['default'].createElement(DropdownIndicatorIcon, null));
262
+ };
263
+
264
+ var ClearIndicator$1 = function ClearIndicator$1(props) {
265
+ return React__default['default'].createElement(ClearIndicator, defaultTheme._extends({
266
+ className: "clear-indicator"
267
+ }, props), React__default['default'].createElement(ClearIndicatorIcon, null));
268
+ };
269
+
270
+ var IndicatorSeparator$1 = function IndicatorSeparator$1(props) {
271
+ return React__default['default'].createElement(IndicatorSeparator, defaultTheme._extends({
272
+ className: "indicator-separator"
273
+ }, props));
274
+ };
275
+
227
276
  var innerComponents = {
228
277
  Control: Control$1,
229
278
  ValueContainer: ValueContainer$1,
230
- DropdownIndicator: DropdownIndicator,
231
- IndicatorSeparator: IndicatorSeparator,
232
- ClearIndicator: ClearIndicator,
233
- Option: Option,
234
- SingleValue: SingleValue,
279
+ DropdownIndicator: DropdownIndicator$1,
280
+ IndicatorSeparator: IndicatorSeparator$1,
281
+ ClearIndicator: ClearIndicator$1,
282
+ Option: Option$1,
283
+ SingleValue: SingleValue$1,
235
284
  Input: Input$1,
236
285
  Placeholder: Placeholder$1,
237
286
  Menu: Menu$1
@@ -321,20 +370,31 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
321
370
  }
322
371
  };
323
372
  if (hidden) return null;
324
- return React__default['default'].createElement(CompactAutocompleteSelect$1, {
325
- disabled: disabled
326
- }, React__default['default'].createElement(InputContainer, null, label && React__default['default'].createElement(Label, {
327
- htmlFor: uniqueId,
328
- disabled: disabled
329
- }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), loadOptions ? creatable ? React__default['default'].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
330
- $hasLabel: !lodash.isEmpty(label)
331
- }, sharedSelectProps, props)) : React__default['default'].createElement(AsyncAutocompleteSelect, defaultTheme._extends({
332
- $hasLabel: !lodash.isEmpty(label)
333
- }, sharedSelectProps, props)) : creatable ? React__default['default'].createElement(AutocompletCreatableSelect, defaultTheme._extends({
334
- $hasLabel: !lodash.isEmpty(label)
335
- }, sharedSelectProps, props)) : React__default['default'].createElement(AutocompletSelect, defaultTheme._extends({
336
- $hasLabel: !lodash.isEmpty(label)
337
- }, sharedSelectProps, props))));
373
+
374
+ var input = function input() {
375
+ return React__default['default'].createElement(CompactAutocompleteSelect$1, {
376
+ disabled: disabled
377
+ }, React__default['default'].createElement(InputContainer, null, label && React__default['default'].createElement(Label, {
378
+ htmlFor: uniqueId,
379
+ disabled: disabled
380
+ }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), loadOptions ? creatable ? React__default['default'].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
381
+ $hasLabel: !lodash.isEmpty(label)
382
+ }, sharedSelectProps, props)) : React__default['default'].createElement(AsyncAutocompleteSelect, defaultTheme._extends({
383
+ $hasLabel: !lodash.isEmpty(label)
384
+ }, sharedSelectProps, props)) : creatable ? React__default['default'].createElement(AutocompletCreatableSelect, defaultTheme._extends({
385
+ $hasLabel: !lodash.isEmpty(label)
386
+ }, sharedSelectProps, props)) : React__default['default'].createElement(AutocompletSelect, defaultTheme._extends({
387
+ $hasLabel: !lodash.isEmpty(label)
388
+ }, sharedSelectProps, props))));
389
+ };
390
+
391
+ return React__default['default'].createElement(React__default['default'].Fragment, null, !descriptionToolTip && input(), descriptionToolTip && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
392
+ content: descriptionToolTip,
393
+ key: "tooltipTextArea1",
394
+ placement: "bottom-end",
395
+ visible: displayDescriptionToolTip,
396
+ zIndex: 999999
397
+ }, input())));
338
398
  });
339
399
  CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
340
400
  label: defaultTheme.PropTypes.string,
@@ -354,6 +414,8 @@ CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
354
414
  creatable: defaultTheme.PropTypes.bool,
355
415
  disabled: defaultTheme.PropTypes.bool,
356
416
  type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
417
+ descriptionToolTip: defaultTheme.PropTypes.string,
418
+ displayDescriptionToolTip: defaultTheme.PropTypes.bool,
357
419
  loadingIcon: defaultTheme.PropTypes.element,
358
420
  successIcon: defaultTheme.PropTypes.element
359
421
  } : {};
@@ -372,47 +434,9 @@ CompactAutocompleteSelect.defaultProps = {
372
434
  error: false,
373
435
  warning: false,
374
436
  hidden: false,
375
- type: ''
376
- };
377
-
378
- var Option = function Option(props) {
379
- return !props.data.link ? React__default['default'].createElement(Option$1, defaultTheme._extends({
380
- className: "menu-item"
381
- }, props)) : React__default['default'].createElement(Option$1, props, React__default['default'].createElement("a", {
382
- href: props.data.link
383
- }, props.data.icon, props.label));
384
- };
385
-
386
- var SingleValue = function SingleValue(props) {
387
- return React__default['default'].createElement(SingleValue$1, defaultTheme._extends({
388
- className: "menu-value"
389
- }, props));
390
- };
391
-
392
- Option.propTypes = process.env.NODE_ENV !== "production" ? {
393
- data: defaultTheme.PropTypes.shape({
394
- icon: defaultTheme.PropTypes.node,
395
- link: defaultTheme.PropTypes.string
396
- }),
397
- label: defaultTheme.PropTypes.string
398
- } : {};
399
-
400
- var DropdownIndicator = function DropdownIndicator(props) {
401
- return React__default['default'].createElement(DropdownIndicator$1, defaultTheme._extends({
402
- className: "dropdown-indicator"
403
- }, props), React__default['default'].createElement(DropdownIndicatorIcon, null));
404
- };
405
-
406
- var ClearIndicator = function ClearIndicator(props) {
407
- return React__default['default'].createElement(ClearIndicator$1, defaultTheme._extends({
408
- className: "clear-indicator"
409
- }, props), React__default['default'].createElement(ClearIndicatorIcon, null));
410
- };
411
-
412
- var IndicatorSeparator = function IndicatorSeparator(props) {
413
- return React__default['default'].createElement(IndicatorSeparator$1, defaultTheme._extends({
414
- className: "indicator-separator"
415
- }, props));
437
+ type: '',
438
+ descriptionToolTip: '',
439
+ displayDescriptionToolTip: false
416
440
  };
417
441
 
418
442
  exports.CompactAutocompleteSelect = CompactAutocompleteSelect;
package/{CompactStarRating-8b377d59.js → CompactStarRating-5f0bb3da.js} RENAMED
@@ -2,6 +2,13 @@
2
2
 
3
3
  var defaultTheme = require('./defaultTheme-ea44e34a.js');
4
4
  var React = require('react');
5
+ require('./Alert-13b75102.js');
6
+ require('./Badge-aec841c8.js');
7
+ require('./Popover-e4ecb887.js');
8
+ require('./Tab-f499ecbc.js');
9
+ require('./Tabs-4d7742bc.js');
10
+ var Tooltip = require('./Tooltip-6b6f0b0a.js');
11
+ require('./VerificationStatusIcon-b574fd21.js');
5
12
  var styled = require('styled-components');
6
13
 
7
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -103,7 +110,7 @@ var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
103
110
  }, function (props) {
104
111
  return props.edit && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
105
112
  }, function (props) {
106
- return props.type === 'warning' && !props.readOnly && props.theme.themeProp('background', '#816600', '#fffebf');
113
+ return props.type === 'warning' && !props.readOnly && props.theme.themeProp('background', '#806403', '#FFFEBF');
107
114
  }, function (props) {
108
115
  return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
109
116
  });
@@ -153,13 +160,15 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
153
160
  onChange = _ref.onChange,
154
161
  onBlur = _ref.onBlur,
155
162
  type = _ref.type,
163
+ descriptionToolTip = _ref.descriptionToolTip,
164
+ displayDescriptionToolTip = _ref.displayDescriptionToolTip,
156
165
  disabled = _ref.disabled,
157
166
  readOnly = _ref.readOnly,
158
167
  edit = _ref.edit,
159
168
  hidden = _ref.hidden,
160
169
  loadingIcon = _ref.loadingIcon,
161
170
  successIcon = _ref.successIcon,
162
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "type", "disabled", "readOnly", "edit", "hidden", "loadingIcon", "successIcon"]);
171
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "type", "descriptionToolTip", "displayDescriptionToolTip", "disabled", "readOnly", "edit", "hidden", "loadingIcon", "successIcon"]);
163
172
 
164
173
  var stars = Array.from(Array(max).keys());
165
174
 
@@ -252,40 +261,38 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
252
261
  }
253
262
  };
254
263
 
264
+ var input = function input() {
265
+ return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
266
+ ref: forwardedRef,
267
+ readOnly: readOnly,
268
+ disabled: disabled,
269
+ onChange: onChange,
270
+ onBlur: onBlur
271
+ }, props), React__default['default'].createElement(labelWidth, {
272
+ disabled: disabled
273
+ }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default['default'].createElement(starsWidth, {
274
+ edit: edit,
275
+ type: type
276
+ }, stars.map(function (key) {
277
+ return React__default['default'].createElement("div", {
278
+ key: key
279
+ }, React__default['default'].createElement("input", {
280
+ type: "number",
281
+ name: name,
282
+ ref: inputRef
283
+ }), starIconRender(key));
284
+ })));
285
+ };
286
+
255
287
  if (hidden) return null;
256
- return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
257
- ref: forwardedRef,
258
- readOnly: readOnly,
259
- disabled: disabled,
260
- onChange: onChange,
261
- onBlur: onBlur
262
- }, props), React__default['default'].createElement(labelWidth, {
263
- disabled: disabled
264
- }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default['default'].createElement(starsWidth, {
265
- edit: edit,
266
- type: type
267
- }, stars.map(function (key) {
268
- return React__default['default'].createElement("div", {
269
- key: key
270
- }, React__default['default'].createElement("input", {
271
- type: "number",
272
- name: name,
273
- ref: inputRef
274
- }), starIconRender(key));
275
- })));
288
+ return React__default['default'].createElement(React__default['default'].Fragment, null, !descriptionToolTip && input(), descriptionToolTip && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
289
+ content: descriptionToolTip,
290
+ key: "tooltipTextArea1",
291
+ placement: "bottom-end",
292
+ visible: displayDescriptionToolTip,
293
+ zIndex: 999999
294
+ }, input())));
276
295
  });
277
- CompactStarRating.defaultProps = {
278
- label: 'Rating',
279
- max: 5,
280
- value: 0,
281
- defaultValue: 0,
282
- viewEmpty: true,
283
- icon: React__default['default'].createElement(SvgStar, null),
284
- iconFill: React__default['default'].createElement(SvgStarFilled, null),
285
- hidden: false,
286
- type: '',
287
- onChange: function onChange() {}
288
- };
289
296
  CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
290
297
  readOnly: defaultTheme.PropTypes.bool,
291
298
  disabled: defaultTheme.PropTypes.bool,
@@ -303,7 +310,23 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
303
310
  onBlur: defaultTheme.PropTypes.func,
304
311
  hidden: defaultTheme.PropTypes.bool,
305
312
  loadingIcon: defaultTheme.PropTypes.element,
306
- successIcon: defaultTheme.PropTypes.element
313
+ successIcon: defaultTheme.PropTypes.element,
314
+ descriptionToolTip: defaultTheme.PropTypes.string,
315
+ displayDescriptionToolTip: defaultTheme.PropTypes.bool
307
316
  } : {};
317
+ CompactStarRating.defaultProps = {
318
+ label: 'Rating',
319
+ max: 5,
320
+ value: 0,
321
+ defaultValue: 0,
322
+ viewEmpty: true,
323
+ icon: React__default['default'].createElement(SvgStar, null),
324
+ iconFill: React__default['default'].createElement(SvgStarFilled, null),
325
+ hidden: false,
326
+ type: '',
327
+ descriptionToolTip: '',
328
+ displayDescriptionToolTip: false,
329
+ onChange: function onChange() {}
330
+ };
308
331
 
309
332
  exports.CompactStarRating = CompactStarRating;
package/{CompactTextInput-f30941e5.js → CompactTextInput-fe403283.js} RENAMED
@@ -105,7 +105,7 @@ var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.apply
105
105
  }, function (props) {
106
106
  return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
107
107
  });
108
- var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = 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 ", "\n\n ", "\n\n ", "\n\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\n &&:hover:not(:focus) {\n ", "\n & + ", " {\n opacity: 1;\n \n }\n }\n ", ";\n\n ", "\n ", "\n\n ", ";\n\n ", ";\n }\n\n &&:focus {\n\n ", ";\n\n ", ";\n \n ", ";\n\n ", ";\n outline: none;\n\n ", ";\n\n ", ";\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ", "\n"])), function (props) {
108
+ var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = 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 ", "\n\n ", "\n\n ", "\n\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\n &&:hover:not(:focus) {\n ", "\n & + ", " {\n opacity: 1;\n \n }\n }\n ", ";\n\n ", "\n ", "\n\n ", ";\n\n ", ";\n }\n\n &&:focus {\n ", ";\n\n ", ";\n \n ", ";\n\n ", ";\n outline: none;\n\n ", ";\n\n ", ";\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ", "\n"])), function (props) {
109
109
  return props.readOnly && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
110
110
  }, function (props) {
111
111
  return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
@@ -124,9 +124,9 @@ var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultThem
124
124
  }, function (props) {
125
125
  return !props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n background: none;\n "])));
126
126
  }, function (props) {
127
- return props.type === 'warning' && props.theme.themeProp('background', '#634e01', '#fffde8');
127
+ return props.type === 'warning' && props.theme.themeProp('background', '#634E01', '#FFFDE8');
128
128
  }, function (props) {
129
- return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#fbeae6');
129
+ return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
130
130
  }, function (props) {
131
131
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
132
132
  }, function (props) {
@@ -142,9 +142,9 @@ var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultThem
142
142
  }, function (props) {
143
143
  return props.disabled && props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
144
144
  }, function (props) {
145
- return props.type === 'warning' && !props.readOnly && props.theme.themeProp('background', '#816600', '#fffebf');
145
+ return props.type === 'warning' && !props.readOnly && props.theme.themeProp('background', '#806403', '#FFFEBF');
146
146
  }, function (props) {
147
- return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
147
+ return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '##F7D5D0', '#F7D5D0');
148
148
  }, function (props) {
149
149
  return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
150
150
  }, function (props) {
@@ -156,13 +156,13 @@ var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultThem
156
156
  return props.theme.getColor('gray-600');
157
157
  });
158
158
  }, function (props) {
159
- return props.type === 'warning' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
160
- return props.theme.getColor('signal-yellow-500');
161
- });
159
+ return props.type === 'warning' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
160
+ return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
161
+ }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
162
162
  }, function (props) {
163
- return props.type === 'error' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
164
- return props.theme.getColor('red-500');
165
- });
163
+ return props.type === 'error' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
164
+ return props.theme.themeProp('border-color', '#D83018', '#D83018');
165
+ }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
166
166
  }, function (props) {
167
167
  return props.bold && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
168
168
  });
@@ -258,13 +258,13 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
258
258
  disabled: disabled
259
259
  }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default['default'].createElement(InputContainer, {
260
260
  $hasLabel: !lodash.isEmpty(label)
261
- }, !descriptionToolTip && !link && input(), descriptionToolTip && !link && React__default['default'].createElement(Tooltip.Tooltip, {
261
+ }, !descriptionToolTip && !link && input(), descriptionToolTip && !link && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
262
262
  content: descriptionToolTip,
263
263
  key: "tooltip1",
264
264
  placement: "bottom-end",
265
265
  visible: displayDescriptionToolTip,
266
266
  zIndex: 999999
267
- }, input()), link && !readOnly && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
267
+ }, input())), link && !readOnly && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
268
268
  content: React__default['default'].createElement(LinkPopoverContainer, null, React__default['default'].createElement("a", {
269
269
  href: link,
270
270
  target: linkTarget,
@@ -324,7 +324,8 @@ CompactTextInput.defaultProps = {
324
324
  hidden: false,
325
325
  type: '',
326
326
  linkHandler: function linkHandler() {},
327
- activeLinkHandler: false
327
+ activeLinkHandler: false,
328
+ onChange: function onChange() {}
328
329
  };
329
330
 
330
331
  exports.CompactTextInput = CompactTextInput;
package/{Instructions-06fa9d0c.js → Instructions-e46b9966.js} RENAMED
@@ -4,8 +4,8 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var warningCircle = require('./warning-circle-24522402.js');
7
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-43e79e21.js');
8
- var TextArea = require('./TextArea-65525d5a.js');
7
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-c48e47a3.js');
8
+ var TextArea = require('./TextArea-3d6443df.js');
9
9
  var styled = require('styled-components');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/{TextArea-65525d5a.js → TextArea-3d6443df.js} RENAMED
@@ -19,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
19
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
20
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
21
21
 
22
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45;
22
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44;
23
23
  var fadeInCheck = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
24
24
  var fadeOutCheck = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
25
25
  var activeLabel = styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
@@ -35,7 +35,7 @@ var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.apply
35
35
  }, function (props) {
36
36
  return props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
37
37
  });
38
- var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", "\n\n transition: height 550ms ease-in-out; border-color 350ms;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n \n ", "\n \n ", "\n\n ", "\n \n\n ", "\n \n\n ", "\n\n ", " \n ", "\n\n ", "\n\n &&:hover:not(:focus) {\n ", ";\n }\n\n ", " \n\n ", " \n ", "\n ", ";\n\n ", ";\n\n ", ";\n\n &&:hover:not(:focus) {\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n\n ", "\n ", "\n ", "\n\n &::placeholder {\n ", "\n\n ", "\n }\n\n &&:focus {\n outline: none;\n ", "\n\n ", ";\n\n ", "\n ", "\n }\n\n &&:not(:hover):not(:focus) {\n ", ";\n\n ", ";\n }\n"])), function (props) {
38
+ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n ", "\n\n transition: height 550ms ease-in-out; border-color 350ms;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n \n ", "\n \n ", "\n\n ", "\n \n ", "\n\n ", "\n\n ", " \n\n ", " \n\n ", " \n \n ", "\n\n ", " \n\n ", "\n \n \n ", "\n\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n &&:hover:not(:focus) {\n ", ";\n \n ", ";\n \n ", "; \n\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n\n &::placeholder {\n ", "\n\n ", "\n }\n\n &&:focus {\n outline: none;\n ", "\n\n ", ";\n\n \n ", " \n \n ", "\n\n }\n\n &&:not(:hover):not(:focus) {\n ", ";\n\n ", ";\n }\n"])), function (props) {
39
39
  return props.padding === 'small' && styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n padding: 5px 10px;\n "])));
40
40
  }, function (props) {
41
41
  return props.padding === 'medium' && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px;\n "])));
@@ -50,11 +50,11 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
50
50
  }, function (props) {
51
51
  return props.readOnly && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n border-color: transparent !important;\n "])));
52
52
  }, function (props) {
53
- return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
53
+ return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
54
54
  }, function (props) {
55
55
  return props.readOnly && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n padding: 12px 10px; ;\n "])));
56
56
  }, function (props) {
57
- return props.showMore && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n overflow: hidden;\n "])));
57
+ return props.showMore && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n overflow: hidden;\n "])));
58
58
  }, function (props) {
59
59
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
60
60
  }, function (props) {
@@ -64,21 +64,27 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
64
64
  }, function (props) {
65
65
  return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
66
66
  }, function (props) {
67
- return props.noBorder && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n border-color: transparent !important;\n "])));
67
+ return props.noBorder && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
68
+ return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
69
+ });
68
70
  }, function (props) {
69
- return props.type === 'error-border' && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500')));
71
+ return props.type === 'warning' && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#634E01 ', '#FFFDE8'));
70
72
  }, function (props) {
71
- return props.type === 'warning-border' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500')));
73
+ return props.type === 'error' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#7f1b1b', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
72
74
  }, function (props) {
73
- return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
75
+ return props.noBorder && props.type === 'warning' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
76
+ return props.theme.themeProp('border-color', '#634E01', '#FFFDE8');
77
+ });
78
+ }, function (props) {
79
+ return props.noBorder && props.type === 'error' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), function (props) {
80
+ return props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6');
81
+ });
74
82
  }, function (props) {
75
- return props.type === 'warning' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props.theme.themeProp('background', '#634E01 ', props.theme.getColor('signal-yellow-400')), function (props) {
76
- return props.disabled && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n "])));
77
- }, props.theme.themeProp('background', '#816600', '#F4E21E'), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')));
83
+ return props.type === 'warning-border' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
78
84
  }, function (props) {
79
- return props.type === 'error' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n background: ", " !important;\n ", "\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n background: #f7d5d0 !important;\n }\n &&:read-only:hover {\n background: ", " !important;\n }\n "])), props.theme.getColor('red-200'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')), props.theme.getColor('red-200'));
85
+ return props.type === 'error-border' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
80
86
  }, function (props) {
81
- return props.lightBackground && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover {\n ", "\n }\n "])), props.theme.themeProp('background', '#FFFDDE', '#fffde8'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')), props.theme.themeProp('background', 'white', 'white'));
87
+ return props.lightBackground && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover {\n ", "\n }\n "])), props.theme.themeProp('background', '#FFFDDE', '#fffde8'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')), props.theme.themeProp('background', 'white', 'white'));
82
88
  }, function (props) {
83
89
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
84
90
  }, function (props) {
@@ -86,15 +92,17 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
86
92
  }, function (props) {
87
93
  return props.edit && props.type === 'warning' && props.theme.themeProp('background', '#AD8800', '#FFF3A7');
88
94
  }, function (props) {
89
- return props.noBorder && !props.readOnly && props.type != 'warning' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
90
- }, InputIconContainer, function (props) {
91
- return props.type === 'success' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
95
+ return props.hasIcon && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 25px;\n "])));
92
96
  }, function (props) {
93
- return props.type === 'warning' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('orange-500'));
97
+ return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
94
98
  }, function (props) {
95
- return props.type === 'error' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('red-500'));
99
+ return props.type === 'warning' && props.theme.themeProp('background', '#806403', '#FFFEBF');
96
100
  }, function (props) {
97
- return props.hasIcon && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 25px;\n "])));
101
+ return props.type === 'error' && props.theme.themeProp('background', '#F7D5D0', '#F7D5D0');
102
+ }, function (props) {
103
+ return props.noBorder && !props.readOnly && props.type != 'warning' && props.type != 'error' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
104
+ }, InputIconContainer, function (props) {
105
+ return props.type === 'success' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
98
106
  }, function (props) {
99
107
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
100
108
  }, function (props) {
@@ -104,56 +112,60 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
104
112
  }, function (props) {
105
113
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
106
114
  }, function (props) {
107
- return props.type === 'warning' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')));
115
+ return props.type === 'warning' && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
116
+ return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
117
+ }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
108
118
  }, function (props) {
109
- return props.type === 'error' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')));
119
+ return props.type === 'error' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
120
+ return props.theme.themeProp('border-color', '#D83018', '#D83018');
121
+ }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
110
122
  }, function (props) {
111
123
  return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
112
124
  }, function (props) {
113
125
  return props.edit && props.type === 'warning' && props.theme.themeProp('background', '#AD8800', '#FFF3A7');
114
126
  });
115
- var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
127
+ var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
116
128
  return props.theme.themeProp('background', "linear-gradient(0deg, ".concat(props.theme.getColor('gray-900'), " calc(50% + 1px), transparent 50%)"), "linear-gradient(0deg, ".concat(props.theme.getColor('white'), " calc(50% + 1px), transparent 50%)"));
117
129
  }, function (props) {
118
- return !props.inputIsEmpty && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
130
+ return !props.inputIsEmpty && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
119
131
  }, function (props) {
120
- return props.hasPlaceholder && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
132
+ return props.hasPlaceholder && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), activeLabel);
121
133
  }, function (props) {
122
- return props.hasIcon && styled.css(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
134
+ return props.hasIcon && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
123
135
  });
124
- var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
125
- var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 2.8px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px 0 30px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n margin-top: -3px;\n ", "\n }\n"])), function (props) {
136
+ var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
137
+ var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 2.8px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px 0 30px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n margin-top: -3px;\n ", "\n }\n"])), function (props) {
126
138
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-600'));
127
139
  });
128
- var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n ", "\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n }\n"])), function (props) {
129
- return props.readOnly && styled.css(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
140
+ var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n ", "\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n }\n"])), function (props) {
141
+ return props.readOnly && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
130
142
  }, function (props) {
131
- return props.disabled && styled.css(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
143
+ return props.disabled && styled.css(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
132
144
  }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
133
145
  return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
134
146
  });
135
- var Description = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
147
+ var Description = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
136
148
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
137
149
  }, function (props) {
138
- return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
150
+ return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
139
151
  }, function (props) {
140
- return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
152
+ return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
141
153
  });
142
- var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject42 || (_templateObject42 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 15px;\n }\n"])), function (props) {
154
+ var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 15px;\n }\n"])), function (props) {
143
155
  return props.fadeIn ? 0 : 1;
144
156
  }, function (props) {
145
157
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
146
158
  }, function (props) {
147
159
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
148
160
  });
149
- var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject43 || (_templateObject43 = defaultTheme._taggedTemplateLiteral(["\n margin-top: -18px;\n margin-bottom: 0;\n display: block;\n position: absolute;\n font-size: 0.875rem;\n cursor: pointer;\n padding: 2px 10px;\n margin-right: 10px;\n margin-top: -26px;\n ", "\n transition: margin-top 550ms ease-in-out;\n -webkit-mask-image: linear-gradient(180deg, transparent 1px, white 7px);\n ", "\n\n ", ";\n\n ", "\n"])), function (props) {
150
- return props.expanded && styled.css(_templateObject44 || (_templateObject44 = defaultTheme._taggedTemplateLiteral(["\n margin-top: 0px;\n "])));
161
+ var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject42 || (_templateObject42 = defaultTheme._taggedTemplateLiteral(["\n margin-top: -18px;\n margin-bottom: 0;\n display: block;\n position: absolute;\n font-size: 0.875rem;\n cursor: pointer;\n padding: 2px 10px;\n margin-right: 10px;\n margin-top: -26px;\n ", "\n transition: margin-top 550ms ease-in-out;\n -webkit-mask-image: linear-gradient(180deg, transparent 1px, white 7px);\n ", "\n\n ", ";\n\n ", "\n"])), function (props) {
162
+ return props.expanded && styled.css(_templateObject43 || (_templateObject43 = defaultTheme._taggedTemplateLiteral(["\n margin-top: 0px;\n "])));
151
163
  }, function (props) {
152
164
  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
153
165
  }, function (props) {
154
166
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('emerald-500'));
155
167
  }, function (props) {
156
- return props.type === 'error' && styled.css(_templateObject45 || (_templateObject45 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
168
+ return props.type === 'error' && styled.css(_templateObject44 || (_templateObject44 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
157
169
  });
158
170
 
159
171
  var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forwardedRef) {
@@ -222,6 +234,11 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
222
234
  _useState12 = defaultTheme._slicedToArray(_useState11, 1),
223
235
  uniqueId = _useState12[0];
224
236
 
237
+ React.useEffect(function () {
238
+ setExpanded(false);
239
+ isExpanded(false);
240
+ }, [value, defaultValue]);
241
+
225
242
  var handleTextAreaChange = function handleTextAreaChange() {
226
243
  setExpanded(true);
227
244
  isExpanded(true);
@@ -322,13 +339,13 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
322
339
  };
323
340
 
324
341
  if (hidden) return null;
325
- return React__default['default'].createElement(React__default['default'].Fragment, null, !descriptionToolTip && input(), descriptionToolTip && React__default['default'].createElement(Tooltip.Tooltip, {
342
+ return React__default['default'].createElement(React__default['default'].Fragment, null, !descriptionToolTip && input(), descriptionToolTip && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
326
343
  content: descriptionToolTip,
327
344
  key: "tooltipTextArea1",
328
345
  placement: "bottom-end",
329
346
  visible: displayDescriptionToolTip,
330
347
  zIndex: 999999
331
- }, input()));
348
+ }, input())));
332
349
  });
333
350
  TextArea.defaultProps = {
334
351
  rows: 4,
@@ -344,7 +361,8 @@ TextArea.defaultProps = {
344
361
  instructionsTextArea: false,
345
362
  descriptionToolTip: '',
346
363
  displayDescriptionToolTip: false,
347
- isExpanded: function isExpanded() {}
364
+ isExpanded: function isExpanded() {},
365
+ onChange: function onChange() {}
348
366
  };
349
367
  TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
350
368
  value: defaultTheme.PropTypes.string,
package/inputs/CompactAutocompleteSelect/index.js CHANGED
@@ -1,11 +1,22 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-43e79e21.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-c48e47a3.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('nanoid');
8
8
  require('react');
9
+ require('../../Alert-13b75102.js');
10
+ require('../../Badge-aec841c8.js');
11
+ require('../../Popover-e4ecb887.js');
12
+ require('polished');
13
+ require('@tippyjs/react');
14
+ require('../../shift-away-subtle-0bed9a3c.js');
15
+ require('popper-max-size-modifier');
16
+ require('../../Tab-f499ecbc.js');
17
+ require('../../Tabs-4d7742bc.js');
18
+ require('../../Tooltip-6b6f0b0a.js');
19
+ require('../../VerificationStatusIcon-b574fd21.js');
9
20
  require('react-select');
10
21
  require('react-select-async-paginate');
11
22
  require('../../react-select-creatable.esm-2f23d6c6.js');
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,9 +1,21 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-8b377d59.js');
3
+ var CompactStarRating = require('../../CompactStarRating-5f0bb3da.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
7
+ require('../../Alert-13b75102.js');
8
+ require('lodash');
9
+ require('../../Badge-aec841c8.js');
10
+ require('../../Popover-e4ecb887.js');
11
+ require('polished');
12
+ require('@tippyjs/react');
13
+ require('../../shift-away-subtle-0bed9a3c.js');
14
+ require('popper-max-size-modifier');
15
+ require('../../Tab-f499ecbc.js');
16
+ require('../../Tabs-4d7742bc.js');
17
+ require('../../Tooltip-6b6f0b0a.js');
18
+ require('../../VerificationStatusIcon-b574fd21.js');
7
19
 
8
20
 
9
21
 
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-f30941e5.js');
3
+ var CompactTextInput = require('../../CompactTextInput-fe403283.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/inputs/TextArea/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-65525d5a.js');
3
+ var TextArea = require('../../TextArea-3d6443df.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var ActionButton = require('../ActionButton-06df3d6c.js');
6
6
  var Button = require('../Button-c38d56a0.js');
7
7
  var Checkbox = require('../Checkbox-68dc38a8.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-43e79e21.js');
9
- var CompactStarRating = require('../CompactStarRating-8b377d59.js');
10
- var CompactTextInput = require('../CompactTextInput-f30941e5.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-c48e47a3.js');
9
+ var CompactStarRating = require('../CompactStarRating-5f0bb3da.js');
10
+ var CompactTextInput = require('../CompactTextInput-fe403283.js');
11
11
  var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
12
12
  var Radio = require('../Radio-32d0513a.js');
13
- var TextArea = require('../TextArea-65525d5a.js');
13
+ var TextArea = require('../TextArea-3d6443df.js');
14
14
  var TextInput = require('../TextInput-0d109708.js');
15
15
  var Switch = require('../Switch-4a41585f.js');
16
16
  var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-4d9d84cd.js');
@@ -26,18 +26,18 @@ require('popper-max-size-modifier');
26
26
  require('../ContextMenu-4ec3d9f3.js');
27
27
  require('../expand-more-94585605.js');
28
28
  require('nanoid');
29
- require('react-select');
30
- require('react-select-async-paginate');
31
- require('../react-select-creatable.esm-2f23d6c6.js');
32
- require('react-dom');
33
- require('../close-ebf2f3cf.js');
34
- require('../edit-note-c47d292e.js');
35
29
  require('../Alert-13b75102.js');
36
30
  require('../Badge-aec841c8.js');
37
31
  require('../Tab-f499ecbc.js');
38
32
  require('../Tabs-4d7742bc.js');
39
33
  require('../Tooltip-6b6f0b0a.js');
40
34
  require('../VerificationStatusIcon-b574fd21.js');
35
+ require('react-select');
36
+ require('react-select-async-paginate');
37
+ require('../react-select-creatable.esm-2f23d6c6.js');
38
+ require('react-dom');
39
+ require('../close-ebf2f3cf.js');
40
+ require('../edit-note-c47d292e.js');
41
41
  require('../useMergedRefs-b6d2f8fc.js');
42
42
  require('../InputGroup-49fbc423.js');
43
43
  require('../SectionSeparator-259a22ed.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.27",
3
+ "version": "1.2.0-rc.29",
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-5e7a46df.js');
3
+ var AssetGallery = require('../../AssetGallery-84a006d0.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -32,16 +32,16 @@ require('../../ActionButton-06df3d6c.js');
32
32
  require('../../Button-c38d56a0.js');
33
33
  require('../../ContextMenu-4ec3d9f3.js');
34
34
  require('../../expand-more-94585605.js');
35
- require('../../CompactAutocompleteSelect-43e79e21.js');
35
+ require('../../CompactAutocompleteSelect-c48e47a3.js');
36
36
  require('react-select');
37
37
  require('react-select-async-paginate');
38
38
  require('../../react-select-creatable.esm-2f23d6c6.js');
39
39
  require('react-dom');
40
- require('../../CompactStarRating-8b377d59.js');
41
- require('../../CompactTextInput-f30941e5.js');
40
+ require('../../CompactStarRating-5f0bb3da.js');
41
+ require('../../CompactTextInput-fe403283.js');
42
42
  require('../../MultiSelect-4b8d3d0d.js');
43
43
  require('../../Radio-32d0513a.js');
44
- require('../../TextArea-65525d5a.js');
44
+ require('../../TextArea-3d6443df.js');
45
45
  require('../../Switch-4a41585f.js');
46
46
  require('../../ContextMenuItem-1fe17ed5.js');
47
47
 
package/widgets/Instructions/index.js CHANGED
@@ -1,21 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-06fa9d0c.js');
3
+ var Instructions = require('../../Instructions-e46b9966.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('../../warning-circle-24522402.js');
9
- require('../../CompactAutocompleteSelect-43e79e21.js');
9
+ require('../../CompactAutocompleteSelect-c48e47a3.js');
10
10
  require('nanoid');
11
- require('react-select');
12
- require('react-select-async-paginate');
13
- require('../../react-select-creatable.esm-2f23d6c6.js');
14
- require('react-dom');
15
- require('../../close-ebf2f3cf.js');
16
- require('../../expand-more-94585605.js');
17
- require('../../TextArea-65525d5a.js');
18
- require('../../useMergedRefs-b6d2f8fc.js');
19
11
  require('../../Alert-13b75102.js');
20
12
  require('../../Badge-aec841c8.js');
21
13
  require('../../Popover-e4ecb887.js');
@@ -27,6 +19,14 @@ require('../../Tab-f499ecbc.js');
27
19
  require('../../Tabs-4d7742bc.js');
28
20
  require('../../Tooltip-6b6f0b0a.js');
29
21
  require('../../VerificationStatusIcon-b574fd21.js');
22
+ require('react-select');
23
+ require('react-select-async-paginate');
24
+ require('../../react-select-creatable.esm-2f23d6c6.js');
25
+ require('react-dom');
26
+ require('../../close-ebf2f3cf.js');
27
+ require('../../expand-more-94585605.js');
28
+ require('../../TextArea-3d6443df.js');
29
+ require('../../useMergedRefs-b6d2f8fc.js');
30
30
  require('../../edit-note-c47d292e.js');
31
31
 
32
32
 
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-5e7a46df.js');
5
+ var AssetGallery = require('../AssetGallery-84a006d0.js');
6
6
  var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
8
- var Instructions = require('../Instructions-06fa9d0c.js');
8
+ var Instructions = require('../Instructions-e46b9966.js');
9
9
  require('../defaultTheme-ea44e34a.js');
10
10
  require('styled-components');
11
11
  require('lodash');
@@ -36,16 +36,16 @@ require('../warning-circle-24522402.js');
36
36
  require('../ActionButton-06df3d6c.js');
37
37
  require('../Button-c38d56a0.js');
38
38
  require('../expand-more-94585605.js');
39
- require('../CompactAutocompleteSelect-43e79e21.js');
39
+ require('../CompactAutocompleteSelect-c48e47a3.js');
40
40
  require('react-select');
41
41
  require('react-select-async-paginate');
42
42
  require('../react-select-creatable.esm-2f23d6c6.js');
43
43
  require('react-dom');
44
- require('../CompactStarRating-8b377d59.js');
45
- require('../CompactTextInput-f30941e5.js');
44
+ require('../CompactStarRating-5f0bb3da.js');
45
+ require('../CompactTextInput-fe403283.js');
46
46
  require('../MultiSelect-4b8d3d0d.js');
47
47
  require('../Radio-32d0513a.js');
48
- require('../TextArea-65525d5a.js');
48
+ require('../TextArea-3d6443df.js');
49
49
  require('../Switch-4a41585f.js');
50
50
  require('../ContextMenuItem-1fe17ed5.js');
51
51