@ntbjs/react-components 1.1.0-beta.77 → 1.1.0-beta.78

package/{AssetGallery-08de1747.js → AssetGallery-12d531c2.js}

@@ -11,7 +11,7 @@ require('./Button-f893df21.js');
 require('./Checkbox-012bbd3f.js');
 require('./CompactAutocompleteSelect-05c45f9a.js');
 require('./CompactStarRating-53593d92.js');
-require('./CompactTextInput-b4215024.js');
+require('./CompactTextInput-73dd2c4f.js');
 require('./MultiSelect-5b008b32.js');
 require('./Radio-0594409d.js');
 require('./TextArea-e0496c6f.js');
@@ -20,7 +20,7 @@ require('./Alert-3e4f8be1.js');
 require('./Badge-9bcebe96.js');
 require('./Popover-cf1e9677.js');
 require('./Tab-bd0f3345.js');
-require('./Tabs-cfc35dc0.js');
+require('./Tabs-06c4d1ef.js');
 var Tooltip = require('./Tooltip-f4f9ab8f.js');
 var styled = require('styled-components');
 var polished = require('polished');

package/{CompactTextInput-b4215024.js → CompactTextInput-73dd2c4f.js}

@@ -11,7 +11,7 @@ require('./Alert-3e4f8be1.js');
 require('./Badge-9bcebe96.js');
 var Popover = require('./Popover-cf1e9677.js');
 require('./Tab-bd0f3345.js');
-require('./Tabs-cfc35dc0.js');
+require('./Tabs-06c4d1ef.js');
 var Tooltip = require('./Tooltip-f4f9ab8f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Tabs-cfc35dc0.js → Tabs-06c4d1ef.js}

@@ -45,7 +45,9 @@ var TabContent = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
 
 var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef) {
   var children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["children"]);
+      minHeight = _ref.minHeight,
+      defaultMinHeight = _ref.defaultMinHeight,
+      props = defaultTheme._objectWithoutProperties(_ref, ["children", "minHeight", "defaultMinHeight"]);
 
   var _useState = React.useState(0),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -59,8 +61,13 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
 
   var _useState5 = React.useState(),
       _useState6 = defaultTheme._slicedToArray(_useState5, 2),
-      minHeight = _useState6[0],
-      setMinHeight = _useState6[1];
+      minTabHeight = _useState6[0],
+      setMinTabHeight = _useState6[1];
+
+  var _useState7 = React.useState(),
+      _useState8 = defaultTheme._slicedToArray(_useState7, 2),
+      defaultHeight = _useState8[0],
+      setDefaultHeight = _useState8[1];
 
   var contentRef = React.useRef(null);
   var visibleTabs = [];
@@ -70,12 +77,15 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
       setFirstTab(visibleTabs[0]);
     }
   }, []);
-  React.useEffect(function () {
+  React.useLayoutEffect(function () {
     if (contentRef.current) {
       var height = contentRef.current.offsetHeight;
-      setMinHeight(height);
+      setMinTabHeight(height);
     }
   }, [firstTab]);
+  React.useEffect(function () {
+    setDefaultHeight(defaultMinHeight);
+  }, []);
   var tabs = React.useMemo(function () {
     var tabs = [];
 
@@ -101,7 +111,7 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
 
     extractChildren(children);
     return tabs;
-  }, [children]);
+  }, []);
   return React__default['default'].createElement(Tabs$1, defaultTheme._extends({
     ref: forwardedRef
   }, props, {
@@ -123,15 +133,20 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
       role: "tabpanel",
       hidden: tab.key !== activeTab,
       style: {
-        minHeight: minHeight
+        minHeight: minHeight ? minTabHeight : !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
+  backgroundColor: defaultTheme.PropTypes.string,
+  minHeight: defaultTheme.PropTypes.bool,
+  defaultMinHeight: defaultTheme.PropTypes.string
 } : {};
-Tabs.defaultProps = {};
 
 exports.Tabs = Tabs;

package/data/Tabs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tabs = require('../../Tabs-cfc35dc0.js');
+var Tabs = require('../../Tabs-06c4d1ef.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-cf1e9677.js');
 var Tab = require('../Tab-bd0f3345.js');
-var Tabs = require('../Tabs-cfc35dc0.js');
+var Tabs = require('../Tabs-06c4d1ef.js');
 var Tooltip = require('../Tooltip-f4f9ab8f.js');
 require('../defaultTheme-50f2b88f.js');
 require('styled-components');

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-b4215024.js');
+var CompactTextInput = require('../../CompactTextInput-73dd2c4f.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -15,7 +15,7 @@ require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-cfdf1dbe.js');
 require('../../Tab-bd0f3345.js');
-require('../../Tabs-cfc35dc0.js');
+require('../../Tabs-06c4d1ef.js');
 require('../../Tooltip-f4f9ab8f.js');
 
 

package/inputs/index.js

@@ -7,7 +7,7 @@ var Button = require('../Button-f893df21.js');
 var Checkbox = require('../Checkbox-012bbd3f.js');
 var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-05c45f9a.js');
 var CompactStarRating = require('../CompactStarRating-53593d92.js');
-var CompactTextInput = require('../CompactTextInput-b4215024.js');
+var CompactTextInput = require('../CompactTextInput-73dd2c4f.js');
 var MultiSelect = require('../MultiSelect-5b008b32.js');
 var Radio = require('../Radio-0594409d.js');
 var TextArea = require('../TextArea-e0496c6f.js');
@@ -34,7 +34,7 @@ require('../edit-note-c47d292e.js');
 require('../Alert-3e4f8be1.js');
 require('../Badge-9bcebe96.js');
 require('../Tab-bd0f3345.js');
-require('../Tabs-cfc35dc0.js');
+require('../Tabs-06c4d1ef.js');
 require('../Tooltip-f4f9ab8f.js');
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.77",
+  "version": "1.1.0-beta.78",
   "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-08de1747.js');
+var AssetGallery = require('../../AssetGallery-12d531c2.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -27,11 +27,11 @@ require('react-select-async-paginate');
 require('../../close-ebf2f3cf.js');
 require('../../check-circle-filled-1640873e.js');
 require('../../CompactStarRating-53593d92.js');
-require('../../CompactTextInput-b4215024.js');
+require('../../CompactTextInput-73dd2c4f.js');
 require('../../Alert-3e4f8be1.js');
 require('../../Badge-9bcebe96.js');
 require('../../Tab-bd0f3345.js');
-require('../../Tabs-cfc35dc0.js');
+require('../../Tabs-06c4d1ef.js');
 require('../../Tooltip-f4f9ab8f.js');
 require('../../MultiSelect-5b008b32.js');
 require('../../Radio-0594409d.js');

package/widgets/ContextMenu/ContextMenuItem/index.js

@@ -40,7 +40,7 @@ var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.apply
 }, function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE');
 }, function (props) {
-  return !props.icon && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      padding-left: 28px;\n      width: calc(100% - 56px);\n    "])));
+  return !props.icon && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      padding-left: 28px;\n    "])));
 }, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
 }, function (props) {

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-08de1747.js');
+var AssetGallery = require('../AssetGallery-12d531c2.js');
 var ContextMenu = require('../ContextMenu-d088833b.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
 var Instructions = require('../Instructions-6d4bcc07.js');
@@ -31,11 +31,11 @@ require('react-select-async-paginate');
 require('../close-ebf2f3cf.js');
 require('../check-circle-filled-1640873e.js');
 require('../CompactStarRating-53593d92.js');
-require('../CompactTextInput-b4215024.js');
+require('../CompactTextInput-73dd2c4f.js');
 require('../Alert-3e4f8be1.js');
 require('../Badge-9bcebe96.js');
 require('../Tab-bd0f3345.js');
-require('../Tabs-cfc35dc0.js');
+require('../Tabs-06c4d1ef.js');
 require('../Tooltip-f4f9ab8f.js');
 require('../MultiSelect-5b008b32.js');
 require('../Radio-0594409d.js');