@ntbjs/react-components 1.1.0-beta.50 → 1.1.0-beta.52

package/{AssetGallery-d01e5e39.js → AssetGallery-d9a19f1b.js}

@@ -11,7 +11,7 @@ require('./AutocompleteSelect-45be3cb4.js');
 require('./Button-dd271c4b.js');
 require('./Checkbox-012bbd3f.js');
 require('./CompactStarRating-364ca893.js');
-require('./CompactTextInput-c3dd0913.js');
+require('./CompactTextInput-08cbe4e5.js');
 require('./MultiSelect-2cbc13b3.js');
 require('./Radio-0594409d.js');
 require('./TextArea-8cffb1e7.js');
@@ -20,7 +20,7 @@ require('./Alert-3e4f8be1.js');
 require('./Badge-9bcebe96.js');
 require('./Popover-11df9750.js');
 require('./Tab-bd0f3345.js');
-require('./Tabs-ca33dd67.js');
+require('./Tabs-371d1fd0.js');
 var Tooltip = require('./Tooltip-e4e5e0e5.js');
 var styled = require('styled-components');
 var polished = require('polished');

package/{CompactTextInput-c3dd0913.js → CompactTextInput-08cbe4e5.js}

@@ -10,7 +10,7 @@ require('./Alert-3e4f8be1.js');
 require('./Badge-9bcebe96.js');
 var Popover = require('./Popover-11df9750.js');
 require('./Tab-bd0f3345.js');
-require('./Tabs-ca33dd67.js');
+require('./Tabs-371d1fd0.js');
 var Tooltip = require('./Tooltip-e4e5e0e5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Tabs-ca33dd67.js → Tabs-371d1fd0.js}

@@ -57,11 +57,17 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
       minHeight = _useState4[0],
       setMinHeight = _useState4[1];
 
+  var _useState5 = React.useState(),
+      _useState6 = defaultTheme._slicedToArray(_useState5, 2),
+      firstTab = _useState6[0],
+      setFirstTab = _useState6[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]);
     }
   }, [visibleTabs]);
   React.useEffect(function () {
@@ -69,8 +75,7 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
       var height = contentRef.current.offsetHeight;
       setMinHeight(height);
     }
-  }, [children]);
-  console.log(minHeight);
+  }, [children, firstTab]);
   var tabs = React.useMemo(function () {
     var tabs = [];
 
@@ -98,6 +103,9 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
     return tabs;
   }, [children]);
   return React__default['default'].createElement(Tabs$1, defaultTheme._extends({
+    style: {
+      minHeight: minHeight
+    },
     ref: forwardedRef
   }, props, {
     role: "tablist"
@@ -120,7 +128,7 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
       role: "tabpanel",
       hidden: tab.key !== activeTab,
       style: {
-        minHeight: minHeight
+        height: minHeight && minHeight
       }
     }, tab.content);
   })));

package/data/Tabs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tabs = require('../../Tabs-ca33dd67.js');
+var Tabs = require('../../Tabs-371d1fd0.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/data/index.js

@@ -6,7 +6,7 @@ var Alert = require('../Alert-3e4f8be1.js');
 var Badge = require('../Badge-9bcebe96.js');
 var Popover = require('../Popover-11df9750.js');
 var Tab = require('../Tab-bd0f3345.js');
-var Tabs = require('../Tabs-ca33dd67.js');
+var Tabs = require('../Tabs-371d1fd0.js');
 var Tooltip = require('../Tooltip-e4e5e0e5.js');
 require('../defaultTheme-50f2b88f.js');
 require('styled-components');

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-c3dd0913.js');
+var CompactTextInput = require('../../CompactTextInput-08cbe4e5.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -14,7 +14,7 @@ require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-cfdf1dbe.js');
 require('../../Tab-bd0f3345.js');
-require('../../Tabs-ca33dd67.js');
+require('../../Tabs-371d1fd0.js');
 require('../../Tooltip-e4e5e0e5.js');
 
 

package/inputs/index.js

@@ -7,7 +7,7 @@ var AutocompleteSelect = require('../AutocompleteSelect-45be3cb4.js');
 var Button = require('../Button-dd271c4b.js');
 var Checkbox = require('../Checkbox-012bbd3f.js');
 var CompactStarRating = require('../CompactStarRating-364ca893.js');
-var CompactTextInput = require('../CompactTextInput-c3dd0913.js');
+var CompactTextInput = require('../CompactTextInput-08cbe4e5.js');
 var MultiSelect = require('../MultiSelect-2cbc13b3.js');
 var Radio = require('../Radio-0594409d.js');
 var TextArea = require('../TextArea-8cffb1e7.js');
@@ -33,7 +33,7 @@ require('../edit-note-c47d292e.js');
 require('../Alert-3e4f8be1.js');
 require('../Badge-9bcebe96.js');
 require('../Tab-bd0f3345.js');
-require('../Tabs-ca33dd67.js');
+require('../Tabs-371d1fd0.js');
 require('../Tooltip-e4e5e0e5.js');
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.50",
+  "version": "1.1.0-beta.52",
   "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-d01e5e39.js');
+var AssetGallery = require('../../AssetGallery-d9a19f1b.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -26,11 +26,11 @@ require('../../shift-away-subtle-cfdf1dbe.js');
 require('../../ContextMenu-d088833b.js');
 require('../../Checkbox-012bbd3f.js');
 require('../../CompactStarRating-364ca893.js');
-require('../../CompactTextInput-c3dd0913.js');
+require('../../CompactTextInput-08cbe4e5.js');
 require('../../Alert-3e4f8be1.js');
 require('../../Badge-9bcebe96.js');
 require('../../Tab-bd0f3345.js');
-require('../../Tabs-ca33dd67.js');
+require('../../Tabs-371d1fd0.js');
 require('../../Tooltip-e4e5e0e5.js');
 require('../../MultiSelect-2cbc13b3.js');
 require('../../Radio-0594409d.js');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-d01e5e39.js');
+var AssetGallery = require('../AssetGallery-d9a19f1b.js');
 var ContextMenu = require('../ContextMenu-d088833b.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-159b9885.js');
 var Instructions = require('../Instructions-d8ab91c2.js');
@@ -30,11 +30,11 @@ require('@tippyjs/react');
 require('../shift-away-subtle-cfdf1dbe.js');
 require('../Checkbox-012bbd3f.js');
 require('../CompactStarRating-364ca893.js');
-require('../CompactTextInput-c3dd0913.js');
+require('../CompactTextInput-08cbe4e5.js');
 require('../Alert-3e4f8be1.js');
 require('../Badge-9bcebe96.js');
 require('../Tab-bd0f3345.js');
-require('../Tabs-ca33dd67.js');
+require('../Tabs-371d1fd0.js');
 require('../Tooltip-e4e5e0e5.js');
 require('../MultiSelect-2cbc13b3.js');
 require('../Radio-0594409d.js');