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

package/esm/DateInputV2/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 getNextSibling = (elem, selector) => {
@@ -208,7 +208,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/FloatingLabelInput/getSvgPath.js

@@ -31,7 +31,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/esm/FormItem/DSFormItemLayout.js

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

package/esm/FormItem/Label/DSLabel.js

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

package/esm/FormItem/Suffix/Suffix.js

@@ -5,15 +5,11 @@ const Suffix = /*#__PURE__*/styled.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.div.withConfig({

package/esm/Input/DSInput.js

@@ -45,7 +45,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/esm/Input/InputAddonWrapper.js

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

package/esm/Input/InputImpl.js

@@ -285,7 +285,7 @@ class InputImpl extends Component {
       },
       children: !customInputType ? /*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({}, 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)
@@ -388,7 +388,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/esm/InputGroup/AddonWrapper.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 { Component } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { jsxs } from 'react/jsx-runtime';
@@ -27,7 +28,7 @@ class AddonWrapper extends Component {
     } = this.props;
     const childType = inputComponent && inputComponent.type && inputComponent.type.name ? inputComponent.type.name.toLowerCase() : 'default';
     return /*#__PURE__*/jsxs(Container, _objectSpread(_objectSpread({
-      className: `${className} ${blockName}--${childType}`
+      className: "".concat(className, " ").concat(blockName, "--").concat(childType)
     }, containerProps), {}, {
       children: [leftAddon && /*#__PURE__*/_jsx(InputAddon, {}, void 0, leftAddon), inputComponent, rightAddon && /*#__PURE__*/_jsx(InputAddon, {}, void 0, rightAddon)]
     }));

package/esm/InputMask/DSInputMask.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 { useState, useEffect, useCallback } from 'react';
 import { describe } from 'react-desc';
 import { MASK_TYPES } from './MaskTypes.js';

package/esm/InputMask/mask_types/DateInputMask.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, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';

package/esm/InputMask/mask_types/DateTimeInputMask.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, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';

package/esm/InputMask/mask_types/DictionaryInputMask.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, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';

package/esm/InputMask/mask_types/NumberInputMask.js

@@ -1,6 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';
@@ -90,7 +91,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/esm/InputMask/mask_types/PhoneInputMask.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, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';

package/esm/InputMask/mask_types/PhoneInternationalInputMask.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, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';

package/esm/InputMask/mask_types/SsnInputMask.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, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';

package/esm/InputMask/mask_types/UsZipCodeInputMask.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, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';

package/esm/InputMask/mask_types/ZipCodeSearchInputMask.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, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';

package/esm/InputMask/props.js

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

package/esm/InputProtected/DSInputProtected.js

@@ -1,6 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect, useCallback } from 'react';
 import { describe } from 'react-desc';
 import LockUnlocked from '@elliemae/ds-icons/LockUnlocked';
@@ -57,14 +58,14 @@ const DSInputProtected = _ref => {
   }, [rightAddon, inputHidden]);
   return /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx(DSInputGroup, {
     leftAddon: left ? /*#__PURE__*/_jsx(DSButton, {
-      "aria-label": `${inputLocked ? 'Allow' : 'Disallow'} Edition`,
+      "aria-label": "".concat(inputLocked ? 'Allow' : 'Disallow', " Edition"),
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked],
       onClick: handleLeft
     }) : undefined,
     readOnly: left ? inputLocked : readOnly,
     rightAddon: right ? /*#__PURE__*/_jsx(DSButton, {
-      "aria-label": `${inputHidden ? 'Show' : 'Hide'} Characters`,
+      "aria-label": "".concat(inputHidden ? 'Show' : 'Hide', " Characters"),
       buttonType: "secondary",
       icon: ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide],
       onClick: handleRight,

package/esm/InputProtected/props.js

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

package/esm/LargeInputText/DSLargeInputText.js

@@ -67,7 +67,7 @@ const DSLargeInputText = ({
 
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `${cssClassName} ${className}`,
+      className: "".concat(cssClassName, " ").concat(className),
       children: /*#__PURE__*/_jsx("div", {
         className: classNameBlock('wrapper')
       }, void 0, /*#__PURE__*/jsx("textarea", {
@@ -106,7 +106,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/esm/RadioGroup/DSRadioGroup.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}-radio-group`;
+const baseClass = "".concat(emClassPrefix, "-radio-group");
 
 const RadioItem = props => /*#__PURE__*/_jsx(GroupItem, {
   render: context => /*#__PURE__*/jsx(DSRadio, _objectSpread(_objectSpread({}, props), {}, {
@@ -55,7 +55,7 @@ const DSRadioGroup = ({
   }, void 0, /*#__PURE__*/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.Children.map(children, (child, index) => /*#__PURE__*/jsx(RadioItem, _objectSpread(_objectSpread({}, child.props), {}, {
       innerRef: t => {
@@ -67,7 +67,7 @@ const DSRadioGroup = ({
 
   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/RequiredMark/RequiredMark.js

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

package/esm/SearchBox/NavSearchBox.js

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

package/esm/SearchBox/SearchBoxToggle.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 { useState } from 'react';
 import styled from 'styled-components';
 import SearchIcon from '@elliemae/ds-icons/Search';
@@ -18,15 +19,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const SEARCH_BUTTON_WIDTH = 26;
 const SearchWrap = /*#__PURE__*/styled.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 {
@@ -37,7 +30,7 @@ const SearchBoxToggle = _ref => {
 
   const [isOpen, setOpen] = useState(false);
   const [show, setShow] = useState(true);
-  const computedWidth = typeof width === 'number' ? `${width}px` : width;
+  const computedWidth = typeof width === 'number' ? "".concat(width, "px") : width;
 
   const button = /*#__PURE__*/_jsx(DSButton, {
     onClick: () => {

package/esm/SearchBox/useSearch.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback, useEffect } from 'react';
 import { debounce } from '@elliemae/ds-utilities/utils';
 

package/esm/TextBox/DSTextBox.js

@@ -39,7 +39,7 @@ const DSTextBox = _ref => {
 
   return /*#__PURE__*/jsx(DSInput, _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/esm/TimeInput/TimeInputs.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 moment from 'moment';

package/esm/Toggle/DSToggleImpl.js

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

package/esm/Toggle/DSToggleRender.js

@@ -75,7 +75,7 @@ const DSToggleRender = ({
     defaultValue: value
   }, onClickHandlerForNonInteractiveElements(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
     ,
@@ -88,7 +88,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form",
-  "version": "2.0.0-next.1",
+  "version": "2.0.0-next.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form",
   "module": "./esm/index.js",
@@ -684,22 +684,22 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.0.0-next.1",
-    "@elliemae/ds-circular-progress-indicator": "2.0.0-next.1",
-    "@elliemae/ds-classnames": "2.0.0-next.1",
-    "@elliemae/ds-grid": "2.0.0-next.1",
-    "@elliemae/ds-icon": "2.0.0-next.1",
-    "@elliemae/ds-icons": "2.0.0-next.1",
-    "@elliemae/ds-menu": "2.0.0-next.1",
-    "@elliemae/ds-overlay": "2.0.0-next.1",
-    "@elliemae/ds-popper": "2.0.0-next.1",
-    "@elliemae/ds-separator": "2.0.0-next.1",
-    "@elliemae/ds-shared": "2.0.0-next.1",
-    "@elliemae/ds-system": "2.0.0-next.1",
-    "@elliemae/ds-text-wrapper": "2.0.0-next.1",
-    "@elliemae/ds-tooltip": "2.0.0-next.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-next.1",
-    "@elliemae/ds-utilities": "2.0.0-next.1",
+    "@elliemae/ds-button": "2.0.0-next.6",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-next.6",
+    "@elliemae/ds-classnames": "2.0.0-next.6",
+    "@elliemae/ds-grid": "2.0.0-next.6",
+    "@elliemae/ds-icon": "2.0.0-next.6",
+    "@elliemae/ds-icons": "2.0.0-next.6",
+    "@elliemae/ds-menu": "2.0.0-next.6",
+    "@elliemae/ds-overlay": "2.0.0-next.6",
+    "@elliemae/ds-popper": "2.0.0-next.6",
+    "@elliemae/ds-separator": "2.0.0-next.6",
+    "@elliemae/ds-shared": "2.0.0-next.6",
+    "@elliemae/ds-system": "2.0.0-next.6",
+    "@elliemae/ds-text-wrapper": "2.0.0-next.6",
+    "@elliemae/ds-tooltip": "2.0.0-next.6",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-next.6",
+    "@elliemae/ds-utilities": "2.0.0-next.6",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
     "polished": "~3.6.7",

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}