@elliemae/ds-form 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/index.js

@@ -2,18 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ComboBoxFreeSolo = require('./ComboBoxFreeSolo/ComboBoxFreeSolo.js');
+var DSCheckbox = require('./Checkbox/DSCheckbox.js');
 var DSCheckboxGroup = require('./CheckboxGroup/DSCheckboxGroup.js');
 require('./ComboBox/v1/DSComboBox.js');
 var Combobox = require('./ComboBox/v2/Combobox.js');
+var ComboBox = require('./ComboBox/v3/ComboBox.js');
+var ComboBoxFreeSolo = require('./ComboBoxFreeSolo/ComboBoxFreeSolo.js');
 var DSDateInput = require('./DateInput/DSDateInput.js');
+var DateInputs = require('./DateInputV2/components/DateInputs.js');
+var DSDateInput$1 = require('./DateInputV2/components/DSDateInput.js');
 var DSExpandableInput = require('./ExpandableInput/DSExpandableInput.js');
 var DSFloatingLabelInput = require('./FloatingLabelInput/DSFloatingLabelInput.js');
 var DSFormItemLayout = require('./FormItem/DSFormItemLayout.js');
-require('./FormItem/Error/DSError.js');
+var DSError = require('./FormItem/Error/DSError.js');
 var DSInput = require('./Input/DSInput.js');
 var DSInputGroup = require('./InputGroup/DSInputGroup.js');
+var DSInputMask = require('./InputMask/DSInputMask.js');
+var DSInputProtected = require('./InputProtected/DSInputProtected.js');
+var options = require('./InputProtected/options.js');
 var DSLargeInputText = require('./LargeInputText/DSLargeInputText.js');
+var SingleMenuItem = require('./MenuItem/components/SingleMenuItem/SingleMenuItem.js');
+var MultiMenuItem = require('./MenuItem/components/MultiMenuItem/MultiMenuItem.js');
+var index = require('./MenuItem/components/MenuItem/index.js');
+var index$1 = require('./MenuItem/components/SubmenuItem/index.js');
+var index$2 = require('./MenuItem/components/Section/index.js');
+var index$3 = require('./MenuItem/components/Separator/index.js');
 var DSRadio = require('./Radio/DSRadio.js');
 var DSRadioGroup = require('./RadioGroup/DSRadioGroup.js');
 var RequiredMark = require('./RequiredMark/RequiredMark.js');
@@ -23,28 +36,57 @@ var NavSearchBox = require('./SearchBox/NavSearchBox.js');
 var DSTextBox = require('./TextBox/DSTextBox.js');
 var DSTimeInput = require('./TimeInput/DSTimeInput.js');
 var DSToggle = require('./Toggle/DSToggle.js');
-var DSInputProtected = require('./InputProtected/DSInputProtected.js');
-var DSCheckbox = require('./Checkbox/DSCheckbox.js');
 var TimeInputImpl = require('./TimeInput/TimeInputImpl.js');
 var propTypes = require('@elliemae/ds-shared/prop-types');
 var Select = require('react-select');
+var DateInputImpl = require('./DateInput/components/DateInputImpl.js');
 var variants = require('./FormItem/variants.js');
 var InputAddonWrapper = require('./Input/InputAddonWrapper.js');
-var options = require('./InputProtected/options.js');
+var MaskTypes = require('./InputMask/MaskTypes.js');
+var MaskPipes = require('./InputMask/MaskPipes.js');
 
 
 
-exports.ComboBoxFreeSolo = ComboBoxFreeSolo;
+exports.CheckboxWithSchema = DSCheckbox.CheckboxWithSchema;
+exports.DSCheckbox = DSCheckbox.DSCheckbox;
 exports.DSCheckboxGroup = DSCheckboxGroup.DSCheckboxGroup;
+exports.DSCheckboxGroupWithSchema = DSCheckboxGroup.DSCheckboxGroupWithSchema;
+exports.ComboBoxWithSchema = Combobox.ComboBoxWithSchema;
 exports.DSComboBox = Combobox.DSComboBox2;
+exports.DSComboBox2 = Combobox.DSComboBox2;
+exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;
+exports.ComboBoxFreeSolo = ComboBoxFreeSolo;
 exports.DSDateInput = DSDateInput["default"];
+exports.DSDateInputWithSchema = DSDateInput.DSDateInputWithSchema;
+exports.DateInputsV2Impl = DateInputs.DateInputs;
+exports.DSDateInputV2 = DSDateInput$1.DSDateInputV2;
+exports.DSDateInputV2WithSchema = DSDateInput$1.DSDateInputV2WithSchema;
 exports.DSExpandableInput = DSExpandableInput;
 exports.DSFloatingLabelInput = DSFloatingLabelInput;
 exports.DSFormItemLayout = DSFormItemLayout["default"];
+exports.DSFormItemLayoutWithSchema = DSFormItemLayout.DSFormItemLayoutWithSchema;
+exports.DSError = DSError["default"];
+exports.DSErrorWithSchema = DSError.DSErrorWithSchema;
 exports.DSInput = DSInput["default"];
 exports.DSInputGroup = DSInputGroup["default"];
+exports.DSInputGroupWithSchema = DSInputGroup.DSInputGroupWithSchema;
+exports.DSInputMask = DSInputMask.DSInputMask;
+exports.DSInputMaskWithSchema = DSInputMask.DSInputMaskWithSchema;
+exports.DSInputProtected = DSInputProtected.DSInputProtected;
+exports.DSInputProtectedWithSchema = DSInputProtected.DSInputProtectedWithSchema;
+exports.LEFT_ADDON_OPTIONS = options.LEFT_ADDON_OPTIONS;
+exports.RIGHT_ADDON_OPTIONS = options.RIGHT_ADDON_OPTIONS;
 exports.DSLargeInputText = DSLargeInputText["default"];
 exports.DSLargeInputTextWithSchema = DSLargeInputText.DSLargeInputTextWithSchema;
+exports.SingleMenuItem = SingleMenuItem.SingleMenuItem;
+exports.MultiMenuItem = MultiMenuItem.MultiMenuItem;
+exports.MultiMenuItemWithSchema = MultiMenuItem.MultiMenuItemWithSchema;
+exports.MenuItem = index.MenuItem;
+exports.MenuItemWithSchema = index.MenuItemWithSchema;
+exports.SubmenuItem = index$1.SubmenuItem;
+exports.SubmenuItemWithSchema = index$1.SubmenuItemWithSchema;
+exports.Section = index$2.Section;
+exports.Separator = index$3.Separator;
 exports.DSRadio = DSRadio["default"];
 exports.DSRadioWithSchema = DSRadio.DSRadioWithSchema;
 exports.DSRadioGroup = DSRadioGroup["default"];
@@ -55,22 +97,26 @@ exports.SearchBoxWithSchema = DSSearchBox.SearchBoxWithSchema;
 exports.DSNavSearchBox = NavSearchBox.NavSearchBox;
 exports.DSNavSearchBoxWithSchema = NavSearchBox.DSNavSearchBoxWithSchema;
 exports.DSTextBox = DSTextBox["default"];
+exports.DSTextBoxWithSchema = DSTextBox.DSTextBoxWithSchema;
 exports.DSTimeInput = DSTimeInput["default"];
+exports.DSTimeInputWithSchema = DSTimeInput.DSTimeInputWithSchema;
 exports.DSToggle = DSToggle["default"];
 exports.DSToggleWithSchema = DSToggle.DSToggleWithSchema;
-exports.DSInputProtected = DSInputProtected["default"];
-exports.InputProtectedWithSchema = DSInputProtected.InputProtectedWithSchema;
-exports.DSCheckbox = DSCheckbox.DSCheckbox;
 exports.TimeInputImpl = TimeInputImpl;
+Object.defineProperty(exports, 'CHECKBOX_VARIANT', {
+	enumerable: true,
+	get: function () { return propTypes.CHECKBOX_VARIANT; }
+});
 Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
-  enumerable: true,
-  get: function () { return propTypes.COMBOBOX_VARIANT; }
+	enumerable: true,
+	get: function () { return propTypes.COMBOBOX_VARIANT; }
 });
 Object.defineProperty(exports, 'components', {
-  enumerable: true,
-  get: function () { return Select.components; }
+	enumerable: true,
+	get: function () { return Select.components; }
 });
+exports.DateInputImpl = DateInputImpl;
 exports.FORMITEM_LAYOUT_VARIANTS = variants.FORMITEM_LAYOUT_VARIANTS;
 exports.InputAddonWrapper = InputAddonWrapper;
-exports.LEFT_ADDON_OPTIONS = options.LEFT_ADDON_OPTIONS;
-exports.RIGHT_ADDON_OPTIONS = options.RIGHT_ADDON_OPTIONS;
+exports.MASK_TYPES = MaskTypes.MASK_TYPES;
+exports.MASK_PIPES = MaskPipes.MASK_PIPES;

package/esm/Checkbox/DSCheckbox.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
@@ -5,7 +10,7 @@ import { useMemo, useRef, useCallback } from 'react';
 import { describe } from 'react-desc';
 import { uid } from 'uid';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { cx } from '@elliemae/ds-utilities/utils';
+import { cx } from '@elliemae/ds-utilities';
 import CheckMark from './elements/CheckMark.js';
 import { defaultProps } from './defaultProps.js';
 import { checkboxProps } from './props.js';
@@ -57,7 +62,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;
@@ -75,7 +80,7 @@ function Checkbox(_ref) {
     tabIndex: tabIndex,
     value: value,
     children: /*#__PURE__*/jsx("input", {
-      id: `${instanceUID}-${labelText}`,
+      id: "".concat(instanceUID, "-").concat(labelText),
       onClick: handleClick,
       ref: checkRef,
       checked: checked,
@@ -124,7 +129,7 @@ const DSCheckbox = _ref2 => {
 
   const checkbox = /*#__PURE__*/jsx(Checkbox, _objectSpread(_objectSpread({}, otherProps), {}, {
     checked: checked,
-    className: cx(`${classNameElement('input-button')} checkbox-${String(checked)}`, className),
+    className: cx("".concat(classNameElement('input-button'), " checkbox-").concat(String(checked)), className),
     disabled: disabled,
     innerRef: innerRef,
     name: name,
@@ -137,12 +142,12 @@ const DSCheckbox = _ref2 => {
 
   if (!labelText) return checkbox;
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    className: `${cssClassName} ${variant}`
+    className: "".concat(cssClassName, " ").concat(variant)
   }, containerProps), {}, {
     children: [/*#__PURE__*/_jsx("label", {
       "data-testid": "ds-checkbox-label",
       className: classNameElement('label'),
-      htmlFor: `${instanceUID}-${labelText}`
+      htmlFor: "".concat(instanceUID, "-").concat(labelText)
     }, void 0, checkbox, /*#__PURE__*/_jsx("span", {
       className: classNameElement('label-text')
     }, void 0, labelText)), children && /*#__PURE__*/_jsx("div", {

package/esm/CheckboxGroup/DSCheckboxGroup.js

@@ -1,5 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import React from 'react';
 import { describe } from 'react-desc';
 import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
@@ -15,7 +22,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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(GroupItem, {
   render: context => /*#__PURE__*/jsx(DSCheckbox, _objectSpread(_objectSpread({}, props), {}, {
@@ -25,16 +32,17 @@ const CheckboxItem = props => /*#__PURE__*/_jsx(GroupItem, {
   }))
 });
 
-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.Children.count(children);
 
@@ -54,7 +62,7 @@ const DSCheckboxGroup = ({
     multiple: true,
     onChange: onChange
   }, void 0, /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-    className: `${baseClass} ${baseClass}--${orientation}`
+    className: "".concat(baseClass, " ").concat(baseClass, "--").concat(orientation)
   }, labelProps && labelProps.labelText ? {} : containerProps), {}, {
     role: "group",
     children: React.Children.map(children, (child, index) => /*#__PURE__*/jsx(CheckboxItem, _objectSpread(_objectSpread({}, child.props), {}, {
@@ -67,7 +75,7 @@ const DSCheckboxGroup = ({
 
   if (labelProps && labelProps.labelText) {
     return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-      className: `${baseClass}-form-item-layout-wrapper`
+      className: "".concat(baseClass, "-form-item-layout-wrapper")
     }, containerProps), {}, {
       role: "group",
       children: /*#__PURE__*/jsx(DSFormItemLayout, _objectSpread(_objectSpread({}, labelProps), {}, {

package/esm/ComboBox/index.js

@@ -1,4 +1,5 @@
 import './v1/DSComboBox.js';
 export { ComboBoxWithSchema, DSComboBox2, DSComboBox2 as default } from './v2/Combobox.js';
+export { DSComboBox, DSComboBoxWithSchema } from './v3/ComboBox.js';
 export { components } from 'react-select';
 export { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';

package/esm/ComboBox/v1/DSComboBox.js

@@ -1,13 +1,23 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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/utils';
+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';
@@ -47,36 +57,32 @@ const getValues = (option, isMulti, valueProperty) => {
 class DSComboBox extends React.Component {
   constructor(props) {
     super(props);
-
-    _defineProperty(this, "forceFocus", false);
-
-    _defineProperty(this, "isHover", undefined);
-
-    _defineProperty(this, "handleHover", debounce(value => {
+    this.forceFocus = false;
+    this.isHover = undefined;
+    this.handleHover = debounce(value => {
       if (this.state.isHover === this.isHover) return;
       if (!this.unmount) this.setState({
         isHover: value
       });
-    }, 0));
-
-    _defineProperty(this, "state", {
+    }, 0);
+    this.state = {
       focus: null,
       isHover: undefined
-    });
+    };
 
-    _defineProperty(this, "handleOutsideScroll", () => {
+    this.handleOutsideScroll = () => {
       if (this.isHover !== true && !this.unmount) {
         this.isHover = false;
         this.handleHover(false);
       }
-    });
+    };
 
-    _defineProperty(this, "handleHoverRef", value => {
+    this.handleHoverRef = value => {
       this.isHover = value;
       this.handleHover(value);
-    });
+    };
 
-    _defineProperty(this, "onKeyDownClear", e => {
+    this.onKeyDownClear = e => {
       // if (e.key === 'ArrowRight') {
       //   this.arrow.focus()
       // } else if (e.key === 'ArrowLeft') {
@@ -85,9 +91,9 @@ class DSComboBox extends React.Component {
       if (e.keyCode === 32 || e.keyCode === 13) {
         this.select.focus();
       }
-    });
+    };
 
-    _defineProperty(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) {
@@ -107,7 +113,7 @@ class DSComboBox extends React.Component {
         if (!value && e.key === ' ') e.preventDefault();
         this.props.onKeyDown(e);
       };
-    });
+    };
 
     this.clear = /*#__PURE__*/React.createRef();
     this.arrow = /*#__PURE__*/React.createRef();
@@ -190,7 +196,7 @@ class DSComboBox extends React.Component {
 
     return /*#__PURE__*/_jsx(Manager, {}, void 0, /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
       ref: measureRef,
-      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')
+      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), {}, {
       onMouseEnter: () => {
         this.handleHoverRef(undefined);
@@ -200,11 +206,11 @@ class DSComboBox extends React.Component {
           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("div", {
-            className: `select-menu-combo ${isMulti && 'select-menu-combo-multi'}`,
+            className: "select-menu-combo ".concat(isMulti && 'select-menu-combo-multi'),
             onMouseLeave: () => {
               this.isHover = undefined;
               this.handleHover(undefined);
@@ -249,8 +255,8 @@ class DSComboBox extends React.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) => {
@@ -294,7 +300,7 @@ class DSComboBox extends React.Component {
               const width = calculateWidth(options);
               if (!width) return null;
               return {
-                width: `${width}px`
+                width: "".concat(width, "px")
               };
             }
 
@@ -318,9 +324,9 @@ class DSComboBox extends React.Component {
 
 }
 
-_defineProperty(DSComboBox, "defaultProps", {
+DSComboBox.defaultProps = {
   showAllOption: false
-});
+};
 var DSComboBox$1 = withSelectStringValueConverter(withContentRect('bounds')(DSComboBox));
 
 export { DSComboBox$1 as default };

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

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';

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

@@ -1,6 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import CloseCircle from '@elliemae/ds-icons/CloseCircle';
+import { CloseCircle } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { jsx } from 'react/jsx-runtime';
 

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

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
@@ -9,11 +14,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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(Reference, {}, void 0, ({
-  ref
-}) => /*#__PURE__*/jsx("div", {
-  ref: ref,
-  children: /*#__PURE__*/jsx(components.Control, _objectSpread({}, props))
-}));
+const Control = props => /*#__PURE__*/_jsx(Reference, {}, void 0, _ref => {
+  let {
+    ref
+  } = _ref;
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    children: /*#__PURE__*/jsx(components.Control, _objectSpread({}, props))
+  });
+});
 
 export { Control as default };

package/esm/ComboBox/v1/components/CustomOption.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
@@ -8,12 +13,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 CustomOption = ({
-  index,
-  data,
-  style,
-  isScrolling
-}) => {
+const CustomOption = _ref => {
+  let {
+    index,
+    data,
+    style,
+    isScrolling
+  } = _ref;
   const {
     items,
     options: {

package/esm/ComboBox/v1/components/CustomOptionMulti.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
@@ -8,12 +13,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 CustomOptionMulti = ({
-  index,
-  data,
-  style,
-  isScrolling
-}) => {
+const CustomOptionMulti = _ref => {
+  let {
+    index,
+    data,
+    style,
+    isScrolling
+  } = _ref;
   const {
     items,
     options: {

package/esm/ComboBox/v1/components/DropdownIndicator.js

@@ -1,8 +1,13 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 'react';
-import ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';
+import { ChevronSmallDown } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { jsx } from 'react/jsx-runtime';
 

package/esm/ComboBox/v1/components/MenuList.js

@@ -1,5 +1,11 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useEffect } from 'react';
 import { components } from 'react-select';
 import { FixedSizeList } from 'react-window';
@@ -73,7 +79,7 @@ const MenuList = props => {
     }
   }, void 0, isMulti && /*#__PURE__*/jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsx(FixedSizeList, {
     ref: listRef,
-    className: `combobox-menu-list ${isMulti && 'combobox-menu-list-is-multi'}`,
+    className: "combobox-menu-list ".concat(isMulti && 'combobox-menu-list-is-multi'),
     height: height,
     itemCount: options.length,
     itemData: itemData,

package/esm/ComboBox/v1/components/MultiSelectHeader.js

@@ -1,11 +1,14 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'react';
 
 const MultiSelectHeader = props => {
   const count = props.children.filter(child => child.props.isSelected).length;
   return /*#__PURE__*/_jsx("div", {
     className: "combobox-multi-select-header"
-  }, void 0, `${count} selected`);
+  }, void 0, "".concat(count, " selected"));
 };
 
 export { MultiSelectHeader as default };

package/esm/ComboBox/v1/components/MultiValueLabel.js

@@ -3,9 +3,10 @@ import 'react';
 import { PopperPositions } from '@elliemae/ds-popper';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 
-function MultiValueLabel({
-  children
-}) {
+function MultiValueLabel(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     tooltipPlacement: PopperPositions.TOP,
     value: children

package/esm/ComboBox/v1/components/MultiValueRemove.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.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 'react';
 import { get } from 'lodash';