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

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');
@@ -15,17 +23,20 @@ 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__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)) {
@@ -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);
 
@@ -32,21 +36,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__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 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
@@ -77,9 +85,9 @@ class InputImpl extends React.Component {
           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,
@@ -190,7 +198,7 @@ class InputImpl extends React.Component {
       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;
   }
@@ -247,6 +255,7 @@ 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,
@@ -297,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)
@@ -400,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/InputGroup/AddonWrapper.js

@@ -1,15 +1,21 @@
 '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; }
 
@@ -18,10 +24,9 @@ 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)]
     }));
   }
 
 }
-
-_defineProperty__default["default"](AddonWrapper, "defaultProps", {});
+AddonWrapper.defaultProps = {};
 
 module.exports = AddonWrapper;

package/cjs/InputGroup/DSInputGroup.js

@@ -9,24 +9,27 @@ var props = require('./props.js');
 var defaultProps = require('./defaultProps.js');
 var jsxRuntime = require('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__*/jsxRuntime.jsx(AddonWrapper, {
-  ref: innerRef,
-  className: className,
-  containerProps: containerProps,
-  leftAddon: leftAddon,
-  rightAddon: rightAddon,
-  style: style,
-  children: InputComponents
-});
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(AddonWrapper, {
+    ref: innerRef,
+    className: className,
+    containerProps: containerProps,
+    leftAddon: leftAddon,
+    rightAddon: rightAddon,
+    style: style,
+    children: InputComponents
+  });
+};
 
 DSInputGroup.defaultProps = defaultProps.defaultProps;
 const DSInputGroupWithSchema = reactDesc.describe(DSInputGroup);

package/cjs/InputMask/DSInputMask.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 reactDesc = require('react-desc');
 var MaskTypes = require('./MaskTypes.js');

package/cjs/InputMask/DSInputMaskDeprecated.js

@@ -2,6 +2,11 @@
 
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 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 lodash = require('lodash');
 var textMaskCore = require('text-mask-core');
@@ -36,7 +41,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...
 
@@ -84,29 +92,31 @@ const UNSAFEIsRawValue = (value, mask) => {
 
 class DSInputMaskDeprecated extends React.Component {
   constructor(props) {
-    super(props);
-
-    _defineProperty__default["default"](this, "lastkey", null);
+    var _this;
 
-    _defineProperty__default["default"](this, "lastkeycode", null);
-
-    _defineProperty__default["default"](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
@@ -116,10 +126,11 @@ class DSInputMaskDeprecated extends React.Component {
               value: rawValue,
               originalValue: rawValue
             },
-            lastkey: this.lastkey
+            lastkey: _this.lastkey
           };
           onChange(event);
         });
+
         return;
       }
 
@@ -184,7 +195,8 @@ class DSInputMaskDeprecated extends React.Component {
         caretTrapIndexes: []
       };
       const caretPos = textMaskCore.adjustCaretPosition(adjustCaretPositionOpts);
-      this.setState({
+
+      _this.setState({
         maskedValue: conformedValue,
         previousConformedValue: conformedValue,
         focus: true
@@ -194,14 +206,14 @@ class DSInputMaskDeprecated extends React.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__default["default"](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) || '';
@@ -210,9 +222,9 @@ class DSInputMaskDeprecated extends React.Component {
       } = e.target;
       const currentCaretPosition = selectionEnd;
       this.conformValue(rawValue, currentCaretPosition);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleKeyDown", e => {
+    this.handleKeyDown = e => {
       e.stopPropagation();
       const {
         onKeyDown
@@ -220,9 +232,9 @@ class DSInputMaskDeprecated extends React.Component {
       this.lastkey = e.key;
       this.lastkeycode = e.keyCode;
       onKeyDown(e);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleBlur", e => {
+    this.handleBlur = e => {
       const {
         onBlur
       } = this.props;
@@ -230,7 +242,7 @@ class DSInputMaskDeprecated extends React.Component {
         focus: false
       });
       onBlur(e);
-    });
+    };
 
     this.inputref = /*#__PURE__*/React__default["default"].createRef();
     this.state = {

package/cjs/InputMask/MaskTypes.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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/InputMask/addons/AutoCorrectedDatePipe.js

@@ -2,14 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
 require('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/cjs/InputMask/mask_types/DateInputMask.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 DSTextBox = require('../../TextBox/DSTextBox.js');
 var setCaretPosition = require('../utils/setCaretPosition.js');
@@ -28,7 +34,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;
@@ -36,11 +44,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;
     });
   }
@@ -51,7 +61,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const DateInputMask = _ref => {
+const DateInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -84,17 +94,18 @@ const DateInputMask = _ref => {
     leftComponent,
     rightComponent,
     value
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
 
   const inputRef = React.useRef();
   const [maskedValue, setMaskedValue] = React.useState(value);
-  const conform = React.useCallback(({
-    rawValue,
-    cursorPos,
-    lastkeycode,
-    shouldUpdateCursorPos = true
-  }) => {
+  const conform = React.useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
     const {
       nextMaskedValue,
       maskedPos