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

package/cjs/Checkbox/DSCheckbox.js

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

package/cjs/CheckboxGroup/DSCheckboxGroup.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}-checkbox-group`;
+const baseClass = "".concat(emClassPrefix, "-checkbox-group");
 
 const CheckboxItem = props => /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
   render: context => /*#__PURE__*/jsxRuntime.jsx(DSCheckbox.DSCheckbox, _objectSpread(_objectSpread({}, props), {}, {
@@ -66,7 +66,7 @@ const DSCheckboxGroup = ({
     multiple: true,
     onChange: onChange
   }, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-    className: `${baseClass} ${baseClass}--${orientation}`
+    className: "".concat(baseClass, " ").concat(baseClass, "--").concat(orientation)
   }, labelProps && labelProps.labelText ? {} : containerProps), {}, {
     role: "group",
     children: React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsx(CheckboxItem, _objectSpread(_objectSpread({}, child.props), {}, {
@@ -79,7 +79,7 @@ const DSCheckboxGroup = ({
 
   if (labelProps && labelProps.labelText) {
     return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-      className: `${baseClass}-form-item-layout-wrapper`
+      className: "".concat(baseClass, "-form-item-layout-wrapper")
     }, containerProps), {}, {
       role: "group",
       children: /*#__PURE__*/jsxRuntime.jsx(DSFormItemLayout["default"], _objectSpread(_objectSpread({}, labelProps), {}, {

package/cjs/ComboBox/v1/DSComboBox.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var lodash = require('lodash');
 var Select = require('react-select');
@@ -200,7 +201,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: utils.cx(`${ThemeConstants.prefix}-${blockName}-wrapper`, className, hasError && `${ThemeConstants.prefix}-${blockName}--${propTypes.COMBOBOX_VARIANT.ERROR}`, `${ThemeConstants.prefix}-${blockName}--${variant}`, `focus-${focus}`, isMulti && 'combo-multi', expandMenuOutsideContainer && 'expanded-outside-container')
+      className: utils.cx("".concat(ThemeConstants.prefix, "-").concat(blockName, "-wrapper"), className, hasError && "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(propTypes.COMBOBOX_VARIANT.ERROR), "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(variant), "focus-".concat(focus), isMulti && 'combo-multi', expandMenuOutsideContainer && 'expanded-outside-container')
     }, containerProps), {}, {
       onMouseEnter: () => {
         this.handleHoverRef(undefined);
@@ -210,11 +211,11 @@ class DSComboBox extends React__default["default"].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__default["default"]("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);
@@ -304,7 +305,7 @@ class DSComboBox extends React__default["default"].Component {
               const width = calculateWidth.calculateWidth(options);
               if (!width) return null;
               return {
-                width: `${width}px`
+                width: "".concat(width, "px")
               };
             }
 

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

@@ -2,6 +2,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var Select = require('react-select');
 var reactWindow = require('react-window');
@@ -81,7 +82,7 @@ const MenuList = props => {
     }
   }, void 0, isMulti && /*#__PURE__*/jsxRuntime.jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactWindow.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/cjs/ComboBox/v1/components/MultiSelectHeader.js

@@ -11,7 +11,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, `${count} selected`);
+  }, void 0, "".concat(count, " selected"));
 };
 
 module.exports = MultiSelectHeader;

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

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

package/cjs/ComboBox/v1/withSelectStringValueConverter.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/cjs/ComboBox/v2/Combobox.js

@@ -5,6 +5,7 @@ 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.set.add-all.js');
 require('core-js/modules/esnext.set.delete-all.js');
 require('core-js/modules/esnext.set.difference.js');
@@ -67,7 +68,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 blockName = 'em-ds-combobox';
-const container = `${blockName}-container`;
+const container = "".concat(blockName, "-container");
 
 const getValues = (options, isMulti, valueProperty) => {
   if (!options) return null;
@@ -278,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: utils.cx(`${container}`, inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
+    className: utils.cx("".concat(container), inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
     onBlur: handleBlur,
     "data-testid": "combobox",
     role: "combobox"
@@ -365,7 +366,7 @@ const DSComboBox2HOCLess = _ref => {
             const width = calculateWidth.calculateWidth(options);
             if (!width) return null;
             return {
-              width: `${width}px`
+              width: "".concat(width, "px")
             };
           }
 

package/cjs/ComboBox/v2/components/DropdownIndicator.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 lodash = require('lodash');
 var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
@@ -76,7 +77,7 @@ const DropdownIndicator = _ref => {
     "data-testid": "combobox-dropdown-btn",
     "aria-label": "dropdown-indicator",
     buttonType: "text",
-    className: `dropdown-indicator ${lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''}`,
+    className: "dropdown-indicator ".concat(lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''),
     icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
     innerRef: innerRef,
     onClick: handleOnClick,

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

@@ -2,6 +2,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var Select = require('react-select');
 var reactWindow = require('react-window');
@@ -112,7 +113,7 @@ const MenuList = /*#__PURE__*/React__default["default"].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/cjs/ComboBox/v2/components/MultiSelectHeader.js

@@ -27,7 +27,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: `${selectedItems} selected`
+    value: "".concat(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

@@ -4,6 +4,7 @@ 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');
 var React = require('react');
 var Select = require('react-select');
 var utils = require('@elliemae/ds-utilities/utils');

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

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

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 /* eslint-disable no-restricted-syntax */
 
 /* eslint-disable max-statements */

package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

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

package/cjs/DateInput/DSDateInput.js

@@ -5,6 +5,7 @@ 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');
 var React = require('react');
 var reactDesc = require('react-desc');
 var utils = require('@elliemae/ds-utilities/utils');
@@ -63,7 +64,7 @@ const DSDateInput = ({
     inputOnChange(date);
   }, []);
   return /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
-    className: `${className} input-date-input `,
+    className: "".concat(className, " input-date-input "),
     clearable: clearable,
     containerProps: containerProps,
     customInputType: _ref => {

package/cjs/DateInput/components/DateInputs.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 usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');

package/cjs/DateInput/components/utils.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var timeUtils = require('@elliemae/ds-utilities/timeUtils');
 var utils = require('@elliemae/ds-utilities/utils');
 var moment = require('moment');
@@ -10,7 +11,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(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 )
 
@@ -167,7 +167,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(utils.parseInt(month - 1, 10));
   if (showDay && day) newDate.date(utils.parseInt(day, 10));
   if (showYear && year) newDate.year(utils.parseInt(year, 10));

package/cjs/DateInputV2/components/DateInputs.js

@@ -4,6 +4,7 @@ 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');
 var React = require('react');
 var moment = require('moment');
 var utils = require('./utils.js');
@@ -49,7 +50,7 @@ const DateInputs = ({
   }, [dayRef.current]);
   const triggerOnDateChange = React__default["default"].useCallback(() => {
     if (month && day && year && haveInputsOnChangeTriggered) {
-      const momentValue = moment__default["default"](`${month}${day}${year}`, 'MMDDYYYY', true);
+      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), 'MMDDYYYY', true);
 
       if (momentValue.isValid()) {
         onDateChange(momentValue);
@@ -92,15 +93,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__default["default"](`${month}${day}${year}`, FORMAT, true);
-      onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);
+      const momentValue = moment__default["default"]("".concat(month).concat(day).concat(year), FORMAT, true);
+      onChange("".concat(month).concat(day).concat(year), momentValue.isValid() ? momentValue : null);
     }
   }, [day, month, year]);
   React.useEffect(() => {
     triggerOnDateChange();
   }, [onChangeDateTrigger]);
   React.useEffect(() => {
-    if (time && time !== `${month}${day}${year}` && moment__default["default"](time, 'MMDDYYYY').isValid()) {
+    if (time && time !== "".concat(month).concat(day).concat(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

@@ -17,19 +17,13 @@ const DateInputWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).wi
 })(["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__default["default"].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__default["default"].div.withConfig({

package/cjs/DateInputV2/components/utils.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var timeUtils = require('@elliemae/ds-utilities/timeUtils');
 var utils = require('@elliemae/ds-utilities/utils');
 var moment = require('moment');
@@ -10,7 +11,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-/* eslint-disable max-params */
 const currentYear = new Date().getFullYear();
 
 const getNextSibling = (elem, selector) => {
@@ -216,7 +216,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(utils.parseInt(month - 1, 10));
   if (showDay && day) newDate.date(utils.parseInt(day, 10));
   if (showYear && year) newDate.year(utils.parseInt(year, 10));

package/cjs/FloatingLabelInput/getSvgPath.js

@@ -33,7 +33,9 @@ function getSvgPath({
     extraSizeForTopH = 0;
   }
 
-  const pathMiddle = '' + (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius : '') + 'v' + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius : '') + 'h' + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius : '') + 'v' + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius : '');
+  const pathMiddle = '' + (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius : '') + 'v' + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + ( // right vertical line
+  hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius : '') + 'h' + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius : '') + 'v' + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + ( // left vertical line
+  hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius : '');
   let path;
 
   {

package/cjs/FormItem/DSFormItemLayout.js

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

package/cjs/FormItem/Label/DSLabel.js

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

package/cjs/FormItem/Suffix/Suffix.js

@@ -13,15 +13,11 @@ 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 `
-      padding-top: 1.2rem;
-      `;
+    return "\n      padding-top: 1.2rem;\n      ";
   }
 
   if (!props.label && !props.withFeedback) {
-    return `
-      padding-top: 1rem;
-      `;
+    return "\n      padding-top: 1rem;\n      ";
   }
 });
 const SuffixInputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({

package/cjs/Input/DSInput.js

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

package/cjs/Input/InputAddonWrapper.js

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

package/cjs/Input/InputImpl.js

@@ -298,7 +298,7 @@ class InputImpl extends React.Component {
       },
       children: !customInputType ? /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread(_objectSpread({}, lodash.omit(inputProps, ['disableTooltip'])), {}, {
         autoComplete: "off",
-        clearable: `${clearable}`,
+        clearable: "".concat(clearable),
         onChange: this.handleOnChange,
         onBlur: this.handleBlur,
         onFocus: this.handleFocus // using mouseOver instead of mouseEnter (doesn't trigger on disabled inputs)
@@ -401,7 +401,7 @@ InputImpl.defaultProps = {
   value(props, propName, componentName) {
     // eslint-disable-line consistent-return
     if (!!props.isShowElipsisActive && typeof props[propName] !== '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`.');
+      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`.');
     }
   }
 

package/cjs/InputGroup/AddonWrapper.js

@@ -2,6 +2,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var jsxRuntime = require('react/jsx-runtime');
@@ -34,7 +35,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: `${className} ${blockName}--${childType}`
+      className: "".concat(className, " ").concat(blockName, "--").concat(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

@@ -4,6 +4,7 @@ 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');
 var React = require('react');
 var reactDesc = require('react-desc');
 var MaskTypes = require('./MaskTypes.js');

package/cjs/InputMask/mask_types/DateInputMask.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/DateTimeInputMask.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/DictionaryInputMask.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/NumberInputMask.js

@@ -3,6 +3,7 @@
 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/web.dom-collections.iterator.js');
 var React = require('react');
 var DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -97,7 +98,7 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
     maskedPos += prefix.length;
 
     if (isNegative) {
-      if (lastkeycode !== 8 || nextMaskedValue !== prefix) nextMaskedValue = `-${nextMaskedValue}`;
+      if (lastkeycode !== 8 || nextMaskedValue !== prefix) nextMaskedValue = "-".concat(nextMaskedValue);
       maskedPos += 1;
     }
 

package/cjs/InputMask/mask_types/PhoneInputMask.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/PhoneInternationalInputMask.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/SsnInputMask.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');