@ntbjs/react-components 1.1.8 → 1.1.10

package/{AssetGallery-c970296c.js → AssetGallery-3e57dc2c.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-eeb5dcef.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-040d2f28.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var warningCircle = require('./warning-circle-24522402.js');
@@ -13,22 +13,22 @@ var Alert = require('./Alert-13b75102.js');
 var Badge = require('./Badge-aec841c8.js');
 var Popover = require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-4d7742bc.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var ActionButton = require('./ActionButton-06df3d6c.js');
 require('./Button-49f82b31.js');
 require('./Checkbox-68dc38a8.js');
-require('./CompactAutocompleteSelect-87c8c7e7.js');
-require('./CompactStarRating-1aedbcf4.js');
-require('./CompactTextInput-aafb1a17.js');
+require('./CompactAutocompleteSelect-86e10ff4.js');
+require('./CompactStarRating-f1e62f3e.js');
+require('./CompactTextInput-c27d33c1.js');
 require('./MultiSelect-4b8d3d0d.js');
 require('./Radio-32d0513a.js');
-require('./TextArea-229e7abb.js');
+require('./TextArea-d8ec6308.js');
 require('./TextInput-0d109708.js');
 require('./Switch-4a41585f.js');
 var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
-var ContextMenuItem = require('./ContextMenuItem-45419550.js');
+var ContextMenuItem = require('./ContextMenuItem-ba2b697e.js');
 var polished = require('polished');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -762,7 +762,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   }, asset.actions && asset.actions.map(function (action, index) {
     return React__default['default'].createElement(Tooltip.Tooltip, {
       key: "".concat(asset.key, "-").concat(action.title),
-      content: action.title
+      content: React__default['default'].createElement("span", null, action.title)
     }, React__default['default'].createElement(Fragment$1, {
       key: "".concat(asset.key, "-").concat(action.title),
       as: ComputedActionButton$1,
@@ -802,7 +802,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   }, asset.actions && asset.actions.map(function (action, index) {
     return React__default['default'].createElement(Tooltip.Tooltip, {
       key: "".concat(asset.key, "-").concat(action.title),
-      content: action.title
+      content: React__default['default'].createElement("span", null, action.title)
     }, React__default['default'].createElement(Fragment$1, {
       as: ComputedActionButton$1,
       component: action.component,

package/{CompactAutocompleteSelect-87c8c7e7.js → CompactAutocompleteSelect-86e10ff4.js}

@@ -8,7 +8,7 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-4d7742bc.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var styled = require('styled-components');

package/{CompactStarRating-1aedbcf4.js → CompactStarRating-f1e62f3e.js}

@@ -6,7 +6,7 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-4d7742bc.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var styled = require('styled-components');

package/{CompactTextInput-aafb1a17.js → CompactTextInput-c27d33c1.js}

@@ -9,7 +9,7 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-4d7742bc.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var styled = require('styled-components');

package/{ContextMenuItem-45419550.js → ContextMenuItem-ba2b697e.js}

@@ -90,7 +90,7 @@ var ContextMenuItem = React__default['default'].forwardRef(function ContextMenuI
     className: opensSublevel ? 'context-menu-item opens-sublevel' : 'context-menu-item'
   }, props, {
     role: "menuitem"
-  }), icon && React__default['default'].createElement(IconContainer, null, icon), title, opensSublevel && React__default['default'].createElement(SublevelIconContainer, null, React__default['default'].createElement(SvgTriangleRight, null)));
+  }), icon && React__default['default'].createElement(IconContainer, null, icon), React__default['default'].createElement("span", null, title), opensSublevel && React__default['default'].createElement(SublevelIconContainer, null, React__default['default'].createElement(SvgTriangleRight, null)));
 });
 ContextMenuItem.propTypes = process.env.NODE_ENV !== "production" ? {
   title: defaultTheme.PropTypes.string.isRequired,

package/{Instructions-b9f2e184.js → Instructions-fed010b2.js}

@@ -4,8 +4,8 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
 var lodash = require('lodash');
 var React = require('react');
 var warningCircle = require('./warning-circle-24522402.js');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-87c8c7e7.js');
-var TextArea = require('./TextArea-229e7abb.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-86e10ff4.js');
+var TextArea = require('./TextArea-d8ec6308.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-eeb5dcef.js → MultiLevelCheckboxSelect-040d2f28.js}

@@ -7,7 +7,7 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 var Popover = require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-4d7742bc.js');
+require('./Tabs-a8c77f71.js');
 require('./Tooltip-66daf6e3.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var Checkbox = require('./Checkbox-68dc38a8.js');

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

@@ -65,25 +65,44 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
 
     function extractChildren(children) {
       React.Children.forEach(children, function (child, index) {
+        var _child$props2;
+
+        if (lodash.isNil(child)) {
+          return null;
+        }
+
         if (child.type === React.Fragment) {
-          extractChildren(child.props.children);
+          var _child$props;
+
+          extractChildren((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children);
         }
 
-        if (child.props.hidden) {
+        if ((_child$props2 = child.props) !== null && _child$props2 !== void 0 && _child$props2.hidden) {
           return null;
         }
 
         if (child.type === Tab.Tab) {
+          var _child$props3, _child$props4;
+
           tabs.push({
             key: index,
-            trigger: child.props.trigger,
-            content: child.props.children
+            trigger: (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.trigger,
+            content: (_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.children
           });
         }
       });
     }
 
     extractChildren(children);
+
+    if (!tabs.some(function (tab) {
+      return (tab === null || tab === void 0 ? void 0 : tab.key) === activeTab;
+    })) {
+      var _tabs$;
+
+      setActiveTab((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.key);
+    }
+
     return tabs;
   }, [children]);
   return React__default['default'].createElement(Tabs$1, defaultTheme._extends({

package/{TextArea-229e7abb.js → TextArea-d8ec6308.js}

@@ -8,7 +8,7 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-4d7742bc.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
 require('./VerificationStatusIcon-b574fd21.js');
 var editNote = require('./edit-note-c47d292e.js');

package/data/Tabs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tabs = require('../../Tabs-4d7742bc.js');
+var Tabs = require('../../Tabs-a8c77f71.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-569cd272.js');
 var Tab = require('../Tab-f499ecbc.js');
-var Tabs = require('../Tabs-4d7742bc.js');
+var Tabs = require('../Tabs-a8c77f71.js');
 var Tooltip = require('../Tooltip-66daf6e3.js');
 var VerificationStatusIcon = require('../VerificationStatusIcon-b574fd21.js');
 require('../defaultTheme-ea44e34a.js');

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-87c8c7e7.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-86e10ff4.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -14,7 +14,7 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-4d7742bc.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
 require('../../VerificationStatusIcon-b574fd21.js');
 require('react-select');

package/inputs/CompactStarRating/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-1aedbcf4.js');
+var CompactStarRating = require('../../CompactStarRating-f1e62f3e.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
@@ -13,7 +13,7 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-4d7742bc.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
 require('../../VerificationStatusIcon-b574fd21.js');
 

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-aafb1a17.js');
+var CompactTextInput = require('../../CompactTextInput-c27d33c1.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-4d7742bc.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
 require('../../VerificationStatusIcon-b574fd21.js');
 

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-229e7abb.js');
+var TextArea = require('../../TextArea-d8ec6308.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
@@ -15,7 +15,7 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-4d7742bc.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
 require('../../VerificationStatusIcon-b574fd21.js');
 require('../../edit-note-c47d292e.js');

package/inputs/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var ActionButton = require('../ActionButton-06df3d6c.js');
 var Button = require('../Button-49f82b31.js');
 var Checkbox = require('../Checkbox-68dc38a8.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-87c8c7e7.js');
-var CompactStarRating = require('../CompactStarRating-1aedbcf4.js');
-var CompactTextInput = require('../CompactTextInput-aafb1a17.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-86e10ff4.js');
+var CompactStarRating = require('../CompactStarRating-f1e62f3e.js');
+var CompactTextInput = require('../CompactTextInput-c27d33c1.js');
 var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
 var Radio = require('../Radio-32d0513a.js');
-var TextArea = require('../TextArea-229e7abb.js');
+var TextArea = require('../TextArea-d8ec6308.js');
 var TextInput = require('../TextInput-0d109708.js');
 var Switch = require('../Switch-4a41585f.js');
-var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-eeb5dcef.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-040d2f28.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
@@ -29,7 +29,7 @@ require('nanoid');
 require('../Alert-13b75102.js');
 require('../Badge-aec841c8.js');
 require('../Tab-f499ecbc.js');
-require('../Tabs-4d7742bc.js');
+require('../Tabs-a8c77f71.js');
 require('../Tooltip-66daf6e3.js');
 require('../VerificationStatusIcon-b574fd21.js');
 require('react-select');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "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-c970296c.js');
+var AssetGallery = require('../../AssetGallery-3e57dc2c.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-eeb5dcef.js');
+require('../../MultiLevelCheckboxSelect-040d2f28.js');
 require('../../Alert-13b75102.js');
 require('../../Badge-aec841c8.js');
 require('../../Popover-569cd272.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-4d7742bc.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
 require('../../VerificationStatusIcon-b574fd21.js');
 require('../../Checkbox-68dc38a8.js');
@@ -32,18 +32,18 @@ require('../../ActionButton-06df3d6c.js');
 require('../../Button-49f82b31.js');
 require('../../ContextMenu-4ec3d9f3.js');
 require('../../expand-more-94585605.js');
-require('../../CompactAutocompleteSelect-87c8c7e7.js');
+require('../../CompactAutocompleteSelect-86e10ff4.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../../CompactStarRating-1aedbcf4.js');
-require('../../CompactTextInput-aafb1a17.js');
+require('../../CompactStarRating-f1e62f3e.js');
+require('../../CompactTextInput-c27d33c1.js');
 require('../../MultiSelect-4b8d3d0d.js');
 require('../../Radio-32d0513a.js');
-require('../../TextArea-229e7abb.js');
+require('../../TextArea-d8ec6308.js');
 require('../../Switch-4a41585f.js');
-require('../../ContextMenuItem-45419550.js');
+require('../../ContextMenuItem-ba2b697e.js');
 
 
 

package/widgets/ContextMenu/ContextMenuItem/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ContextMenuItem = require('../../../ContextMenuItem-45419550.js');
+var ContextMenuItem = require('../../../ContextMenuItem-ba2b697e.js');
 require('../../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');

package/widgets/Instructions/index.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var Instructions = require('../../Instructions-b9f2e184.js');
+var Instructions = require('../../Instructions-fed010b2.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../warning-circle-24522402.js');
-require('../../CompactAutocompleteSelect-87c8c7e7.js');
+require('../../CompactAutocompleteSelect-86e10ff4.js');
 require('nanoid');
 require('../../Alert-13b75102.js');
 require('../../Badge-aec841c8.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-4d7742bc.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
 require('../../VerificationStatusIcon-b574fd21.js');
 require('react-select');
@@ -25,7 +25,7 @@ require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../TextArea-229e7abb.js');
+require('../../TextArea-d8ec6308.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-c970296c.js');
+var AssetGallery = require('../AssetGallery-3e57dc2c.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
-var Instructions = require('../Instructions-b9f2e184.js');
+var Instructions = require('../Instructions-fed010b2.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-eeb5dcef.js');
+require('../MultiLevelCheckboxSelect-040d2f28.js');
 require('../Alert-13b75102.js');
 require('../Badge-aec841c8.js');
 require('../Popover-569cd272.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-4d7742bc.js');
+require('../Tabs-a8c77f71.js');
 require('../Tooltip-66daf6e3.js');
 require('../VerificationStatusIcon-b574fd21.js');
 require('../Checkbox-68dc38a8.js');
@@ -36,18 +36,18 @@ require('../warning-circle-24522402.js');
 require('../ActionButton-06df3d6c.js');
 require('../Button-49f82b31.js');
 require('../expand-more-94585605.js');
-require('../CompactAutocompleteSelect-87c8c7e7.js');
+require('../CompactAutocompleteSelect-86e10ff4.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../CompactStarRating-1aedbcf4.js');
-require('../CompactTextInput-aafb1a17.js');
+require('../CompactStarRating-f1e62f3e.js');
+require('../CompactTextInput-c27d33c1.js');
 require('../MultiSelect-4b8d3d0d.js');
 require('../Radio-32d0513a.js');
-require('../TextArea-229e7abb.js');
+require('../TextArea-d8ec6308.js');
 require('../Switch-4a41585f.js');
-require('../ContextMenuItem-45419550.js');
+require('../ContextMenuItem-ba2b697e.js');