@ntbjs/react-components 1.1.0-beta.73 → 1.1.0-beta.75
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-aa234bf8.js} +1 -1
- package/{Instructions-2bef3a68.js → Instructions-22091598.js} +1 -1
- package/{TextArea-96e5e095.js → TextArea-b7728cc7.js} +10 -6
- 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-b7728cc7.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-b7728cc7.js');
|
|
7
7
|
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-05c45f9a.js');
|
|
8
8
|
var warningCircle = require('./warning-circle-24522402.js');
|
|
9
9
|
var lodash = require('lodash');
|
|
@@ -100,7 +100,7 @@ var ShowMoreText = styled__default['default'].p.attrs(defaultTheme.applyDefaultT
|
|
|
100
100
|
return props.error && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
101
101
|
});
|
|
102
102
|
|
|
103
|
-
var TextArea = React__default['default'].forwardRef(function TextArea(_ref
|
|
103
|
+
var TextArea = React__default['default'].forwardRef(function TextArea(_ref) {
|
|
104
104
|
var value = _ref.value,
|
|
105
105
|
defaultValue = _ref.defaultValue,
|
|
106
106
|
name = _ref.name,
|
|
@@ -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);
|
|
@@ -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,
|
|
@@ -327,7 +330,8 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
327
330
|
noBorder: defaultTheme.PropTypes.bool,
|
|
328
331
|
warningAlert: defaultTheme.PropTypes.bool,
|
|
329
332
|
errorAlert: defaultTheme.PropTypes.bool,
|
|
330
|
-
maxRows: defaultTheme.PropTypes.func
|
|
333
|
+
maxRows: defaultTheme.PropTypes.func,
|
|
334
|
+
isExpanded: defaultTheme.PropTypes.func
|
|
331
335
|
} : {};
|
|
332
336
|
|
|
333
337
|
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-b7728cc7.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-aa234bf8.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-b7728cc7.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-22091598.js');
|
|
4
4
|
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
|
-
require('../../TextArea-
|
|
7
|
+
require('../../TextArea-b7728cc7.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-aa234bf8.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-22091598.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-b7728cc7.js');
|
|
43
43
|
require('../Switch-cd165c8c.js');
|
|
44
44
|
require('../warning-circle-24522402.js');
|
|
45
45
|
|