@elliemae/ds-form 2.2.0 → 2.3.0-alpha.3

package/cjs/ComboBox/v1/DSComboBox.js

@@ -1,165 +1,138 @@
-'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'
+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;
 };
-const blockName = 'selectbox';
-const allOption = {
-  value: 'SELECT_ALL_COMBOBOX',
-  label: 'All'
+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 = require("lodash");
+var import_react_select = __toESM(require("react-select"));
+var import_react_popper = require("react-popper");
+var import_react_measure = require("react-measure");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_withSelectStringValueConverter = require("./withSelectStringValueConverter");
+var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
+var import_Control = require("./components/Control");
+var import_DropdownIndicator = require("./components/DropdownIndicator");
+var import_SelectMenu = require("./components/SelectMenu");
+var import_ClearIndicator = require("./components/ClearIndicator");
+var import_MenuList = require("./components/MenuList");
+var import_MultiValueLabel = require("./components/MultiValueLabel");
+var import_MultiValueRemove = require("./components/MultiValueRemove");
+var import_SingleValueLabel = require("./components/SingleValueLabel");
+var import_calculateWidth = require("./components/calculateWidth");
+var import_ValueContainer = require("./components/ValueContainer");
+var import_react_select2 = require("react-select");
+const ThemeConstants = {
+  prefix: "em-ds"
+};
+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 React__default["default"].Component {
+class DSComboBox extends import_react.default.Component {
   constructor(props) {
     super(props);
     this.forceFocus = false;
-    this.isHover = undefined;
-    this.handleHover = lodash.debounce(value => {
-      if (this.state.isHover === this.isHover) return;
-      if (!this.unmount) this.setState({
-        isHover: value
-      });
+    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 });
     }, 0);
     this.state = {
       focus: null,
-      isHover: undefined
+      isHover: void 0
     };
-
     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 => {
-      // if (e.key === 'ArrowRight') {
-      //   this.arrow.focus()
-      // } else if (e.key === 'ArrowLeft') {
-      //   this.select.focus()
-      // }
+    this.onKeyDownClear = (e) => {
       if (e.keyCode === 32 || e.keyCode === 13) {
         this.select.focus();
       }
     };
-
-    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.handleKeyDown = (e) => {
+      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 = /*#__PURE__*/React__default["default"].createRef();
-    this.arrow = /*#__PURE__*/React__default["default"].createRef();
-    this.select = /*#__PURE__*/React__default["default"].createRef();
+    this.clear = import_react.default.createRef();
+    this.arrow = import_react.default.createRef();
+    this.select = import_react.default.createRef();
   }
-
   componentDidMount() {
-    const {
-      handleHoverRef
-    } = this.props;
-    if (handleHoverRef) handleHoverRef(this.handleHoverRef);
-    window.addEventListener('scroll', lodash.throttle(this.handleOutsideScroll, 300), true);
+    const { handleHoverRef } = this.props;
+    if (handleHoverRef)
+      handleHoverRef(this.handleHoverRef);
+    window.addEventListener("scroll", (0, import_lodash.throttle)(this.handleOutsideScroll, 300), true);
   }
-
   componentWillUnmount() {
     this.unmount = true;
-    window.removeEventListener('scroll', lodash.throttle(this.handleOutsideScroll, 300), true);
+    window.removeEventListener("scroll", (0, import_lodash.throttle)(this.handleOutsideScroll, 300), true);
   }
-
   render() {
-    const _this$props = this.props,
-          {
+    const {
       hideSelectedOptions = false,
       autoFocus = false,
-      className = '',
+      className = "",
       hasError = false,
       onFocus = () => null,
       onBlur = () => null,
       onChange = () => null,
-      // onKeyDown = () => null,
-      filterOption = undefined,
+      filterOption = void 0,
       onClickDropdownIndicator = () => null,
       onInputKeyDown = () => null,
-      onInputChange = undefined,
+      onInputChange = void 0,
       isRtl = false,
-      isFocused = undefined,
+      isFocused = void 0,
       isMulti = false,
       showAllOption = false,
       value = null,
@@ -167,12 +140,12 @@ class DSComboBox extends React__default["default"].Component {
       clearable = false,
       searchable = true,
       disabled = false,
-      placeholder = '',
-      valueProperty = 'value',
-      labelProperty = 'label',
-      menuIsOpen = undefined,
+      placeholder = "",
+      valueProperty = "value",
+      labelProperty = "label",
+      menuIsOpen = void 0,
       inlineMenu = false,
-      noOptionsMessage = () => _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "No options")),
+      noOptionsMessage = () => /* @__PURE__ */ import_react.default.createElement("span", null, "No options"),
       components: customComponents = {},
       measureRef,
       contentRect,
@@ -184,167 +157,196 @@ class DSComboBox extends React__default["default"].Component {
         itemSize: 35
       },
       returnValue = true,
-      variant = propTypes.COMBOBOX_VARIANT.DEFAULT,
+      variant = import_prop_types2.COMBOBOX_VARIANT.DEFAULT,
       containerProps = {},
-      zIndex = 11
-    } = _this$props,
-          restPropsToCustomizeSelect = _objectWithoutProperties__default["default"](_this$props, _excluded);
-
-    const {
-      focus
-    } = this.state;
+      zIndex = 11,
+      ...restPropsToCustomizeSelect
+    } = this.props;
+    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__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
+    return /* @__PURE__ */ import_react.default.createElement(import_react_popper.Manager, null, /* @__PURE__ */ import_react.default.createElement("div", {
       ref: measureRef,
-      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), {}, {
+      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,
       onMouseEnter: () => {
-        this.handleHoverRef(undefined);
+        this.handleHoverRef(void 0);
+      }
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_select.default, {
+      ref: (ref) => {
+        this.select = ref;
       },
-      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);
-          }
-
-          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);
+      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);
           }
-
-          return onChange(option, action);
-        },
-        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;
+        }, /* @__PURE__ */ import_react.default.createElement(import_SelectMenu.SelectMenu, {
+          ...props
+        })),
+        DropdownIndicator: () => /* @__PURE__ */ import_react.default.createElement(import_DropdownIndicator.DropdownIndicator, {
+          innerRef: (ref) => {
+            this.arrow = ref;
           },
-          option: () => null,
-          dropdownIndicator: () => null,
-          clearIndicator: () => null,
-          placeholder: () => null,
-          indicatorSeparator: () => null,
-          multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
-            background: 'none',
-            minWidth: '3rem'
-          })
+          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 null;
         },
-        value: internalValue,
-        zIndex: zIndex
-      }, restPropsToCustomizeSelect))
+        option: () => null,
+        dropdownIndicator: () => null,
+        clearIndicator: () => null,
+        placeholder: () => null,
+        indicatorSeparator: () => null,
+        multiValue: (base) => ({
+          ...base,
+          background: "none",
+          minWidth: "3rem"
+        })
+      },
+      value: internalValue,
+      zIndex,
+      ...restPropsToCustomizeSelect
     })));
   }
-
 }
-
 DSComboBox.defaultProps = {
   showAllOption: false
 };
-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;
+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