@nulogy/components 8.0.0 → 8.1.1

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
@@ -43618,7 +43594,7 @@
       color: theme.colors[color] || color,
       background: "none",
       border: "none",
-      padding: subPx(theme.space.x1) + " " + theme.space.x1,
+      padding: theme.space.x1,
       marginLeft: theme.space.x1,
       borderRadius: theme.radii.medium,
       transition: ".2s",

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
@@ -43592,7 +43568,7 @@ var MobileMenuTrigger = styled.button.withConfig({
     color: theme.colors[color] || color,
     background: "none",
     border: "none",
-    padding: subPx(theme.space.x1) + " " + theme.space.x1,
+    padding: theme.space.x1,
     marginLeft: theme.space.x1,
     borderRadius: theme.radii.medium,
     transition: ".2s",

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.0",
+  "version": "8.1.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {