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

package/esm/Input/InputImpl.js

@@ -1,11 +1,16 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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 React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { omit } from 'lodash';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import CloseCircle from '@elliemae/ds-icons/CloseCircle';
+import { CloseCircle } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSTooltip from '@elliemae/ds-tooltip';
 import InputAddonWrapper from './InputAddonWrapper.js';
@@ -19,21 +24,27 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'input';
-const Input = aggregatedClasses('input')(blockName, null, ({
-  clearable,
-  value
-}) => ({
-  clearable,
-  value
-}));
+const Input = aggregatedClasses('input')(blockName, null, _ref2 => {
+  let {
+    clearable,
+    value
+  } = _ref2;
+  return {
+    clearable,
+    value
+  };
+});
 const WrapperForTooltipInput = aggregatedClasses('div')(blockName, 'tooltip-ref');
-const InputCustomWrapper = aggregatedClasses('div')(blockName, null, ({
-  clearable,
-  value
-}) => ({
-  clearable,
-  value
-}));
+const InputCustomWrapper = aggregatedClasses('div')(blockName, null, _ref3 => {
+  let {
+    clearable,
+    value
+  } = _ref3;
+  return {
+    clearable,
+    value
+  };
+});
 const ClearableButton = aggregatedClasses(DSButton)(blockName, 'clearable');
 
 const getValidComponents = component => component;
@@ -43,12 +54,10 @@ const noop = () => null;
 class InputImpl extends Component {
   constructor(props) {
     super(props);
+    this.ref = void 0;
+    this.refTooltip = void 0;
 
-    _defineProperty(this, "ref", void 0);
-
-    _defineProperty(this, "refTooltip", void 0);
-
-    _defineProperty(this, "handleOnChange", e => {
+    this.handleOnChange = e => {
       const {
         onChange,
         max
@@ -64,9 +73,9 @@ class InputImpl extends Component {
           isEllipsisOn: this.ref.current.offsetWidth < this.ref.current.scrollWidth
         });
       }
-    });
+    };
 
-    _defineProperty(this, "handleBlur", e => {
+    this.handleBlur = e => {
       const {
         onBlur,
         onChange,
@@ -88,9 +97,9 @@ class InputImpl extends Component {
       this.setState({
         active: false
       });
-    });
+    };
 
-    _defineProperty(this, "handleFocus", e => {
+    this.handleFocus = e => {
       const {
         onFocus
       } = this.props;
@@ -98,30 +107,30 @@ class InputImpl extends Component {
       this.setState({
         active: true
       });
-    });
+    };
 
-    _defineProperty(this, "handleMouseEnter", () => {
+    this.handleMouseEnter = () => {
       if (!this.state.showTooltip) {
         this.setState({
           showTooltip: true
         });
       }
-    });
+    };
 
-    _defineProperty(this, "handleMouseLeave", () => {
+    this.handleMouseLeave = () => {
       if (this.state.showTooltip) {
         this.setState({
           showTooltip: false
         });
       }
-    });
+    };
 
-    _defineProperty(this, "setWidth", () => {
+    this.setWidth = () => {
       const client = this.refTooltip.current.getBoundingClientRect();
       this.setState({
         width: client.width
       });
-    });
+    };
 
     this.state = {
       width: -1,
@@ -234,6 +243,7 @@ class InputImpl extends Component {
 
     const inputProps = _objectSpread({
       'aria-label': rest['aria-label'],
+      'aria-invalid': rest['aria-invalid'],
       'aria-placeholder': placeholder,
       'aria-required': required,
       'aria-multiline': false,
@@ -284,7 +294,7 @@ class InputImpl extends Component {
       },
       children: !customInputType ? /*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({}, omit(inputProps, ['disableTooltip'])), {}, {
         autoComplete: "off",
-        clearable: `${clearable}`,
+        clearable: "".concat(clearable),
         onChange: this.handleOnChange,
         onBlur: this.handleBlur,
         onFocus: this.handleFocus // using mouseOver instead of mouseEnter (doesn't trigger on disabled inputs)
@@ -387,7 +397,7 @@ InputImpl.defaultProps = {
   value(props, propName, componentName) {
     // eslint-disable-line consistent-return
     if (!!props.isShowElipsisActive && typeof props[propName] !== 'string') {
-      return new Error(`Invalid prop \`${propName}\` of type \`${typeof props[propName]}\` supplied to` + ` \`${componentName}\`. Prop \`value\` should be of type \`string\` if prop \`isShowElipsisActive\` is set to \`true\`.` + ' Either set `isShowElipsisActive` to `false`, or properly format your `value` prop to `string`.');
+      return new Error("Invalid prop `".concat(propName, "` of type `").concat(typeof props[propName], "` supplied to") + " `".concat(componentName, "`. Prop `value` should be of type `string` if prop `isShowElipsisActive` is set to `true`.") + ' Either set `isShowElipsisActive` to `false`, or properly format your `value` prop to `string`.');
     }
   }
 

package/esm/InputGroup/AddonWrapper.js

@@ -1,5 +1,11 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
+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 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { jsxs } from 'react/jsx-runtime';
@@ -11,10 +17,9 @@ const blockName = 'input-addon-group';
 const Container = aggregatedClasses('div')(blockName);
 const InputAddon = aggregatedClasses('span')(blockName, 'addon');
 class AddonWrapper extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {});
+  constructor() {
+    super(...arguments);
+    this.state = {};
   }
 
   render() {
@@ -27,14 +32,13 @@ class AddonWrapper extends Component {
     } = this.props;
     const childType = inputComponent && inputComponent.type && inputComponent.type.name ? inputComponent.type.name.toLowerCase() : 'default';
     return /*#__PURE__*/jsxs(Container, _objectSpread(_objectSpread({
-      className: `${className} ${blockName}--${childType}`
+      className: "".concat(className, " ").concat(blockName, "--").concat(childType)
     }, containerProps), {}, {
       children: [leftAddon && /*#__PURE__*/_jsx(InputAddon, {}, void 0, leftAddon), inputComponent, rightAddon && /*#__PURE__*/_jsx(InputAddon, {}, void 0, rightAddon)]
     }));
   }
 
 }
-
-_defineProperty(AddonWrapper, "defaultProps", {});
+AddonWrapper.defaultProps = {};
 
 export { AddonWrapper as default };

package/esm/InputGroup/DSInputGroup.js

@@ -5,24 +5,27 @@ import { props } from './props.js';
 import { defaultProps } from './defaultProps.js';
 import { jsx } from 'react/jsx-runtime';
 
-const DSInputGroup = ({
-  containerProps,
-  innerRef,
-  className,
-  style,
-  leftAddon,
-  rightAddon,
-  children: InputComponents // as InputComponents,
+const DSInputGroup = _ref => {
+  let {
+    containerProps,
+    innerRef,
+    className,
+    style,
+    leftAddon,
+    rightAddon,
+    children: InputComponents // as InputComponents,
 
-}) => /*#__PURE__*/jsx(AddonWrapper, {
-  ref: innerRef,
-  className: className,
-  containerProps: containerProps,
-  leftAddon: leftAddon,
-  rightAddon: rightAddon,
-  style: style,
-  children: InputComponents
-});
+  } = _ref;
+  return /*#__PURE__*/jsx(AddonWrapper, {
+    ref: innerRef,
+    className: className,
+    containerProps: containerProps,
+    leftAddon: leftAddon,
+    rightAddon: rightAddon,
+    style: style,
+    children: InputComponents
+  });
+};
 
 DSInputGroup.defaultProps = defaultProps;
 const DSInputGroupWithSchema = describe(DSInputGroup);

package/esm/InputMask/DSInputMask.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/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 { MASK_TYPES } from './MaskTypes.js';

package/esm/InputMask/DSInputMaskDeprecated.js

@@ -1,5 +1,10 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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 React, { Component } from 'react';
 import { isEqual } from 'lodash';
 import { conformToMask, adjustCaretPosition } from 'text-mask-core';
@@ -28,7 +33,10 @@ const getValueFromEventOrString = e => {
   return value;
 };
 
-const getRawMask = (mask, rawValue = '') => typeof mask === 'function' ? mask(rawValue) : mask; // this is not safe because we don't take in consideration a lot of cases
+const getRawMask = function (mask) {
+  let rawValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return typeof mask === 'function' ? mask(rawValue) : mask;
+}; // this is not safe because we don't take in consideration a lot of cases
 // just a monkeypatch untill we get the v2 going,
 // this work with "internal" masks...
 
@@ -76,29 +84,31 @@ const UNSAFEIsRawValue = (value, mask) => {
 
 class DSInputMaskDeprecated extends Component {
   constructor(props) {
-    super(props);
-
-    _defineProperty(this, "lastkey", null);
+    var _this;
 
-    _defineProperty(this, "lastkeycode", null);
-
-    _defineProperty(this, "conformValue", (rawValueOrEvent, currentCaretPosition, {
-      skipCaretPositioning = false,
-      skipOnChangeCallback = false
-    } = {}) => {
+    super(props);
+    _this = this;
+    this.lastkey = null;
+    this.lastkeycode = null;
+
+    this.conformValue = function (rawValueOrEvent, currentCaretPosition) {
+      let {
+        skipCaretPositioning = false,
+        skipOnChangeCallback = false
+      } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       const {
         previousConformedValue
-      } = this.state;
+      } = _this.state;
       const {
         onChange,
         mask,
         placeholderChar = '_',
         pipe
-      } = this.props;
+      } = _this.props;
       const rawValue = getValueFromEventOrString(rawValueOrEvent); // short-circuit logic if user cleared the input
 
       if (rawValue.length === 0) {
-        this.setState({
+        _this.setState({
           maskedValue: rawValue,
           previousConformedValue: rawValue,
           focus: true
@@ -108,10 +118,11 @@ class DSInputMaskDeprecated extends Component {
               value: rawValue,
               originalValue: rawValue
             },
-            lastkey: this.lastkey
+            lastkey: _this.lastkey
           };
           onChange(event);
         });
+
         return;
       }
 
@@ -176,7 +187,8 @@ class DSInputMaskDeprecated extends Component {
         caretTrapIndexes: []
       };
       const caretPos = adjustCaretPosition(adjustCaretPositionOpts);
-      this.setState({
+
+      _this.setState({
         maskedValue: conformedValue,
         previousConformedValue: conformedValue,
         focus: true
@@ -186,14 +198,14 @@ class DSInputMaskDeprecated extends Component {
             value: conformedValue,
             originalValue: rawValue
           },
-          lastkey: this.lastkey
+          lastkey: _this.lastkey
         };
         if (!skipOnChangeCallback) onChange(event);
-        if (!skipCaretPositioning) setTimeout(() => setCaretPosition(this.inputref, caretPos));
+        if (!skipCaretPositioning) setTimeout(() => setCaretPosition(_this.inputref, caretPos));
       });
-    });
+    };
 
-    _defineProperty(this, "handleOnChange", e => {
+    this.handleOnChange = e => {
       var _e$target;
 
       const rawValue = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '';
@@ -202,9 +214,9 @@ class DSInputMaskDeprecated extends Component {
       } = e.target;
       const currentCaretPosition = selectionEnd;
       this.conformValue(rawValue, currentCaretPosition);
-    });
+    };
 
-    _defineProperty(this, "handleKeyDown", e => {
+    this.handleKeyDown = e => {
       e.stopPropagation();
       const {
         onKeyDown
@@ -212,9 +224,9 @@ class DSInputMaskDeprecated extends Component {
       this.lastkey = e.key;
       this.lastkeycode = e.keyCode;
       onKeyDown(e);
-    });
+    };
 
-    _defineProperty(this, "handleBlur", e => {
+    this.handleBlur = e => {
       const {
         onBlur
       } = this.props;
@@ -222,7 +234,7 @@ class DSInputMaskDeprecated extends Component {
         focus: false
       });
       onBlur(e);
-    });
+    };
 
     this.inputref = /*#__PURE__*/React.createRef();
     this.state = {

package/esm/InputMask/MaskTypes.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';
 
 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; }

package/esm/InputMask/addons/AutoCorrectedDatePipe.js

@@ -1,11 +1,18 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
 import 'core-js/modules/es.string.replace.js';
 
 const maxValueMonth = [31, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 const formatOrder = ['yyyy', 'yy', 'mm', 'dd', 'HH', 'MM', 'SS'];
-const autoCorrectedDatePipe = (dateFormat = 'mm dd yyyy', {
-  minYear = 1,
-  maxYear = 9999
-} = {}) => {
+const autoCorrectedDatePipe = function () {
+  let dateFormat = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'mm dd yyyy';
+  let {
+    minYear = 1,
+    maxYear = 9999
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const dateFormatArray = dateFormat.split(/[^dmyHMS]+/).sort((a, b) => formatOrder.indexOf(a) - formatOrder.indexOf(b));
   return conformedValue => {
     const indexesOfPipedChars = [];

package/esm/InputMask/mask_types/DateInputMask.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 = [['/', 2], ['/', 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 DateInputMask = _ref => {
+const DateInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -77,17 +87,18 @@ const DateInputMask = _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/DateTimeInputMask.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';
@@ -26,7 +32,9 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
 
 
   const charactersToAdd = [['/', 2], ['/', 5], [' ', 10], [':', 13]];
-  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;
@@ -34,11 +42,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;
     });
   }
@@ -49,7 +59,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const DateTimeInputMask = _ref => {
+const DateTimeInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -82,17 +92,18 @@ const DateTimeInputMask = _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/DictionaryInputMask.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';
@@ -80,12 +86,13 @@ const DictionaryInputMask = _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