@ntbjs/react-components 1.1.0-beta.73 → 1.1.0-beta.74
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-7bc44f2d.js → AssetGallery-cc258399.js} +1 -1
- package/{Instructions-2bef3a68.js → Instructions-6b1facce.js} +1 -1
- package/{TextArea-96e5e095.js → TextArea-7ace65e7.js} +13 -8
- package/inputs/TextArea/index.js +1 -1
- package/inputs/index.js +1 -1
- package/package.json +1 -1
- package/widgets/AssetGallery/index.js +2 -2
- package/widgets/Instructions/index.js +2 -2
- package/widgets/index.js +3 -3
|
@@ -14,7 +14,7 @@ require('./CompactStarRating-53593d92.js');
|
|
|
14
14
|
require('./CompactTextInput-b4215024.js');
|
|
15
15
|
require('./MultiSelect-5b008b32.js');
|
|
16
16
|
require('./Radio-0594409d.js');
|
|
17
|
-
require('./TextArea-
|
|
17
|
+
require('./TextArea-7ace65e7.js');
|
|
18
18
|
require('./Switch-cd165c8c.js');
|
|
19
19
|
require('./Alert-3e4f8be1.js');
|
|
20
20
|
require('./Badge-9bcebe96.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var defaultTheme = require('./defaultTheme-50f2b88f.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
var TextArea = require('./TextArea-
|
|
6
|
+
var TextArea = require('./TextArea-7ace65e7.js');
|
|
7
7
|
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-05c45f9a.js');
|
|
8
8
|
var warningCircle = require('./warning-circle-24522402.js');
|
|
9
9
|
var lodash = require('lodash');
|
|
@@ -111,6 +111,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
111
111
|
hidden = _ref.hidden,
|
|
112
112
|
readOnly = _ref.readOnly,
|
|
113
113
|
edit = _ref.edit,
|
|
114
|
+
isExpanded = _ref.isExpanded,
|
|
114
115
|
maxRows = _ref.maxRows,
|
|
115
116
|
showMore = _ref.showMore,
|
|
116
117
|
showMoreText = _ref.showMoreText,
|
|
@@ -129,10 +130,9 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
129
130
|
noBorder = _ref.noBorder,
|
|
130
131
|
warningAlert = _ref.warningAlert,
|
|
131
132
|
errorAlert = _ref.errorAlert,
|
|
132
|
-
rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "maxRows", "showMore", "showMoreText", "autoComplete", "description", "success", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
|
|
133
|
+
rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "isExpanded", "maxRows", "showMore", "showMoreText", "autoComplete", "description", "success", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
|
|
133
134
|
|
|
134
|
-
var
|
|
135
|
-
var textInputRef = forwardedRef || textAreaRef;
|
|
135
|
+
var textInputRef = React.useRef(null);
|
|
136
136
|
|
|
137
137
|
var _useState = React.useState(''),
|
|
138
138
|
_useState2 = defaultTheme._slicedToArray(_useState, 2),
|
|
@@ -199,6 +199,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
199
199
|
|
|
200
200
|
var handleTextAreaChange = function handleTextAreaChange() {
|
|
201
201
|
setExpanded(!expanded);
|
|
202
|
+
isExpanded(expanded);
|
|
202
203
|
|
|
203
204
|
if (expanded === true) {
|
|
204
205
|
setContentRows(maxContentRows);
|
|
@@ -217,7 +218,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
217
218
|
|
|
218
219
|
if (textareaRefCurrent) {
|
|
219
220
|
var textarea = textareaRefCurrent.scrollHeight;
|
|
220
|
-
var rowsLimit = Math.floor(textarea / (lineheight *
|
|
221
|
+
var rowsLimit = Math.floor(textarea / (lineheight * 7));
|
|
221
222
|
|
|
222
223
|
var _maxHeight = rowsLimit * lineheight + 'em';
|
|
223
224
|
|
|
@@ -236,8 +237,10 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
236
237
|
|
|
237
238
|
if (textInputRef.current) {
|
|
238
239
|
calculateRows();
|
|
240
|
+
} else {
|
|
241
|
+
setExpanded(false);
|
|
239
242
|
}
|
|
240
|
-
}, [textInputRef
|
|
243
|
+
}, [textInputRef.current]);
|
|
241
244
|
if (hidden) return null;
|
|
242
245
|
return React__default['default'].createElement(TextInput, {
|
|
243
246
|
disabled: disabled,
|
|
@@ -245,9 +248,10 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
245
248
|
error: hasError,
|
|
246
249
|
warning: hasWarning,
|
|
247
250
|
className: className,
|
|
248
|
-
style: style
|
|
251
|
+
style: style,
|
|
252
|
+
ref: textInputRef
|
|
249
253
|
}, !warningAlert && !errorAlert && React__default['default'].createElement(TextInputFieldIcon, null, icon), (warningAlert || errorAlert) && React__default['default'].createElement(TextInputFieldIconAlert, null, icon), React__default['default'].createElement(Container, null, React__default['default'].createElement(OpacityBox, null, React__default['default'].createElement(TextInputField, defaultTheme._extends({
|
|
250
|
-
ref:
|
|
254
|
+
ref: forwardedRef,
|
|
251
255
|
rows: contentRows > rows ? contentRows : rows,
|
|
252
256
|
expanded: expanded,
|
|
253
257
|
maxHeight: maxHeight,
|
|
@@ -327,7 +331,8 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
327
331
|
noBorder: defaultTheme.PropTypes.bool,
|
|
328
332
|
warningAlert: defaultTheme.PropTypes.bool,
|
|
329
333
|
errorAlert: defaultTheme.PropTypes.bool,
|
|
330
|
-
maxRows: defaultTheme.PropTypes.func
|
|
334
|
+
maxRows: defaultTheme.PropTypes.func,
|
|
335
|
+
isExpanded: defaultTheme.PropTypes.func
|
|
331
336
|
} : {};
|
|
332
337
|
|
|
333
338
|
exports.TextArea = TextArea;
|
package/inputs/TextArea/index.js
CHANGED
package/inputs/index.js
CHANGED
|
@@ -10,7 +10,7 @@ var CompactStarRating = require('../CompactStarRating-53593d92.js');
|
|
|
10
10
|
var CompactTextInput = require('../CompactTextInput-b4215024.js');
|
|
11
11
|
var MultiSelect = require('../MultiSelect-5b008b32.js');
|
|
12
12
|
var Radio = require('../Radio-0594409d.js');
|
|
13
|
-
var TextArea = require('../TextArea-
|
|
13
|
+
var TextArea = require('../TextArea-7ace65e7.js');
|
|
14
14
|
var TextInput = require('../TextInput-a1083be3.js');
|
|
15
15
|
var Switch = require('../Switch-cd165c8c.js');
|
|
16
16
|
require('../defaultTheme-50f2b88f.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-cc258399.js');
|
|
4
4
|
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
@@ -35,7 +35,7 @@ require('../../Tabs-cfc35dc0.js');
|
|
|
35
35
|
require('../../Tooltip-f4f9ab8f.js');
|
|
36
36
|
require('../../MultiSelect-5b008b32.js');
|
|
37
37
|
require('../../Radio-0594409d.js');
|
|
38
|
-
require('../../TextArea-
|
|
38
|
+
require('../../TextArea-7ace65e7.js');
|
|
39
39
|
require('../../Switch-cd165c8c.js');
|
|
40
40
|
require('../../warning-circle-24522402.js');
|
|
41
41
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Instructions = require('../../Instructions-
|
|
3
|
+
var Instructions = require('../../Instructions-6b1facce.js');
|
|
4
4
|
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
|
-
require('../../TextArea-
|
|
7
|
+
require('../../TextArea-7ace65e7.js');
|
|
8
8
|
require('nanoid');
|
|
9
9
|
require('lodash');
|
|
10
10
|
require('../../edit-note-c47d292e.js');
|
package/widgets/index.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var AssetGallery = require('../AssetGallery-
|
|
5
|
+
var AssetGallery = require('../AssetGallery-cc258399.js');
|
|
6
6
|
var ContextMenu = require('../ContextMenu-d088833b.js');
|
|
7
7
|
var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
|
|
8
|
-
var Instructions = require('../Instructions-
|
|
8
|
+
var Instructions = require('../Instructions-6b1facce.js');
|
|
9
9
|
require('../defaultTheme-50f2b88f.js');
|
|
10
10
|
require('styled-components');
|
|
11
11
|
require('react');
|
|
@@ -39,7 +39,7 @@ require('../Tabs-cfc35dc0.js');
|
|
|
39
39
|
require('../Tooltip-f4f9ab8f.js');
|
|
40
40
|
require('../MultiSelect-5b008b32.js');
|
|
41
41
|
require('../Radio-0594409d.js');
|
|
42
|
-
require('../TextArea-
|
|
42
|
+
require('../TextArea-7ace65e7.js');
|
|
43
43
|
require('../Switch-cd165c8c.js');
|
|
44
44
|
require('../warning-circle-24522402.js');
|
|
45
45
|
|