@luminati-io/uikit 3.1.5 → 3.1.6

package/dist/umd/uikit.development.js

@@ -24434,8 +24434,8 @@ var buildComponents = function buildComponents(props) {
     },
     DropdownIndicator: _dropdown_indicator__WEBPACK_IMPORTED_MODULE_1__["default"],
     ClearIndicator: _clear_indicator__WEBPACK_IMPORTED_MODULE_0__["default"],
-    MenuList: _menu_list__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Group: _group__WEBPACK_IMPORTED_MODULE_2__["default"],
+    MenuList: _menu_list__WEBPACK_IMPORTED_MODULE_3__.MenuList,
+    Group: _group__WEBPACK_IMPORTED_MODULE_2__.Group,
     Option: _option__WEBPACK_IMPORTED_MODULE_4__.Option
   }, props.components);
   if (props.virtualized) {
@@ -24527,27 +24527,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Dropdown: () => (/* binding */ Dropdown)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
-/* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../translation */ "./src/translation.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
-/* harmony import */ var _build_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./build_components */ "./src/input/dropdown/build_components.js");
-/* harmony import */ var _use_custom_styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./use_custom_styles */ "./src/input/dropdown/use_custom_styles.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
+/* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../translation */ "./src/translation.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/utils.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
+/* harmony import */ var _build_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./build_components */ "./src/input/dropdown/build_components.js");
+/* harmony import */ var _use_custom_styles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use_custom_styles */ "./src/input/dropdown/use_custom_styles.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
-var _excluded = ["label", "labelIcon", "required", "size", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "onCreateOption", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected"];
+var _excluded = ["label", "labelIcon", "required", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "onCreateOption", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected", "isLoading"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -24562,11 +24559,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, forwardRef) {
+var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, forwardRef) {
   var label = props.label,
     labelIcon = props.labelIcon,
     required = props.required,
-    size = props.size,
     value = props.value,
     defaultValue = props.defaultValue,
     placeholder = props.placeholder,
@@ -24593,31 +24589,32 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     getOptionLabel = props.getOptionLabel,
     isOptionDisabled = props.isOptionDisabled,
     isOptionSelected = props.isOptionSelected,
+    isLoading = props.isLoading,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useLabelId)(props.id);
-  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
-  var styles = (0,_use_custom_styles__WEBPACK_IMPORTED_MODULE_10__.useCustomStyles)(size);
-  var SelectComp = creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_11__["default"];
-  var _isOptionDisabled = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
+  var t = (0,_translation__WEBPACK_IMPORTED_MODULE_5__.useTranslate)();
+  var styles = (0,_use_custom_styles__WEBPACK_IMPORTED_MODULE_9__.useCustomStyles)(props);
+  var SelectComp = creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_2__["default"] : react_select__WEBPACK_IMPORTED_MODULE_10__["default"];
+  var _isOptionDisabled = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return isOptionDisabled || function (opt) {
       return opt.disabled;
     };
   }, [isOptionDisabled]);
-  var _hideSelectedOptions = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+  var _hideSelectedOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return props.autosize === false ? false : hideSelectedOptions;
   }, [props.autosize, hideSelectedOptions]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, _extends({
     ref: forwardRef,
     "data-testid": "dropdown"
-  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'components', 'virtualized', 'autosize', 'maxToShow', 'components'), {
+  }, (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getCommonProps)(rest), {
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing['02']
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_8__.InputLabel, {
+    gap: "02"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_7__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
     required: required
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SelectComp, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SelectComp, {
     filterOption: filterOption,
     formatOptionLabel: formatOptionLabel,
     "aria-labelledby": label ? labelId : undefined,
@@ -24635,7 +24632,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     isDisabled: disabled,
     required: required,
     styles: styles,
-    components: (0,_build_components__WEBPACK_IMPORTED_MODULE_9__.buildComponents)(props),
+    components: (0,_build_components__WEBPACK_IMPORTED_MODULE_8__.buildComponents)(props),
     classNamePrefix: classNamePrefix,
     menuPortalTarget: menuPortalTarget,
     onChangeCapture: onChangeCapture,
@@ -24646,44 +24643,47 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     getOptionValue: getOptionValue,
     getOptionLabel: getOptionLabel,
     isOptionDisabled: _isOptionDisabled,
-    isOptionSelected: isOptionSelected
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_8__.HelperText, {
+    isOptionSelected: isOptionSelected,
+    isLoading: isLoading
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_7__.HelperText, {
     invalid: invalid
   }, helperText));
 });
 Dropdown.displayName = 'Dropdown';
 Dropdown.propTypes = {
-  value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
-  defaultValue: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
-  filterOption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  formatOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
-  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().any)).isRequired,
-  multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  clearable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  creatable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  menuPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['bottom', 'auto', 'top']),
-  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  autosize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  hideSelectedOptions: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  onInputChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  getOptionValue: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  getOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  isOptionDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  isOptionSelected: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  components: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)
+  value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
+  defaultValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
+  filterOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  formatOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  label: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  helperText: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired,
+  multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  clearable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  creatable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  menuPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['bottom', 'auto', 'top']),
+  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  autosize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  hideSelectedOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  onInputChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getOptionValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isOptionDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isOptionSelected: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  components: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  styles: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
 };
 Dropdown.defaultProps = {
   size: 'sm',
@@ -24842,7 +24842,7 @@ var getStyleProps = function getStyleProps(props, name, classNamesState) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Group: () => (/* binding */ Group)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -24872,7 +24872,6 @@ var Group = function Group(props) {
     text: label
   }), children);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Group);
 
 /***/ }),
 
@@ -24885,7 +24884,7 @@ var Group = function Group(props) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MenuList: () => (/* reexport safe */ _menu_list__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   MenuList: () => (/* reexport safe */ _menu_list__WEBPACK_IMPORTED_MODULE_1__.MenuList),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dropdown */ "./src/input/dropdown/dropdown.js");
@@ -24896,7 +24895,6 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 
 
-
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_dropdown__WEBPACK_IMPORTED_MODULE_0__.Dropdown);
 
 /***/ }),
@@ -24910,7 +24908,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   MenuList: () => (/* binding */ MenuList)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -24943,7 +24941,6 @@ var MenuList = function MenuList(props) {
     });
   }));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuList);
 
 /***/ }),
 
@@ -25048,9 +25045,23 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
-var useCustomStyles = function useCustomStyles(size) {
+var withUserStyles = function withUserStyles(styles, custom) {
+  var res = _objectSpread({}, styles);
+  Object.keys(custom).forEach(function (key) {
+    var cb = custom[key];
+    var fn = res[key];
+    res[key] = function (baseStyles, state) {
+      var _baseStyles = cb(baseStyles, state);
+      return fn ? fn(_baseStyles, state) : _baseStyles;
+    };
+  });
+  return res;
+};
+var useCustomStyles = function useCustomStyles(_ref) {
+  var styles = _ref.styles,
+    size = _ref.size;
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return {
+    return withUserStyles(styles, {
       control: function control(baseStyles, state) {
         var height = {
           sm: 36,
@@ -25147,15 +25158,14 @@ var useCustomStyles = function useCustomStyles(size) {
         });
       },
       option: function option(baseStyles, state) {
-        console.log(baseStyles, state);
         var backgroundColor = baseStyles.backgroundColor;
         if (state.selected) backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_3;
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           backgroundColor: backgroundColor
         });
       }
-    };
-  }, [size]);
+    });
+  }, [styles, size]);
 };
 
 /***/ }),