@elliemae/ds-form 2.0.0-alpha.10 → 2.0.0-alpha.14

package/esm/InputMask/mask_types/NumberInputMask.js

@@ -1,6 +1,12 @@
 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/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.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';
@@ -14,22 +20,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const addThousandsSeparator = (n, thousandsSeparatorSymbol) => n.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparatorSymbol);
 
-const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
-  prefix,
-  suffix,
-  includeThousandsSeparator,
-  thousandsSeparatorSymbol,
-  allowDecimal,
-  decimalSymbol,
-  decimalLimit,
-  requireDecimal,
-  allowNegative,
-  allowLeadingZeroes,
-  integerLimit,
-  shouldCompleteDecimals
-}) => {
+const conformValue = (prevRawValue, prevCursorPos, lastkeycode, _ref) => {
   var _decimal;
 
+  let {
+    prefix,
+    suffix,
+    includeThousandsSeparator,
+    thousandsSeparatorSymbol,
+    allowDecimal,
+    decimalSymbol,
+    decimalLimit,
+    requireDecimal,
+    allowNegative,
+    allowLeadingZeroes,
+    integerLimit,
+    shouldCompleteDecimals
+  } = _ref;
   const prefixIndex = prevRawValue.indexOf(prefix);
   const suffixIndex = prevRawValue.lastIndexOf(suffix);
   const negativeIndex = prevRawValue.indexOf('-');
@@ -90,7 +97,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;
     }
 
@@ -111,7 +118,7 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
   };
 };
 
-const NumberInputMask = _ref => {
+const NumberInputMask = _ref2 => {
   let {
     focus,
     setFocus,
@@ -156,18 +163,19 @@ const NumberInputMask = _ref => {
     thousandsSeparatorSymbol,
     type,
     value
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded);
 
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true,
-    shouldCompleteDecimals = false
-  }) => {
+  const conform = useCallback(_ref3 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true,
+      shouldCompleteDecimals = false
+    } = _ref3;
     const {
       nextMaskedValue,
       maskedPos

package/esm/InputMask/mask_types/PhoneInputMask.js

@@ -1,5 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';
@@ -25,7 +31,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['(', 0], [') ', 4], ['-', 9]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, ...chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -33,11 +41,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -48,7 +58,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const PhoneInputMask = _ref => {
+const PhoneInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -81,17 +91,18 @@ const PhoneInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties(_ref4, _excluded);
 
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/esm/InputMask/mask_types/PhoneInternationalInputMask.js

@@ -1,5 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';
@@ -25,7 +31,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['+1 (', 0], [') ', 7], ['-', 12]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, ...chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -33,11 +41,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -48,7 +58,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const PhoneInternationalInputMask = _ref => {
+const PhoneInternationalInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -81,17 +91,18 @@ const PhoneInternationalInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties(_ref4, _excluded);
 
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/esm/InputMask/mask_types/SsnInputMask.js

@@ -1,5 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';
@@ -21,7 +27,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['-', 3], ['-', 6]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, ...chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -29,11 +37,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -44,7 +54,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const SsnInputMask = _ref => {
+const SsnInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -77,17 +87,18 @@ const SsnInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties(_ref4, _excluded);
 
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/esm/InputMask/mask_types/UsZipCodeInputMask.js

@@ -1,5 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';
@@ -63,12 +69,13 @@ const UsZipCodeInputMask = _ref => {
 
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = useCallback(_ref2 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref2;
     const {
       nextMaskedValue,
       maskedPos

package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js

@@ -1,5 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useState, useCallback, useLayoutEffect } from 'react';
 import DSTextBox from '../../TextBox/DSTextBox.js';
 import setCaretPosition from '../utils/setCaretPosition.js';
@@ -21,7 +27,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['-', 5]];
-  charactersToAdd.forEach(([chars, pos]) => {
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, chars);
       if (maskedPos >= pos) maskedPos += chars.length;
@@ -29,11 +37,13 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
@@ -44,7 +54,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const ZipCodeSearchInputMask = _ref => {
+const ZipCodeSearchInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -77,17 +87,18 @@ const ZipCodeSearchInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties(_ref4, _excluded);
 
   const inputRef = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
-  const conform = useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos

package/esm/InputMask/mask_types/index.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';

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,19 +1,21 @@
 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 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useState, useEffect, useCallback } from 'react';
 import { describe } from 'react-desc';
-import LockUnlocked from '@elliemae/ds-icons/LockUnlocked';
-import LockLocked from '@elliemae/ds-icons/LockLocked';
-import VisibleView from '@elliemae/ds-icons/VisibleView';
-import InvisibleHide from '@elliemae/ds-icons/InvisibleHide';
+import { LockUnlocked, LockLocked, VisibleView, InvisibleHide } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSInputGroup from '../InputGroup/DSInputGroup.js';
 import { DSInputMask } from '../InputMask/DSInputMask.js';
 import { inputProtectedProps } from './props.js';
 import { defaultProps } from './defaultProps.js';
 import { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
-export { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["leftAddon", "rightAddon", "onChange", "value", "readOnly", "mask", "type", "placeholderChar"];
@@ -57,14 +59,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,
@@ -83,7 +85,7 @@ const DSInputProtected = _ref => {
 };
 
 DSInputProtected.defaultProps = defaultProps;
-const InputProtectedWithSchema = describe(DSInputProtected);
-InputProtectedWithSchema.propTypes = inputProtectedProps;
+const DSInputProtectedWithSchema = describe(DSInputProtected);
+DSInputProtectedWithSchema.propTypes = inputProtectedProps;
 
-export { InputProtectedWithSchema, DSInputProtected as default };
+export { DSInputProtected, DSInputProtectedWithSchema, DSInputProtected as default };

package/esm/InputProtected/index.js

@@ -1,2 +1,2 @@
-export { InputProtectedWithSchema, default } from './DSInputProtected.js';
+export { DSInputProtected, DSInputProtectedWithSchema, DSInputProtected as default } from './DSInputProtected.js';
 export { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './options.js';

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

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useMemo } from 'react';
@@ -10,43 +15,47 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 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(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 CounterArea = aggregatedClasses('div')('counter', 'textarea', ({
-  limitError
-}) => ({
-  'limit-error': limitError
-}));
+const CounterArea = aggregatedClasses('div')('counter', 'textarea', _ref => {
+  let {
+    limitError
+  } = _ref;
+  return {
+    'limit-error': limitError
+  };
+});
 
-const DSLargeInputText = ({
-  containerProps,
-  autoFocus,
-  className,
-  disabled,
-  name,
-  id,
-  maxLength,
-  minLength,
-  placeholder,
-  onClick,
-  onChange,
-  onFocus,
-  onBlur,
-  onKeyUp,
-  onKeyDown,
-  onPaste,
-  value,
-  hasError,
-  required,
-  readOnly,
-  resize,
-  innerRef,
-  ariaLabel,
-  ariaAutocomplete,
-  role,
-  characterLimitCounter,
-  rows,
-  errorLimit,
-  tabIndex
-}) => {
+const DSLargeInputText = _ref2 => {
+  let {
+    containerProps,
+    autoFocus,
+    className,
+    disabled,
+    name,
+    id,
+    maxLength,
+    minLength,
+    placeholder,
+    onClick,
+    onChange,
+    onFocus,
+    onBlur,
+    onKeyUp,
+    onKeyDown,
+    onPaste,
+    value,
+    hasError,
+    required,
+    readOnly,
+    resize,
+    innerRef,
+    ariaLabel,
+    ariaAutocomplete,
+    role,
+    characterLimitCounter,
+    rows,
+    errorLimit,
+    tabIndex
+  } = _ref2;
   const limitError = useMemo(() => characterLimitCounter < String(value).length && characterLimitCounter > 0, [characterLimitCounter, value]);
   const {
     cssClassName,
@@ -67,7 +76,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 +115,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))]
   });
 };