@ntbjs/react-components 1.2.0-rc.13 → 1.2.0-rc.14

package/{AssetGallery-d2914de2.js → AssetGallery-0ae4f093.js}

@@ -5,7 +5,7 @@ var lodash = require('lodash');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
-var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-c4060a73.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-128ab199.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var warningCircle = require('./warning-circle-24522402.js');
@@ -13,7 +13,7 @@ var Alert = require('./Alert-13b75102.js');
 var Badge = require('./Badge-aec841c8.js');
 var Popover = require('./Popover-e4ecb887.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-c2261e7e.js');
+require('./Tabs-4d7742bc.js');
 var Tooltip = require('./Tooltip-6b6f0b0a.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var ActionButton = require('./ActionButton-06df3d6c.js');
@@ -21,10 +21,10 @@ require('./Button-c38d56a0.js');
 require('./Checkbox-68dc38a8.js');
 require('./CompactAutocompleteSelect-43e79e21.js');
 require('./CompactStarRating-9c81ca6e.js');
-require('./CompactTextInput-c7d0ac82.js');
+require('./CompactTextInput-eab4869f.js');
 require('./MultiSelect-4b8d3d0d.js');
 require('./Radio-32d0513a.js');
-require('./TextArea-9ddf9649.js');
+require('./TextArea-b0125a43.js');
 require('./TextInput-0d109708.js');
 require('./Switch-4a41585f.js');
 var ContextMenu = require('./ContextMenu-4ec3d9f3.js');

package/{CompactTextInput-c7d0ac82.js → CompactTextInput-eab4869f.js}

@@ -9,7 +9,7 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-e4ecb887.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-c2261e7e.js');
+require('./Tabs-4d7742bc.js');
 var Tooltip = require('./Tooltip-6b6f0b0a.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var styled = require('styled-components');

package/{Instructions-ea9e5aa9.js → Instructions-92d9cb6f.js}

@@ -5,7 +5,7 @@ var lodash = require('lodash');
 var React = require('react');
 var warningCircle = require('./warning-circle-24522402.js');
 var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-43e79e21.js');
-var TextArea = require('./TextArea-9ddf9649.js');
+var TextArea = require('./TextArea-b0125a43.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-c4060a73.js → MultiLevelCheckboxSelect-128ab199.js}

@@ -7,7 +7,7 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 var Popover = require('./Popover-e4ecb887.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-c2261e7e.js');
+require('./Tabs-4d7742bc.js');
 require('./Tooltip-6b6f0b0a.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var Checkbox = require('./Checkbox-68dc38a8.js');

package/{Tabs-c2261e7e.js → Tabs-4d7742bc.js}

@@ -43,9 +43,8 @@ var TabContent = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
 
 var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef) {
   var children = _ref.children,
-      minHeight = _ref.minHeight,
       defaultMinHeight = _ref.defaultMinHeight,
-      props = defaultTheme._objectWithoutProperties(_ref, ["children", "minHeight", "defaultMinHeight"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["children", "defaultMinHeight"]);
 
   var _useState = React.useState(0),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -54,33 +53,10 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
 
   var _useState3 = React.useState(),
       _useState4 = defaultTheme._slicedToArray(_useState3, 2),
-      firstTab = _useState4[0],
-      setFirstTab = _useState4[1];
-
-  var _useState5 = React.useState(),
-      _useState6 = defaultTheme._slicedToArray(_useState5, 2),
-      minTabHeight = _useState6[0],
-      setMinTabHeight = _useState6[1];
-
-  var _useState7 = React.useState(),
-      _useState8 = defaultTheme._slicedToArray(_useState7, 2),
-      defaultHeight = _useState8[0],
-      setDefaultHeight = _useState8[1];
+      defaultHeight = _useState4[0],
+      setDefaultHeight = _useState4[1];
 
   var contentRef = React.useRef(null);
-  var visibleTabs = [];
-  React.useEffect(function () {
-    if ((visibleTabs === null || visibleTabs === void 0 ? void 0 : visibleTabs.length) > 0) {
-      setActiveTab(visibleTabs[0].key);
-      setFirstTab(visibleTabs[0]);
-    }
-  }, []);
-  React.useLayoutEffect(function () {
-    if (contentRef.current) {
-      var height = contentRef.current.offsetHeight;
-      setMinTabHeight(height);
-    }
-  }, [firstTab]);
   React.useEffect(function () {
     setDefaultHeight(defaultMinHeight);
   }, []);
@@ -97,11 +73,7 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
           return null;
         }
 
-        if (child.type === Tab.Tab && !lodash.isEmpty(child.props.trigger)) {
-          visibleTabs.push({
-            key: index,
-            content: child.props.children
-          });
+        if (child.type === Tab.Tab) {
           tabs.push({
             key: index,
             trigger: child.props.trigger,
@@ -130,24 +102,22 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
     }, tab.trigger);
   })), React__default['default'].createElement(TabContent, null, tabs.map(function (tab) {
     return React__default['default'].createElement("div", {
-      ref: tab.key === (firstTab === null || firstTab === void 0 ? void 0 : firstTab.key) ? contentRef : null,
+      ref: tab.key === (activeTab === null || activeTab === void 0 ? void 0 : activeTab.key) ? contentRef : null,
       key: tab.key,
       role: "tabpanel",
       hidden: tab.key !== activeTab,
       style: {
-        minHeight: minHeight ? minTabHeight : !lodash.isEmpty(defaultHeight) ? defaultHeight : ''
+        minHeight: !lodash.isEmpty(defaultHeight) ? defaultHeight : ''
       }
     }, tab.content);
   })));
 });
 Tabs.defaultProps = {
-  minHeight: false,
   defaultMinHeight: ''
 };
 Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
   children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.array, defaultTheme.PropTypes.object]),
   backgroundColor: defaultTheme.PropTypes.string,
-  minHeight: defaultTheme.PropTypes.bool,
   defaultMinHeight: defaultTheme.PropTypes.string
 } : {};
 

package/{TextArea-9ddf9649.js → TextArea-b0125a43.js}

@@ -187,24 +187,29 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
       inputIsEmpty = _useState2[0],
       setInputIsEmpty = _useState2[1];
 
-  var _useState3 = React.useState(false),
+  var _useState3 = React.useState(''),
       _useState4 = defaultTheme._slicedToArray(_useState3, 2),
-      expanded = _useState4[0],
-      setExpanded = _useState4[1];
+      maxContentRows = _useState4[0],
+      setMaxContentRows = _useState4[1];
 
-  var _useState5 = React.useState(''),
+  var _useState5 = React.useState(false),
       _useState6 = defaultTheme._slicedToArray(_useState5, 2),
-      maxHeight = _useState6[0],
-      setMaxHeight = _useState6[1];
+      expanded = _useState6[0],
+      setExpanded = _useState6[1];
 
   var _useState7 = React.useState(''),
       _useState8 = defaultTheme._slicedToArray(_useState7, 2),
-      defaultHeight = _useState8[0],
-      setDefaultHeight = _useState8[1];
+      maxHeight = _useState8[0],
+      setMaxHeight = _useState8[1];
 
-  var _useState9 = React.useState(nanoid.nanoid()),
-      _useState10 = defaultTheme._slicedToArray(_useState9, 1),
-      uniqueId = _useState10[0];
+  var _useState9 = React.useState(''),
+      _useState10 = defaultTheme._slicedToArray(_useState9, 2),
+      defaultHeight = _useState10[0],
+      setDefaultHeight = _useState10[1];
+
+  var _useState11 = React.useState(nanoid.nanoid()),
+      _useState12 = defaultTheme._slicedToArray(_useState11, 1),
+      uniqueId = _useState12[0];
 
   var handleTextAreaChange = function handleTextAreaChange() {
     setExpanded(true);
@@ -224,6 +229,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
       var lineHeight = 16;
       var calculatedRows = Math.floor(textAreaHeight / lineHeight);
       var defaultRowsHeight = rows * lineHeight;
+      setMaxContentRows(calculatedRows);
 
       if (calculatedRows > rows) {
         setDefaultHeight(defaultRowsHeight);
@@ -297,7 +303,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
     inputIsEmpty: inputIsEmpty
   }, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default['default'].createElement(Description, {
     type: type
-  }, description), showMore && React__default['default'].createElement(ShowMoreText, {
+  }, description), maxContentRows > rows && showMore && React__default['default'].createElement(ShowMoreText, {
     onClick: showMore ? handleTextAreaShowLess : undefined,
     expanded: expanded
   }, !expanded ? showMoreText : showLessText));

package/data/Tabs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tabs = require('../../Tabs-c2261e7e.js');
+var Tabs = require('../../Tabs-4d7742bc.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');

package/data/index.js

@@ -6,7 +6,7 @@ var Alert = require('../Alert-13b75102.js');
 var Badge = require('../Badge-aec841c8.js');
 var Popover = require('../Popover-e4ecb887.js');
 var Tab = require('../Tab-f499ecbc.js');
-var Tabs = require('../Tabs-c2261e7e.js');
+var Tabs = require('../Tabs-4d7742bc.js');
 var Tooltip = require('../Tooltip-6b6f0b0a.js');
 var VerificationStatusIcon = require('../VerificationStatusIcon-b574fd21.js');
 require('../defaultTheme-ea44e34a.js');

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-c7d0ac82.js');
+var CompactTextInput = require('../../CompactTextInput-eab4869f.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -15,7 +15,7 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-c2261e7e.js');
+require('../../Tabs-4d7742bc.js');
 require('../../Tooltip-6b6f0b0a.js');
 require('../../VerificationStatusIcon-b574fd21.js');
 

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-9ddf9649.js');
+var TextArea = require('../../TextArea-b0125a43.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -7,13 +7,13 @@ var Button = require('../Button-c38d56a0.js');
 var Checkbox = require('../Checkbox-68dc38a8.js');
 var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-43e79e21.js');
 var CompactStarRating = require('../CompactStarRating-9c81ca6e.js');
-var CompactTextInput = require('../CompactTextInput-c7d0ac82.js');
+var CompactTextInput = require('../CompactTextInput-eab4869f.js');
 var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
 var Radio = require('../Radio-32d0513a.js');
-var TextArea = require('../TextArea-9ddf9649.js');
+var TextArea = require('../TextArea-b0125a43.js');
 var TextInput = require('../TextInput-0d109708.js');
 var Switch = require('../Switch-4a41585f.js');
-var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-c4060a73.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-128ab199.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
@@ -35,7 +35,7 @@ require('../edit-note-c47d292e.js');
 require('../Alert-13b75102.js');
 require('../Badge-aec841c8.js');
 require('../Tab-f499ecbc.js');
-require('../Tabs-c2261e7e.js');
+require('../Tabs-4d7742bc.js');
 require('../Tooltip-6b6f0b0a.js');
 require('../VerificationStatusIcon-b574fd21.js');
 require('../useMergedRefs-b6d2f8fc.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.13",
+  "version": "1.2.0-rc.14",
   "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,13 +1,13 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-d2914de2.js');
+var AssetGallery = require('../../AssetGallery-0ae4f093.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-c4060a73.js');
+require('../../MultiLevelCheckboxSelect-128ab199.js');
 require('../../Alert-13b75102.js');
 require('../../Badge-aec841c8.js');
 require('../../Popover-e4ecb887.js');
@@ -16,7 +16,7 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-c2261e7e.js');
+require('../../Tabs-4d7742bc.js');
 require('../../Tooltip-6b6f0b0a.js');
 require('../../VerificationStatusIcon-b574fd21.js');
 require('../../Checkbox-68dc38a8.js');
@@ -38,10 +38,10 @@ require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../CompactStarRating-9c81ca6e.js');
-require('../../CompactTextInput-c7d0ac82.js');
+require('../../CompactTextInput-eab4869f.js');
 require('../../MultiSelect-4b8d3d0d.js');
 require('../../Radio-32d0513a.js');
-require('../../TextArea-9ddf9649.js');
+require('../../TextArea-b0125a43.js');
 require('../../Switch-4a41585f.js');
 require('../../ContextMenuItem-1fe17ed5.js');
 

package/widgets/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-ea9e5aa9.js');
+var Instructions = require('../../Instructions-92d9cb6f.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -14,7 +14,7 @@ require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../TextArea-9ddf9649.js');
+require('../../TextArea-b0125a43.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-c47d292e.js');
 

package/widgets/index.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-d2914de2.js');
+var AssetGallery = require('../AssetGallery-0ae4f093.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
-var Instructions = require('../Instructions-ea9e5aa9.js');
+var Instructions = require('../Instructions-92d9cb6f.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-c4060a73.js');
+require('../MultiLevelCheckboxSelect-128ab199.js');
 require('../Alert-13b75102.js');
 require('../Badge-aec841c8.js');
 require('../Popover-e4ecb887.js');
@@ -21,7 +21,7 @@ require('@tippyjs/react');
 require('../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../Tab-f499ecbc.js');
-require('../Tabs-c2261e7e.js');
+require('../Tabs-4d7742bc.js');
 require('../Tooltip-6b6f0b0a.js');
 require('../VerificationStatusIcon-b574fd21.js');
 require('../Checkbox-68dc38a8.js');
@@ -42,10 +42,10 @@ require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../CompactStarRating-9c81ca6e.js');
-require('../CompactTextInput-c7d0ac82.js');
+require('../CompactTextInput-eab4869f.js');
 require('../MultiSelect-4b8d3d0d.js');
 require('../Radio-32d0513a.js');
-require('../TextArea-9ddf9649.js');
+require('../TextArea-b0125a43.js');
 require('../Switch-4a41585f.js');
 require('../ContextMenuItem-1fe17ed5.js');