@nulogy/components 8.0.1 → 8.1.2

package/dist/main.js

@@ -23328,7 +23328,6 @@
         required = _a.required,
         requirementText = _a.requirementText,
         helpText = _a.helpText,
-        noOptionsMessage = _a.noOptionsMessage,
         disabled = _a.disabled,
         errorMessage = _a.errorMessage,
         errorList = _a.errorList,
@@ -23337,27 +23336,16 @@
         id = _a.id,
         initialIsOpen = _a.initialIsOpen,
         maxHeight = _a.maxHeight,
-        menuPosition = _a.menuPosition,
         multiselect = _a.multiselect,
-        name = _a.name,
         onChange = _a.onChange,
         placeholder = _a.placeholder,
         value = _a.value,
         defaultValue = _a.defaultValue,
-        className = _a.className,
-        classNamePrefix = _a.classNamePrefix,
-        onBlur = _a.onBlur,
-        menuIsOpen = _a.menuIsOpen,
-        onMenuOpen = _a.onMenuOpen,
-        onMenuClose = _a.onMenuClose,
-        onInputChange = _a.onInputChange,
         components = _a.components,
         ariaLabel = _a["aria-label"],
         _a$windowThreshold = _a.windowThreshold,
         windowThreshold = _a$windowThreshold === void 0 ? 300 : _a$windowThreshold,
-        filterOption = _a.filterOption,
-        closeMenuOnSelect = _a.closeMenuOnSelect,
-        props = __rest(_a, ["autocomplete", "options", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "windowThreshold", "filterOption", "closeMenuOnSelect"]);
+        props = __rest(_a, ["autocomplete", "options", "labelText", "required", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "multiselect", "onChange", "placeholder", "value", "defaultValue", "components", "aria-label", "windowThreshold"]);
 
     var _useTranslation = useTranslation(),
         t = _useTranslation.t;
@@ -23371,14 +23359,9 @@
       labelText: labelText,
       requirementText: requirementText,
       helpText: helpText
-    }, /*#__PURE__*/React__default['default'].createElement(WindowedSelect__default['default'], {
+    }, /*#__PURE__*/React__default['default'].createElement(WindowedSelect__default['default'], Object.assign({
       ref: ref,
-      className: className,
-      classNamePrefix: classNamePrefix,
-      noOptionsMessage: noOptionsMessage,
       placeholder: placeholder || t("select ..."),
-      options: options,
-      labelText: labelText,
       windowThreshold: windowThreshold,
       styles: customStyles({
         theme: themeContext,
@@ -23392,19 +23375,12 @@
       "aria-invalid": error,
       defaultMenuIsOpen: initialIsOpen,
       inputId: id,
-      onBlur: onBlur,
       onChange: onChange && function (option) {
         return onChange(extractValue(option, multiselect));
       },
       defaultValue: getReactSelectValue(options, defaultValue),
       value: getReactSelectValue(options, value),
-      name: name,
       isMulti: multiselect,
-      menuIsOpen: menuIsOpen,
-      onMenuOpen: onMenuOpen,
-      onMenuClose: onMenuClose,
-      menuPosition: menuPosition,
-      onInputChange: onInputChange,
       theme: themeContext,
       components: Object.assign({
         Option: SelectOption,
@@ -23417,9 +23393,9 @@
         Input: SelectInput
       }, components),
       "aria-label": ariaLabel,
-      filterOption: filterOption,
-      closeMenuOnSelect: closeMenuOnSelect
-    }), /*#__PURE__*/React__default['default'].createElement(InlineValidation, {
+      options: options,
+      labelText: labelText
+    }, props)), /*#__PURE__*/React__default['default'].createElement(InlineValidation, {
       mt: "x1",
       errorMessage: errorMessage,
       errorList: errorList
@@ -26114,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;
+          }
+        });
       });
     };
 
@@ -26154,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;

package/dist/main.module.js

@@ -23302,7 +23302,6 @@ var ReactSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       required = _a.required,
       requirementText = _a.requirementText,
       helpText = _a.helpText,
-      noOptionsMessage = _a.noOptionsMessage,
       disabled = _a.disabled,
       errorMessage = _a.errorMessage,
       errorList = _a.errorList,
@@ -23311,27 +23310,16 @@ var ReactSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       id = _a.id,
       initialIsOpen = _a.initialIsOpen,
       maxHeight = _a.maxHeight,
-      menuPosition = _a.menuPosition,
       multiselect = _a.multiselect,
-      name = _a.name,
       onChange = _a.onChange,
       placeholder = _a.placeholder,
       value = _a.value,
       defaultValue = _a.defaultValue,
-      className = _a.className,
-      classNamePrefix = _a.classNamePrefix,
-      onBlur = _a.onBlur,
-      menuIsOpen = _a.menuIsOpen,
-      onMenuOpen = _a.onMenuOpen,
-      onMenuClose = _a.onMenuClose,
-      onInputChange = _a.onInputChange,
       components = _a.components,
       ariaLabel = _a["aria-label"],
       _a$windowThreshold = _a.windowThreshold,
       windowThreshold = _a$windowThreshold === void 0 ? 300 : _a$windowThreshold,
-      filterOption = _a.filterOption,
-      closeMenuOnSelect = _a.closeMenuOnSelect,
-      props = __rest(_a, ["autocomplete", "options", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "windowThreshold", "filterOption", "closeMenuOnSelect"]);
+      props = __rest(_a, ["autocomplete", "options", "labelText", "required", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "multiselect", "onChange", "placeholder", "value", "defaultValue", "components", "aria-label", "windowThreshold"]);
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -23345,14 +23333,9 @@ var ReactSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     labelText: labelText,
     requirementText: requirementText,
     helpText: helpText
-  }, /*#__PURE__*/React__default.createElement(WindowedSelect, {
+  }, /*#__PURE__*/React__default.createElement(WindowedSelect, Object.assign({
     ref: ref,
-    className: className,
-    classNamePrefix: classNamePrefix,
-    noOptionsMessage: noOptionsMessage,
     placeholder: placeholder || t("select ..."),
-    options: options,
-    labelText: labelText,
     windowThreshold: windowThreshold,
     styles: customStyles({
       theme: themeContext,
@@ -23366,19 +23349,12 @@ var ReactSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     "aria-invalid": error,
     defaultMenuIsOpen: initialIsOpen,
     inputId: id,
-    onBlur: onBlur,
     onChange: onChange && function (option) {
       return onChange(extractValue(option, multiselect));
     },
     defaultValue: getReactSelectValue(options, defaultValue),
     value: getReactSelectValue(options, value),
-    name: name,
     isMulti: multiselect,
-    menuIsOpen: menuIsOpen,
-    onMenuOpen: onMenuOpen,
-    onMenuClose: onMenuClose,
-    menuPosition: menuPosition,
-    onInputChange: onInputChange,
     theme: themeContext,
     components: Object.assign({
       Option: SelectOption,
@@ -23391,9 +23367,9 @@ var ReactSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       Input: SelectInput
     }, components),
     "aria-label": ariaLabel,
-    filterOption: filterOption,
-    closeMenuOnSelect: closeMenuOnSelect
-  }), /*#__PURE__*/React__default.createElement(InlineValidation, {
+    options: options,
+    labelText: labelText
+  }, props)), /*#__PURE__*/React__default.createElement(InlineValidation, {
     mt: "x1",
     errorMessage: errorMessage,
     errorList: errorList
@@ -26088,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;
+        }
+      });
     });
   };
 
@@ -26128,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;

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/dist/src/Select/Select.story.d.ts

@@ -107,3 +107,4 @@ export declare const UsingRefToControlFocus: {
         name: string;
     };
 };
+export declare const WithCustomProps: () => JSX.Element;

package/package.json

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