@elliemae/ds-form 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/FormItem/Suffix/Suffix.js

@@ -9,29 +9,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /* eslint-disable consistent-return */
-const Suffix = /*#__PURE__*/styled__default['default'].div.withConfig({
+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({
+const SuffixInputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-126c671-1"
 })(["padding-right:0.32rem;flex:1;"]);
-const SuffixWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const SuffixWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-126c671-2"
 })(["display:flex;align-items:center;"]);
 
 exports.Suffix = Suffix;
 exports.SuffixInputWrapper = SuffixInputWrapper;
 exports.SuffixWrapper = SuffixWrapper;
-exports['default'] = Suffix;
+exports["default"] = Suffix;

package/cjs/FormItem/ValidationFieldWrapper.js

@@ -1,6 +1,13 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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');
+require('core-js/modules/esnext.async-iterator.filter.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 React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9,7 +16,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-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; }
+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; }
 class ValidationFieldWrapper extends React.Component {
   constructor(props) {
     super(props);
@@ -104,8 +111,7 @@ class ValidationFieldWrapper extends React.Component {
   }
 
 }
-
-_defineProperty__default['default'](ValidationFieldWrapper, "defaultProps", {
+ValidationFieldWrapper.defaultProps = {
   validateOnBlur: false,
   validateOnChange: false,
   name: '',
@@ -114,6 +120,6 @@ _defineProperty__default['default'](ValidationFieldWrapper, "defaultProps", {
   validate: () => null,
   onChange: () => null,
   onBlur: () => null
-});
+};
 
 module.exports = ValidationFieldWrapper;

package/cjs/FormItem/defaultProps.js

@@ -10,7 +10,7 @@ var variants = require('./variants.js');
 const defaultProps = {
   leftLabel: false,
   floatingLabel: false,
-  inputComponent: DSTextBox['default'],
+  inputComponent: DSTextBox["default"],
   labelComponent: DSLabel,
   feedbackComponent: Feedback,
   hasError: false,

package/cjs/FormItem/index.js

@@ -9,7 +9,7 @@ var variants = require('./variants.js');
 
 
 exports.DSFormItemLayoutWithSchema = DSFormItemLayout.DSFormItemLayoutWithSchema;
-exports.default = DSFormItemLayout['default'];
-exports.DSError = DSError['default'];
+exports["default"] = DSFormItemLayout["default"];
+exports.DSError = DSError["default"];
 exports.DSErrorWithSchema = DSError.DSErrorWithSchema;
 exports.FORMITEM_LAYOUT_VARIANTS = variants.FORMITEM_LAYOUT_VARIANTS;

package/cjs/Input/DSInput.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
 require('react');
@@ -18,7 +23,7 @@ const _excluded = ["containerProps", "id", "autoFocus", "disabled", "className",
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-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; }
+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 DSInput = _ref => {
   let {
@@ -48,12 +53,13 @@ const DSInput = _ref => {
     variant,
     isShowElipsisActive = true
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(InputImpl, _objectSpread(_objectSpread({}, otherProps), {}, {
     "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,
@@ -82,4 +88,4 @@ const DSInput = _ref => {
 };
 
 exports.InputAddonWrapper = InputAddonWrapper;
-exports['default'] = DSInput;
+exports["default"] = DSInput;

package/cjs/Input/InputAddonWrapper.js

@@ -1,6 +1,14 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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.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');
 var dsClassnames = require('@elliemae/ds-classnames');
 var jsxRuntime = require('react/jsx-runtime');
@@ -12,20 +20,23 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-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; }
+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 = 'input-addon-wrapper';
 const InputWrapper = dsClassnames.aggregatedClasses('div')(blockName);
-const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon', ({
-  left,
-  right,
-  variant,
-  hasError
-}) => ({
-  left,
-  right,
-  error: hasError,
-  [variant]: variant
-}));
+const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon', _ref => {
+  let {
+    left,
+    right,
+    variant,
+    hasError
+  } = _ref;
+  return {
+    left,
+    right,
+    error: hasError,
+    [variant]: variant
+  };
+});
 class InputAddonWrapper extends React.Component {
   constructor(props) {
     super(props);
@@ -40,7 +51,9 @@ class InputAddonWrapper extends React.Component {
     return this.renderAddonComponent(false, components);
   }
 
-  renderAddonComponent(left = true, components) {
+  renderAddonComponent() {
+    let left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    let components = arguments.length > 1 ? arguments[1] : undefined;
     if (!components) return null;
 
     if (Array.isArray(components)) {
@@ -60,7 +73,7 @@ class InputAddonWrapper extends React.Component {
       classProps: classProps,
       hasError: hasError
     }, containerProps), {}, {
-      children: components.map((component, index) => component && /*#__PURE__*/React__default['default'].cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
+      children: components.map((component, index) => component && /*#__PURE__*/React__default["default"].cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
         key: index
       })))
     }));
@@ -76,7 +89,7 @@ class InputAddonWrapper extends React.Component {
       variant,
       containerProps
     } = this.props;
-    const InputComponent = React__default['default'].Children.only(children);
+    const InputComponent = React__default["default"].Children.only(children);
     const {
       hasError,
       readOnly,
@@ -99,11 +112,10 @@ class InputAddonWrapper extends React.Component {
   }
 
 }
-
-_defineProperty__default['default'](InputAddonWrapper, "defaultProps", {
+InputAddonWrapper.defaultProps = {
   rightComponents: [],
   leftComponents: [],
   containerProps: {}
-});
+};
 
 module.exports = InputAddonWrapper;

package/cjs/Input/InputImpl.js

@@ -1,13 +1,18 @@
 'use strict';
 
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 React = require('react');
 var PropTypes = require('prop-types');
 var lodash = require('lodash');
 var dsClassnames = require('@elliemae/ds-classnames');
-var CloseCircle = require('@elliemae/ds-icons/CloseCircle');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var DSTooltip = require('@elliemae/ds-tooltip');
 var InputAddonWrapper = require('./InputAddonWrapper.js');
@@ -15,12 +20,11 @@ var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var CloseCircle__default = /*#__PURE__*/_interopDefaultLegacy(CloseCircle);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
 
@@ -30,24 +34,30 @@ var _CloseCircle;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-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; }
+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 = 'input';
-const Input = dsClassnames.aggregatedClasses('input')(blockName, null, ({
-  clearable,
-  value
-}) => ({
-  clearable,
-  value
-}));
+const Input = dsClassnames.aggregatedClasses('input')(blockName, null, _ref2 => {
+  let {
+    clearable,
+    value
+  } = _ref2;
+  return {
+    clearable,
+    value
+  };
+});
 const WrapperForTooltipInput = dsClassnames.aggregatedClasses('div')(blockName, 'tooltip-ref');
-const InputCustomWrapper = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  clearable,
-  value
-}) => ({
-  clearable,
-  value
-}));
-const ClearableButton = dsClassnames.aggregatedClasses(DSButton__default['default'])(blockName, 'clearable');
+const InputCustomWrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref3 => {
+  let {
+    clearable,
+    value
+  } = _ref3;
+  return {
+    clearable,
+    value
+  };
+});
+const ClearableButton = dsClassnames.aggregatedClasses(DSButton__default["default"])(blockName, 'clearable');
 
 const getValidComponents = component => component;
 
@@ -56,12 +66,10 @@ const noop = () => null;
 class InputImpl extends React.Component {
   constructor(props) {
     super(props);
+    this.ref = void 0;
+    this.refTooltip = void 0;
 
-    _defineProperty__default['default'](this, "ref", void 0);
-
-    _defineProperty__default['default'](this, "refTooltip", void 0);
-
-    _defineProperty__default['default'](this, "handleOnChange", e => {
+    this.handleOnChange = e => {
       const {
         onChange,
         max
@@ -74,12 +82,12 @@ class InputImpl extends React.Component {
 
       if (this.ref.current) {
         this.setState({
-          isEllipsisOn: this.ref.current.offsetWidth <= this.ref.current.scrollWidth
+          isEllipsisOn: this.ref.current.offsetWidth < this.ref.current.scrollWidth
         });
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleBlur", e => {
+    this.handleBlur = e => {
       const {
         onBlur,
         onChange,
@@ -101,9 +109,9 @@ class InputImpl extends React.Component {
       this.setState({
         active: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleFocus", e => {
+    this.handleFocus = e => {
       const {
         onFocus
       } = this.props;
@@ -111,30 +119,30 @@ class InputImpl extends React.Component {
       this.setState({
         active: true
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleMouseEnter", () => {
+    this.handleMouseEnter = () => {
       if (!this.state.showTooltip) {
         this.setState({
           showTooltip: true
         });
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "handleMouseLeave", () => {
+    this.handleMouseLeave = () => {
       if (this.state.showTooltip) {
         this.setState({
           showTooltip: false
         });
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "setWidth", () => {
+    this.setWidth = () => {
       const client = this.refTooltip.current.getBoundingClientRect();
       this.setState({
         width: client.width
       });
-    });
+    };
 
     this.state = {
       width: -1,
@@ -142,8 +150,8 @@ class InputImpl extends React.Component {
       active: false,
       showTooltip: false
     };
-    this.ref = /*#__PURE__*/React__default['default'].createRef();
-    this.refTooltip = /*#__PURE__*/React__default['default'].createRef();
+    this.ref = /*#__PURE__*/React__default["default"].createRef();
+    this.refTooltip = /*#__PURE__*/React__default["default"].createRef();
     this.handleClear = this.handleClear.bind(this);
   }
 
@@ -151,7 +159,7 @@ class InputImpl extends React.Component {
     this.setWidth();
     window.addEventListener('resize', this.setWidth);
     this.setState({
-      isEllipsisOn: this.ref.current ? this.ref.current.offsetWidth <= this.ref.current.scrollWidth : false
+      isEllipsisOn: this.ref.current ? this.ref.current.offsetWidth < this.ref.current.scrollWidth : false
     });
   }
 
@@ -186,11 +194,11 @@ class InputImpl extends React.Component {
       disabled
     } = this.props;
     if (disabled) return null;
-    return clearable && value ? /*#__PURE__*/_jsx__default['default'](ClearableButton, {
+    return clearable && value ? /*#__PURE__*/_jsx__default["default"](ClearableButton, {
       buttonType: "text",
       "data-testid": "ds-input_clearable-btn",
       disabled: disabled,
-      icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default['default'](CloseCircle__default['default'], {})),
+      icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseCircle, {})),
       onClick: this.handleClear
     }) : null;
   }
@@ -234,7 +242,7 @@ class InputImpl extends React.Component {
       tabIndex,
       hasError
     } = _this$props,
-          rest = _objectWithoutProperties__default['default'](_this$props, _excluded);
+          rest = _objectWithoutProperties__default["default"](_this$props, _excluded);
 
     const {
       width,
@@ -247,11 +255,13 @@ class InputImpl extends React.Component {
 
     const inputProps = _objectSpread({
       'aria-label': rest['aria-label'],
+      'aria-invalid': rest['aria-invalid'],
       'aria-placeholder': placeholder,
       'aria-required': required,
       'aria-multiline': false,
       'aria-autocomplete': 'none',
       'data-testid': rest['data-testid'],
+      'aria-describedby': rest['aria-describedby'],
       role,
       id,
       innerRef: _ref => {
@@ -296,7 +306,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)
@@ -317,11 +327,11 @@ class InputImpl extends React.Component {
     });
 
     if (isShowElipsisActive) {
-      InputComponent = /*#__PURE__*/_jsx__default['default'](DSTooltip__default['default'], {
+      InputComponent = /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
         isOpen: !disableTooltip && isEllipsisOn && !active && showTooltip && width,
         title: String(value),
         zIndex: 11,
-        triggerComponent: /*#__PURE__*/_jsx__default['default'](WrapperForTooltipInput, {
+        triggerComponent: /*#__PURE__*/_jsx__default["default"](WrapperForTooltipInput, {
           style: {
             width: '100%'
           }
@@ -347,44 +357,44 @@ InputImpl.defaultProps = {
   onFocus: noop
 };
 ({
-  className: PropTypes__default['default'].string,
-  customInputType: PropTypes__default['default'].func,
-  id: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-  isShowElipsisActive: PropTypes__default['default'].bool,
-  max: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-  min: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-  name: PropTypes__default['default'].string,
-  onBlur: PropTypes__default['default'].func,
-  onChange: PropTypes__default['default'].func,
-  onClick: PropTypes__default['default'].func,
-  onFocus: PropTypes__default['default'].func,
-  onKeyDown: PropTypes__default['default'].func,
-  onKeyUp: PropTypes__default['default'].func,
-  onMouseLeave: PropTypes__default['default'].func,
-  onMouseOut: PropTypes__default['default'].func,
-  onPaste: PropTypes__default['default'].func,
-  onClear: PropTypes__default['default'].func,
-  placeholder: PropTypes__default['default'].string,
-  required: PropTypes__default['default'].bool,
-  role: PropTypes__default['default'].string,
-  innerRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
-    current: PropTypes__default['default'].any
+  className: PropTypes__default["default"].string,
+  customInputType: PropTypes__default["default"].func,
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  isShowElipsisActive: PropTypes__default["default"].bool,
+  max: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  min: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  name: PropTypes__default["default"].string,
+  onBlur: PropTypes__default["default"].func,
+  onChange: PropTypes__default["default"].func,
+  onClick: PropTypes__default["default"].func,
+  onFocus: PropTypes__default["default"].func,
+  onKeyDown: PropTypes__default["default"].func,
+  onKeyUp: PropTypes__default["default"].func,
+  onMouseLeave: PropTypes__default["default"].func,
+  onMouseOut: PropTypes__default["default"].func,
+  onPaste: PropTypes__default["default"].func,
+  onClear: PropTypes__default["default"].func,
+  placeholder: PropTypes__default["default"].string,
+  required: PropTypes__default["default"].bool,
+  role: PropTypes__default["default"].string,
+  innerRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+    current: PropTypes__default["default"].any
   })]),
-  maxLength: PropTypes__default['default'].number,
-  minLength: PropTypes__default['default'].number,
-  leftComponent: PropTypes__default['default'].element,
-  rightComponent: PropTypes__default['default'].element,
-  hasError: PropTypes__default['default'].bool,
-  disableTooltip: PropTypes__default['default'].bool,
-  readOnly: PropTypes__default['default'].bool,
-  disabled: PropTypes__default['default'].bool,
-  autoFocus: PropTypes__default['default'].bool,
-  type: PropTypes__default['default'].string,
-  clearable: PropTypes__default['default'].bool,
-  containerProps: PropTypes__default['default'].object,
+  maxLength: PropTypes__default["default"].number,
+  minLength: PropTypes__default["default"].number,
+  leftComponent: PropTypes__default["default"].element,
+  rightComponent: PropTypes__default["default"].element,
+  hasError: PropTypes__default["default"].bool,
+  disableTooltip: PropTypes__default["default"].bool,
+  readOnly: PropTypes__default["default"].bool,
+  disabled: PropTypes__default["default"].bool,
+  autoFocus: PropTypes__default["default"].bool,
+  type: PropTypes__default["default"].string,
+  clearable: PropTypes__default["default"].bool,
+  containerProps: PropTypes__default["default"].object,
   // eslint-disable-next-line react/forbid-prop-types
-  style: PropTypes__default['default'].object,
-  tabIndex: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
+  style: PropTypes__default["default"].object,
+  tabIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
 
   // eslint-disable-next-line jsdoc/require-returns
 
@@ -399,7 +409,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/Input/index.js

@@ -7,5 +7,5 @@ var InputAddonWrapper = require('./InputAddonWrapper.js');
 
 
 
-exports.default = DSInput['default'];
+exports["default"] = DSInput["default"];
 exports.InputAddonWrapper = InputAddonWrapper;

package/cjs/InputGroup/AddonWrapper.js

@@ -1,27 +1,32 @@
 'use strict';
 
-var _jsx = require('@babel/runtime/helpers/jsx');
 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 React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-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; }
+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 = 'input-addon-group';
 const Container = dsClassnames.aggregatedClasses('div')(blockName);
 const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon');
 class AddonWrapper extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty__default['default'](this, "state", {});
+  constructor() {
+    super(...arguments);
+    this.state = {};
   }
 
   render() {
@@ -34,14 +39,13 @@ 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)]
+      children: [leftAddon && /*#__PURE__*/_jsx__default["default"](InputAddon, {}, void 0, leftAddon), inputComponent, rightAddon && /*#__PURE__*/_jsx__default["default"](InputAddon, {}, void 0, rightAddon)]
     }));
   }
 
 }
-
-_defineProperty__default['default'](AddonWrapper, "defaultProps", {});
+AddonWrapper.defaultProps = {};
 
 module.exports = AddonWrapper;