@elliemae/ds-form 2.0.0-next.7 → 2.0.0-rc.10

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,

package/esm/InputGroup/AddonWrapper.js

@@ -1,5 +1,10 @@
-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';
@@ -12,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() {
@@ -35,7 +39,6 @@ class AddonWrapper extends Component {
   }
 
 }
-
-_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,6 +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,6 +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';
@@ -22,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;
@@ -30,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;
     });
   }
@@ -45,7 +54,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const DateInputMask = _ref => {
+const DateInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -78,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,6 +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';
@@ -27,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;
@@ -35,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;
     });
   }
@@ -50,7 +59,7 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   };
 };
 
-const DateTimeInputMask = _ref => {
+const DateTimeInputMask = _ref4 => {
   let {
     focus,
     setFocus,
@@ -83,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,6 +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';
@@ -81,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

package/esm/InputMask/mask_types/NumberInputMask.js

@@ -1,6 +1,11 @@
 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';
@@ -15,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('-');
@@ -112,7 +118,7 @@ const conformValue = (prevRawValue, prevCursorPos, lastkeycode, {
   };
 };
 
-const NumberInputMask = _ref => {
+const NumberInputMask = _ref2 => {
   let {
     focus,
     setFocus,
@@ -157,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