@elliemae/ds-form 2.4.2-rc.3 → 2.4.3-rc.0

package/cjs/Checkbox/DSCheckbox.js

@@ -72,7 +72,7 @@ function Checkbox(_ref) {
     "data-testid": rest['data-testid'] || 'ds-checkbox',
     "aria-checked": checked,
     "aria-disabled": disabled,
-    className: "".concat(className, " ").concat(variant || '', " ").concat(disabled ? 'disabled' : ''),
+    className: `${className} ${variant || ''} ${disabled ? 'disabled' : ''}`,
     "data-kind": "checkmark",
     onKeyDown: e => {
       e.target = checkRef.current;
@@ -90,7 +90,7 @@ function Checkbox(_ref) {
     tabIndex: tabIndex,
     value: value,
     children: /*#__PURE__*/jsxRuntime.jsx("input", {
-      id: "".concat(instanceUID, "-").concat(labelText),
+      id: `${instanceUID}-${labelText}`,
       onClick: handleClick,
       ref: checkRef,
       checked: !!checked,
@@ -139,7 +139,7 @@ const DSCheckbox = _ref2 => {
 
   const checkbox = /*#__PURE__*/jsxRuntime.jsx(Checkbox, _objectSpread(_objectSpread({}, otherProps), {}, {
     checked: checked,
-    className: dsUtilities.cx("".concat(classNameElement('input-button'), " checkbox-").concat(String(checked)), className),
+    className: dsUtilities.cx(`${classNameElement('input-button')} checkbox-${String(checked)}`, className),
     disabled: disabled,
     innerRef: innerRef,
     name: name,
@@ -152,12 +152,12 @@ const DSCheckbox = _ref2 => {
 
   if (!labelText) return checkbox;
   return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
-    className: "".concat(cssClassName, " ").concat(variant)
+    className: `${cssClassName} ${variant}`
   }, containerProps), {}, {
     children: [/*#__PURE__*/_jsx__default["default"]("label", {
       "data-testid": "ds-checkbox-label",
       className: classNameElement('label'),
-      htmlFor: "".concat(instanceUID, "-").concat(labelText)
+      htmlFor: `${instanceUID}-${labelText}`
     }, void 0, checkbox, /*#__PURE__*/_jsx__default["default"]("span", {
       className: classNameElement('label-text')
     }, void 0, labelText)), children && /*#__PURE__*/_jsx__default["default"]("div", {

package/cjs/CheckboxGroup/DSCheckboxGroup.js

@@ -34,7 +34,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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const emClassPrefix = 'em-ds';
-const baseClass = "".concat(emClassPrefix, "-checkbox-group");
+const baseClass = `${emClassPrefix}-checkbox-group`;
 
 const CheckboxItem = props => /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
   render: context => /*#__PURE__*/jsxRuntime.jsx(DSCheckbox.DSCheckbox, _objectSpread(_objectSpread({}, props), {}, {
@@ -74,7 +74,7 @@ const DSCheckboxGroup = _ref => {
     multiple: true,
     onChange: onChange
   }, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-    className: "".concat(baseClass, " ").concat(baseClass, "--").concat(orientation)
+    className: `${baseClass} ${baseClass}--${orientation}`
   }, labelProps && labelProps.labelText ? {} : containerProps), {}, {
     role: "group",
     children: React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsx(CheckboxItem, _objectSpread(_objectSpread({}, child.props), {}, {
@@ -87,7 +87,7 @@ const DSCheckboxGroup = _ref => {
 
   if (labelProps && labelProps.labelText) {
     return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-      className: "".concat(baseClass, "-form-item-layout-wrapper")
+      className: `${baseClass}-form-item-layout-wrapper`
     }, containerProps), {}, {
       role: "group",
       children: /*#__PURE__*/jsxRuntime.jsx(DSFormItemLayout["default"], _objectSpread(_objectSpread({}, labelProps), {}, {

package/cjs/ComboBox/v1/DSComboBox.js

@@ -7,7 +7,6 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.find.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.find.js');
@@ -206,7 +205,7 @@ class DSComboBox extends React__default["default"].Component {
 
     return /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
       ref: measureRef,
-      className: dsUtilities.cx("".concat(ThemeConstants.prefix, "-").concat(blockName, "-wrapper"), className, hasError && "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(propTypes.COMBOBOX_VARIANT.ERROR), "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(variant), "focus-".concat(focus), isMulti && 'combo-multi', expandMenuOutsideContainer && 'expanded-outside-container')
+      className: dsUtilities.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')
     }, containerProps), {}, {
       onMouseEnter: () => {
         this.handleHoverRef(undefined);
@@ -216,11 +215,11 @@ class DSComboBox extends React__default["default"].Component {
           this.select = ref;
         },
         autoFocus: autoFocus,
-        classNamePrefix: "".concat(ThemeConstants.prefix, "-").concat(blockName),
+        classNamePrefix: `${ThemeConstants.prefix}-${blockName}`,
         components: _objectSpread({
           Control,
           Menu: !options || options.length === 0 ? SelectMenu : props => /*#__PURE__*/_jsx__default["default"]("div", {
-            className: "select-menu-combo ".concat(isMulti && 'select-menu-combo-multi'),
+            className: `select-menu-combo ${isMulti && 'select-menu-combo-multi'}`,
             onMouseLeave: () => {
               this.isHover = undefined;
               this.handleHover(undefined);
@@ -310,7 +309,7 @@ class DSComboBox extends React__default["default"].Component {
               const width = calculateWidth.calculateWidth(options);
               if (!width) return null;
               return {
-                width: "".concat(width, "px")
+                width: `${width}px`
               };
             }
 

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

@@ -1,13 +1,12 @@
 'use strict';
 
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.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 _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var Select = require('react-select');
 var reactWindow = require('react-window');
@@ -87,7 +86,7 @@ const MenuList = props => {
     }
   }, void 0, isMulti && /*#__PURE__*/jsxRuntime.jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactWindow.FixedSizeList, {
     ref: listRef,
-    className: "combobox-menu-list ".concat(isMulti && 'combobox-menu-list-is-multi'),
+    className: `combobox-menu-list ${isMulti && 'combobox-menu-list-is-multi'}`,
     height: height,
     itemCount: options.length,
     itemData: itemData,

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

@@ -14,7 +14,7 @@ const MultiSelectHeader = props => {
   const count = props.children.filter(child => child.props.isSelected).length;
   return /*#__PURE__*/_jsx__default["default"]("div", {
     className: "combobox-multi-select-header"
-  }, void 0, "".concat(count, " selected"));
+  }, void 0, `${count} selected`);
 };
 
 module.exports = MultiSelectHeader;

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

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
-
 const getOptions = _ref => {
   let {
     showAllOption,

package/cjs/ComboBox/v1/withSelectStringValueConverter.js

@@ -3,7 +3,6 @@
 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.filter.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');

package/cjs/ComboBox/v2/Combobox.js

@@ -7,7 +7,6 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/esnext.async-iterator.map.js');
 require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.find.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.find.js');
@@ -73,7 +72,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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const blockName = 'em-ds-combobox';
-const container = "".concat(blockName, "-container");
+const container = `${blockName}-container`;
 
 const getValues = (options, isMulti, valueProperty) => {
   if (!options) return null;
@@ -155,10 +154,8 @@ const DSComboBox2HOCLess = _ref => {
   const optionsChanged = dsUtilities.useShouldRecalculate(dsUtilities.isEqual(prevOptions, options));
   const SelectComponent = React.useMemo(() => isFreeSolo ? Creatable__default["default"] : Select__default["default"], [isFreeSolo]);
   React.useEffect(() => {
-    var _select$current;
-
     setInputInFocus(isFocused);
-    if (isFocused) (_select$current = select.current) === null || _select$current === void 0 ? void 0 : _select$current.focus();
+    if (isFocused) select.current?.focus();
   }, [isFocused]);
   React.useEffect(() => {
     if (selectedValue && !isFreeSolo && !Array.isArray(selectedValue)) {
@@ -189,9 +186,7 @@ const DSComboBox2HOCLess = _ref => {
     }
 
     if (e.key === 'Tab' && menuOpen) {
-      var _select$current2;
-
-      (_select$current2 = select.current) === null || _select$current2 === void 0 ? void 0 : _select$current2.blur(); // manually invoking blur to ensure losing focus on tab.
+      select.current?.blur(); // manually invoking blur to ensure losing focus on tab.
     }
 
     if (e.key === 'Escape') setMenuOpen(false);
@@ -284,7 +279,7 @@ const DSComboBox2HOCLess = _ref => {
     value: ctx
   }, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
     ref: measureRef,
-    className: dsUtilities.cx("".concat(container), inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
+    className: dsUtilities.cx(`${container}`, inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
     onBlur: handleBlur,
     "data-testid": "combobox",
     role: "combobox"
@@ -371,7 +366,7 @@ const DSComboBox2HOCLess = _ref => {
             const width = calculateWidth.calculateWidth(options);
             if (!width) return null;
             return {
-              width: "".concat(width, "px")
+              width: `${width}px`
             };
           }
 

package/cjs/ComboBox/v2/components/Content.js

@@ -25,8 +25,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const Content = _ref => {
-  var _rest$selectProps;
-
   let {
     scheduleUpdate,
     styleMenu
@@ -36,7 +34,7 @@ const Content = _ref => {
   React.useEffect(() => {
     // trigger popper update on input change PUI-4069
     scheduleUpdate();
-  }, [rest === null || rest === void 0 ? void 0 : (_rest$selectProps = rest.selectProps) === null || _rest$selectProps === void 0 ? void 0 : _rest$selectProps.inputValue]);
+  }, [rest?.selectProps?.inputValue]);
   return /*#__PURE__*/_jsx__default["default"]("div", {
     style: styleMenu,
     "data-testid": "combobox-menu"

package/cjs/ComboBox/v2/components/CustomOption.js

@@ -28,8 +28,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const isOptionAGroup = option => option && option.type && option.type.name === 'Group';
 
 const CustomOption = _ref => {
-  var _option$props, _option$props2, _option$props2$innerP, _option$props3, _option$props3$innerP;
-
   let {
     index,
     data,
@@ -46,10 +44,10 @@ const CustomOption = _ref => {
   const {
     value
   } = React.useContext(context.DropDownContext);
-  const isSelected = (value === null || value === void 0 ? void 0 : value.label) === (option === null || option === void 0 ? void 0 : (_option$props = option.props) === null || _option$props === void 0 ? void 0 : _option$props.label); // react-select performance optimization
+  const isSelected = value?.label === option?.props?.label; // react-select performance optimization
 
-  option === null || option === void 0 ? true : (_option$props2 = option.props) === null || _option$props2 === void 0 ? true : (_option$props2$innerP = _option$props2.innerProps) === null || _option$props2$innerP === void 0 ? true : delete _option$props2$innerP.onMouseMove;
-  option === null || option === void 0 ? true : (_option$props3 = option.props) === null || _option$props3 === void 0 ? true : (_option$props3$innerP = _option$props3.innerProps) === null || _option$props3$innerP === void 0 ? true : delete _option$props3$innerP.onMouseOver;
+  delete option?.props?.innerProps?.onMouseMove;
+  delete option?.props?.innerProps?.onMouseOver;
   const renderOptionStyle = isOptionAGroup(option) ? {} : style;
 
   const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
@@ -58,10 +56,8 @@ const CustomOption = _ref => {
     role: 'option',
     'aria-selected': isSelected,
     onClick: e => {
-      var _option$props4, _option$props4$innerP;
-
       e.stopPropagation();
-      if (option !== null && option !== void 0 && (_option$props4 = option.props) !== null && _option$props4 !== void 0 && (_option$props4$innerP = _option$props4.innerProps) !== null && _option$props4$innerP !== void 0 && _option$props4$innerP.onClick) option.props.innerProps.onClick(e);
+      if (option?.props?.innerProps?.onClick) option.props.innerProps.onClick(e);
     }
   });
 

package/cjs/ComboBox/v2/components/CustomOptionMulti.js

@@ -1,14 +1,12 @@
 'use strict';
 
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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.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 React = require('react');
 var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var DSCheckbox = require('../../../Checkbox/DSCheckbox.js');
@@ -41,11 +39,7 @@ const CustomOptionMulti = _ref => {
   const {
     value
   } = React.useContext(context.DropDownContext);
-  const isSelected = !!(value !== null && value !== void 0 && value.find(item => {
-    var _option$props;
-
-    return item.label === (option === null || option === void 0 ? void 0 : (_option$props = option.props) === null || _option$props === void 0 ? void 0 : _option$props.label);
-  }));
+  const isSelected = !!value?.find(item => item.label === option?.props?.label);
 
   const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
     style,

package/cjs/ComboBox/v2/components/DropdownIndicator.js

@@ -1,14 +1,13 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var lodash = require('lodash');
 var dsIcons = require('@elliemae/ds-icons');
@@ -81,7 +80,7 @@ const DropdownIndicator = _ref => {
     "data-testid": "combobox-dropdown-btn",
     "aria-label": "dropdown-indicator",
     buttonType: "text",
-    className: "dropdown-indicator ".concat(lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''),
+    className: `dropdown-indicator ${lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''}`,
     icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
     innerRef: innerRef,
     onClick: handleOnClick,

package/cjs/ComboBox/v2/components/MenuList.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.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 _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var Select = require('react-select');
 var reactWindow = require('react-window');
@@ -29,7 +28,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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const createItemData = memoize__default["default"]((items, options) => {
-  if (items !== null && items !== void 0 && items.findIndex) {
+  if (items?.findIndex) {
     const index = items.findIndex(item => item.props.isFocused);
     if (index > -1) return {
       items,
@@ -118,7 +117,7 @@ const MenuList = /*#__PURE__*/React__default["default"].memo(props => {
         scrollTo(listRef);
       }
     },
-    className: "combobox-menu-list ".concat(isMulti && 'combobox-menu-list-is-multi'),
+    className: `combobox-menu-list ${isMulti && 'combobox-menu-list-is-multi'}`,
     height: height,
     itemCount: options.length,
     itemData: itemData,

package/cjs/ComboBox/v2/components/MultiSelectHeader.js

@@ -30,7 +30,7 @@ const MultiSelectHeader = props => {
   const isClearButtonDisabled = selectedItems === 0;
   const isAllButtonDisabled = selectedItems === totalItems;
   return /*#__PURE__*/_jsx__default["default"](HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](ContentWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderTitle, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
-    value: "".concat(selectedItems, " selected")
+    value: `${selectedItems} selected`
   })), !selectAllDisabled && /*#__PURE__*/_jsx__default["default"](ActionButtons, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledButton, {
     "data-testid": "combobox-all-btn",
     buttonType: "text",

package/cjs/ComboBox/v2/components/ValueContainer.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var Select = require('react-select');
 var dsUtilities = require('@elliemae/ds-utilities');

package/cjs/ComboBox/v2/components/getoptions.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
-
 const getOptions = _ref => {
   let {
     showAllOption,

package/cjs/ComboBox/v2/components/useMenuListHeight.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.reduce.js');
-require('core-js/modules/web.dom-collections.iterator.js');
 
 /* eslint-disable no-restricted-syntax */
 
@@ -42,9 +41,7 @@ const useMenuListHeight = (elements, maxElements, itemSize, remainingHeight) =>
   let calculatedHeight = itemSize * elementSlotsToShow;
 
   if (elementSlotsToShow === 1) {
-    var _elements$, _elements$$props, _elements$$props$data;
-
-    if ((_elements$ = elements[0]) !== null && _elements$ !== void 0 && (_elements$$props = _elements$.props) !== null && _elements$$props !== void 0 && (_elements$$props$data = _elements$$props.data) !== null && _elements$$props$data !== void 0 && _elements$$props$data.hasSeparator) calculatedHeight += 40;else calculatedHeight += 25;
+    if (elements[0]?.props?.data?.hasSeparator) calculatedHeight += 40;else calculatedHeight += 25;
   } // add pixels for group type (title and padding)
 
 
@@ -52,17 +49,15 @@ const useMenuListHeight = (elements, maxElements, itemSize, remainingHeight) =>
     let groupElementsShowed = 0;
 
     for (const group of elements) {
-      var _currentOptions$props, _currentOptions$props2, _currentOptions$props3, _currentOptions$props4;
-
       if (groupElementsShowed >= elementSlotsToShow) {
         break;
       }
 
       const currentOptions = group;
-      groupElementsShowed += (currentOptions === null || currentOptions === void 0 ? void 0 : (_currentOptions$props = currentOptions.props) === null || _currentOptions$props === void 0 ? void 0 : (_currentOptions$props2 = _currentOptions$props.options) === null || _currentOptions$props2 === void 0 ? void 0 : _currentOptions$props2.length) || 0;
+      groupElementsShowed += currentOptions?.props?.options?.length || 0;
       calculatedHeight += GROUP_PADDING + GROUP_TITLE;
 
-      if (currentOptions !== null && currentOptions !== void 0 && (_currentOptions$props3 = currentOptions.props) !== null && _currentOptions$props3 !== void 0 && (_currentOptions$props4 = _currentOptions$props3.data) !== null && _currentOptions$props4 !== void 0 && _currentOptions$props4.hasSeparator) {
+      if (currentOptions?.props?.data?.hasSeparator) {
         calculatedHeight += SEPARATOR;
       }
     }

package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -64,7 +64,7 @@ function ComboBoxFreeSolo(_ref) {
     disabled = false,
     menuIsOpen = false,
     placeholder = 'Select values',
-    formatCreateLabel = val => "Create ".concat(val),
+    formatCreateLabel = val => `Create ${val}`,
     maxOptions = undefined
   } = _ref,
       rest = _objectWithoutProperties__default["default"](_ref, _excluded);

package/cjs/DateInput/DSDateInput.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.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 _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsUtilities = require('@elliemae/ds-utilities');
@@ -70,7 +69,7 @@ const DSDateInput = _ref => {
     inputOnChange(date);
   }, []);
   return /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
-    className: "".concat(className, " input-date-input "),
+    className: `${className} input-date-input `,
     clearable: clearable,
     containerProps: containerProps,
     customInputType: _ref2 => {

package/cjs/DateInput/components/DateInputs.js

@@ -2,7 +2,6 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.reduce.js');

package/cjs/DateInput/components/utils.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.some.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.some.js');
@@ -180,7 +179,7 @@ const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
     showDay
   } = show;
   if (time && !year && !month && !day) return '';
-  newDate.value = "".concat(year, "-").concat(month, "-").concat(day);
+  newDate.value = `${year}-${month}-${day}`;
   if (showMonth && month) newDate.month(dsUtilities.parseInt(month - 1, 10));
   if (showDay && day) newDate.date(dsUtilities.parseInt(day, 10));
   if (showYear && year) newDate.year(dsUtilities.parseInt(year, 10));

package/cjs/DateInputV2/components/DateInputs.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.reduce.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.reduce.js');
@@ -58,7 +57,7 @@ const DateInputs = _ref => {
   }, [dayRef.current]);
   const triggerOnDateChange = React__default["default"].useCallback(() => {
     if (month && day && year && haveInputsOnChangeTriggered) {
-      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), 'MMDDYYYY', true);
+      const momentValue = moment__default["default"](`${month}${day}${year}`, 'MMDDYYYY', true);
 
       if (momentValue.isValid()) {
         onDateChange(momentValue);
@@ -101,15 +100,15 @@ const DateInputs = _ref => {
     // When component mounts haveInputsOnChangeTriggered is set to false
     // so this is not triggered on mount but is triggered with all other changes
     if (haveInputsOnChangeTriggered) {
-      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), FORMAT, true);
-      onChange("".concat(month).concat(day).concat(year), momentValue.isValid() ? momentValue : null);
+      const momentValue = moment__default["default"](`${month}${day}${year}`, FORMAT, true);
+      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);
     }
   }, [day, month, year]);
   React.useEffect(() => {
     triggerOnDateChange();
   }, [onChangeDateTrigger]);
   React.useEffect(() => {
-    if (time && time !== "".concat(month).concat(day).concat(year) && moment__default["default"](time, 'MMDDYYYY').isValid()) {
+    if (time && time !== `${month}${day}${year}` && moment__default["default"](time, 'MMDDYYYY').isValid()) {
       const values = String(time || '');
       if (values.slice(0, 2)) setMonth(values.slice(0, 2));
       if (values.slice(2, 4)) setDay(values.slice(2, 4));

package/cjs/DateInputV2/components/styled.js

@@ -19,7 +19,10 @@ const DateInputWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).with
     disabled,
     theme
   } = _ref;
-  return disabled ? "\n    background: ".concat(theme.colors.neutral[100], ";\n    color: ").concat(theme.colors.neutral[500], ";\n    ") : '';
+  return disabled ? `
+    background: ${theme.colors.neutral[100]};
+    color: ${theme.colors.neutral[500]};
+    ` : '';
 });
 const DateInputInput = /*#__PURE__*/styled__default["default"].input.withConfig({
   componentId: "sc-ads423-2"
@@ -28,7 +31,10 @@ const DateInputInput = /*#__PURE__*/styled__default["default"].input.withConfig(
     disabled,
     theme
   } = _ref2;
-  return disabled ? "\n  background: ".concat(theme.colors.neutral[100], ";\n  color: ").concat(theme.colors.neutral[500], ";\n  ") : '';
+  return disabled ? `
+  background: ${theme.colors.neutral[100]};
+  color: ${theme.colors.neutral[500]};
+  ` : '';
 }, _ref3 => {
   let {
     theme

package/cjs/DateInputV2/components/utils.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.some.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.some.js');
@@ -123,14 +122,10 @@ const triggerOnBlur = function (blurEvent) {
   }
 };
 const focusNextInput = currentEl => {
-  var _getNextSibling;
-
-  (_getNextSibling = getNextSibling(currentEl, 'input')) === null || _getNextSibling === void 0 ? void 0 : _getNextSibling.focus();
+  getNextSibling(currentEl, 'input')?.focus();
 };
 const focusPreviousInput = currentEl => {
-  var _getPreviousSibling;
-
-  (_getPreviousSibling = getPreviousSibling(currentEl, 'input')) === null || _getPreviousSibling === void 0 ? void 0 : _getPreviousSibling.focus();
+  getPreviousSibling(currentEl, 'input')?.focus();
 };
 const getValidTimeNumber = function (_ref, number) {
   let {
@@ -229,7 +224,7 @@ const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
     showDay
   } = show;
   if (time && !year && !month && !day) return '';
-  newDate.value = "".concat(year, "-").concat(month, "-").concat(day);
+  newDate.value = `${year}-${month}-${day}`;
   if (showMonth && month) newDate.month(dsUtilities.parseInt(month - 1, 10));
   if (showDay && day) newDate.date(dsUtilities.parseInt(day, 10));
   if (showYear && year) newDate.year(dsUtilities.parseInt(year, 10));

package/cjs/FormItem/DSFormItemLayout.js

@@ -53,8 +53,8 @@ const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
     'with-highlight': withHighlight
   };
 });
-const WrapperContent = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-content"));
-const WrapperContentGroup = dsClassnames.aggregatedClasses('fieldset')("".concat(blockName, "-content"));
+const WrapperContent = dsClassnames.aggregatedClasses('div')(`${blockName}-content`);
+const WrapperContentGroup = dsClassnames.aggregatedClasses('fieldset')(`${blockName}-content`);
 
 const DSFormItemLayout = _ref2 => {
   var _WrapperContentComp;