@elliemae/ds-form 2.0.0-alpha.4 → 2.0.0-alpha.8

package/cjs/FormItem/DSFormItemLayout.js

@@ -33,7 +33,7 @@ const _excluded = ["leftLabel", "floatingLabel", "name", "id", "value", "inputCo
 
 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 = 'form-item';
 const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, ({
   leftLabel,
@@ -93,9 +93,9 @@ const DSFormItemLayout = _ref => {
     withHighlight,
     containerProps
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  const isGroup = InputComponent.type === (_Group || (_Group = /*#__PURE__*/_jsx__default['default'](Group__default['default'], {}))).type;
+  const isGroup = InputComponent.type === (_Group || (_Group = /*#__PURE__*/_jsx__default["default"](Group__default["default"], {}))).type;
 
   const floatingLabelOverride = floatingLabel === 'UNSAFE';
   const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup; // group the input props to not duplicate it inside the specific inputComponent (floating or not)
@@ -120,7 +120,7 @@ const DSFormItemLayout = _ref => {
     required
   }, rest);
 
-  const renderInput = Input => leftAddon || rightAddon ? /*#__PURE__*/_jsx__default['default'](DSInputGroup['default'], {
+  const renderInput = Input => leftAddon || rightAddon ? /*#__PURE__*/_jsx__default["default"](DSInputGroup["default"], {
     leftAddon: leftAddon,
     rightAddon: rightAddon,
     variant: variant
@@ -138,14 +138,14 @@ const DSFormItemLayout = _ref => {
   }));
 
   const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default['default'](LabelComponent, {
+    children: [/*#__PURE__*/_jsx__default["default"](LabelComponent, {
       htmlFor: id || name,
       label: labelText,
       optional: optional,
       required: required,
       isGroup: isGroup,
       truncateText: truncateText
-    }), renderInput(getComponentFromProps__default['default'](InputComponent, inputProps))]
+    }), renderInput(getComponentFromProps__default["default"](InputComponent, inputProps))]
   });
 
   if (suffix) {
@@ -160,14 +160,14 @@ const DSFormItemLayout = _ref => {
         withHighlight
       }
     }, containerProps), {}, {
-      children: /*#__PURE__*/_jsx__default['default'](Suffix.SuffixWrapper, {
+      children: /*#__PURE__*/_jsx__default["default"](Suffix.SuffixWrapper, {
         className: "suffix-wrapper"
-      }, void 0, /*#__PURE__*/_jsx__default['default'](Suffix.SuffixInputWrapper, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](Suffix.SuffixInputWrapper, {
         className: "suffix-input-wrapper"
-      }, void 0, _WrapperContentComp || (_WrapperContentComp = /*#__PURE__*/_jsx__default['default'](WrapperContentComp, {}, void 0, InputWithLabel, extraContent)), /*#__PURE__*/_jsx__default['default'](FeedbackComponent, {
+      }, void 0, _WrapperContentComp || (_WrapperContentComp = /*#__PURE__*/_jsx__default["default"](WrapperContentComp, {}, void 0, InputWithLabel, extraContent)), /*#__PURE__*/_jsx__default["default"](FeedbackComponent, {
         hasError: hasError,
         text: validationState || hasError ? validationMessage : feedbackMessage
-      })), /*#__PURE__*/_jsx__default['default'](Suffix.Suffix, {
+      })), /*#__PURE__*/_jsx__default["default"](Suffix.Suffix, {
         className: "suffix-label",
         label: !!labelText,
         withFeedback: Boolean(validationMessage || feedbackMessage)
@@ -186,7 +186,7 @@ const DSFormItemLayout = _ref => {
       withHighlight
     }
   }, containerProps), {}, {
-    children: [/*#__PURE__*/_jsx__default['default'](WrapperContentComp, {}, void 0, InputWithLabel, extraContent), /*#__PURE__*/_jsx__default['default'](FeedbackComponent, {
+    children: [/*#__PURE__*/_jsx__default["default"](WrapperContentComp, {}, void 0, InputWithLabel, extraContent), /*#__PURE__*/_jsx__default["default"](FeedbackComponent, {
       hasError: hasError,
       text: validationState || hasError ? validationMessage : feedbackMessage
     })]
@@ -197,7 +197,7 @@ DSFormItemLayout.defaultProps = defaultProps.defaultProps;
 const DSFormItemLayoutWithSchema = reactDesc.describe(DSFormItemLayout);
 DSFormItemLayoutWithSchema.propTypes = props.props;
 
-exports.DSError = DSError['default'];
+exports.DSError = DSError["default"];
 exports.FORMITEM_LAYOUT_VARIANTS = variants.FORMITEM_LAYOUT_VARIANTS;
 exports.DSFormItemLayoutWithSchema = DSFormItemLayoutWithSchema;
-exports['default'] = DSFormItemLayout;
+exports["default"] = DSFormItemLayout;

package/cjs/FormItem/Error/DSError.js

@@ -15,7 +15,7 @@ const DSError = ({
   errorText = 'Error'
 }) => {
   if (!hasError) return null;
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: "em-ds-error"
   }, void 0, errorText);
 };
@@ -31,4 +31,4 @@ const DSErrorWithSchema = reactDesc.describe(DSError);
 DSErrorWithSchema.propTypes = props;
 
 exports.DSErrorWithSchema = DSErrorWithSchema;
-exports['default'] = DSError;
+exports["default"] = DSError;

package/cjs/FormItem/Feedback.js

@@ -16,7 +16,7 @@ const Feedback = ({
   hasError
 }) => {
   if (!text) return null;
-  return /*#__PURE__*/_jsx__default['default'](FeedbackSpan, {
+  return /*#__PURE__*/_jsx__default["default"](FeedbackSpan, {
     classProps: hasError
   }, void 0, text);
 };

package/cjs/FormItem/Label/DSLabel.js

@@ -24,12 +24,12 @@ const DSLabel = ({
   isGroup = false
 }) => {
   const Tag = isGroup ? 'legend' : 'label';
-  return /*#__PURE__*/_jsx__default['default'](Tag, {
+  return /*#__PURE__*/_jsx__default["default"](Tag, {
     className: `${blockName}${isGroup ? ` ${blockName}--group` : ''}`,
     htmlFor: htmlFor
-  }, void 0, truncateText ? /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+  }, void 0, truncateText ? /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: children || label
-  }) : /*#__PURE__*/_jsx__default['default'](Text, {}, void 0, label), /*#__PURE__*/_jsx__default['default'](RequiredMark, {
+  }) : /*#__PURE__*/_jsx__default["default"](Text, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](RequiredMark, {
     optional: optional,
     required: required
   }));

package/cjs/FormItem/Suffix/Suffix.js

@@ -9,7 +9,7 @@ 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) {
@@ -24,14 +24,14 @@ const Suffix = /*#__PURE__*/styled__default['default'].div.withConfig({
       `;
   }
 });
-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

@@ -9,7 +9,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);
@@ -105,7 +105,7 @@ class ValidationFieldWrapper extends React.Component {
 
 }
 
-_defineProperty__default['default'](ValidationFieldWrapper, "defaultProps", {
+_defineProperty__default["default"](ValidationFieldWrapper, "defaultProps", {
   validateOnBlur: false,
   validateOnChange: false,
   name: '',

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

@@ -18,7 +18,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,10 +48,11 @@ 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' : ''}`,
     clearable: clearable,
@@ -82,4 +83,4 @@ const DSInput = _ref => {
 };
 
 exports.InputAddonWrapper = InputAddonWrapper;
-exports['default'] = DSInput;
+exports["default"] = DSInput;

package/cjs/Input/InputAddonWrapper.js

@@ -12,7 +12,7 @@ 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', ({
@@ -60,7 +60,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 +76,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,
@@ -100,7 +100,7 @@ class InputAddonWrapper extends React.Component {
 
 }
 
-_defineProperty__default['default'](InputAddonWrapper, "defaultProps", {
+_defineProperty__default["default"](InputAddonWrapper, "defaultProps", {
   rightComponents: [],
   leftComponents: [],
   containerProps: {}

package/cjs/Input/InputImpl.js

@@ -30,7 +30,7 @@ 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,
@@ -47,7 +47,7 @@ const InputCustomWrapper = dsClassnames.aggregatedClasses('div')(blockName, null
   clearable,
   value
 }));
-const ClearableButton = dsClassnames.aggregatedClasses(DSButton__default['default'])(blockName, 'clearable');
+const ClearableButton = dsClassnames.aggregatedClasses(DSButton__default["default"])(blockName, 'clearable');
 
 const getValidComponents = component => component;
 
@@ -57,11 +57,11 @@ class InputImpl extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default['default'](this, "ref", void 0);
+    _defineProperty__default["default"](this, "ref", void 0);
 
-    _defineProperty__default['default'](this, "refTooltip", void 0);
+    _defineProperty__default["default"](this, "refTooltip", void 0);
 
-    _defineProperty__default['default'](this, "handleOnChange", e => {
+    _defineProperty__default["default"](this, "handleOnChange", e => {
       const {
         onChange,
         max
@@ -74,12 +74,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 => {
+    _defineProperty__default["default"](this, "handleBlur", e => {
       const {
         onBlur,
         onChange,
@@ -103,7 +103,7 @@ class InputImpl extends React.Component {
       });
     });
 
-    _defineProperty__default['default'](this, "handleFocus", e => {
+    _defineProperty__default["default"](this, "handleFocus", e => {
       const {
         onFocus
       } = this.props;
@@ -113,7 +113,7 @@ class InputImpl extends React.Component {
       });
     });
 
-    _defineProperty__default['default'](this, "handleMouseEnter", () => {
+    _defineProperty__default["default"](this, "handleMouseEnter", () => {
       if (!this.state.showTooltip) {
         this.setState({
           showTooltip: true
@@ -121,7 +121,7 @@ class InputImpl extends React.Component {
       }
     });
 
-    _defineProperty__default['default'](this, "handleMouseLeave", () => {
+    _defineProperty__default["default"](this, "handleMouseLeave", () => {
       if (this.state.showTooltip) {
         this.setState({
           showTooltip: false
@@ -129,7 +129,7 @@ class InputImpl extends React.Component {
       }
     });
 
-    _defineProperty__default['default'](this, "setWidth", () => {
+    _defineProperty__default["default"](this, "setWidth", () => {
       const client = this.refTooltip.current.getBoundingClientRect();
       this.setState({
         width: client.width
@@ -142,8 +142,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 +151,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 +186,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"](CloseCircle__default["default"], {})),
       onClick: this.handleClear
     }) : null;
   }
@@ -234,7 +234,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,
@@ -252,6 +252,7 @@ class InputImpl extends React.Component {
       'aria-multiline': false,
       'aria-autocomplete': 'none',
       'data-testid': rest['data-testid'],
+      'aria-describedby': rest['aria-describedby'],
       role,
       id,
       innerRef: _ref => {
@@ -317,11 +318,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 +348,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
 

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

@@ -13,7 +13,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; }
 const blockName = 'input-addon-group';
 const Container = dsClassnames.aggregatedClasses('div')(blockName);
 const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon');
@@ -21,7 +21,7 @@ class AddonWrapper extends React.Component {
   constructor(...args) {
     super(...args);
 
-    _defineProperty__default['default'](this, "state", {});
+    _defineProperty__default["default"](this, "state", {});
   }
 
   render() {
@@ -36,12 +36,12 @@ class AddonWrapper extends React.Component {
     return /*#__PURE__*/jsxRuntime.jsxs(Container, _objectSpread(_objectSpread({
       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)]
+      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", {});
+_defineProperty__default["default"](AddonWrapper, "defaultProps", {});
 
 module.exports = AddonWrapper;

package/cjs/InputGroup/DSInputGroup.js

@@ -33,4 +33,4 @@ const DSInputGroupWithSchema = reactDesc.describe(DSInputGroup);
 DSInputGroupWithSchema.propTypes = props.props;
 
 exports.DSInputGroupWithSchema = DSInputGroupWithSchema;
-exports['default'] = DSInputGroup;
+exports["default"] = DSInputGroup;

package/cjs/InputGroup/index.js

@@ -7,4 +7,4 @@ var DSInputGroup = require('./DSInputGroup.js');
 
 
 exports.DSInputGroupWithSchema = DSInputGroup.DSInputGroupWithSchema;
-exports.default = DSInputGroup['default'];
+exports["default"] = DSInputGroup["default"];

package/cjs/InputMask/DSInputMask.js

@@ -23,7 +23,7 @@ const _excluded = ["aria-label", "autoFocus", "innerRef", "mask", "pipe", "value
 
 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 isStringMask = mask => typeof mask === 'string';
 
@@ -55,7 +55,7 @@ const DSInputMask = _ref => {
     pipe,
     value: valueOrEvent
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const [rawValue, setRawValue] = React.useState(getValueFromEventOrString(valueOrEvent));
   React.useEffect(() => {
@@ -132,4 +132,4 @@ exports.MASK_TYPES = MaskTypes.MASK_TYPES;
 exports.MASK_PIPES = MaskPipes.MASK_PIPES;
 exports.DSInputMask = DSInputMask;
 exports.DSInputMaskWithSchema = DSInputMaskWithSchema;
-exports['default'] = DSInputMask;
+exports["default"] = DSInputMask;