@nulogy/components 8.1.0 → 8.1.3

package/dist/main.js

@@ -26090,38 +26090,39 @@
           children = _this$props.children,
           onTabClick = _this$props.onTabClick;
       var selectedIndex = this.getSelectedIndex();
-      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;
-
-              setFocusToTab(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);
-              }
+      var tabs = React__default['default'].Children.toArray(children);
+      return tabs.filter(function (tab) {
+        return Boolean(tab);
+      }).map(function (tab, index) {
+        return /*#__PURE__*/React__default['default'].cloneElement(tab, {
+          onClick: function onClick(e) {
+            var _a, _b;
+
+            setFocusToTab(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(_ref) {
-              _this2.tabRefs[index] = _ref;
+            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(_ref) {
+            _this2.tabRefs[index] = _ref;
+          }
+        });
       });
     };
 
@@ -26130,7 +26131,10 @@
           children = _this$props2.children,
           renderTabContentOnlyWhenSelected = _this$props2.renderTabContentOnlyWhenSelected;
       var selectedIndex = this.getSelectedIndex();
-      var tabContent = React__default['default'].Children.map(children, function (tab, index) {
+      var tabs = React__default['default'].Children.toArray(children);
+      var tabContent = tabs.filter(function (tab) {
+        return Boolean(tab);
+      }).map(function (tab, index) {
         var _a;
 
         var selected = index === selectedIndex;
@@ -42764,7 +42768,6 @@
     return /*#__PURE__*/React__default['default'].createElement(NoWrapLi, {
       key: (_a = subMenuItem.key) !== null && _a !== void 0 ? _a : subMenuItem.name
     }, /*#__PURE__*/React__default['default'].createElement(DropdownLink, {
-      py: "half",
       onClick: onItemClick,
       href: subMenuItem.href,
       to: subMenuItem.to,

package/dist/main.module.js

@@ -26064,38 +26064,39 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         children = _this$props.children,
         onTabClick = _this$props.onTabClick;
     var selectedIndex = this.getSelectedIndex();
-    return React__default.Children.map(children, function (tab, index) {
-      if (tab) {
-        return /*#__PURE__*/React__default.cloneElement(tab, {
-          onClick: function onClick(e) {
-            var _a, _b;
-
-            setFocusToTab(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);
-            }
+    var tabs = React__default.Children.toArray(children);
+    return tabs.filter(function (tab) {
+      return Boolean(tab);
+    }).map(function (tab, index) {
+      return /*#__PURE__*/React__default.cloneElement(tab, {
+        onClick: function onClick(e) {
+          var _a, _b;
+
+          setFocusToTab(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(_ref) {
-            _this2.tabRefs[index] = _ref;
+          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(_ref) {
+          _this2.tabRefs[index] = _ref;
+        }
+      });
     });
   };
 
@@ -26104,7 +26105,10 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         children = _this$props2.children,
         renderTabContentOnlyWhenSelected = _this$props2.renderTabContentOnlyWhenSelected;
     var selectedIndex = this.getSelectedIndex();
-    var tabContent = React__default.Children.map(children, function (tab, index) {
+    var tabs = React__default.Children.toArray(children);
+    var tabContent = tabs.filter(function (tab) {
+      return Boolean(tab);
+    }).map(function (tab, index) {
       var _a;
 
       var selected = index === selectedIndex;
@@ -42738,7 +42742,6 @@ var renderSubMenuLink = function renderSubMenuLink(subMenuItem, onItemClick) {
   return /*#__PURE__*/React__default.createElement(NoWrapLi, {
     key: (_a = subMenuItem.key) !== null && _a !== void 0 ? _a : subMenuItem.name
   }, /*#__PURE__*/React__default.createElement(DropdownLink, {
-    py: "half",
     onClick: onItemClick,
     href: subMenuItem.href,
     to: subMenuItem.to,

package/dist/src/Select/Select.d.ts

@@ -1,36 +1,4 @@
 import React from "react";
-export declare const SelectDefaultProps: {
-    autocomplete: boolean;
-    disabled: any;
-    defaultValue: any;
-    error: any;
-    errorMessage: any;
-    errorList: any;
-    labelText: any;
-    helpText: any;
-    noOptionsMessage: any;
-    requirementText: any;
-    id: any;
-    initialIsOpen: any;
-    maxHeight: string;
-    menuPosition: string;
-    multiselect: boolean;
-    name: any;
-    onBlur: any;
-    onChange: any;
-    placeholder: any;
-    required: boolean;
-    value: any;
-    className: any;
-    classNamePrefix: string;
-    menuIsOpen: any;
-    onMenuOpen: any;
-    onMenuClose: any;
-    onInputChange: any;
-    components: any;
-    closeMenuOnSelect: boolean;
-};
-export declare const getOption: (options: any, value: any) => any;
 export declare type SelectProps = {
     options?: any[];
     windowThreshold?: number;
@@ -65,6 +33,39 @@ export declare type SelectProps = {
     components?: any;
     closeMenuOnSelect?: boolean;
     "aria-label"?: string;
+    [key: string]: any;
 };
-declare const ReactSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<unknown>>;
+export declare const SelectDefaultProps: {
+    autocomplete: boolean;
+    disabled: any;
+    defaultValue: any;
+    error: any;
+    errorMessage: any;
+    errorList: any;
+    labelText: any;
+    helpText: any;
+    noOptionsMessage: any;
+    requirementText: any;
+    id: any;
+    initialIsOpen: any;
+    maxHeight: string;
+    menuPosition: string;
+    multiselect: boolean;
+    name: any;
+    onBlur: any;
+    onChange: any;
+    placeholder: any;
+    required: boolean;
+    value: any;
+    className: any;
+    classNamePrefix: string;
+    menuIsOpen: any;
+    onMenuOpen: any;
+    onMenuClose: any;
+    onInputChange: any;
+    components: any;
+    closeMenuOnSelect: boolean;
+};
+export declare const getOption: (options: any, value: any) => any;
+declare const ReactSelect: React.ForwardRefExoticComponent<Pick<SelectProps, React.ReactText> & React.RefAttributes<unknown>>;
 export default ReactSelect;

package/package.json

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