@ntbjs/react-components 1.1.0-beta.64 → 1.1.0-beta.66

package/{AssetGallery-6f0e7304.js → AssetGallery-145a1dff.js}

@@ -14,7 +14,7 @@ require('./CompactStarRating-17c8ca3d.js');
 require('./CompactTextInput-7263652c.js');
 require('./MultiSelect-5b008b32.js');
 require('./Radio-0594409d.js');
-require('./TextArea-708b59a9.js');
+require('./TextArea-9614e1cd.js');
 require('./Switch-cd165c8c.js');
 require('./Alert-3e4f8be1.js');
 require('./Badge-9bcebe96.js');

package/{Instructions-87271194.js → Instructions-8bbf4bf8.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-50f2b88f.js');
 var React = require('react');
 var styled = require('styled-components');
-var TextArea = require('./TextArea-708b59a9.js');
+var TextArea = require('./TextArea-9614e1cd.js');
 var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-b366ba70.js');
 var warningCircle = require('./warning-circle-24522402.js');
 var lodash = require('lodash');

package/{TextArea-708b59a9.js → TextArea-9614e1cd.js}

@@ -109,6 +109,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
       hidden = _ref.hidden,
       readOnly = _ref.readOnly,
       edit = _ref.edit,
+      showMore = _ref.showMore,
       showMoreText = _ref.showMoreText,
       autoComplete = _ref.autoComplete,
       description = _ref.description,
@@ -125,7 +126,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
       noBorder = _ref.noBorder,
       warningAlert = _ref.warningAlert,
       errorAlert = _ref.errorAlert,
-      rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMoreText", "autoComplete", "description", "success", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
+      rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMore", "showMoreText", "autoComplete", "description", "success", "error", "warning", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "warningAlert", "errorAlert"]);
 
   var _useState = React.useState(''),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -177,7 +178,9 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
       setMaxHeight(maxHeight);
     };
 
-    updateHeight();
+    if (showMore) {
+      updateHeight();
+    }
   }, []);
 
   var _useState13 = React.useState(nanoid.nanoid()),
@@ -236,7 +239,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
     className: className,
     style: style
   }, !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({
-    ref: textAreaRef ? textAreaRef : forwardedRef,
+    ref: showMore ? textAreaRef : forwardedRef,
     rows: contentRows > rows ? contentRows : rows,
     expanded: expanded,
     maxHeight: maxHeight,
@@ -271,7 +274,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
     error: hasError
   }, label, required && ' *'), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default['default'].createElement(Description, {
     error: hasError
-  }, descriptionText), typeof showMoreText === 'string' && showMoreText.length > 0 && displayShowMoreText && React__default['default'].createElement(ShowMoreText, {
+  }, descriptionText), typeof showMoreText === 'string' && showMoreText.length > 0 && displayShowMoreText && showMore && React__default['default'].createElement(ShowMoreText, {
     onClick: handleTextAreaChange,
     showMore: expanded
   }, showMoreText));
@@ -284,6 +287,7 @@ TextArea.defaultProps = {
   warningAlert: false,
   errorAlert: false,
   hidden: false,
+  showMore: false,
   showMoreText: '',
   success: false
 };
@@ -298,6 +302,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: defaultTheme.PropTypes.bool,
   hidden: defaultTheme.PropTypes.bool,
   readOnly: defaultTheme.PropTypes.bool,
+  showMore: defaultTheme.PropTypes.bool,
   showMoreText: defaultTheme.PropTypes.string,
   edit: defaultTheme.PropTypes.bool,
   autoComplete: defaultTheme.PropTypes.string,

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-708b59a9.js');
+var TextArea = require('../../TextArea-9614e1cd.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -10,7 +10,7 @@ var CompactStarRating = require('../CompactStarRating-17c8ca3d.js');
 var CompactTextInput = require('../CompactTextInput-7263652c.js');
 var MultiSelect = require('../MultiSelect-5b008b32.js');
 var Radio = require('../Radio-0594409d.js');
-var TextArea = require('../TextArea-708b59a9.js');
+var TextArea = require('../TextArea-9614e1cd.js');
 var TextInput = require('../TextInput-a1083be3.js');
 var Switch = require('../Switch-cd165c8c.js');
 require('../defaultTheme-50f2b88f.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.64",
+  "version": "1.1.0-beta.66",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-6f0e7304.js');
+var AssetGallery = require('../../AssetGallery-145a1dff.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -35,7 +35,7 @@ require('../../Tabs-cfc35dc0.js');
 require('../../Tooltip-f4f9ab8f.js');
 require('../../MultiSelect-5b008b32.js');
 require('../../Radio-0594409d.js');
-require('../../TextArea-708b59a9.js');
+require('../../TextArea-9614e1cd.js');
 require('../../Switch-cd165c8c.js');
 require('../../warning-circle-24522402.js');
 

package/widgets/Instructions/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Instructions = require('../../Instructions-87271194.js');
+var Instructions = require('../../Instructions-8bbf4bf8.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
-require('../../TextArea-708b59a9.js');
+require('../../TextArea-9614e1cd.js');
 require('nanoid');
 require('lodash');
 require('../../edit-note-c47d292e.js');

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-6f0e7304.js');
+var AssetGallery = require('../AssetGallery-145a1dff.js');
 var ContextMenu = require('../ContextMenu-d088833b.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
-var Instructions = require('../Instructions-87271194.js');
+var Instructions = require('../Instructions-8bbf4bf8.js');
 require('../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -39,7 +39,7 @@ require('../Tabs-cfc35dc0.js');
 require('../Tooltip-f4f9ab8f.js');
 require('../MultiSelect-5b008b32.js');
 require('../Radio-0594409d.js');
-require('../TextArea-708b59a9.js');
+require('../TextArea-9614e1cd.js');
 require('../Switch-cd165c8c.js');
 require('../warning-circle-24522402.js');