@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.
- package/{AssetGallery-bd7120c2.js → AssetGallery-2c9b3679.js} +8 -6
- package/{CompactAutocompleteSelect-ceaa250e.js → CompactAutocompleteSelect-c73010b1.js} +17 -13
- package/{CompactStarRating-5f0bb3da.js → CompactStarRating-4db16a71.js} +15 -11
- package/{CompactTextInput-fe403283.js → CompactTextInput-1bc6d909.js} +15 -12
- package/{Instructions-6cd52723.js → Instructions-0ccaa24c.js} +2 -2
- package/{TextArea-24d944d3.js → TextArea-a708dd62.js} +15 -12
- package/inputs/CompactAutocompleteSelect/index.js +1 -1
- package/inputs/CompactStarRating/index.js +1 -1
- package/inputs/CompactTextInput/index.js +1 -1
- package/inputs/TextArea/index.js +1 -1
- package/inputs/index.js +4 -4
- package/package.json +1 -1
- package/widgets/AssetGallery/index.js +5 -5
- package/widgets/Instructions/index.js +3 -3
- package/widgets/index.js +6 -6
|
@@ -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-
|
|
23
|
-
require('./CompactStarRating-
|
|
24
|
-
require('./CompactTextInput-
|
|
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-
|
|
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(
|
|
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", "
|
|
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:
|
|
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:
|
|
213
|
+
type: memoizedType
|
|
208
214
|
}, props)));
|
|
209
215
|
};
|
|
210
216
|
|
|
211
217
|
valueContainer.displayName = 'ValueContainerWrapper';
|
|
212
218
|
return valueContainer;
|
|
213
|
-
}, [
|
|
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:
|
|
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,
|
|
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, !
|
|
398
|
-
content:
|
|
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
|
-
|
|
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", "
|
|
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:
|
|
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:
|
|
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,
|
|
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:
|
|
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, !
|
|
289
|
-
content:
|
|
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
|
-
|
|
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", "
|
|
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:
|
|
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,
|
|
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
|
-
}, !
|
|
262
|
-
content:
|
|
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
|
-
|
|
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())), !
|
|
284
|
-
type:
|
|
285
|
-
}, React__default['default'].createElement(editNote.SvgEditNote, null)), lodash.isEmpty(label) && React__default['default'].createElement(InputSuccessContainer, null,
|
|
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-
|
|
8
|
-
var TextArea = require('./TextArea-
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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,
|
|
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:
|
|
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, !
|
|
361
|
-
content:
|
|
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
|
-
|
|
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-
|
|
3
|
+
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-c73010b1.js');
|
|
4
4
|
require('../../defaultTheme-ea44e34a.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
package/inputs/TextArea/index.js
CHANGED
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-
|
|
9
|
-
var CompactStarRating = require('../CompactStarRating-
|
|
10
|
-
var CompactTextInput = require('../CompactTextInput-
|
|
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-
|
|
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
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetGallery = require('../../AssetGallery-
|
|
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-
|
|
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-
|
|
41
|
-
require('../../CompactTextInput-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
45
|
-
require('../CompactTextInput-
|
|
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-
|
|
48
|
+
require('../TextArea-a708dd62.js');
|
|
49
49
|
require('../Switch-4a41585f.js');
|
|
50
50
|
require('../ContextMenuItem-1fe17ed5.js');
|
|
51
51
|
|