@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/ComboBox/v1/DSComboBox.js

@@ -1,138 +1,165 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSComboBox_exports = {};
-__export(DSComboBox_exports, {
-  COMBOBOX_VARIANT: () => import_prop_types2.COMBOBOX_VARIANT,
-  DSComboBoxV1: () => DSComboBoxHOC,
-  components: () => import_react_select2.components,
-  default: () => DSComboBox_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_lodash = __toESM(require("lodash"));
-var import_react_select = __toESM(require("react-select"));
-var import_react_popper = __toESM(require("react-popper"));
-var import_react_measure = __toESM(require("react-measure"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_withSelectStringValueConverter = __toESM(require("./withSelectStringValueConverter"));
-var import_prop_types2 = __toESM(require("@elliemae/ds-shared/prop-types"));
-var import_Control = __toESM(require("./components/Control"));
-var import_DropdownIndicator = __toESM(require("./components/DropdownIndicator"));
-var import_SelectMenu = __toESM(require("./components/SelectMenu"));
-var import_ClearIndicator = __toESM(require("./components/ClearIndicator"));
-var import_MenuList = __toESM(require("./components/MenuList"));
-var import_MultiValueLabel = __toESM(require("./components/MultiValueLabel"));
-var import_MultiValueRemove = __toESM(require("./components/MultiValueRemove"));
-var import_SingleValueLabel = __toESM(require("./components/SingleValueLabel"));
-var import_calculateWidth = __toESM(require("./components/calculateWidth"));
-var import_ValueContainer = __toESM(require("./components/ValueContainer"));
-var import_react_select2 = __toESM(require("react-select"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var lodash = require('lodash');
+var Select = require('react-select');
+var reactPopper = require('react-popper');
+var reactMeasure = require('react-measure');
+var dsUtilities = require('@elliemae/ds-utilities');
+var withSelectStringValueConverter = require('./withSelectStringValueConverter.js');
+var propTypes = require('@elliemae/ds-shared/prop-types');
+var Control = require('./components/Control.js');
+var DropdownIndicator = require('./components/DropdownIndicator.js');
+var SelectMenu = require('./components/SelectMenu.js');
+var ClearIndicator = require('./components/ClearIndicator.js');
+var MenuList = require('./components/MenuList.js');
+var MultiValueLabel = require('./components/MultiValueLabel.js');
+var MultiValueRemove = require('./components/MultiValueRemove.js');
+var SingleValueLabel = require('./components/SingleValueLabel.js');
+var calculateWidth = require('./components/calculateWidth.js');
+var ValueContainer = require('./components/ValueContainer.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+
+var _span;
+
+const _excluded = ["hideSelectedOptions", "autoFocus", "className", "hasError", "onFocus", "onBlur", "onChange", "filterOption", "onClickDropdownIndicator", "onInputKeyDown", "onInputChange", "isRtl", "isFocused", "isMulti", "showAllOption", "value", "options", "clearable", "searchable", "disabled", "placeholder", "valueProperty", "labelProperty", "menuIsOpen", "inlineMenu", "noOptionsMessage", "components", "measureRef", "contentRect", "readOnly", "expandMenuToContainer", "expandMenuOutsideContainer", "customMenuItemOptions", "returnValue", "variant", "containerProps", "zIndex"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const ThemeConstants = {
-  prefix: "em-ds"
+  prefix: 'em-ds'
+};
+const blockName = 'selectbox';
+const allOption = {
+  value: 'SELECT_ALL_COMBOBOX',
+  label: 'All'
 };
-const blockName = "selectbox";
-const allOption = { value: "SELECT_ALL_COMBOBOX", label: "All" };
+
 const getValues = (option, isMulti, valueProperty) => {
-  if (!option)
-    return null;
-  return isMulti ? option.map((mOption) => mOption[valueProperty]) : option[valueProperty];
+  if (!option) return null;
+  return isMulti ? option.map(mOption => mOption[valueProperty]) : option[valueProperty];
 };
-class DSComboBox extends import_react.default.Component {
+
+class DSComboBox extends React__default["default"].Component {
   constructor(props) {
     super(props);
     this.forceFocus = false;
-    this.isHover = void 0;
-    this.handleHover = (0, import_lodash.debounce)((value) => {
-      if (this.state.isHover === this.isHover)
-        return;
-      if (!this.unmount)
-        this.setState({ isHover: value });
+    this.isHover = undefined;
+    this.handleHover = lodash.debounce(value => {
+      if (this.state.isHover === this.isHover) return;
+      if (!this.unmount) this.setState({
+        isHover: value
+      });
     }, 0);
     this.state = {
       focus: null,
-      isHover: void 0
+      isHover: undefined
     };
+
     this.handleOutsideScroll = () => {
       if (this.isHover !== true && !this.unmount) {
         this.isHover = false;
         this.handleHover(false);
       }
     };
-    this.handleHoverRef = (value) => {
+
+    this.handleHoverRef = value => {
       this.isHover = value;
       this.handleHover(value);
     };
-    this.onKeyDownClear = (e) => {
+
+    this.onKeyDownClear = e => {
+      // if (e.key === 'ArrowRight') {
+      //   this.arrow.focus()
+      // } else if (e.key === 'ArrowLeft') {
+      //   this.select.focus()
+      // }
       if (e.keyCode === 32 || e.keyCode === 13) {
         this.select.focus();
       }
     };
-    this.handleKeyDown = (e) => {
-      if (e.target.type === "text" && e.key === "Backspace") {
+
+    this.handleKeyDown = e => {
+      // if (e.key === 'ArrowRight') e.preventDefault()
+      // if (e.target.type === 'text' && e.key === 'ArrowRight') {
+      //   if (this.clear && this.clear.focus) {
+      //     this.clear.focus()
+      //   } else {
+      //     this.arrow.focus()
+      //   }
+      // }
+      if (e.target.type === 'text' && e.key === 'Backspace') {
         this.select.focus();
       }
+
       return () => {
-        const { value } = e.target;
-        if (!value && e.key === " ")
-          e.preventDefault();
+        const {
+          value
+        } = e.target;
+        if (!value && e.key === ' ') e.preventDefault();
         this.props.onKeyDown(e);
       };
     };
-    this.clear = import_react.default.createRef();
-    this.arrow = import_react.default.createRef();
-    this.select = import_react.default.createRef();
+
+    this.clear = /*#__PURE__*/React__default["default"].createRef();
+    this.arrow = /*#__PURE__*/React__default["default"].createRef();
+    this.select = /*#__PURE__*/React__default["default"].createRef();
   }
+
   componentDidMount() {
-    const { handleHoverRef } = this.props;
-    if (handleHoverRef)
-      handleHoverRef(this.handleHoverRef);
-    window.addEventListener("scroll", (0, import_lodash.throttle)(this.handleOutsideScroll, 300), true);
+    const {
+      handleHoverRef
+    } = this.props;
+    if (handleHoverRef) handleHoverRef(this.handleHoverRef);
+    window.addEventListener('scroll', lodash.throttle(this.handleOutsideScroll, 300), true);
   }
+
   componentWillUnmount() {
     this.unmount = true;
-    window.removeEventListener("scroll", (0, import_lodash.throttle)(this.handleOutsideScroll, 300), true);
+    window.removeEventListener('scroll', lodash.throttle(this.handleOutsideScroll, 300), true);
   }
+
   render() {
-    const {
+    const _this$props = this.props,
+          {
       hideSelectedOptions = false,
       autoFocus = false,
-      className = "",
+      className = '',
       hasError = false,
       onFocus = () => null,
       onBlur = () => null,
       onChange = () => null,
-      filterOption = void 0,
+      // onKeyDown = () => null,
+      filterOption = undefined,
       onClickDropdownIndicator = () => null,
       onInputKeyDown = () => null,
-      onInputChange = void 0,
+      onInputChange = undefined,
       isRtl = false,
-      isFocused = void 0,
+      isFocused = undefined,
       isMulti = false,
       showAllOption = false,
       value = null,
@@ -140,12 +167,12 @@ class DSComboBox extends import_react.default.Component {
       clearable = false,
       searchable = true,
       disabled = false,
-      placeholder = "",
-      valueProperty = "value",
-      labelProperty = "label",
-      menuIsOpen = void 0,
+      placeholder = '',
+      valueProperty = 'value',
+      labelProperty = 'label',
+      menuIsOpen = undefined,
       inlineMenu = false,
-      noOptionsMessage = () => /* @__PURE__ */ import_react.default.createElement("span", null, "No options"),
+      noOptionsMessage = () => _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "No options")),
       components: customComponents = {},
       measureRef,
       contentRect,
@@ -157,196 +184,167 @@ class DSComboBox extends import_react.default.Component {
         itemSize: 35
       },
       returnValue = true,
-      variant = import_prop_types2.COMBOBOX_VARIANT.DEFAULT,
+      variant = propTypes.COMBOBOX_VARIANT.DEFAULT,
       containerProps = {},
-      zIndex = 11,
-      ...restPropsToCustomizeSelect
-    } = this.props;
-    const { focus } = this.state;
+      zIndex = 11
+    } = _this$props,
+          restPropsToCustomizeSelect = _objectWithoutProperties__default["default"](_this$props, _excluded);
+
+    const {
+      focus
+    } = this.state;
     let internalOptions = options;
     let internalValue = value;
+
     if (showAllOption && isMulti) {
       internalOptions = [allOption, ...options];
     }
+
     if (this.allSelected && isMulti) {
       internalValue = [allOption, ...value];
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_react_popper.Manager, null, /* @__PURE__ */ import_react.default.createElement("div", {
+
+    return /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
       ref: measureRef,
-      className: (0, import_ds_utilities.cx)(`${ThemeConstants.prefix}-${blockName}-wrapper`, className, hasError && `${ThemeConstants.prefix}-${blockName}--${import_prop_types2.COMBOBOX_VARIANT.ERROR}`, `${ThemeConstants.prefix}-${blockName}--${variant}`, `focus-${focus}`, isMulti && "combo-multi", expandMenuOutsideContainer && "expanded-outside-container"),
-      ...containerProps,
+      className: dsUtilities.cx("".concat(ThemeConstants.prefix, "-").concat(blockName, "-wrapper"), className, hasError && "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(propTypes.COMBOBOX_VARIANT.ERROR), "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(variant), "focus-".concat(focus), isMulti && 'combo-multi', expandMenuOutsideContainer && 'expanded-outside-container')
+    }, containerProps), {}, {
       onMouseEnter: () => {
-        this.handleHoverRef(void 0);
-      }
-    }, /* @__PURE__ */ import_react.default.createElement(import_react_select.default, {
-      ref: (ref) => {
-        this.select = ref;
+        this.handleHoverRef(undefined);
       },
-      autoFocus,
-      classNamePrefix: `${ThemeConstants.prefix}-${blockName}`,
-      components: {
-        Control: import_Control.Control,
-        Menu: !options || options.length === 0 ? import_SelectMenu.SelectMenu : (props) => /* @__PURE__ */ import_react.default.createElement("div", {
-          className: `select-menu-combo ${isMulti && "select-menu-combo-multi"}`,
-          onMouseLeave: () => {
-            this.isHover = void 0;
-            this.handleHover(void 0);
-          },
-          onMouseOverCapture: () => {
-            this.isHover = true;
-            this.handleHover(true);
+      children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread({
+        ref: ref => {
+          this.select = ref;
+        },
+        autoFocus: autoFocus,
+        classNamePrefix: "".concat(ThemeConstants.prefix, "-").concat(blockName),
+        components: _objectSpread({
+          Control,
+          Menu: !options || options.length === 0 ? SelectMenu : props => /*#__PURE__*/_jsx__default["default"]("div", {
+            className: "select-menu-combo ".concat(isMulti && 'select-menu-combo-multi'),
+            onMouseLeave: () => {
+              this.isHover = undefined;
+              this.handleHover(undefined);
+            },
+            onMouseOverCapture: () => {
+              this.isHover = true;
+              this.handleHover(true);
+            }
+          }, void 0, /*#__PURE__*/jsxRuntime.jsx(SelectMenu, _objectSpread({}, props))),
+          // Menu: SelectMenu,
+          DropdownIndicator: () => /*#__PURE__*/_jsx__default["default"](DropdownIndicator, {
+            innerRef: ref => {
+              this.arrow = ref;
+            },
+            onClick: onClickDropdownIndicator,
+            onKeyDown: this.onKeyDownIndicator
+          }),
+          ClearIndicator: props => /*#__PURE__*/jsxRuntime.jsx(ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+            innerRef: ref => {
+              this.clear = ref;
+            },
+            onKeyDown: this.onKeyDownClear
+          })),
+          MultiValueLabel,
+          MultiValueRemove,
+          SingleValue: SingleValueLabel,
+          MenuList,
+          ValueContainer: ValueContainer.ValueContainer
+        }, customComponents),
+        customMenuItemOptions: customMenuItemOptions,
+        expandMenuOutsideContainer: expandMenuOutsideContainer,
+        expandMenuToContainer: expandMenuToContainer,
+        filterOption: filterOption,
+        getOptionLabel: option => option[labelProperty],
+        getOptionValue: option => option[valueProperty],
+        hideSelectedOptions: hideSelectedOptions,
+        inlineMenu: inlineMenu,
+        isClearable: clearable,
+        isDisabled: disabled || readOnly,
+        isFocused: isFocused,
+        isMulti: isMulti,
+        isRtl: isRtl,
+        isSearchable: readOnly ? false : searchable,
+        menuIsOpen: menuIsOpen === undefined ? this.isHover : menuIsOpen,
+        noOptionsMessage: function () {
+          noOptionsMessage(...arguments);
+        },
+        onBlur: onBlur,
+        onChange: returnValue ? (option, action) => {
+          this.allSelected = false;
+          this.isHover = undefined;
+          this.setState({
+            isHover: undefined
+          });
+
+          if (showAllOption && isMulti && option.find(op => op.value === 'SELECT_ALL_COMBOBOX')) {
+            this.allSelected = true;
+            return onChange(getValues(options, isMulti, valueProperty), action);
           }
-        }, /* @__PURE__ */ import_react.default.createElement(import_SelectMenu.SelectMenu, {
-          ...props
-        })),
-        DropdownIndicator: () => /* @__PURE__ */ import_react.default.createElement(import_DropdownIndicator.DropdownIndicator, {
-          innerRef: (ref) => {
-            this.arrow = ref;
-          },
-          onClick: onClickDropdownIndicator,
-          onKeyDown: this.onKeyDownIndicator
-        }),
-        ClearIndicator: (props) => /* @__PURE__ */ import_react.default.createElement(import_ClearIndicator.ClearIndicator, {
-          ...props,
-          innerRef: (ref) => {
-            this.clear = ref;
-          },
-          onKeyDown: this.onKeyDownClear
-        }),
-        MultiValueLabel: import_MultiValueLabel.MultiValueLabel,
-        MultiValueRemove: import_MultiValueRemove.MultiValueRemove,
-        SingleValue: import_SingleValueLabel.SingleValueLabel,
-        MenuList: import_MenuList.MenuList,
-        ValueContainer: import_ValueContainer.ValueContainer,
-        ...customComponents
-      },
-      customMenuItemOptions,
-      expandMenuOutsideContainer,
-      expandMenuToContainer,
-      filterOption,
-      getOptionLabel: (option) => option[labelProperty],
-      getOptionValue: (option) => option[valueProperty],
-      hideSelectedOptions,
-      inlineMenu,
-      isClearable: clearable,
-      isDisabled: disabled || readOnly,
-      isFocused,
-      isMulti,
-      isRtl,
-      isSearchable: readOnly ? false : searchable,
-      menuIsOpen: menuIsOpen === void 0 ? this.isHover : menuIsOpen,
-      noOptionsMessage: (...args) => {
-        noOptionsMessage(...args);
-      },
-      onBlur,
-      onChange: returnValue ? (option, action) => {
-        this.allSelected = false;
-        this.isHover = void 0;
-        this.setState({ isHover: void 0 });
-        if (showAllOption && isMulti && option.find((op) => op.value === "SELECT_ALL_COMBOBOX")) {
-          this.allSelected = true;
-          return onChange(getValues(options, isMulti, valueProperty), action);
-        }
-        return onChange(getValues(option, isMulti, valueProperty), action);
-      } : (option, action) => {
-        this.allSelected = false;
-        this.isHover = void 0;
-        this.setState({ isHover: void 0 });
-        if (showAllOption && isMulti && option.find((op) => op.value === "SELECT_ALL_COMBOBOX")) {
-          this.allSelected = true;
-          return onChange(options, action);
-        }
-        return onChange(option, action);
-      },
-      onFocus,
-      onInputChange,
-      onInputKeyDown,
-      onKeyDown: this.handleKeyDown,
-      options: internalOptions,
-      placeholder,
-      selectMeasure: contentRect,
-      styles: {
-        control: () => null,
-        menu: () => {
-          if (expandMenuOutsideContainer) {
-            const width = (0, import_calculateWidth.calculateWidth)(options);
-            if (!width)
-              return null;
-            return {
-              width: `${width}px`
-            };
+
+          return onChange(getValues(option, isMulti, valueProperty), action);
+        } : (option, action) => {
+          this.allSelected = false;
+          this.isHover = undefined;
+          this.setState({
+            isHover: undefined
+          });
+
+          if (showAllOption && isMulti && option.find(op => op.value === 'SELECT_ALL_COMBOBOX')) {
+            this.allSelected = true;
+            return onChange(options, action);
           }
-          return null;
+
+          return onChange(option, action);
         },
-        option: () => null,
-        dropdownIndicator: () => null,
-        clearIndicator: () => null,
-        placeholder: () => null,
-        indicatorSeparator: () => null,
-        multiValue: (base) => ({
-          ...base,
-          background: "none",
-          minWidth: "3rem"
-        })
-      },
-      value: internalValue,
-      zIndex,
-      ...restPropsToCustomizeSelect
+        onFocus: onFocus,
+        onInputChange: onInputChange,
+        onInputKeyDown: onInputKeyDown,
+        onKeyDown: this.handleKeyDown,
+        options: internalOptions,
+        placeholder: placeholder,
+        selectMeasure: contentRect,
+        styles: {
+          control: () => null,
+          menu: () => {
+            if (expandMenuOutsideContainer) {
+              const width = calculateWidth.calculateWidth(options);
+              if (!width) return null;
+              return {
+                width: "".concat(width, "px")
+              };
+            }
+
+            return null;
+          },
+          option: () => null,
+          dropdownIndicator: () => null,
+          clearIndicator: () => null,
+          placeholder: () => null,
+          indicatorSeparator: () => null,
+          multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
+            background: 'none',
+            minWidth: '3rem'
+          })
+        },
+        value: internalValue,
+        zIndex: zIndex
+      }, restPropsToCustomizeSelect))
     })));
   }
+
 }
+
 DSComboBox.defaultProps = {
   showAllOption: false
 };
-DSComboBox.propTypes = {
-  containerProps: import_prop_types.default.shape({}),
-  handleHoverRef: import_prop_types.default.func,
-  autoFocus: import_prop_types.default.bool,
-  className: import_prop_types.default.string,
-  hasError: import_prop_types.default.bool,
-  onFocus: import_prop_types.default.func,
-  onBlur: import_prop_types.default.func,
-  onChange: import_prop_types.default.func,
-  onKeyDown: import_prop_types.default.func,
-  onInputKeyDown: import_prop_types.default.func,
-  onInputChange: import_prop_types.default.func,
-  isRtl: import_prop_types.default.bool,
-  isFocused: import_prop_types.default.bool,
-  isMulti: import_prop_types.default.bool,
-  inputValue: import_prop_types.default.string,
-  showAllOption: import_prop_types.default.bool,
-  allOption: import_prop_types.default.shape({
-    label: import_prop_types.default.string,
-    value: import_prop_types.default.string
-  }),
-  value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number, import_prop_types.default.object]),
-  options: import_prop_types.default.array,
-  clearable: import_prop_types.default.bool,
-  searchable: import_prop_types.default.bool,
-  disabled: import_prop_types.default.bool,
-  placeholder: import_prop_types.default.string,
-  loading: import_prop_types.default.bool,
-  valueProperty: import_prop_types.default.string,
-  labelProperty: import_prop_types.default.string,
-  menuIsOpen: import_prop_types.default.bool,
-  inlineMenu: import_prop_types.default.bool,
-  noOptionsMessage: import_prop_types.default.func,
-  measureRef: import_prop_types.default.func,
-  readOnly: import_prop_types.default.bool,
-  expandMenuToContainer: import_prop_types.default.bool,
-  expandMenuOutsideContainer: import_prop_types.default.bool,
-  customMenuItemOptions: import_prop_types.default.object,
-  returnValue: import_prop_types.default.bool,
-  variant: import_prop_types.default.oneOf(import_prop_types2.comboBoxVariants),
-  hideSelectedOptions: import_prop_types.default.bool,
-  maxOptions: import_prop_types.default.number,
-  filterOption: import_prop_types.default.func,
-  onClickDropdownIndicator: import_prop_types.default.func,
-  components: import_prop_types.default.object,
-  contentRect: import_prop_types.default.object,
-  zIndex: import_prop_types.default.number
-};
-const DSComboBoxHOC = (0, import_withSelectStringValueConverter.withSelectStringValueConverter)((0, import_react_measure.withContentRect)("bounds")(DSComboBox));
-var DSComboBox_default = DSComboBoxHOC;
-module.exports = __toCommonJS(DSComboBox_exports);
-//# sourceMappingURL=DSComboBox.js.map
+var DSComboBox$1 = withSelectStringValueConverter(reactMeasure.withContentRect('bounds')(DSComboBox));
+
+Object.defineProperty(exports, 'components', {
+  enumerable: true,
+  get: function () { return Select.components; }
+});
+Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
+  enumerable: true,
+  get: function () { return propTypes.COMBOBOX_VARIANT; }
+});
+exports["default"] = DSComboBox$1;