@ntbjs/react-components 1.2.0-rc.32 → 1.2.0-rc.33

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.
@@ -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-ceaa250e.js');
23
- require('./CompactStarRating-5f0bb3da.js');
24
- require('./CompactTextInput-fe403283.js');
22
+ require('./CompactAutocompleteSelect-c73010b1.js');
23
+ require('./CompactStarRating-4db16a71.js');
24
+ require('./CompactTextInput-1bc6d909.js');
25
25
  require('./MultiSelect-4b8d3d0d.js');
26
26
  require('./Radio-32d0513a.js');
27
- require('./TextArea-24d944d3.js');
27
+ require('./TextArea-a708dd62.js');
28
28
  require('./TextInput-0d109708.js');
29
29
  require('./Switch-4a41585f.js');
30
30
  var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
@@ -763,7 +763,9 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
763
763
  }), React__default['default'].createElement(OverlayInfoTopActions$1, {
764
764
  isOverlayHovered: isOverlayHovered
765
765
  }, asset.actions && asset.actions.map(function (action, index) {
766
- return React__default['default'].createElement(Tooltip.Tooltip, {
766
+ return React__default['default'].createElement("span", {
767
+ key: asset.key
768
+ }, React__default['default'].createElement(Tooltip.Tooltip, {
767
769
  key: "".concat(asset.key, "-").concat(action.title),
768
770
  content: action.title
769
771
  }, React__default['default'].createElement(Fragment$1, {
@@ -776,7 +778,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
776
778
  onClick: function onClick(event) {
777
779
  return onActionClick(event, action, index);
778
780
  }
779
- }));
781
+ })));
780
782
  })), React__default['default'].createElement(OverlayInfo$1, null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopVersions$1, {
781
783
  collapseExtraInfo: collapseExtraInfo
782
784
  }, renderVersionsBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
@@ -169,10 +169,9 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
169
169
  hidden = _ref.hidden,
170
170
  type = _ref.type,
171
171
  descriptionToolTip = _ref.descriptionToolTip,
172
- displayDescriptionToolTip = _ref.displayDescriptionToolTip,
173
172
  loadingIcon = _ref.loadingIcon,
174
173
  successIcon = _ref.successIcon,
175
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "type", "descriptionToolTip", "displayDescriptionToolTip", "loadingIcon", "successIcon"]);
174
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "type", "descriptionToolTip", "loadingIcon", "successIcon"]);
176
175
 
177
176
  var _useState = React.useState(nanoid.nanoid()),
178
177
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -193,24 +192,31 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
193
192
  cacheUnique = _useState8[0],
194
193
  setCacheUnique = _useState8[1];
195
194
 
195
+ var memoizedType = React.useMemo(function () {
196
+ return type;
197
+ }, [type]);
198
+ var memoizedDescriptionToolTip = React.useMemo(function () {
199
+ return descriptionToolTip;
200
+ }, [descriptionToolTip]);
201
+
196
202
  var Control$1 = function Control$1(props) {
197
203
  return React__default['default'].createElement(Control, defaultTheme._extends({
198
204
  className: "select-control",
199
205
  edit: edit,
200
- type: type
206
+ type: memoizedType
201
207
  }, props));
202
208
  };
203
209
 
204
210
  var ValueContainer$1 = React.useMemo(function () {
205
211
  var valueContainer = function valueContainer(props) {
206
212
  return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(ValueContainer, defaultTheme._extends({
207
- type: type
213
+ type: memoizedType
208
214
  }, props)));
209
215
  };
210
216
 
211
217
  valueContainer.displayName = 'ValueContainerWrapper';
212
218
  return valueContainer;
213
- }, [type]);
219
+ }, [memoizedType]);
214
220
  var Input$1 = React.useMemo(function () {
215
221
  var selectInput = function selectInput(props) {
216
222
  return React__default['default'].createElement(Input, defaultTheme._extends({
@@ -235,7 +241,7 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
235
241
  var Placeholder$1 = function Placeholder$1(props) {
236
242
  return React__default['default'].createElement(Placeholder, defaultTheme._extends({
237
243
  className: "select-placeholder",
238
- type: type
244
+ type: memoizedType
239
245
  }, props));
240
246
  };
241
247
 
@@ -383,7 +389,7 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
383
389
  }, React__default['default'].createElement(InputContainer, null, label && React__default['default'].createElement(Label, {
384
390
  htmlFor: uniqueId,
385
391
  disabled: disabled
386
- }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), loadOptions ? creatable ? React__default['default'].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
392
+ }, label, React__default['default'].createElement(SuccessContainer, null, memoizedType === 'loading' && loadingIcon, memoizedType === 'success' && successIcon)), loadOptions ? creatable ? React__default['default'].createElement(AsyncCreatableAutocompleteSelect, defaultTheme._extends({
387
393
  $hasLabel: !lodash.isEmpty(label)
388
394
  }, sharedSelectProps, props)) : React__default['default'].createElement(AsyncAutocompleteSelect, defaultTheme._extends({
389
395
  $hasLabel: !lodash.isEmpty(label)
@@ -394,11 +400,11 @@ var CompactAutocompleteSelect = React__default['default'].forwardRef(function Co
394
400
  }, sharedSelectProps, props))));
395
401
  };
396
402
 
397
- 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, {
398
- content: descriptionToolTip,
403
+ return React__default['default'].createElement(React__default['default'].Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
404
+ content: memoizedDescriptionToolTip,
399
405
  key: "tooltipTextArea1",
400
406
  placement: "bottom-end",
401
- visible: displayDescriptionToolTip,
407
+ trigger: 'mouseenter',
402
408
  zIndex: 999999
403
409
  }, input())));
404
410
  });
@@ -421,7 +427,6 @@ CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
421
427
  disabled: defaultTheme.PropTypes.bool,
422
428
  type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success']),
423
429
  descriptionToolTip: defaultTheme.PropTypes.string,
424
- displayDescriptionToolTip: defaultTheme.PropTypes.bool,
425
430
  loadingIcon: defaultTheme.PropTypes.element,
426
431
  successIcon: defaultTheme.PropTypes.element
427
432
  } : {};
@@ -441,8 +446,7 @@ CompactAutocompleteSelect.defaultProps = {
441
446
  warning: false,
442
447
  hidden: false,
443
448
  type: '',
444
- descriptionToolTip: '',
445
- displayDescriptionToolTip: false
449
+ descriptionToolTip: ''
446
450
  };
447
451
 
448
452
  exports.CompactAutocompleteSelect = CompactAutocompleteSelect;
@@ -161,14 +161,13 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
161
161
  onBlur = _ref.onBlur,
162
162
  type = _ref.type,
163
163
  descriptionToolTip = _ref.descriptionToolTip,
164
- displayDescriptionToolTip = _ref.displayDescriptionToolTip,
165
164
  disabled = _ref.disabled,
166
165
  readOnly = _ref.readOnly,
167
166
  edit = _ref.edit,
168
167
  hidden = _ref.hidden,
169
168
  loadingIcon = _ref.loadingIcon,
170
169
  successIcon = _ref.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"]);
170
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "type", "descriptionToolTip", "disabled", "readOnly", "edit", "hidden", "loadingIcon", "successIcon"]);
172
171
 
173
172
  var stars = Array.from(Array(max).keys());
174
173
 
@@ -209,6 +208,12 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
209
208
  });
210
209
  }
211
210
  }, [rating]);
211
+ var memoizedType = React.useMemo(function () {
212
+ return type;
213
+ }, [type]);
214
+ var memoizedDescriptionToolTip = React.useMemo(function () {
215
+ return descriptionToolTip;
216
+ }, [descriptionToolTip]);
212
217
 
213
218
  var starIconRender = function starIconRender(key) {
214
219
  if (rating > 0 && rating >= key + 1) {
@@ -235,7 +240,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
235
240
  setHover(false);
236
241
  },
237
242
  hover: hover && key + 1 <= tempRating,
238
- type: type,
243
+ type: memoizedType,
239
244
  key: key
240
245
  }, iconFill);
241
246
  } else if (viewEmpty) {
@@ -255,7 +260,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
255
260
  setHover(false);
256
261
  },
257
262
  hover: hover && key + 1 <= tempRating,
258
- type: type,
263
+ type: memoizedType,
259
264
  key: key
260
265
  }, icon);
261
266
  }
@@ -270,9 +275,9 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
270
275
  onBlur: onBlur
271
276
  }, props), React__default['default'].createElement(labelWidth, {
272
277
  disabled: disabled
273
- }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default['default'].createElement(starsWidth, {
278
+ }, label, React__default['default'].createElement(SuccessContainer, null, memoizedType === 'loading' && loadingIcon, memoizedType === 'success' && successIcon)), React__default['default'].createElement(starsWidth, {
274
279
  edit: edit,
275
- type: type
280
+ type: memoizedType
276
281
  }, stars.map(function (key) {
277
282
  return React__default['default'].createElement("div", {
278
283
  key: key
@@ -285,11 +290,11 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
285
290
  };
286
291
 
287
292
  if (hidden) return null;
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,
293
+ return React__default['default'].createElement(React__default['default'].Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
294
+ content: memoizedDescriptionToolTip,
290
295
  key: "tooltipTextArea1",
291
296
  placement: "bottom-end",
292
- visible: displayDescriptionToolTip,
297
+ trigger: 'mouseenter',
293
298
  zIndex: 999999
294
299
  }, input())));
295
300
  });
@@ -311,8 +316,7 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
311
316
  hidden: defaultTheme.PropTypes.bool,
312
317
  loadingIcon: defaultTheme.PropTypes.element,
313
318
  successIcon: defaultTheme.PropTypes.element,
314
- descriptionToolTip: defaultTheme.PropTypes.string,
315
- displayDescriptionToolTip: defaultTheme.PropTypes.bool
319
+ descriptionToolTip: defaultTheme.PropTypes.string
316
320
  } : {};
317
321
  CompactStarRating.defaultProps = {
318
322
  label: 'Rating',
@@ -187,7 +187,6 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
187
187
  edit = _ref.edit,
188
188
  type = _ref.type,
189
189
  descriptionToolTip = _ref.descriptionToolTip,
190
- displayDescriptionToolTip = _ref.displayDescriptionToolTip,
191
190
  bold = _ref.bold,
192
191
  hidden = _ref.hidden,
193
192
  onChangeProp = _ref.onChange,
@@ -195,7 +194,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
195
194
  onBlurProp = _ref.onBlur,
196
195
  loadingIcon = _ref.loadingIcon,
197
196
  successIcon = _ref.successIcon,
198
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "displayDescriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"]);
197
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"]);
199
198
 
200
199
  var _useState = React.useState(nanoid.nanoid()),
201
200
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -206,6 +205,12 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
206
205
  currentValue = _useState4[0],
207
206
  setCurrentValue = _useState4[1];
208
207
 
208
+ var memoizedType = React.useMemo(function () {
209
+ return type;
210
+ }, [type]);
211
+ var memoizedDescriptionToolTip = React.useMemo(function () {
212
+ return descriptionToolTip;
213
+ }, [descriptionToolTip]);
209
214
  React.useEffect(function () {
210
215
  setCurrentValue(value || defaultValue);
211
216
  }, [value, defaultValue]);
@@ -243,7 +248,7 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
243
248
  placeholder: placeholder,
244
249
  defaultValue: defaultValue,
245
250
  value: value,
246
- type: type,
251
+ type: memoizedType,
247
252
  bold: bold,
248
253
  hasLink: !lodash.isEmpty(link),
249
254
  onFocus: onFocus,
@@ -256,13 +261,13 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
256
261
  return React__default['default'].createElement(CompactTextInput$1, props, label && React__default['default'].createElement(Label, {
257
262
  htmlFor: uniqueId,
258
263
  disabled: disabled
259
- }, label, React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default['default'].createElement(InputContainer, {
264
+ }, label, React__default['default'].createElement(SuccessContainer, null, memoizedType === 'loading' && loadingIcon, memoizedType === 'success' && successIcon)), React__default['default'].createElement(InputContainer, {
260
265
  $hasLabel: !lodash.isEmpty(label)
261
- }, !descriptionToolTip && !link && input(), descriptionToolTip && !link && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
262
- content: descriptionToolTip,
266
+ }, !memoizedDescriptionToolTip && !link && input(), memoizedDescriptionToolTip && !link && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
267
+ content: memoizedDescriptionToolTip,
263
268
  key: "tooltip1",
264
269
  placement: "bottom-end",
265
- visible: displayDescriptionToolTip,
270
+ trigger: 'mouseenter',
266
271
  zIndex: 999999
267
272
  }, input())), link && !readOnly && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
268
273
  content: React__default['default'].createElement(LinkPopoverContainer, null, React__default['default'].createElement("a", {
@@ -280,9 +285,9 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
280
285
  placement: "bottom-start",
281
286
  zIndex: 999999,
282
287
  interactive: true
283
- }, input())), !descriptionToolTip && link && readOnly && input(), !readOnly && !disabled && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(InputIconContainer, {
284
- type: type
285
- }, React__default['default'].createElement(editNote.SvgEditNote, null)), lodash.isEmpty(label) && React__default['default'].createElement(InputSuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon))));
288
+ }, input())), !memoizedDescriptionToolTip && link && readOnly && input(), !readOnly && !disabled && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(InputIconContainer, {
289
+ type: memoizedType
290
+ }, React__default['default'].createElement(editNote.SvgEditNote, null)), lodash.isEmpty(label) && React__default['default'].createElement(InputSuccessContainer, null, memoizedType === 'loading' && loadingIcon, memoizedType === 'success' && successIcon))));
286
291
  });
287
292
  CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
288
293
  label: defaultTheme.PropTypes.string,
@@ -308,7 +313,6 @@ CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
308
313
  onBlur: defaultTheme.PropTypes.func,
309
314
  type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
310
315
  descriptionToolTip: defaultTheme.PropTypes.string,
311
- displayDescriptionToolTip: defaultTheme.PropTypes.bool,
312
316
  loadingIcon: defaultTheme.PropTypes.element,
313
317
  successIcon: defaultTheme.PropTypes.element
314
318
  } : {};
@@ -319,7 +323,6 @@ CompactTextInput.defaultProps = {
319
323
  bold: false,
320
324
  readOnly: false,
321
325
  descriptionToolTip: '',
322
- displayDescriptionToolTip: false,
323
326
  edit: false,
324
327
  hidden: false,
325
328
  type: '',
@@ -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-ceaa250e.js');
8
- var TextArea = require('./TextArea-24d944d3.js');
7
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-c73010b1.js');
8
+ var TextArea = require('./TextArea-a708dd62.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 }; }
@@ -217,8 +217,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
217
217
  successIcon = _ref.successIcon,
218
218
  padding = _ref.padding,
219
219
  descriptionToolTip = _ref.descriptionToolTip,
220
- displayDescriptionToolTip = _ref.displayDescriptionToolTip,
221
- rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMore", "showMoreText", "showLessText", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea", "isExpanded", "loadingIcon", "successIcon", "padding", "descriptionToolTip", "displayDescriptionToolTip"]);
220
+ rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMore", "showMoreText", "showLessText", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea", "isExpanded", "loadingIcon", "successIcon", "padding", "descriptionToolTip"]);
222
221
 
223
222
  var textInputDomNode = React.useRef(null);
224
223
  var textInputRef = useMergedRefs.useMergedRefs(forwardedRef, textInputDomNode);
@@ -252,6 +251,12 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
252
251
  _useState12 = defaultTheme._slicedToArray(_useState11, 1),
253
252
  uniqueId = _useState12[0];
254
253
 
254
+ var memoizedType = React.useMemo(function () {
255
+ return type;
256
+ }, [type]);
257
+ var memoizedDescriptionToolTip = React.useMemo(function () {
258
+ return descriptionToolTip;
259
+ }, [descriptionToolTip]);
255
260
  React.useEffect(function () {
256
261
  setExpanded(false);
257
262
  isExpanded(false);
@@ -299,7 +304,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
299
304
  return React__default['default'].createElement(TextInput, {
300
305
  disabled: disabled,
301
306
  readOnly: readOnly,
302
- type: type,
307
+ type: memoizedType,
303
308
  className: className,
304
309
  style: style
305
310
  }, React__default['default'].createElement(TextInputFieldIconAlert, null, icon), React__default['default'].createElement(TextInputField, defaultTheme._extends({
@@ -318,7 +323,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
318
323
  edit: edit,
319
324
  instructionsTextArea: instructionsTextArea,
320
325
  showMore: showMore,
321
- type: type,
326
+ type: memoizedType,
322
327
  autoComplete: autoComplete,
323
328
  hasIcon: Boolean(icon),
324
329
  icon: icon,
@@ -339,7 +344,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
339
344
  noBorder: noBorder
340
345
  }, rest, {
341
346
  onClick: showMore ? handleTextAreaChange : undefined
342
- })), (type === 'loading' || type === 'success') && React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
347
+ })), (type === 'loading' || type === 'success') && React__default['default'].createElement(SuccessContainer, null, memoizedType === 'loading' && loadingIcon, memoizedType === 'success' && successIcon), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
343
348
  disabled: disabled
344
349
  }, React__default['default'].createElement(editNote.SvgEditNote, {
345
350
  className: padding === 'small' ? 'smallPadingIcon' : undefined
@@ -349,7 +354,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
349
354
  hasIcon: Boolean(icon),
350
355
  inputIsEmpty: inputIsEmpty
351
356
  }, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default['default'].createElement(Description, {
352
- type: type
357
+ type: memoizedType
353
358
  }, description), maxContentRows > rows && showMore && React__default['default'].createElement(ShowMoreText, {
354
359
  onClick: showMore ? handleTextAreaShowLess : undefined,
355
360
  expanded: expanded
@@ -357,11 +362,11 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
357
362
  };
358
363
 
359
364
  if (hidden) return null;
360
- 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, {
361
- content: descriptionToolTip,
365
+ return React__default['default'].createElement(React__default['default'].Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
366
+ content: memoizedDescriptionToolTip,
362
367
  key: "tooltipTextArea1",
363
368
  placement: "bottom-end",
364
- visible: displayDescriptionToolTip,
369
+ trigger: 'mouseenter',
365
370
  zIndex: 999999
366
371
  }, input())));
367
372
  });
@@ -378,7 +383,6 @@ TextArea.defaultProps = {
378
383
  padding: 'medium',
379
384
  instructionsTextArea: false,
380
385
  descriptionToolTip: '',
381
- displayDescriptionToolTip: false,
382
386
  isExpanded: function isExpanded() {},
383
387
  onChange: function onChange() {}
384
388
  };
@@ -414,8 +418,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
414
418
  instructionsTextArea: defaultTheme.PropTypes.bool,
415
419
  loadingIcon: defaultTheme.PropTypes.element,
416
420
  successIcon: defaultTheme.PropTypes.element,
417
- descriptionToolTip: defaultTheme.PropTypes.string,
418
- displayDescriptionToolTip: defaultTheme.PropTypes.bool
421
+ descriptionToolTip: defaultTheme.PropTypes.string
419
422
  } : {};
420
423
 
421
424
  exports.TextArea = TextArea;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-ceaa250e.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-c73010b1.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-5f0bb3da.js');
3
+ var CompactStarRating = require('../../CompactStarRating-4db16a71.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-fe403283.js');
3
+ var CompactTextInput = require('../../CompactTextInput-1bc6d909.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-24d944d3.js');
3
+ var TextArea = require('../../TextArea-a708dd62.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-ceaa250e.js');
9
- var CompactStarRating = require('../CompactStarRating-5f0bb3da.js');
10
- var CompactTextInput = require('../CompactTextInput-fe403283.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-c73010b1.js');
9
+ var CompactStarRating = require('../CompactStarRating-4db16a71.js');
10
+ var CompactTextInput = require('../CompactTextInput-1bc6d909.js');
11
11
  var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
12
12
  var Radio = require('../Radio-32d0513a.js');
13
- var TextArea = require('../TextArea-24d944d3.js');
13
+ var TextArea = require('../TextArea-a708dd62.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');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.32",
3
+ "version": "1.2.0-rc.33",
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-bd7120c2.js');
3
+ var AssetGallery = require('../../AssetGallery-2c9b3679.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-ceaa250e.js');
35
+ require('../../CompactAutocompleteSelect-c73010b1.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-5f0bb3da.js');
41
- require('../../CompactTextInput-fe403283.js');
40
+ require('../../CompactStarRating-4db16a71.js');
41
+ require('../../CompactTextInput-1bc6d909.js');
42
42
  require('../../MultiSelect-4b8d3d0d.js');
43
43
  require('../../Radio-32d0513a.js');
44
- require('../../TextArea-24d944d3.js');
44
+ require('../../TextArea-a708dd62.js');
45
45
  require('../../Switch-4a41585f.js');
46
46
  require('../../ContextMenuItem-1fe17ed5.js');
47
47
 
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-6cd52723.js');
3
+ var Instructions = require('../../Instructions-0ccaa24c.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-ceaa250e.js');
9
+ require('../../CompactAutocompleteSelect-c73010b1.js');
10
10
  require('nanoid');
11
11
  require('../../Alert-13b75102.js');
12
12
  require('../../Badge-aec841c8.js');
@@ -25,7 +25,7 @@ require('../../react-select-creatable.esm-2f23d6c6.js');
25
25
  require('react-dom');
26
26
  require('../../close-ebf2f3cf.js');
27
27
  require('../../expand-more-94585605.js');
28
- require('../../TextArea-24d944d3.js');
28
+ require('../../TextArea-a708dd62.js');
29
29
  require('../../useMergedRefs-b6d2f8fc.js');
30
30
  require('../../edit-note-c47d292e.js');
31
31
 
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-bd7120c2.js');
5
+ var AssetGallery = require('../AssetGallery-2c9b3679.js');
6
6
  var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
8
- var Instructions = require('../Instructions-6cd52723.js');
8
+ var Instructions = require('../Instructions-0ccaa24c.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-ceaa250e.js');
39
+ require('../CompactAutocompleteSelect-c73010b1.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-5f0bb3da.js');
45
- require('../CompactTextInput-fe403283.js');
44
+ require('../CompactStarRating-4db16a71.js');
45
+ require('../CompactTextInput-1bc6d909.js');
46
46
  require('../MultiSelect-4b8d3d0d.js');
47
47
  require('../Radio-32d0513a.js');
48
- require('../TextArea-24d944d3.js');
48
+ require('../TextArea-a708dd62.js');
49
49
  require('../Switch-4a41585f.js');
50
50
  require('../ContextMenuItem-1fe17ed5.js');
51
51