@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.5

package/esm/ComboBox/v1/DSComboBox.js

@@ -1,155 +1,106 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import React from 'react';
-import { debounce, throttle } from 'lodash';
-import Select from 'react-select';
-export { components } from 'react-select';
-import { Manager } from 'react-popper';
-import { withContentRect } from 'react-measure';
-import { cx } from '@elliemae/ds-utilities';
-import withSelectStringValueConverter from './withSelectStringValueConverter.js';
-import { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
-export { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
-import Control from './components/Control.js';
-import DropdownIndicator from './components/DropdownIndicator.js';
-import SelectMenu from './components/SelectMenu.js';
-import ClearIndicator from './components/ClearIndicator.js';
-import MenuList from './components/MenuList.js';
-import MultiValueLabel from './components/MultiValueLabel.js';
-import MultiValueRemove from './components/MultiValueRemove.js';
-import SingleValueLabel from './components/SingleValueLabel.js';
-import { calculateWidth } from './components/calculateWidth.js';
-import { ValueContainer } from './components/ValueContainer.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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; }
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { debounce, throttle } from "lodash";
+import Select from "react-select";
+import { Manager } from "react-popper";
+import { withContentRect } from "react-measure";
+import { cx } from "@elliemae/ds-utilities";
+import { withSelectStringValueConverter } from "./withSelectStringValueConverter";
+import {
+  COMBOBOX_VARIANT,
+  comboBoxVariants
+} from "@elliemae/ds-shared/prop-types";
+import { Control } from "./components/Control";
+import { DropdownIndicator } from "./components/DropdownIndicator";
+import { SelectMenu } from "./components/SelectMenu";
+import { ClearIndicator } from "./components/ClearIndicator";
+import { MenuList } from "./components/MenuList";
+import { MultiValueLabel } from "./components/MultiValueLabel";
+import { MultiValueRemove } from "./components/MultiValueRemove";
+import { SingleValueLabel } from "./components/SingleValueLabel";
+import { calculateWidth } from "./components/calculateWidth";
+import { ValueContainer } from "./components/ValueContainer";
 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 React.Component {
+class DSComboBox extends React2.Component {
   constructor(props) {
     super(props);
     this.forceFocus = false;
-    this.isHover = undefined;
-    this.handleHover = debounce(value => {
-      if (this.state.isHover === this.isHover) return;
-      if (!this.unmount) this.setState({
-        isHover: value
-      });
+    this.isHover = void 0;
+    this.handleHover = 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.createRef();
-    this.arrow = /*#__PURE__*/React.createRef();
-    this.select = /*#__PURE__*/React.createRef();
+    this.clear = React2.createRef();
+    this.arrow = React2.createRef();
+    this.select = React2.createRef();
   }
-
   componentDidMount() {
-    const {
-      handleHoverRef
-    } = this.props;
-    if (handleHoverRef) handleHoverRef(this.handleHoverRef);
-    window.addEventListener('scroll', throttle(this.handleOutsideScroll, 300), true);
+    const { handleHoverRef } = this.props;
+    if (handleHoverRef)
+      handleHoverRef(this.handleHoverRef);
+    window.addEventListener("scroll", throttle(this.handleOutsideScroll, 300), true);
   }
-
   componentWillUnmount() {
     this.unmount = true;
-    window.removeEventListener('scroll', throttle(this.handleOutsideScroll, 300), true);
+    window.removeEventListener("scroll", 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,
@@ -157,12 +108,12 @@ class DSComboBox extends React.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("span", {}, void 0, "No options")),
+      noOptionsMessage = () => /* @__PURE__ */ React2.createElement("span", null, "No options"),
       components: customComponents = {},
       measureRef,
       contentRect,
@@ -176,157 +127,200 @@ class DSComboBox extends React.Component {
       returnValue = true,
       variant = COMBOBOX_VARIANT.DEFAULT,
       containerProps = {},
-      zIndex = 11
-    } = _this$props,
-          restPropsToCustomizeSelect = _objectWithoutProperties(_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(Manager, {}, void 0, /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+    return /* @__PURE__ */ React2.createElement(Manager, null, /* @__PURE__ */ React2.createElement("div", {
       ref: measureRef,
-      className: cx("".concat(ThemeConstants.prefix, "-").concat(blockName, "-wrapper"), className, hasError && "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(COMBOBOX_VARIANT.ERROR), "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(variant), "focus-".concat(focus), isMulti && 'combo-multi', expandMenuOutsideContainer && 'expanded-outside-container')
-    }, containerProps), {}, {
+      className: cx(`${ThemeConstants.prefix}-${blockName}-wrapper`, className, hasError && `${ThemeConstants.prefix}-${blockName}--${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__ */ React2.createElement(Select, {
+      ref: (ref) => {
+        this.select = ref;
       },
-      children: /*#__PURE__*/jsx(Select, _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("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__*/jsx(SelectMenu, _objectSpread({}, props))),
-          // Menu: SelectMenu,
-          DropdownIndicator: () => /*#__PURE__*/_jsx(DropdownIndicator, {
-            innerRef: ref => {
-              this.arrow = ref;
-            },
-            onClick: onClickDropdownIndicator,
-            onKeyDown: this.onKeyDownIndicator
-          }),
-          ClearIndicator: props => /*#__PURE__*/jsx(ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
-            innerRef: ref => {
-              this.clear = ref;
-            },
-            onKeyDown: this.onKeyDownClear
-          })),
-          MultiValueLabel,
-          MultiValueRemove,
-          SingleValue: SingleValueLabel,
-          MenuList,
-          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,
+        Menu: !options || options.length === 0 ? SelectMenu : (props) => /* @__PURE__ */ React2.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(options);
-              if (!width) return null;
-              return {
-                width: "".concat(width, "px")
-              };
-            }
-
-            return null;
+        }, /* @__PURE__ */ React2.createElement(SelectMenu, {
+          ...props
+        })),
+        DropdownIndicator: () => /* @__PURE__ */ React2.createElement(DropdownIndicator, {
+          innerRef: (ref) => {
+            this.arrow = ref;
+          },
+          onClick: onClickDropdownIndicator,
+          onKeyDown: this.onKeyDownIndicator
+        }),
+        ClearIndicator: (props) => /* @__PURE__ */ React2.createElement(ClearIndicator, {
+          ...props,
+          innerRef: (ref) => {
+            this.clear = ref;
           },
-          option: () => null,
-          dropdownIndicator: () => null,
-          clearIndicator: () => null,
-          placeholder: () => null,
-          indicatorSeparator: () => null,
-          multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
-            background: 'none',
-            minWidth: '3rem'
-          })
+          onKeyDown: this.onKeyDownClear
+        }),
+        MultiValueLabel,
+        MultiValueRemove,
+        SingleValue: SingleValueLabel,
+        MenuList,
+        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 = 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(withContentRect('bounds')(DSComboBox));
-
-export { DSComboBox$1 as default };
+DSComboBox.propTypes = {
+  containerProps: PropTypes.shape({}),
+  handleHoverRef: PropTypes.func,
+  autoFocus: PropTypes.bool,
+  className: PropTypes.string,
+  hasError: PropTypes.bool,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onInputKeyDown: PropTypes.func,
+  onInputChange: PropTypes.func,
+  isRtl: PropTypes.bool,
+  isFocused: PropTypes.bool,
+  isMulti: PropTypes.bool,
+  inputValue: PropTypes.string,
+  showAllOption: PropTypes.bool,
+  allOption: PropTypes.shape({
+    label: PropTypes.string,
+    value: PropTypes.string
+  }),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
+  options: PropTypes.array,
+  clearable: PropTypes.bool,
+  searchable: PropTypes.bool,
+  disabled: PropTypes.bool,
+  placeholder: PropTypes.string,
+  loading: PropTypes.bool,
+  valueProperty: PropTypes.string,
+  labelProperty: PropTypes.string,
+  menuIsOpen: PropTypes.bool,
+  inlineMenu: PropTypes.bool,
+  noOptionsMessage: PropTypes.func,
+  measureRef: PropTypes.func,
+  readOnly: PropTypes.bool,
+  expandMenuToContainer: PropTypes.bool,
+  expandMenuOutsideContainer: PropTypes.bool,
+  customMenuItemOptions: PropTypes.object,
+  returnValue: PropTypes.bool,
+  variant: PropTypes.oneOf(comboBoxVariants),
+  hideSelectedOptions: PropTypes.bool,
+  maxOptions: PropTypes.number,
+  filterOption: PropTypes.func,
+  onClickDropdownIndicator: PropTypes.func,
+  components: PropTypes.object,
+  contentRect: PropTypes.object,
+  zIndex: PropTypes.number
+};
+import { components } from "react-select";
+const DSComboBoxHOC = withSelectStringValueConverter(withContentRect("bounds")(DSComboBox));
+var DSComboBox_default = DSComboBoxHOC;
+export {
+  COMBOBOX_VARIANT,
+  DSComboBoxHOC as DSComboBoxV1,
+  components,
+  DSComboBox_default as default
+};
+//# sourceMappingURL=DSComboBox.js.map

package/esm/ComboBox/v1/DSComboBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBox/v1/DSComboBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/forbid-prop-types */\n/* eslint-disable react/destructuring-assignment,react/display-name, react/require-default-props */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, throttle } from 'lodash';\nimport Select from 'react-select';\nimport { Manager } from 'react-popper';\nimport { withContentRect } from 'react-measure';\nimport { cx } from '@elliemae/ds-utilities';\nimport { withSelectStringValueConverter } from './withSelectStringValueConverter';\nimport {\n  COMBOBOX_VARIANT,\n  comboBoxVariants,\n} from '@elliemae/ds-shared/prop-types';\nimport { Control } from './components/Control';\nimport { DropdownIndicator } from './components/DropdownIndicator';\nimport { SelectMenu } from './components/SelectMenu';\nimport { ClearIndicator } from './components/ClearIndicator';\nimport { MenuList } from './components/MenuList';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValueLabel } from './components/SingleValueLabel';\nimport { calculateWidth } from './components/calculateWidth';\nimport { ValueContainer } from './components/ValueContainer';\n\n// todo: use convertClassPropsTo....\nconst ThemeConstants = {\n  prefix: 'em-ds',\n};\n\nconst blockName = 'selectbox';\nconst allOption = { value: 'SELECT_ALL_COMBOBOX', label: 'All' };\n\nconst getValues = (option, isMulti, valueProperty) => {\n  if (!option) return null;\n  return isMulti ? option.map((mOption) => mOption[valueProperty]) : option[valueProperty];\n};\n\nclass DSComboBox extends React.Component {\n  forceFocus = false;\n\n  isHover = undefined;\n\n  handleHover = debounce((value) => {\n    if (this.state.isHover === this.isHover) return;\n    if (!this.unmount) this.setState({ isHover: value });\n  }, 0);\n\n  static defaultProps = {\n    showAllOption: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.clear = React.createRef();\n    this.arrow = React.createRef();\n    this.select = React.createRef();\n  }\n\n  state = {\n    focus: null,\n    isHover: undefined,\n  };\n\n  componentDidMount() {\n    const { handleHoverRef } = this.props;\n    if (handleHoverRef) handleHoverRef(this.handleHoverRef);\n    window.addEventListener('scroll', throttle(this.handleOutsideScroll, 300), true);\n  }\n\n  componentWillUnmount() {\n    this.unmount = true;\n    window.removeEventListener('scroll', throttle(this.handleOutsideScroll, 300), true);\n  }\n\n  handleOutsideScroll = () => {\n    if (this.isHover !== true && !this.unmount) {\n      this.isHover = false;\n      this.handleHover(false);\n    }\n  };\n\n  handleHoverRef = (value) => {\n    this.isHover = value;\n    this.handleHover(value);\n  };\n\n  // onKeyDownIndicator = (e) => {\n  //   if (e.key === 'ArrowLeft') {\n  //     if (this.clear && this.clear.focus) this.clear.focus()\n  //     else this.select.focus()\n  //   }\n  // }\n  onKeyDownClear = (e) => {\n    // if (e.key === 'ArrowRight') {\n    //   this.arrow.focus()\n    // } else if (e.key === 'ArrowLeft') {\n    //   this.select.focus()\n    // }\n    if (e.keyCode === 32 || e.keyCode === 13) {\n      this.select.focus();\n    }\n  };\n\n  handleKeyDown = (e) => {\n    // if (e.key === 'ArrowRight') e.preventDefault()\n    // if (e.target.type === 'text' && e.key === 'ArrowRight') {\n    //   if (this.clear && this.clear.focus) {\n    //     this.clear.focus()\n    //   } else {\n    //     this.arrow.focus()\n    //   }\n    // }\n    if (e.target.type === 'text' && e.key === 'Backspace') {\n      this.select.focus();\n    }\n    return () => {\n      const { value } = e.target;\n      if (!value && e.key === ' ') e.preventDefault();\n      this.props.onKeyDown(e);\n    };\n  };\n\n  render() {\n    const {\n      hideSelectedOptions = false,\n      autoFocus = false,\n      className = '',\n      hasError = false,\n      onFocus = () => null,\n      onBlur = () => null,\n      onChange = () => null,\n      // onKeyDown = () => null,\n      filterOption = undefined,\n      onClickDropdownIndicator = () => null,\n      onInputKeyDown = () => null,\n      onInputChange = undefined,\n      isRtl = false,\n      isFocused = undefined,\n      isMulti = false,\n      showAllOption = false,\n      value = null,\n      options = [],\n      clearable = false,\n      searchable = true,\n      disabled = false,\n      placeholder = '',\n      valueProperty = 'value',\n      labelProperty = 'label',\n      menuIsOpen = undefined,\n      inlineMenu = false,\n      noOptionsMessage = () => <span>No options</span>,\n      components: customComponents = {},\n      measureRef,\n      contentRect,\n      readOnly = false,\n      expandMenuToContainer = true,\n      expandMenuOutsideContainer = false,\n      customMenuItemOptions = {\n        useTruncatedText: false,\n        itemSize: 35,\n      },\n      returnValue = true,\n      variant = COMBOBOX_VARIANT.DEFAULT,\n      containerProps = {},\n      zIndex = 11,\n      ...restPropsToCustomizeSelect\n    } = this.props;\n    const { focus } = this.state;\n    let internalOptions = options;\n    let internalValue = value;\n    if (showAllOption && isMulti) {\n      internalOptions = [allOption, ...options];\n    }\n    if (this.allSelected && isMulti) {\n      internalValue = [allOption, ...value];\n    }\n    return (\n      <Manager>\n        <div\n          ref={measureRef}\n          className={cx(\n            `${ThemeConstants.prefix}-${blockName}-wrapper`,\n            className,\n            hasError && `${ThemeConstants.prefix}-${blockName}--${COMBOBOX_VARIANT.ERROR}`,\n            `${ThemeConstants.prefix}-${blockName}--${variant}`,\n            `focus-${focus}`,\n            isMulti && 'combo-multi',\n            expandMenuOutsideContainer && 'expanded-outside-container',\n          )}\n          {...containerProps}\n          onMouseEnter={() => {\n            this.handleHoverRef(undefined);\n          }}\n        >\n          <Select\n            ref={(ref) => {\n              this.select = ref;\n            }}\n            autoFocus={autoFocus}\n            classNamePrefix={`${ThemeConstants.prefix}-${blockName}`}\n            components={{\n              Control,\n              Menu:\n                !options || options.length === 0\n                  ? SelectMenu\n                  : (props) => (\n                      <div\n                        className={`select-menu-combo ${isMulti && 'select-menu-combo-multi'}`}\n                        onMouseLeave={() => {\n                          this.isHover = undefined;\n                          this.handleHover(undefined);\n                        }}\n                        onMouseOverCapture={() => {\n                          this.isHover = true;\n                          this.handleHover(true);\n                        }}\n                      >\n                        <SelectMenu {...props} />\n                      </div>\n                    ),\n              // Menu: SelectMenu,\n              DropdownIndicator: () => (\n                <DropdownIndicator\n                  innerRef={(ref) => {\n                    this.arrow = ref;\n                  }}\n                  onClick={onClickDropdownIndicator}\n                  onKeyDown={this.onKeyDownIndicator}\n                />\n              ),\n              ClearIndicator: (props) => (\n                <ClearIndicator\n                  {...props}\n                  innerRef={(ref) => {\n                    this.clear = ref;\n                  }}\n                  onKeyDown={this.onKeyDownClear}\n                />\n              ),\n              MultiValueLabel,\n              MultiValueRemove,\n              SingleValue: SingleValueLabel,\n              MenuList,\n              ValueContainer,\n              ...customComponents,\n            }}\n            customMenuItemOptions={customMenuItemOptions}\n            expandMenuOutsideContainer={expandMenuOutsideContainer}\n            expandMenuToContainer={expandMenuToContainer}\n            filterOption={filterOption}\n            getOptionLabel={(option) => option[labelProperty]}\n            getOptionValue={(option) => option[valueProperty]}\n            hideSelectedOptions={hideSelectedOptions}\n            inlineMenu={inlineMenu}\n            isClearable={clearable}\n            isDisabled={disabled || readOnly}\n            isFocused={isFocused}\n            isMulti={isMulti}\n            isRtl={isRtl}\n            isSearchable={readOnly ? false : searchable}\n            menuIsOpen={menuIsOpen === undefined ? this.isHover : menuIsOpen}\n            noOptionsMessage={(...args) => {\n              noOptionsMessage(...args);\n            }}\n            onBlur={onBlur}\n            onChange={\n              returnValue\n                ? (option, action) => {\n                    this.allSelected = false;\n                    this.isHover = undefined;\n                    this.setState({ isHover: undefined });\n                    if (showAllOption && isMulti && option.find((op) => op.value === 'SELECT_ALL_COMBOBOX')) {\n                      this.allSelected = true;\n                      return onChange(getValues(options, isMulti, valueProperty), action);\n                    }\n                    return onChange(getValues(option, isMulti, valueProperty), action);\n                  }\n                : (option, action) => {\n                    this.allSelected = false;\n                    this.isHover = undefined;\n                    this.setState({ isHover: undefined });\n                    if (showAllOption && isMulti && option.find((op) => op.value === 'SELECT_ALL_COMBOBOX')) {\n                      this.allSelected = true;\n                      return onChange(options, action);\n                    }\n                    return onChange(option, action);\n                  }\n            }\n            onFocus={onFocus}\n            onInputChange={onInputChange}\n            onInputKeyDown={onInputKeyDown}\n            onKeyDown={this.handleKeyDown}\n            options={internalOptions}\n            placeholder={placeholder}\n            selectMeasure={contentRect}\n            styles={{\n              control: () => null,\n              menu: () => {\n                if (expandMenuOutsideContainer) {\n                  const width = calculateWidth(options);\n                  if (!width) return null;\n                  return {\n                    width: `${width}px`,\n                  };\n                }\n                return null;\n              },\n              option: () => null,\n              dropdownIndicator: () => null,\n              clearIndicator: () => null,\n              placeholder: () => null,\n              indicatorSeparator: () => null,\n              multiValue: (base) => ({\n                ...base,\n                background: 'none',\n                minWidth: '3rem',\n              }),\n            }}\n            value={internalValue}\n            zIndex={zIndex}\n            {...restPropsToCustomizeSelect}\n          />\n        </div>\n      </Manager>\n    );\n  }\n}\n\nDSComboBox.propTypes = {\n  containerProps: PropTypes.shape({}),\n  handleHoverRef: PropTypes.func,\n  /**\n   * Whether the combo box uses auto focus or not\n   */\n  autoFocus: PropTypes.bool,\n  className: PropTypes.string,\n  /**\n   * Whether the combo box has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Allows a function that is triggered once the combo box is focused\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box loses focus\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Allows a function that is triggered once a key is being pressed\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box input key down\n   */\n  onInputKeyDown: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box input changes\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Whether the combo box is rtl or not  //ASK\n   */\n  isRtl: PropTypes.bool,\n  /**\n   * Whether the combo box is focused or not\n   */\n  isFocused: PropTypes.bool,\n  /**\n   * Whether the combo box is multi or not\n   */\n  isMulti: PropTypes.bool,\n  inputValue: PropTypes.string,\n  showAllOption: PropTypes.bool,\n  allOption: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.string,\n  }),\n  /**\n   * Value that the combo box has as default\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),\n  /**\n   * Value that the combo box has as default\n   */\n  options: PropTypes.array,\n  /**\n   * Whether the combo box is clearable or not\n   */\n  clearable: PropTypes.bool,\n  /**\n   * Whether the combo box is searchable or not. Set to false makes the input non-editable\n   */\n  searchable: PropTypes.bool,\n  /**\n   * Whether the combo box is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Placeholder for the combo box\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Displays a Loading Indicator in the menu\n   */\n  loading: PropTypes.bool,\n  valueProperty: PropTypes.string,\n  labelProperty: PropTypes.string,\n  /**\n   * Whether the combo box menu is open or not\n   */\n  menuIsOpen: PropTypes.bool,\n  /**\n   * Whether to show the combo box menu inline or not\n   */\n  inlineMenu: PropTypes.bool,\n  /**\n   * Message to show once there aren't any options\n   */\n  noOptionsMessage: PropTypes.func,\n  /**\n   * Components you can add to the combo box\n   */\n  measureRef: PropTypes.func,\n  /**\n   * Whether the combo box is read only or not\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the combo box can be expanded the menu to container or not\n   */\n  expandMenuToContainer: PropTypes.bool,\n  /**\n   * Allow have options larger than his container\n   */\n  expandMenuOutsideContainer: PropTypes.bool,\n  /**\n   * Custom combo box menu item options\n   */\n  customMenuItemOptions: PropTypes.object,\n  /**\n   * Whether the combo box is has value to return or not\n   */\n  returnValue: PropTypes.bool,\n  /**\n    [\n      'variant-default',\n      'variant-focus-input',\n      'variant-focus-icon',\n      'variant-active-input',\n      'variant-active-icon',\n      'variant-disabled',\n      'variant-error',\n    ]\n   */\n  variant: PropTypes.oneOf(comboBoxVariants),\n  hideSelectedOptions: PropTypes.bool,\n  maxOptions: PropTypes.number,\n  /**\n   * Custom method to filter whether an option should be displayed in the menu\n   */\n  filterOption: PropTypes.func,\n  onClickDropdownIndicator: PropTypes.func,\n  /**\n   * Object with custom components for react-select\n   */\n  components: PropTypes.object,\n  contentRect: PropTypes.object,\n  zIndex: PropTypes.number,\n};\n\nexport { components } from 'react-select';\nexport { COMBOBOX_VARIANT };\nconst DSComboBoxHOC = withSelectStringValueConverter(withContentRect('bounds')(DSComboBox));\nexport { DSComboBoxHOC as DSComboBoxV1 };\nexport default DSComboBoxHOC;\n"],
+  "mappings": "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",
+  "names": []
+}