@elliemae/ds-form 2.0.0-next.1 → 2.0.0-next.6

package/cjs/InputMask/mask_types/UsZipCodeInputMask.js

@@ -2,6 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');

package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js

@@ -2,6 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');

package/cjs/InputMask/props.js

@@ -144,8 +144,7 @@ const inputProps = {
    * The placeholder character represents the fillable spot in the mask.
    * The default placeholder character is underscore, _
    */
-  placeholderChar: reactDesc.PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
- The default placeholder character is underscore, _.`).defaultValue('_')
+  placeholderChar: reactDesc.PropTypes.string.description("The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.").defaultValue('_')
 };
 
 exports.inputProps = inputProps;

package/cjs/InputProtected/DSInputProtected.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var LockUnlocked = require('@elliemae/ds-icons/LockUnlocked');
@@ -71,14 +72,14 @@ const DSInputProtected = _ref => {
   }, [rightAddon, inputHidden]);
   return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputGroup["default"], {
     leftAddon: left ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      "aria-label": `${inputLocked ? 'Allow' : 'Disallow'} Edition`,
+      "aria-label": "".concat(inputLocked ? 'Allow' : 'Disallow', " Edition"),
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputLocked ? options.LEFT_ADDON_OPTIONS.LockUnlocked : options.LEFT_ADDON_OPTIONS.LockLocked],
       onClick: handleLeft
     }) : undefined,
     readOnly: left ? inputLocked : readOnly,
     rightAddon: right ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      "aria-label": `${inputHidden ? 'Show' : 'Hide'} Characters`,
+      "aria-label": "".concat(inputHidden ? 'Show' : 'Hide', " Characters"),
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputHidden ? options.RIGHT_ADDON_OPTIONS.VisibleView : options.RIGHT_ADDON_OPTIONS.InvisibleHide],
       onClick: handleRight,

package/cjs/InputProtected/props.js

@@ -18,8 +18,7 @@ const inputProtectedProps = {
    * PlaceholderChar: The placeholder character represents the fillable spot in the mask.
    * The default placeholder character is underscore, _.
    */
-  placeholderChar: reactDesc.PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
-  * The default placeholder character is underscore, _.`)
+  placeholderChar: reactDesc.PropTypes.string.description("The placeholder character represents the fillable spot in the mask.\n  * The default placeholder character is underscore, _.")
 };
 
 exports.inputProtectedProps = inputProtectedProps;

package/cjs/LargeInputText/DSLargeInputText.js

@@ -76,7 +76,7 @@ const DSLargeInputText = ({
 
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `${cssClassName} ${className}`,
+      className: "".concat(cssClassName, " ").concat(className),
       children: /*#__PURE__*/_jsx__default["default"]("div", {
         className: classNameBlock('wrapper')
       }, void 0, /*#__PURE__*/jsxRuntime.jsx("textarea", {
@@ -115,7 +115,7 @@ const DSLargeInputText = ({
         limitError
       },
       "data-testid": "counter-area"
-    }, void 0, `${limitError ? `${errorLimit} ${characterLimitCounter} characters.   ` : ''}${String(value).length} / ${characterLimitCounter}`)]
+    }, void 0, "".concat(limitError ? "".concat(errorLimit, " ").concat(characterLimitCounter, " characters.   ") : '').concat(String(value).length, " / ").concat(characterLimitCounter))]
   });
 };
 

package/cjs/RadioGroup/DSRadioGroup.js

@@ -27,7 +27,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__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}-radio-group`;
+const baseClass = "".concat(emClassPrefix, "-radio-group");
 
 const RadioItem = props => /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
   render: context => /*#__PURE__*/jsxRuntime.jsx(DSRadio["default"], _objectSpread(_objectSpread({}, props), {}, {
@@ -67,7 +67,7 @@ const DSRadioGroup = ({
   }, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
     "data-testid": "ds-radiogroup"
   }, labelProps && labelProps.labelText ? {} : containerProps), {}, {
-    className: `${baseClass} ${baseClass}--${orientation}`,
+    className: "".concat(baseClass, " ").concat(baseClass, "--").concat(orientation),
     role: "group",
     children: React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsx(RadioItem, _objectSpread(_objectSpread({}, child.props), {}, {
       innerRef: t => {
@@ -79,7 +79,7 @@ const DSRadioGroup = ({
 
   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), {}, {

package/cjs/RequiredMark/RequiredMark.js

@@ -20,12 +20,12 @@ const RequiredMark = ({
 
   if (required) {
     return /*#__PURE__*/_jsx__default["default"]("span", {
-      className: `${cssClassName}`
+      className: "".concat(cssClassName)
     }, void 0, "\u25CF");
   }
 
   return /*#__PURE__*/_jsx__default["default"]("span", {
-    className: `${cssClassName} optional-mark`
+    className: "".concat(cssClassName, " optional-mark")
   }, void 0, "\u26AC");
 };
 

package/cjs/SearchBox/NavSearchBox.js

@@ -101,7 +101,7 @@ const ResultTracker = props => {
   } = props;
   if (currentResultIndex === -1 && !totalResults) return null;
   if (currentResultIndex === -1 && totalResults) return /*#__PURE__*/_jsx__default["default"](StyledResultTracker, {}, void 0, totalResults);
-  return /*#__PURE__*/_jsx__default["default"](StyledResultTracker, {}, void 0, `${currentResultIndex + 1} / ${totalResults}`);
+  return /*#__PURE__*/_jsx__default["default"](StyledResultTracker, {}, void 0, "".concat(currentResultIndex + 1, " / ").concat(totalResults));
 };
 
 const VerticalSeparator = () => _StyledVerticalSepara || (_StyledVerticalSepara = /*#__PURE__*/_jsx__default["default"](StyledVerticalSeparator, {}));

package/cjs/SearchBox/SearchBoxToggle.js

@@ -3,6 +3,7 @@
 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');
 var React = require('react');
 var styled = require('styled-components');
 var SearchIcon = require('@elliemae/ds-icons/Search');
@@ -29,15 +30,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const SEARCH_BUTTON_WIDTH = 26;
 const SearchWrap = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-xt33wm-0"
-})(["transition:width 200ms ease;width:", "px;height:0;", " ", ""], SEARCH_BUTTON_WIDTH, props => !props.show ? `
-        opacity:0;
-
-        & * {
-          width: ${SEARCH_BUTTON_WIDTH}px;
-          height: 0;
-          border: 0;
-        }
-      ` : '', props => props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : ''); // eslint-disable-next-line react/prop-types
+})(["transition:width 200ms ease;width:", "px;height:0;", " ", ""], SEARCH_BUTTON_WIDTH, props => !props.show ? "\n        opacity:0;\n\n        & * {\n          width: ".concat(SEARCH_BUTTON_WIDTH, "px;\n          height: 0;\n          border: 0;\n        }\n      ") : '', props => props.isOpen ? "width: ".concat(props.width, ";opacity: 1;height: auto;") : ''); // eslint-disable-next-line react/prop-types
 
 const SearchBoxToggle = _ref => {
   let {
@@ -48,7 +41,7 @@ const SearchBoxToggle = _ref => {
 
   const [isOpen, setOpen] = React.useState(false);
   const [show, setShow] = React.useState(true);
-  const computedWidth = typeof width === 'number' ? `${width}px` : width;
+  const computedWidth = typeof width === 'number' ? "".concat(width, "px") : width;
 
   const button = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     onClick: () => {

package/cjs/SearchBox/useSearch.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var utils = require('@elliemae/ds-utilities/utils');
 

package/cjs/TextBox/DSTextBox.js

@@ -48,7 +48,7 @@ const DSTextBox = _ref => {
 
   return /*#__PURE__*/jsxRuntime.jsx(DSInput["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
     "aria-label": !id ? otherProps['aria-label'] || 'Text Box' : undefined,
-    "aria-describedby": otherProps['aria-describedby'] || `${id}_feedback_message`,
+    "aria-describedby": otherProps['aria-describedby'] || "".concat(id, "_feedback_message"),
     autoFocus: autoFocus,
     clearable: clearable,
     containerProps: containerProps,

package/cjs/TimeInput/TimeInputs.js

@@ -2,6 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var moment = require('moment');

package/cjs/Toggle/DSToggleImpl.js

@@ -263,7 +263,7 @@ class DSToggleImpl extends React.Component {
       hide
     } = this.state;
     const dragStyle = drag !== null || checked || this.props.checked ? {
-      left: `${drag}px`
+      left: "".concat(drag, "px")
     } : null;
     return /*#__PURE__*/jsxRuntime.jsx(DSToggleRender, _objectSpread(_objectSpread({}, this.props), {}, {
       defaultState: this.props.checked,

package/cjs/Toggle/DSToggleRender.js

@@ -84,7 +84,7 @@ const DSToggleRender = ({
     defaultValue: value
   }, onClickHandlerForNonInteractiveElements__default["default"](allowChange ? null : onChange)), {}, {
     ref: containerRef,
-    className: `${cssClassName} ${defaultState ? 'default-state-checked' : ''}${hide ? ' ds-form-element-toggle-hide' : ''}`,
+    className: "".concat(cssClassName, " ").concat(defaultState ? 'default-state-checked' : '').concat(hide ? ' ds-form-element-toggle-hide' : ''),
     onBlur: onBlur,
     onFocus: onFocus // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
     ,
@@ -97,7 +97,7 @@ const DSToggleRender = ({
       ref: handRef,
       "aria-checked": checked,
       "aria-disabled": disabled,
-      className: `${classNameElement('input')} ${defaultState ? 'default-state-checked' : ''}`,
+      className: "".concat(classNameElement('input'), " ").concat(defaultState ? 'default-state-checked' : ''),
       onMouseDown: allowChange ? null : onMouseDown,
       onMouseEnter: allowChange ? null : onMouseEnter,
       onMouseLeave: allowChange ? null : onMouseLeave,

package/esm/Checkbox/DSCheckbox.js

@@ -57,7 +57,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 +75,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 +124,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 +137,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

@@ -15,7 +15,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), {}, {
@@ -54,7 +54,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 +67,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/v1/DSComboBox.js

@@ -1,6 +1,7 @@
 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/web.dom-collections.iterator.js';
 import React from 'react';
 import { debounce, throttle } from 'lodash';
 import Select from 'react-select';
@@ -190,7 +191,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 +201,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);
@@ -294,7 +295,7 @@ class DSComboBox extends React.Component {
               const width = calculateWidth(options);
               if (!width) return null;
               return {
-                width: `${width}px`
+                width: "".concat(width, "px")
               };
             }
 

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

@@ -1,5 +1,6 @@
 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 +74,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

@@ -5,7 +5,7 @@ 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/getoptions.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const getOptions = ({
   showAllOption,
   isMulti,

package/esm/ComboBox/v1/withSelectStringValueConverter.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/esm/ComboBox/v2/Combobox.js

@@ -1,6 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.set.add-all.js';
 import 'core-js/modules/esnext.set.delete-all.js';
 import 'core-js/modules/esnext.set.difference.js';
@@ -53,7 +54,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 blockName = 'em-ds-combobox';
-const container = `${blockName}-container`;
+const container = "".concat(blockName, "-container");
 
 const getValues = (options, isMulti, valueProperty) => {
   if (!options) return null;
@@ -264,7 +265,7 @@ const DSComboBox2HOCLess = _ref => {
     value: ctx
   }, void 0, /*#__PURE__*/_jsx(Manager, {}, void 0, /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     ref: measureRef,
-    className: cx(`${container}`, inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
+    className: cx("".concat(container), inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
     onBlur: handleBlur,
     "data-testid": "combobox",
     role: "combobox"
@@ -351,7 +352,7 @@ const DSComboBox2HOCLess = _ref => {
             const width = calculateWidth(options);
             if (!width) return null;
             return {
-              width: `${width}px`
+              width: "".concat(width, "px")
             };
           }
 

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

@@ -1,6 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useState } from 'react';
 import { get } from 'lodash';
 import ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';
@@ -66,7 +67,7 @@ const DropdownIndicator = _ref => {
     "data-testid": "combobox-dropdown-btn",
     "aria-label": "dropdown-indicator",
     buttonType: "text",
-    className: `dropdown-indicator ${get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''}`,
+    className: "dropdown-indicator ".concat(get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''),
     icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})),
     innerRef: innerRef,
     onClick: handleOnClick,

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

@@ -1,5 +1,6 @@
 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 React, { useRef, useState, useEffect } from 'react';
 import { components } from 'react-select';
 import { FixedSizeList } from 'react-window';
@@ -103,7 +104,7 @@ const MenuList = /*#__PURE__*/React.memo(props => {
         scrollTo(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/v2/components/MultiSelectHeader.js

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

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

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useContext, useState } from 'react';
 import { components } from 'react-select';
 import { cx } from '@elliemae/ds-utilities/utils';

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

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const getOptions = ({
   showAllOption,
   isMulti,

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

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 /* eslint-disable no-restricted-syntax */
 
 /* eslint-disable max-statements */

package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -48,7 +48,7 @@ function ComboBoxFreeSolo({
   disabled = false,
   menuIsOpen = false,
   placeholder = 'Select values',
-  formatCreateLabel = val => `Create ${val}`,
+  formatCreateLabel = val => "Create ".concat(val),
   maxOptions = undefined
 }) {
   return /*#__PURE__*/_jsx(DSComboBox2, {

package/esm/DateInput/DSDateInput.js

@@ -1,6 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect, useCallback } from 'react';
 import { describe } from 'react-desc';
 import { runAll } from '@elliemae/ds-utilities/utils';
@@ -54,7 +55,7 @@ const DSDateInput = ({
     inputOnChange(date);
   }, []);
   return /*#__PURE__*/_jsx(DSInput, {
-    className: `${className} input-date-input `,
+    className: "".concat(className, " input-date-input "),
     clearable: clearable,
     containerProps: containerProps,
     customInputType: _ref => {

package/esm/DateInput/components/DateInputs.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useState, useEffect, createElement } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import usePrevious from '@elliemae/ds-utilities/hooks/usePrevious';

package/esm/DateInput/components/utils.js

@@ -1,8 +1,8 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { addLeadingZeros } from '@elliemae/ds-utilities/timeUtils';
 import { parseInt, isNaN } from '@elliemae/ds-utilities/utils';
 import moment from 'moment';
 
-/* eslint-disable max-params */
 const currentYear = new Date().getFullYear();
 const isArrowIncrementDecrement = key => key === 'ArrowDown' || key === 'ArrowUp'; // TODO remove and keep `true` behavior ( PUI-4141 )
 
@@ -159,7 +159,7 @@ const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
     showDay
   } = show;
   if (time && !year && !month && !day) return '';
-  newDate.value = `${year}-${month}-${day}`;
+  newDate.value = "".concat(year, "-").concat(month, "-").concat(day);
   if (showMonth && month) newDate.month(parseInt(month - 1, 10));
   if (showDay && day) newDate.date(parseInt(day, 10));
   if (showYear && year) newDate.year(parseInt(year, 10));

package/esm/DateInputV2/components/DateInputs.js

@@ -1,5 +1,6 @@
 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 React, { useState, useEffect, createElement } from 'react';
 import moment from 'moment';
 import { getFormattedMonth, getShouldShortcircuitMonth, focusNextInput, getFormattedDay, getShouldShortcircuitDay, getFormattedYear, commonInputProps, triggerOnBlur } from './utils.js';
@@ -38,7 +39,7 @@ const DateInputs = ({
   }, [dayRef.current]);
   const triggerOnDateChange = React.useCallback(() => {
     if (month && day && year && haveInputsOnChangeTriggered) {
-      const momentValue = moment(`${month}${day}${year}`, 'MMDDYYYY', true);
+      const momentValue = moment("".concat(month).concat(day).concat(year), 'MMDDYYYY', true);
 
       if (momentValue.isValid()) {
         onDateChange(momentValue);
@@ -81,15 +82,15 @@ const DateInputs = ({
     // 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(`${month}${day}${year}`, FORMAT, true);
-      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);
+      const momentValue = moment("".concat(month).concat(day).concat(year), FORMAT, true);
+      onChange("".concat(month).concat(day).concat(year), momentValue.isValid() ? momentValue : null);
     }
   }, [day, month, year]);
   useEffect(() => {
     triggerOnDateChange();
   }, [onChangeDateTrigger]);
   useEffect(() => {
-    if (time && time !== `${month}${day}${year}` && moment(time, 'MMDDYYYY').isValid()) {
+    if (time && time !== "".concat(month).concat(day).concat(year) && moment(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/esm/DateInputV2/components/styled.js

@@ -9,19 +9,13 @@ const DateInputWrapper = /*#__PURE__*/styled(Grid).withConfig({
 })(["align-items:center;align-content:center;", " width:102px;&:focus{outline-style:none;box-shadow:none;border-color:transparent;}"], ({
   disabled,
   theme
-}) => disabled ? `
-    background: ${theme.colors.neutral[100]};
-    color: ${theme.colors.neutral[500]};
-    ` : '');
+}) => disabled ? "\n    background: ".concat(theme.colors.neutral[100], ";\n    color: ").concat(theme.colors.neutral[500], ";\n    ") : '');
 const DateInputInput = /*#__PURE__*/styled.input.withConfig({
   componentId: "sc-ads423-2"
 })(["outline:none;border:none;border-radius:0;width:", ";height:", ";", " padding-left:4px;padding-right:0px;&::placeholder{font-size:95%;font-style:italic;}:-moz-placeholder{font-size:95%;font-style:italic;}::-moz-placeholder{font-size:95%;font-style:italic;}&:focus{background:", ";background-clip:content-box;}::-moz-selection{background:transparent;}::selection{background:transparent;}"], props => props.size === 'l' ? '38px' : '25px', props => props.theme.space.xs, ({
   disabled,
   theme
-}) => disabled ? `
-  background: ${theme.colors.neutral[100]};
-  color: ${theme.colors.neutral[500]};
-  ` : '', ({
+}) => disabled ? "\n  background: ".concat(theme.colors.neutral[100], ";\n  color: ").concat(theme.colors.neutral[500], ";\n  ") : '', ({
   theme
 }) => theme.colors.brand['300']);
 const DateInputDivider = /*#__PURE__*/styled.div.withConfig({