@elliemae/ds-form 2.4.2-rc.1 → 2.4.2-rc.13

package/cjs/FormItem/Label/DSLabel.js

@@ -26,7 +26,7 @@ const DSLabel = _ref => {
   } = _ref;
   const Tag = isGroup ? 'legend' : 'label';
   return /*#__PURE__*/_jsx__default["default"](Tag, {
-    className: "".concat(blockName).concat(isGroup ? " ".concat(blockName, "--group") : ''),
+    className: `${blockName}${isGroup ? ` ${blockName}--group` : ''}`,
     htmlFor: htmlFor
   }, void 0, truncateText ? /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: children || label

package/cjs/FormItem/Suffix/Suffix.js

@@ -13,11 +13,15 @@ const Suffix = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-126c671-0"
 })(["height:2.16rem;align-items:center;display:flex;", ""], props => {
   if (props.label && !props.withFeedback) {
-    return "\n      padding-top: 1.2rem;\n      ";
+    return `
+      padding-top: 1.2rem;
+      `;
   }
 
   if (!props.label && !props.withFeedback) {
-    return "\n      padding-top: 1rem;\n      ";
+    return `
+      padding-top: 1rem;
+      `;
   }
 });
 const SuffixInputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({

package/cjs/Input/DSInput.js

@@ -59,7 +59,7 @@ const DSInput = _ref => {
     "aria-label": otherProps['aria-label'],
     "aria-describedby": otherProps['aria-describedby'],
     autoFocus: autoFocus,
-    className: "".concat(className, " ").concat(disabled ? 'input-disabled' : '').concat(readOnly ? 'read-only' : ''),
+    className: `${className} ${disabled ? 'input-disabled' : ''}${readOnly ? 'read-only' : ''}`,
     clearable: clearable,
     containerProps: containerProps,
     customInputType: customInputType,

package/cjs/Input/InputAddonWrapper.js

@@ -6,7 +6,6 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 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.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/Input/InputImpl.js

@@ -6,6 +6,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 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/es.error.cause.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
@@ -307,7 +308,7 @@ class InputImpl extends React.Component {
       },
       children: !customInputType ? /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread(_objectSpread({}, lodash.omit(inputProps, ['disableTooltip'])), {}, {
         autoComplete: "off",
-        clearable: "".concat(clearable),
+        clearable: `${clearable}`,
         onChange: this.handleOnChange,
         onBlur: this.handleBlur,
         onFocus: this.handleFocus // using mouseOver instead of mouseEnter (doesn't trigger on disabled inputs)
@@ -410,7 +411,7 @@ InputImpl.defaultProps = {
   value(props, propName, componentName) {
     // eslint-disable-line consistent-return
     if (!!props.isShowElipsisActive && typeof props[propName] !== 'string') {
-      return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof props[propName], "` supplied to") + " `".concat(componentName, "`. Prop `value` should be of type `string` if prop `isShowElipsisActive` is set to `true`.") + ' Either set `isShowElipsisActive` to `false`, or properly format your `value` prop to `string`.');
+      return new Error(`Invalid prop \`${propName}\` of type \`${typeof props[propName]}\` supplied to` + ` \`${componentName}\`. Prop \`value\` should be of type \`string\` if prop \`isShowElipsisActive\` is set to \`true\`.` + ' Either set `isShowElipsisActive` to `false`, or properly format your `value` prop to `string`.');
     }
   }
 

package/cjs/InputGroup/AddonWrapper.js

@@ -1,13 +1,12 @@
 'use strict';
 
-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.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 React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var jsxRuntime = require('react/jsx-runtime');
@@ -39,7 +38,7 @@ class AddonWrapper extends React.Component {
     } = this.props;
     const childType = inputComponent && inputComponent.type && inputComponent.type.name ? inputComponent.type.name.toLowerCase() : 'default';
     return /*#__PURE__*/jsxRuntime.jsxs(Container, _objectSpread(_objectSpread({
-      className: "".concat(className, " ").concat(blockName, "--").concat(childType)
+      className: `${className} ${blockName}--${childType}`
     }, containerProps), {}, {
       children: [leftAddon && /*#__PURE__*/_jsx__default["default"](InputAddon, {}, void 0, leftAddon), inputComponent, rightAddon && /*#__PURE__*/_jsx__default["default"](InputAddon, {}, void 0, rightAddon)]
     }));

package/cjs/InputMask/DSInputMask.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 reactDesc = require('react-desc');
 var MaskTypes = require('./MaskTypes.js');

package/cjs/InputMask/DSInputMaskDeprecated.js

@@ -50,13 +50,11 @@ const getRawMask = function (mask) {
 
 
 const UNSAFEGetRawValue = (value, mask) => {
-  var _safeValue$split, _safeValue$split$filt;
-
   const safeValue = getValueFromEventOrString(value);
   if (!safeValue) return '';
   const rawMask = getRawMask(mask, value);
   const characterToStrip = rawMask.filter(char => typeof char === 'string');
-  return safeValue === null || safeValue === void 0 ? void 0 : (_safeValue$split = safeValue.split('')) === null || _safeValue$split === void 0 ? void 0 : (_safeValue$split$filt = _safeValue$split.filter(char => {
+  return safeValue?.split('')?.filter(char => {
     const indexCharToStrip = characterToStrip.findIndex(strip => strip === char);
 
     if (indexCharToStrip >= 0) {
@@ -65,20 +63,18 @@ const UNSAFEGetRawValue = (value, mask) => {
     }
 
     return true;
-  })) === null || _safeValue$split$filt === void 0 ? void 0 : _safeValue$split$filt.join('');
+  })?.join('');
 }; // this is not safe because we don't take in consideration a lot of cases
 // just a monkeypatch untill we get the v2 going,
 // this work with "internal" masks...
 
 
 const UNSAFEIsRawValue = (value, mask) => {
-  var _safeValue$split2;
-
   const safeValue = getValueFromEventOrString(value);
   if (!safeValue) return false;
   const rawMask = getRawMask(mask, safeValue);
   const characterToStrip = rawMask.filter(char => typeof char === 'string');
-  if (safeValue) safeValue === null || safeValue === void 0 ? void 0 : (_safeValue$split2 = safeValue.split('')) === null || _safeValue$split2 === void 0 ? void 0 : _safeValue$split2.forEach(char => {
+  if (safeValue) safeValue?.split('')?.forEach(char => {
     const indexCharToStrip = characterToStrip.findIndex(strip => strip === char);
 
     if (indexCharToStrip >= 0) {
@@ -214,9 +210,7 @@ class DSInputMaskDeprecated extends React.Component {
     };
 
     this.handleOnChange = e => {
-      var _e$target;
-
-      const rawValue = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '';
+      const rawValue = e?.target?.value || '';
       const {
         selectionEnd
       } = e.target;

package/cjs/InputMask/addons/AutoCorrectedDatePipe.js

@@ -7,7 +7,6 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/esnext.async-iterator.some.js');
 require('core-js/modules/esnext.iterator.some.js');
-require('core-js/modules/es.string.replace.js');
 
 const maxValueMonth = [31, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 const formatOrder = ['yyyy', 'yy', 'mm', 'dd', 'HH', 'MM', 'SS'];

package/cjs/InputMask/mask_types/DateInputMask.js

@@ -5,7 +5,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/InputMask/mask_types/DateTimeInputMask.js

@@ -5,7 +5,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/InputMask/mask_types/DictionaryInputMask.js

@@ -5,7 +5,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/InputMask/mask_types/NumberInputMask.js

@@ -2,13 +2,11 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/es.string.replace.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');
-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');
@@ -28,8 +26,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const addThousandsSeparator = (n, thousandsSeparatorSymbol) => n.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparatorSymbol);
 
 const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
-  var _decimal;
-
   let {
     prefix,
     suffix,
@@ -74,7 +70,7 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
   });
   if (requireDecimal) foundDecimalSymbol = true;
 
-  if (!requireDecimal && !((_decimal = decimal) !== null && _decimal !== void 0 && _decimal.length) && lastkeycode === 8) {
+  if (!requireDecimal && !decimal?.length && lastkeycode === 8) {
     foundDecimalSymbol = false;
   }
 
@@ -104,7 +100,7 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
     maskedPos += prefix.length;
 
     if (isNegative) {
-      if (lastkeycode !== 8 || nextMaskedValue !== prefix) nextMaskedValue = "-".concat(nextMaskedValue);
+      if (lastkeycode !== 8 || nextMaskedValue !== prefix) nextMaskedValue = `-${nextMaskedValue}`;
       maskedPos += 1;
     }
 

package/cjs/InputMask/mask_types/PhoneInputMask.js

@@ -5,7 +5,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js

@@ -5,7 +5,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/InputMask/mask_types/SsnInputMask.js

@@ -5,7 +5,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/InputMask/mask_types/UsZipCodeInputMask.js

@@ -5,7 +5,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js

@@ -5,7 +5,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');

package/cjs/InputMask/props.js

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

package/cjs/InputMask/utils/setCaretPosition.js

@@ -2,15 +2,15 @@
 
 const setCaretPosition = (ctrl, pos) => {
   // Modern browsers
-  if (ctrl !== null && ctrl !== void 0 && ctrl.setSelectionRange) {
-    ctrl === null || ctrl === void 0 ? void 0 : ctrl.focus();
-    ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectionRange(pos, pos); // IE8 and below
-  } else if (ctrl !== null && ctrl !== void 0 && ctrl.createTextRange) {
-    const range = ctrl === null || ctrl === void 0 ? void 0 : ctrl.createTextRange();
-    range === null || range === void 0 ? void 0 : range.collapse(true);
-    range === null || range === void 0 ? void 0 : range.moveEnd('character', pos);
-    range === null || range === void 0 ? void 0 : range.moveStart('character', pos);
-    range === null || range === void 0 ? void 0 : range.select();
+  if (ctrl?.setSelectionRange) {
+    ctrl?.focus();
+    ctrl?.setSelectionRange(pos, pos); // IE8 and below
+  } else if (ctrl?.createTextRange) {
+    const range = ctrl?.createTextRange();
+    range?.collapse(true);
+    range?.moveEnd('character', pos);
+    range?.moveStart('character', pos);
+    range?.select();
   }
 };
 

package/cjs/InputProtected/DSInputProtected.js

@@ -2,15 +2,14 @@
 
 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');
 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 _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsIcons = require('@elliemae/ds-icons');
@@ -70,13 +69,13 @@ const DSInputProtected = _ref => {
   }, [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": "".concat(inputLocked ? 'Allow' : 'Disallow', " Edition"),
+      "aria-label": `${inputLocked ? 'Allow' : 'Disallow'} Edition`,
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputLocked ? options.LEFT_ADDON_OPTIONS.LockLocked : options.LEFT_ADDON_OPTIONS.LockUnlocked],
       onClick: handleLeft
     }) : undefined,
     rightAddon: right ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      "aria-label": "".concat(inputHidden ? 'Show' : 'Hide', " Characters"),
+      "aria-label": `${inputHidden ? 'Show' : 'Hide'} Characters`,
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputHidden ? options.RIGHT_ADDON_OPTIONS.InvisibleHide : options.RIGHT_ADDON_OPTIONS.VisibleView],
       onClick: handleRight,

package/cjs/InputProtected/props.js

@@ -18,7 +18,8 @@ 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.\n  * 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, _.`)
 };
 
 exports.inputProtectedProps = inputProtectedProps;

package/cjs/LargeInputText/DSLargeInputText.js

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

package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -47,7 +47,6 @@ const SingleMenuItem = props => {
     onMouseLeave: onMouseLeave,
     className: isActive ? 'ds-list-item-active' : '',
     style: wrapperStyles,
-    pr: render ? 0 : 40,
     "data-testid": dataTestid,
     disabled: disabled,
     children: render ? render(props) : /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {

package/cjs/MenuItem/components/SubmenuItem/index.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/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 reactDesc = require('react-desc');
 var Grid = require('@elliemae/ds-grid');
@@ -117,7 +116,7 @@ const SubmenuItem = props$1 => {
     ref: innerRef,
     onMouseEnter: onMouseEnterHandler,
     onMouseLeave: onMouseLeaveHandler,
-    "aria-describedby": "dropdownmenu-submenu-".concat(dsId),
+    "aria-describedby": `dropdownmenu-submenu-${dsId}`,
     children: [render ? render(props$1) : /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       cols: ['auto', 'min-content']
     }, void 0, /*#__PURE__*/_jsx__default["default"](styled$1.StyledItemLabel, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](DSButton.DSButtonV2, {
@@ -127,7 +126,7 @@ const SubmenuItem = props$1 => {
         onClick(e);
       }
     }, void 0, rightAddon === 'ellipsis' ? _Ellipsis || (_Ellipsis = /*#__PURE__*/_jsx__default["default"](Ellipsis__default["default"], {})) : _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx__default["default"](ChevronRight__default["default"], {})))), /*#__PURE__*/_jsx__default["default"]("span", {
-      id: "dropdownmenu-submenu-".concat(dsId),
+      id: `dropdownmenu-submenu-${dsId}`,
       style: {
         display: 'none'
       }

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

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

package/cjs/SearchBox/DSSearchBox.js

@@ -58,7 +58,7 @@ const DSSearchBox = _ref => {
     value,
     onClearButtonClick
   });
-  const shouldShowClearIcon = clearable && (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) > 0;
+  const shouldShowClearIcon = clearable && searchValue?.length > 0;
   const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
   const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
   const PureSearchboxIcon = React__default["default"].useMemo(() => {

package/cjs/SearchBox/NavSearchBox.js

@@ -97,7 +97,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, "".concat(currentResultIndex + 1, " / ").concat(totalResults));
+  return /*#__PURE__*/_jsx__default["default"](StyledResultTracker, {}, void 0, `${currentResultIndex + 1} / ${totalResults}`);
 };
 
 const VerticalSeparator = () => _StyledVerticalSepara || (_StyledVerticalSepara = /*#__PURE__*/_jsx__default["default"](StyledVerticalSeparator, {}));

package/cjs/SearchBox/SearchBoxToggle.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 styled = require('styled-components');
 var dsIcons = require('@elliemae/ds-icons');
@@ -34,7 +33,15 @@ 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 ? "\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
+})(["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
 
 const SearchBoxToggle = _ref => {
   let {
@@ -45,7 +52,7 @@ const SearchBoxToggle = _ref => {
 
   const [isOpen, setOpen] = React.useState(false);
   const [show, setShow] = React.useState(true);
-  const computedWidth = typeof width === 'number' ? "".concat(width, "px") : width;
+  const computedWidth = typeof width === 'number' ? `${width}px` : width;
 
   const button = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     onClick: () => {

package/cjs/SearchBox/useSearch.js

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

package/cjs/TextBox/DSTextBox.js

@@ -53,7 +53,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'] || "".concat(id, "_feedback_message"),
+    "aria-describedby": otherProps['aria-describedby'] || `${id}_feedback_message`,
     autoFocus: autoFocus,
     clearable: clearable,
     containerProps: containerProps,

package/cjs/TimeInput/TimeInputs.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.some.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.some.js');

package/cjs/Toggle/DSToggleImpl.js

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

package/cjs/Toggle/DSToggleRender.js

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