@nulogy/components 6.1.6 → 6.1.7

package/dist/main.js

@@ -27921,36 +27921,39 @@
           children = _this$props.children,
           onTabClick = _this$props.onTabClick;
       var selectedIndex = this.getSelectedIndex();
-      var tabs = React__default['default'].Children.map(children, function (tab, index) {
-        return /*#__PURE__*/React__default['default'].cloneElement(tab, {
-          onClick: function onClick(e) {
-            setFocusToTab(index);
+      return React__default['default'].Children.map(children, function (tab, index) {
+        if (tab) {
+          return /*#__PURE__*/React__default['default'].cloneElement(tab, {
+            onClick: function onClick(e) {
+              var _a, _b;
 
-            if (tab.props.onClick) {
-              tab.props.onClick(e);
-            }
+              setFocusToTab(index);
 
-            if (onTabClick) {
-              onTabClick(e, index);
-            } else {
-              _this2.handleTabClick(index);
+              if ((_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.onClick) {
+                (_b = tab === null || tab === void 0 ? void 0 : tab.props) === null || _b === void 0 ? void 0 : _b.onClick(e);
+              }
+
+              if (onTabClick) {
+                onTabClick(e, index);
+              } else {
+                _this2.handleTabClick(index);
+              }
+            },
+            onFocus: function onFocus(e) {
+              e.stopPropagation();
+            },
+            onKeyDown: handleArrowNavigation,
+            index: index,
+            tabIndex: index === focusedIndex ? 0 : -1,
+            selected: index === selectedIndex,
+            "aria-selected": index === selectedIndex,
+            fullWidth: fitted,
+            ref: function ref(_ref2) {
+              _this2.tabRefs[index] = _ref2;
             }
-          },
-          onFocus: function onFocus(e) {
-            e.stopPropagation();
-          },
-          onKeyDown: handleArrowNavigation,
-          index: index,
-          tabIndex: index === focusedIndex ? 0 : -1,
-          selected: index === selectedIndex,
-          "aria-selected": index === selectedIndex,
-          fullWidth: fitted,
-          ref: function ref(_ref2) {
-            _this2.tabRefs[index] = _ref2;
-          }
-        });
+          });
+        }
       });
-      return tabs;
     };
 
     _proto.getTabContent = function getTabContent() {
@@ -27959,6 +27962,8 @@
           renderTabContentOnlyWhenSelected = _this$props2.renderTabContentOnlyWhenSelected;
       var selectedIndex = this.getSelectedIndex();
       var tabContent = React__default['default'].Children.map(children, function (tab, index) {
+        var _a;
+
         var selected = index === selectedIndex;
 
         if (renderTabContentOnlyWhenSelected && !selected) {
@@ -27968,7 +27973,7 @@
             "aria-hidden": !selected,
             hidden: !selected,
             selected: selected
-          }, tab.props.children);
+          }, (_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.children);
         }
       });
       return tabContent;

package/dist/main.module.js

@@ -27895,36 +27895,39 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         children = _this$props.children,
         onTabClick = _this$props.onTabClick;
     var selectedIndex = this.getSelectedIndex();
-    var tabs = React__default.Children.map(children, function (tab, index) {
-      return /*#__PURE__*/React__default.cloneElement(tab, {
-        onClick: function onClick(e) {
-          setFocusToTab(index);
+    return React__default.Children.map(children, function (tab, index) {
+      if (tab) {
+        return /*#__PURE__*/React__default.cloneElement(tab, {
+          onClick: function onClick(e) {
+            var _a, _b;
 
-          if (tab.props.onClick) {
-            tab.props.onClick(e);
-          }
+            setFocusToTab(index);
 
-          if (onTabClick) {
-            onTabClick(e, index);
-          } else {
-            _this2.handleTabClick(index);
+            if ((_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.onClick) {
+              (_b = tab === null || tab === void 0 ? void 0 : tab.props) === null || _b === void 0 ? void 0 : _b.onClick(e);
+            }
+
+            if (onTabClick) {
+              onTabClick(e, index);
+            } else {
+              _this2.handleTabClick(index);
+            }
+          },
+          onFocus: function onFocus(e) {
+            e.stopPropagation();
+          },
+          onKeyDown: handleArrowNavigation,
+          index: index,
+          tabIndex: index === focusedIndex ? 0 : -1,
+          selected: index === selectedIndex,
+          "aria-selected": index === selectedIndex,
+          fullWidth: fitted,
+          ref: function ref(_ref2) {
+            _this2.tabRefs[index] = _ref2;
           }
-        },
-        onFocus: function onFocus(e) {
-          e.stopPropagation();
-        },
-        onKeyDown: handleArrowNavigation,
-        index: index,
-        tabIndex: index === focusedIndex ? 0 : -1,
-        selected: index === selectedIndex,
-        "aria-selected": index === selectedIndex,
-        fullWidth: fitted,
-        ref: function ref(_ref2) {
-          _this2.tabRefs[index] = _ref2;
-        }
-      });
+        });
+      }
     });
-    return tabs;
   };
 
   _proto.getTabContent = function getTabContent() {
@@ -27933,6 +27936,8 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         renderTabContentOnlyWhenSelected = _this$props2.renderTabContentOnlyWhenSelected;
     var selectedIndex = this.getSelectedIndex();
     var tabContent = React__default.Children.map(children, function (tab, index) {
+      var _a;
+
       var selected = index === selectedIndex;
 
       if (renderTabContentOnlyWhenSelected && !selected) {
@@ -27942,7 +27947,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
           "aria-hidden": !selected,
           hidden: !selected,
           selected: selected
-        }, tab.props.children);
+        }, (_a = tab === null || tab === void 0 ? void 0 : tab.props) === null || _a === void 0 ? void 0 : _a.children);
       }
     });
     return tabContent;

package/dist/src/Tabs/TabScrollIndicators.d.ts

@@ -11,10 +11,6 @@ declare type TabScrollIndicatorsProps = {
 declare type TabScrollIndicatorsState = {
     contentHiddenLeft: boolean;
     contentHiddenRight: boolean;
-    contentHiddenLeft: boolean;
-    contentHiddenRight: boolean;
-    contentHiddenLeft: boolean;
-    contentHiddenRight: boolean;
 };
 declare class TabScrollIndicators extends React.Component<TabScrollIndicatorsProps, TabScrollIndicatorsState> {
     constructor(props: any);

package/dist/src/Tabs/Tabs.d.ts

@@ -9,7 +9,6 @@ export declare type TabsProps = {
 };
 export declare type TabsState = {
     selectedIndex: any;
-    selectedIndex: any;
 };
 declare class Tabs extends React.Component<TabsProps, TabsState> {
     constructor(props: any);

package/dist/src/Tabs/Tabs.story.d.ts

@@ -51,3 +51,9 @@ export declare const WithContentLoadedOnSelection: {
         name: string;
     };
 };
+export declare const WithConditionallyRenderedTabs: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "6.1.6",
+  "version": "6.1.7",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {