@ntbjs/react-components 1.2.0-rc.63 → 1.2.0-rc.64

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.
@@ -24,7 +24,7 @@ require('./CompactStarRating-a754fc6f.js');
24
24
  require('./CompactTextInput-baf13d5c.js');
25
25
  require('./MultiSelect-4b8d3d0d.js');
26
26
  require('./Radio-32d0513a.js');
27
- require('./TextArea-0b2efdb3.js');
27
+ require('./TextArea-bcbe72f6.js');
28
28
  require('./TextInput-0d109708.js');
29
29
  require('./Switch-4a41585f.js');
30
30
  var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
@@ -5,7 +5,7 @@ var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var warningCircle = require('./warning-circle-24522402.js');
7
7
  var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-5982dcf2.js');
8
- var TextArea = require('./TextArea-0b2efdb3.js');
8
+ var TextArea = require('./TextArea-bcbe72f6.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 }; }
@@ -266,18 +266,33 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
266
266
  var handleTextAreaChange = function handleTextAreaChange() {
267
267
  setExpanded(true);
268
268
  isExpanded(true);
269
+ var textareaRefCurrent = textInputDomNode.current;
270
+
271
+ if (textareaRefCurrent !== null) {
272
+ textareaRefCurrent.style.height = "".concat(textareaRefCurrent.scrollHeight, "px");
273
+ }
269
274
  };
270
275
 
271
276
  var handleTextAreaShowLess = function handleTextAreaShowLess() {
277
+ var textareaRefCurrent = textInputDomNode.current;
278
+
279
+ if (textareaRefCurrent !== null) {
280
+ if (expanded) {
281
+ textareaRefCurrent.style.height = "".concat(rows * 16, "px");
282
+ } else {
283
+ textareaRefCurrent.style.height = "".concat(textareaRefCurrent.scrollHeight, "px");
284
+ }
285
+ }
286
+
272
287
  setExpanded(!expanded);
273
288
  isExpanded(!expanded);
274
289
  };
275
290
 
276
291
  var calculateRows = function calculateRows() {
277
- var textareaRefCurrent = textInputDomNode === null || textInputDomNode === void 0 ? void 0 : textInputDomNode.current;
292
+ var textareaRefCurrent = textInputDomNode.current;
278
293
 
279
294
  if (textareaRefCurrent !== null) {
280
- var textAreaHeight = textareaRefCurrent === null || textareaRefCurrent === void 0 ? void 0 : textareaRefCurrent.scrollHeight;
295
+ var textAreaHeight = textareaRefCurrent.scrollHeight;
281
296
  var lineHeight = 16;
282
297
  var calculatedRows = Math.floor(textAreaHeight / lineHeight);
283
298
  var defaultRowsHeight = rows * lineHeight;
@@ -287,7 +302,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
287
302
  setDefaultHeight(defaultRowsHeight);
288
303
  setMaxHeight(textAreaHeight);
289
304
  } else {
290
- setMaxHeight();
305
+ setMaxHeight('');
291
306
  }
292
307
  }
293
308
  };
@@ -366,7 +381,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
366
381
  onBlur: onBlur,
367
382
  noBorder: noBorder
368
383
  }, rest, {
369
- onClick: showMore ? handleTextAreaChange : undefined
384
+ onClick: handleTextAreaChange
370
385
  })), (type === 'loading' || type === 'success') && React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
371
386
  disabled: disabled
372
387
  }, React__default['default'].createElement(editNote.SvgEditNote, {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-0b2efdb3.js');
3
+ var TextArea = require('../../TextArea-bcbe72f6.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -10,7 +10,7 @@ var CompactStarRating = require('../CompactStarRating-a754fc6f.js');
10
10
  var CompactTextInput = require('../CompactTextInput-baf13d5c.js');
11
11
  var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
12
12
  var Radio = require('../Radio-32d0513a.js');
13
- var TextArea = require('../TextArea-0b2efdb3.js');
13
+ var TextArea = require('../TextArea-bcbe72f6.js');
14
14
  var TextInput = require('../TextInput-0d109708.js');
15
15
  var Switch = require('../Switch-4a41585f.js');
16
16
  var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-24c88aaa.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.63",
3
+ "version": "1.2.0-rc.64",
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-95f513c0.js');
3
+ var AssetGallery = require('../../AssetGallery-d0ac4f8d.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -41,7 +41,7 @@ require('../../CompactStarRating-a754fc6f.js');
41
41
  require('../../CompactTextInput-baf13d5c.js');
42
42
  require('../../MultiSelect-4b8d3d0d.js');
43
43
  require('../../Radio-32d0513a.js');
44
- require('../../TextArea-0b2efdb3.js');
44
+ require('../../TextArea-bcbe72f6.js');
45
45
  require('../../Switch-4a41585f.js');
46
46
  require('../../ContextMenuItem-ba2b697e.js');
47
47
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-79e4c0c5.js');
3
+ var Instructions = require('../../Instructions-ee97711a.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -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-0b2efdb3.js');
28
+ require('../../TextArea-bcbe72f6.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-95f513c0.js');
5
+ var AssetGallery = require('../AssetGallery-d0ac4f8d.js');
6
6
  var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
8
- var Instructions = require('../Instructions-79e4c0c5.js');
8
+ var Instructions = require('../Instructions-ee97711a.js');
9
9
  require('../defaultTheme-ea44e34a.js');
10
10
  require('styled-components');
11
11
  require('lodash');
@@ -45,7 +45,7 @@ require('../CompactStarRating-a754fc6f.js');
45
45
  require('../CompactTextInput-baf13d5c.js');
46
46
  require('../MultiSelect-4b8d3d0d.js');
47
47
  require('../Radio-32d0513a.js');
48
- require('../TextArea-0b2efdb3.js');
48
+ require('../TextArea-bcbe72f6.js');
49
49
  require('../Switch-4a41585f.js');
50
50
  require('../ContextMenuItem-ba2b697e.js');
51
51