@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.
@@ -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-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-96e5e095.js');
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, forwardedRef) {
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 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);
@@ -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,
@@ -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;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-96e5e095.js');
3
+ var TextArea = require('../../TextArea-b7728cc7.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-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
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.73",
3
+ "version": "1.1.0-beta.75",
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-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-96e5e095.js');
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-2bef3a68.js');
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-96e5e095.js');
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-7bc44f2d.js');
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-2bef3a68.js');
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-96e5e095.js');
42
+ require('../TextArea-b7728cc7.js');
43
43
  require('../Switch-cd165c8c.js');
44
44
  require('../warning-circle-24522402.js');
45
45