@elliemae/ds-form 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/Checkbox/DSCheckbox.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -9,7 +14,7 @@ var React = require('react');
 var reactDesc = require('react-desc');
 var uid = require('uid');
 var dsClassnames = require('@elliemae/ds-classnames');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var CheckMark = require('./elements/CheckMark.js');
 var defaultProps = require('./defaultProps.js');
 var props = require('./props.js');
@@ -27,7 +32,7 @@ const _excluded = ["className", "onChange", "checked", "innerRef", "onKeyDown",
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function Checkbox(_ref) {
   let {
@@ -48,7 +53,7 @@ function Checkbox(_ref) {
     instanceUID,
     labelText
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const checkRef = React.useRef(null);
   const handleClick = React.useCallback(e => {
@@ -59,7 +64,7 @@ function Checkbox(_ref) {
       onChange(e);
     }
   }, [onChange, readOnly]);
-  return /*#__PURE__*/_jsx__default['default']("span", {
+  return /*#__PURE__*/_jsx__default["default"]("span", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
   }, void 0, /*#__PURE__*/jsxRuntime.jsx(CheckMark, _objectSpread(_objectSpread({}, rest), {}, {
@@ -67,7 +72,7 @@ function Checkbox(_ref) {
     "data-testid": rest['data-testid'] || 'ds-checkbox',
     "aria-checked": checked,
     "aria-disabled": disabled,
-    className: `${className} ${variant || ''} ${disabled ? 'disabled' : ''}`,
+    className: "".concat(className, " ").concat(variant || '', " ").concat(disabled ? 'disabled' : ''),
     "data-kind": "checkmark",
     onKeyDown: e => {
       e.target = checkRef.current;
@@ -85,7 +90,7 @@ function Checkbox(_ref) {
     tabIndex: tabIndex,
     value: value,
     children: /*#__PURE__*/jsxRuntime.jsx("input", {
-      id: `${instanceUID}-${labelText}`,
+      id: "".concat(instanceUID, "-").concat(labelText),
       onClick: handleClick,
       ref: checkRef,
       checked: checked,
@@ -120,7 +125,7 @@ const DSCheckbox = _ref2 => {
     innerRef,
     name
   } = _ref2,
-      otherProps = _objectWithoutProperties__default['default'](_ref2, _excluded2);
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded2);
 
   const {
     cssClassName,
@@ -134,7 +139,7 @@ const DSCheckbox = _ref2 => {
 
   const checkbox = /*#__PURE__*/jsxRuntime.jsx(Checkbox, _objectSpread(_objectSpread({}, otherProps), {}, {
     checked: checked,
-    className: utils.cx(`${classNameElement('input-button')} checkbox-${String(checked)}`, className),
+    className: dsUtilities.cx("".concat(classNameElement('input-button'), " checkbox-").concat(String(checked)), className),
     disabled: disabled,
     innerRef: innerRef,
     name: name,
@@ -147,15 +152,15 @@ const DSCheckbox = _ref2 => {
 
   if (!labelText) return checkbox;
   return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
-    className: `${cssClassName} ${variant}`
+    className: "".concat(cssClassName, " ").concat(variant)
   }, containerProps), {}, {
-    children: [/*#__PURE__*/_jsx__default['default']("label", {
+    children: [/*#__PURE__*/_jsx__default["default"]("label", {
       "data-testid": "ds-checkbox-label",
       className: classNameElement('label'),
-      htmlFor: `${instanceUID}-${labelText}`
-    }, void 0, checkbox, /*#__PURE__*/_jsx__default['default']("span", {
+      htmlFor: "".concat(instanceUID, "-").concat(labelText)
+    }, void 0, checkbox, /*#__PURE__*/_jsx__default["default"]("span", {
       className: classNameElement('label-text')
-    }, void 0, labelText)), children && /*#__PURE__*/_jsx__default['default']("div", {
+    }, void 0, labelText)), children && /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameElement('checkbox-children')
     }, void 0, children)]
   }));
@@ -167,10 +172,8 @@ CheckboxWithSchema.propTypes = props.checkboxProps;
 
 Object.defineProperty(exports, 'CHECKBOX_VARIANT', {
   enumerable: true,
-  get: function () {
-    return propTypes.CHECKBOX_VARIANT;
-  }
+  get: function () { return propTypes.CHECKBOX_VARIANT; }
 });
 exports.CheckboxWithSchema = CheckboxWithSchema;
 exports.DSCheckbox = DSCheckbox;
-exports['default'] = DSCheckbox;
+exports["default"] = DSCheckbox;

package/cjs/Checkbox/elements/CheckMark.js

@@ -6,7 +6,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const CheckMark = /*#__PURE__*/styled__default['default'].span.withConfig({
+const CheckMark = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1rrft2r-0"
 })([""]);
 

package/cjs/Checkbox/index.js

@@ -9,10 +9,8 @@ var propTypes = require('@elliemae/ds-shared/prop-types');
 
 exports.CheckboxWithSchema = DSCheckbox.CheckboxWithSchema;
 exports.DSCheckbox = DSCheckbox.DSCheckbox;
-exports.default = DSCheckbox.DSCheckbox;
+exports["default"] = DSCheckbox.DSCheckbox;
 Object.defineProperty(exports, 'CHECKBOX_VARIANT', {
 	enumerable: true,
-	get: function () {
-		return propTypes.CHECKBOX_VARIANT;
-	}
+	get: function () { return propTypes.CHECKBOX_VARIANT; }
 });

package/cjs/CheckboxGroup/DSCheckboxGroup.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 reactDesc = require('react-desc');
 var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
@@ -25,11 +32,11 @@ var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const emClassPrefix = 'em-ds';
-const baseClass = `${emClassPrefix}-checkbox-group`;
+const baseClass = "".concat(emClassPrefix, "-checkbox-group");
 
-const CheckboxItem = props => /*#__PURE__*/_jsx__default['default'](GroupItem__default['default'], {
+const CheckboxItem = props => /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
   render: context => /*#__PURE__*/jsxRuntime.jsx(DSCheckbox.DSCheckbox, _objectSpread(_objectSpread({}, props), {}, {
     checked: context.activeValue && context.activeValue.indexOf(props.value) !== -1,
     disabled: context.disabled || props.disabled,
@@ -37,18 +44,19 @@ const CheckboxItem = props => /*#__PURE__*/_jsx__default['default'](GroupItem__d
   }))
 });
 
-const DSCheckboxGroup = ({
-  onChange,
-  activeValue,
-  children,
-  disabled,
-  orientation,
-  truncateText,
-  labelProps,
-  containerProps
-}) => {
+const DSCheckboxGroup = _ref => {
+  let {
+    onChange,
+    activeValue,
+    children,
+    disabled,
+    orientation,
+    truncateText,
+    labelProps,
+    containerProps
+  } = _ref;
   const checkRefs = [];
-  const count = React__default['default'].Children.count(children);
+  const count = React__default["default"].Children.count(children);
 
   const onKeyDown = (e, index) => {
     if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
@@ -60,16 +68,16 @@ const DSCheckboxGroup = ({
     }
   };
 
-  const group = /*#__PURE__*/_jsx__default['default'](Group__default['default'], {
+  const group = /*#__PURE__*/_jsx__default["default"](Group__default["default"], {
     activeValue: activeValue,
     disabled: disabled,
     multiple: true,
     onChange: onChange
   }, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-    className: `${baseClass} ${baseClass}--${orientation}`
+    className: "".concat(baseClass, " ").concat(baseClass, "--").concat(orientation)
   }, labelProps && labelProps.labelText ? {} : containerProps), {}, {
     role: "group",
-    children: React__default['default'].Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsx(CheckboxItem, _objectSpread(_objectSpread({}, child.props), {}, {
+    children: React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsx(CheckboxItem, _objectSpread(_objectSpread({}, child.props), {}, {
       innerRef: t => {
         checkRefs.push(t);
       },
@@ -79,10 +87,10 @@ const DSCheckboxGroup = ({
 
   if (labelProps && labelProps.labelText) {
     return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-      className: `${baseClass}-form-item-layout-wrapper`
+      className: "".concat(baseClass, "-form-item-layout-wrapper")
     }, containerProps), {}, {
       role: "group",
-      children: /*#__PURE__*/jsxRuntime.jsx(DSFormItemLayout['default'], _objectSpread(_objectSpread({}, labelProps), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(DSFormItemLayout["default"], _objectSpread(_objectSpread({}, labelProps), {}, {
         inputComponent: group,
         onChange: onChange,
         truncateText: truncateText
@@ -106,4 +114,4 @@ CheckboxItem.defaultProps = {
 
 exports.DSCheckboxGroup = DSCheckboxGroup;
 exports.DSCheckboxGroupWithSchema = DSCheckboxGroupWithSchema;
-exports['default'] = DSCheckboxGroup;
+exports["default"] = DSCheckboxGroup;

package/cjs/CheckboxGroup/index.js

@@ -8,4 +8,4 @@ var DSCheckboxGroup = require('./DSCheckboxGroup.js');
 
 exports.DSCheckboxGroup = DSCheckboxGroup.DSCheckboxGroup;
 exports.DSCheckboxGroupWithSchema = DSCheckboxGroup.DSCheckboxGroupWithSchema;
-exports.default = DSCheckboxGroup.DSCheckboxGroup;
+exports["default"] = DSCheckboxGroup.DSCheckboxGroup;

package/cjs/ComboBox/DSComboBox.js

@@ -10,16 +10,12 @@ var propTypes = require('@elliemae/ds-shared/prop-types');
 
 
 exports.DSComboBox2 = Combobox.DSComboBox2;
-exports.default = Combobox.DSComboBox2;
+exports["default"] = Combobox.DSComboBox2;
 Object.defineProperty(exports, 'components', {
 	enumerable: true,
-	get: function () {
-		return Select.components;
-	}
+	get: function () { return Select.components; }
 });
 Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
 	enumerable: true,
-	get: function () {
-		return propTypes.COMBOBOX_VARIANT;
-	}
+	get: function () { return propTypes.COMBOBOX_VARIANT; }
 });

package/cjs/ComboBox/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./v1/DSComboBox.js');
 var Combobox = require('./v2/Combobox.js');
+var ComboBox = require('./v3/ComboBox.js');
 var Select = require('react-select');
 var propTypes = require('@elliemae/ds-shared/prop-types');
 
@@ -11,16 +12,14 @@ var propTypes = require('@elliemae/ds-shared/prop-types');
 
 exports.ComboBoxWithSchema = Combobox.ComboBoxWithSchema;
 exports.DSComboBox2 = Combobox.DSComboBox2;
-exports.default = Combobox.DSComboBox2;
+exports["default"] = Combobox.DSComboBox2;
+exports.DSComboBox = ComboBox.DSComboBox;
+exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;
 Object.defineProperty(exports, 'components', {
 	enumerable: true,
-	get: function () {
-		return Select.components;
-	}
+	get: function () { return Select.components; }
 });
 Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
 	enumerable: true,
-	get: function () {
-		return propTypes.COMBOBOX_VARIANT;
-	}
+	get: function () { return propTypes.COMBOBOX_VARIANT; }
 });

package/cjs/ComboBox/v1/DSComboBox.js

@@ -2,15 +2,25 @@
 
 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');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 utils = require('@elliemae/ds-utilities/utils');
+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');
@@ -27,9 +37,9 @@ 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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 
@@ -39,7 +49,7 @@ const _excluded = ["hideSelectedOptions", "autoFocus", "className", "hasError",
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const ThemeConstants = {
   prefix: 'em-ds'
 };
@@ -54,39 +64,35 @@ const getValues = (option, isMulti, valueProperty) => {
   return isMulti ? option.map(mOption => mOption[valueProperty]) : option[valueProperty];
 };
 
-class DSComboBox extends React__default['default'].Component {
+class DSComboBox extends React__default["default"].Component {
   constructor(props) {
     super(props);
-
-    _defineProperty__default['default'](this, "forceFocus", false);
-
-    _defineProperty__default['default'](this, "isHover", undefined);
-
-    _defineProperty__default['default'](this, "handleHover", lodash.debounce(value => {
+    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
       });
-    }, 0));
-
-    _defineProperty__default['default'](this, "state", {
+    }, 0);
+    this.state = {
       focus: null,
       isHover: undefined
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleOutsideScroll", () => {
+    this.handleOutsideScroll = () => {
       if (this.isHover !== true && !this.unmount) {
         this.isHover = false;
         this.handleHover(false);
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleHoverRef", value => {
+    this.handleHoverRef = value => {
       this.isHover = value;
       this.handleHover(value);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onKeyDownClear", e => {
+    this.onKeyDownClear = e => {
       // if (e.key === 'ArrowRight') {
       //   this.arrow.focus()
       // } else if (e.key === 'ArrowLeft') {
@@ -95,9 +101,9 @@ class DSComboBox extends React__default['default'].Component {
       if (e.keyCode === 32 || e.keyCode === 13) {
         this.select.focus();
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleKeyDown", e => {
+    this.handleKeyDown = e => {
       // if (e.key === 'ArrowRight') e.preventDefault()
       // if (e.target.type === 'text' && e.key === 'ArrowRight') {
       //   if (this.clear && this.clear.focus) {
@@ -117,11 +123,11 @@ class DSComboBox extends React__default['default'].Component {
         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 = /*#__PURE__*/React__default["default"].createRef();
+    this.arrow = /*#__PURE__*/React__default["default"].createRef();
+    this.select = /*#__PURE__*/React__default["default"].createRef();
   }
 
   componentDidMount() {
@@ -166,7 +172,7 @@ class DSComboBox extends React__default['default'].Component {
       labelProperty = 'label',
       menuIsOpen = undefined,
       inlineMenu = false,
-      noOptionsMessage = () => _span || (_span = /*#__PURE__*/_jsx__default['default']("span", {}, void 0, "No options")),
+      noOptionsMessage = () => _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "No options")),
       components: customComponents = {},
       measureRef,
       contentRect,
@@ -182,7 +188,7 @@ class DSComboBox extends React__default['default'].Component {
       containerProps = {},
       zIndex = 11
     } = _this$props,
-          restPropsToCustomizeSelect = _objectWithoutProperties__default['default'](_this$props, _excluded);
+          restPropsToCustomizeSelect = _objectWithoutProperties__default["default"](_this$props, _excluded);
 
     const {
       focus
@@ -198,23 +204,23 @@ class DSComboBox extends React__default['default'].Component {
       internalValue = [allOption, ...value];
     }
 
-    return /*#__PURE__*/_jsx__default['default'](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
       ref: measureRef,
-      className: utils.cx(`${ThemeConstants.prefix}-${blockName}-wrapper`, className, hasError && `${ThemeConstants.prefix}-${blockName}--${propTypes.COMBOBOX_VARIANT.ERROR}`, `${ThemeConstants.prefix}-${blockName}--${variant}`, `focus-${focus}`, isMulti && 'combo-multi', expandMenuOutsideContainer && 'expanded-outside-container')
+      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(undefined);
       },
-      children: /*#__PURE__*/jsxRuntime.jsx(Select__default['default'], _objectSpread({
+      children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread({
         ref: ref => {
           this.select = ref;
         },
         autoFocus: autoFocus,
-        classNamePrefix: `${ThemeConstants.prefix}-${blockName}`,
+        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 ${isMulti && 'select-menu-combo-multi'}`,
+          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);
@@ -225,7 +231,7 @@ class DSComboBox extends React__default['default'].Component {
             }
           }, void 0, /*#__PURE__*/jsxRuntime.jsx(SelectMenu, _objectSpread({}, props))),
           // Menu: SelectMenu,
-          DropdownIndicator: () => /*#__PURE__*/_jsx__default['default'](DropdownIndicator, {
+          DropdownIndicator: () => /*#__PURE__*/_jsx__default["default"](DropdownIndicator, {
             innerRef: ref => {
               this.arrow = ref;
             },
@@ -259,8 +265,8 @@ class DSComboBox extends React__default['default'].Component {
         isRtl: isRtl,
         isSearchable: readOnly ? false : searchable,
         menuIsOpen: menuIsOpen === undefined ? this.isHover : menuIsOpen,
-        noOptionsMessage: (...args) => {
-          noOptionsMessage(...args);
+        noOptionsMessage: function () {
+          noOptionsMessage(...arguments);
         },
         onBlur: onBlur,
         onChange: returnValue ? (option, action) => {
@@ -304,7 +310,7 @@ class DSComboBox extends React__default['default'].Component {
               const width = calculateWidth.calculateWidth(options);
               if (!width) return null;
               return {
-                width: `${width}px`
+                width: "".concat(width, "px")
               };
             }
 
@@ -328,21 +334,17 @@ class DSComboBox extends React__default['default'].Component {
 
 }
 
-_defineProperty__default['default'](DSComboBox, "defaultProps", {
+DSComboBox.defaultProps = {
   showAllOption: false
-});
+};
 var DSComboBox$1 = withSelectStringValueConverter(reactMeasure.withContentRect('bounds')(DSComboBox));
 
 Object.defineProperty(exports, 'components', {
   enumerable: true,
-  get: function () {
-    return Select.components;
-  }
+  get: function () { return Select.components; }
 });
 Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
   enumerable: true,
-  get: function () {
-    return propTypes.COMBOBOX_VARIANT;
-  }
+  get: function () { return propTypes.COMBOBOX_VARIANT; }
 });
-exports['default'] = DSComboBox$1;
+exports["default"] = DSComboBox$1;

package/cjs/ComboBox/v1/components/AllOption.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -17,12 +22,12 @@ const _excluded = ["children"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const MultiSelectHeader = _ref => {
-  let rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+  let rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: "combobox-multi-select-all"
   }, void 0, /*#__PURE__*/jsxRuntime.jsx(DSCheckbox.DSCheckbox, _objectSpread({
     labelText: "All"

package/cjs/ComboBox/v1/components/ClearIndicator.js

@@ -2,14 +2,13 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var CloseCircle = require('@elliemae/ds-icons/CloseCircle');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var CloseCircle__default = /*#__PURE__*/_interopDefaultLegacy(CloseCircle);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _CloseCircle;
@@ -26,11 +25,11 @@ const ClearIndicator = props => {
     ref: ref,
     "aria-hidden": "false",
     style: getStyles('clearIndicator', props),
-    children: /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    children: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       "aria-label": "clear-indicator",
       buttonType: "text",
       className: "clear-indicator",
-      icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default['default'](CloseCircle__default['default'], {
+      icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseCircle, {
         size: "m"
       })),
       innerRef: innerRef,

package/cjs/ComboBox/v1/components/Control.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
@@ -14,13 +19,16 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const Control = props => /*#__PURE__*/_jsx__default['default'](reactPopper.Reference, {}, void 0, ({
-  ref
-}) => /*#__PURE__*/jsxRuntime.jsx("div", {
-  ref: ref,
-  children: /*#__PURE__*/jsxRuntime.jsx(Select.components.Control, _objectSpread({}, props))
-}));
+const Control = props => /*#__PURE__*/_jsx__default["default"](reactPopper.Reference, {}, void 0, _ref => {
+  let {
+    ref
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    ref: ref,
+    children: /*#__PURE__*/jsxRuntime.jsx(Select.components.Control, _objectSpread({}, props))
+  });
+});
 
 module.exports = Control;