@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.
@@ -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-96e5e095.js');
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-96e5e095.js');
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 textAreaRef = React.useRef(null);
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 * 11.5));
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, defaultRows, maxRows]);
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: textInputRef,
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;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-96e5e095.js');
3
+ var TextArea = require('../../TextArea-7ace65e7.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
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-96e5e095.js');
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
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.73",
3
+ "version": "1.1.0-beta.74",
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-7bc44f2d.js');
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-96e5e095.js');
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-2bef3a68.js');
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-96e5e095.js');
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-7bc44f2d.js');
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-2bef3a68.js');
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-96e5e095.js');
42
+ require('../TextArea-7ace65e7.js');
43
43
  require('../Switch-cd165c8c.js');
44
44
  require('../warning-circle-24522402.js');
45
45