@elliemae/ds-form 1.60.0 → 2.0.0-alpha.12

package/cjs/InputMask/mask_types/DateInputMask.js

@@ -1,56 +1,41 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 reactDesc = require('react-desc');
-var TextBox_DSTextBox = require('../../TextBox/DSTextBox.js');
-var InputMask_utils_setCaretPosition = require('../utils/setCaretPosition.js');
-require('../../Input/DSInput.js');
-require('../../Input/InputImpl.js');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('prop-types');
-require('lodash');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@elliemae/ds-tooltip');
-require('../../Input/InputAddonWrapper.js');
-require('@babel/runtime/helpers/toConsumableArray');
+var DSTextBox = require('../../TextBox/DSTextBox.js');
+var setCaretPosition = require('../utils/setCaretPosition.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
+const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
 
-var conformValue = function conformValue(rawValue, cursorPos, lastkeycode) {
-  var nextMaskedValue = rawValue.split('').filter(function (char) {
-    return char >= '0' && char <= '9';
-  }).slice(0, 8);
-  var maskedPos = 0;
+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; }
 
-  for (var i = 0; i < cursorPos; i += 1) {
+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 conformValue = (rawValue, cursorPos, lastkeycode) => {
+  const nextMaskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9').slice(0, 8);
+  let maskedPos = 0;
+
+  for (let i = 0; i < cursorPos; i += 1) {
     if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;
   } // list of [string to add, position to add]
 
 
-  var charactersToAdd = [['/', 2], ['/', 5]];
-  charactersToAdd.forEach(function (_ref) {
-    var _ref2 = _slicedToArray__default['default'](_ref, 2),
-        chars = _ref2[0],
-        pos = _ref2[1];
+  const charactersToAdd = [['/', 2], ['/', 5]];
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
 
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, chars);
@@ -59,83 +44,73 @@ var conformValue = function conformValue(rawValue, cursorPos, lastkeycode) {
   });
 
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(function (_ref3) {
-      var _ref4 = _slicedToArray__default['default'](_ref3, 2),
-          chars = _ref4[0],
-          pos = _ref4[1];
-
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
       if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(function (_ref5) {
-      var _ref6 = _slicedToArray__default['default'](_ref5, 2),
-          chars = _ref6[0],
-          pos = _ref6[1];
-
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
       if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
 
   return {
     nextMaskedValue: nextMaskedValue.join(''),
-    maskedPos: maskedPos
+    maskedPos
   };
 };
 
-var DateInputMask = function DateInputMask(_ref7) {
-  var focus = _ref7.focus,
-      setFocus = _ref7.setFocus,
-      setRawMask = _ref7.setRawMask,
-      cursorPosition = _ref7.cursorPosition,
-      setCursorPosition = _ref7.setCursorPosition,
-      lastkey = _ref7.lastkey,
-      setLastkey = _ref7.setLastkey,
-      setRawValue = _ref7.setRawValue,
-      style = _ref7.style,
-      disabled = _ref7.disabled,
-      className = _ref7.className,
-      name = _ref7.name,
-      maxLength = _ref7.maxLength,
-      minLength = _ref7.minLength,
-      fluidWidth = _ref7.fluidWidth,
-      placeholder = _ref7.placeholder,
-      onKeyDown = _ref7.onKeyDown,
-      onClick = _ref7.onClick,
-      onChange = _ref7.onChange,
-      onFocus = _ref7.onFocus,
-      onBlur = _ref7.onBlur,
-      onPaste = _ref7.onPaste,
-      onKeyUp = _ref7.onKeyUp,
-      hasError = _ref7.hasError,
-      readOnly = _ref7.readOnly,
-      type = _ref7.type,
-      _innerRef = _ref7.innerRef,
-      _ref7$clearable = _ref7.clearable,
-      clearable = _ref7$clearable === void 0 ? false : _ref7$clearable,
-      leftComponent = _ref7.leftComponent,
-      rightComponent = _ref7.rightComponent,
-      value = _ref7.value,
-      rest = _objectWithoutProperties__default['default'](_ref7, _excluded);
-
-  var inputRef = React.useRef();
-
-  var _useState = React.useState(value),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      maskedValue = _useState2[0],
-      setMaskedValue = _useState2[1];
-
-  var conform = React.useCallback(function (_ref8) {
-    var rawValue = _ref8.rawValue,
-        cursorPos = _ref8.cursorPos,
-        lastkeycode = _ref8.lastkeycode,
-        _ref8$shouldUpdateCur = _ref8.shouldUpdateCursorPos,
-        shouldUpdateCursorPos = _ref8$shouldUpdateCur === void 0 ? true : _ref8$shouldUpdateCur;
-
-    var _conformValue = conformValue(rawValue, cursorPos, lastkeycode),
-        nextMaskedValue = _conformValue.nextMaskedValue,
-        maskedPos = _conformValue.maskedPos;
-
-    var event = {
+const DateInputMask = _ref4 => {
+  let {
+    focus,
+    setFocus,
+    setRawMask,
+    cursorPosition,
+    setCursorPosition,
+    lastkey,
+    setLastkey,
+    setRawValue,
+    style,
+    disabled,
+    className,
+    name,
+    maxLength,
+    minLength,
+    fluidWidth,
+    placeholder,
+    onKeyDown,
+    onClick,
+    onChange,
+    onFocus,
+    onBlur,
+    onPaste,
+    onKeyUp,
+    hasError,
+    readOnly,
+    type,
+    innerRef,
+    clearable = false,
+    leftComponent,
+    rightComponent,
+    value
+  } = _ref4,
+      rest = _objectWithoutProperties__default["default"](_ref4, _excluded);
+
+  const inputRef = React.useRef();
+  const [maskedValue, setMaskedValue] = React.useState(value);
+  const conform = React.useCallback(_ref5 => {
+    let {
+      rawValue,
+      cursorPos,
+      lastkeycode,
+      shouldUpdateCursorPos = true
+    } = _ref5;
+    const {
+      nextMaskedValue,
+      maskedPos
+    } = conformValue(rawValue, cursorPos, lastkeycode);
+    const event = {
       target: {
         value: nextMaskedValue,
         originalValue: rawValue
@@ -148,10 +123,11 @@ var DateInputMask = function DateInputMask(_ref7) {
       current: maskedPos
     });
   }, [maskedValue, onChange]);
-  var handleOnChange = React.useCallback(function (e) {
-    var _e$target = e.target,
-        rawValue = _e$target.value,
-        selectionEnd = _e$target.selectionEnd;
+  const handleOnChange = React.useCallback(e => {
+    const {
+      value: rawValue,
+      selectionEnd
+    } = e.target;
     setRawMask(rawValue);
     setRawValue(rawValue);
     setCursorPosition({
@@ -159,10 +135,10 @@ var DateInputMask = function DateInputMask(_ref7) {
     });
     setFocus(true);
   }, [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]);
-  React.useLayoutEffect(function () {
-    if (focus) InputMask_utils_setCaretPosition(inputRef.current, cursorPosition.current);
+  React.useLayoutEffect(() => {
+    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);
   }, [focus, cursorPosition]);
-  React.useLayoutEffect(function () {
+  React.useLayoutEffect(() => {
     // if the value changes, then re-conform the mask
     conform({
       rawValue: value,
@@ -171,7 +147,7 @@ var DateInputMask = function DateInputMask(_ref7) {
       shouldUpdateCursorPos: focus
     });
   }, [focus, value, cursorPosition.current]);
-  var handleKeyDown = React.useCallback(function (e) {
+  const handleKeyDown = React.useCallback(e => {
     e.stopPropagation();
     setLastkey({
       key: e.key,
@@ -179,19 +155,19 @@ var DateInputMask = function DateInputMask(_ref7) {
     });
     onKeyDown(e);
   }, [onKeyDown]);
-  var handleBlur = React.useCallback(function (e) {
+  const handleBlur = React.useCallback(e => {
     setFocus(false);
     onBlur(e);
   }, [onBlur]);
-  return /*#__PURE__*/React__default['default'].createElement(TextBox_DSTextBox['default'], _extends__default['default']({}, rest, {
+  return /*#__PURE__*/jsxRuntime.jsx(DSTextBox["default"], _objectSpread(_objectSpread({}, rest), {}, {
     className: className,
     clearable: clearable,
     disabled: disabled,
     fluidWidth: fluidWidth,
     hasError: hasError,
-    innerRef: function innerRef(ref) {
+    innerRef: ref => {
       inputRef.current = ref;
-      if (_innerRef) _innerRef(ref);
+      if (innerRef) innerRef(ref);
     },
     isActive: focus,
     leftComponent: leftComponent,
@@ -214,46 +190,4 @@ var DateInputMask = function DateInputMask(_ref7) {
   }));
 };
 
-DateInputMask.propTypes = {
-  focus: reactDesc.PropTypes.bool,
-  setFocus: reactDesc.PropTypes.func,
-  setRawMask: reactDesc.PropTypes.func,
-  cursorPosition: reactDesc.PropTypes.shape({
-    current: reactDesc.PropTypes.number
-  }),
-  setCursorPosition: reactDesc.PropTypes.func,
-  lastkey: reactDesc.PropTypes.shape({
-    code: reactDesc.PropTypes.number,
-    key: reactDesc.PropTypes.string
-  }),
-  setLastkey: reactDesc.PropTypes.func,
-  setRawValue: reactDesc.PropTypes.func,
-  style: reactDesc.PropTypes.object,
-  disabled: reactDesc.PropTypes.bool,
-  className: reactDesc.PropTypes.string,
-  name: reactDesc.PropTypes.string,
-  maxLength: reactDesc.PropTypes.number,
-  minLength: reactDesc.PropTypes.number,
-  fluidWidth: reactDesc.PropTypes.bool,
-  placeholder: reactDesc.PropTypes.string,
-  value: reactDesc.PropTypes.string,
-  onChange: reactDesc.PropTypes.func,
-  onKeyDown: reactDesc.PropTypes.func,
-  leftComponent: reactDesc.PropTypes.element,
-  rightComponent: reactDesc.PropTypes.element,
-  onFocus: reactDesc.PropTypes.func,
-  onBlur: reactDesc.PropTypes.func,
-  onPaste: reactDesc.PropTypes.func,
-  onKeyUp: reactDesc.PropTypes.func,
-  hasError: reactDesc.PropTypes.bool,
-  readOnly: reactDesc.PropTypes.bool,
-  onClick: reactDesc.PropTypes.func,
-  clearable: reactDesc.PropTypes.bool,
-  type: reactDesc.PropTypes.string,
-  innerRef: reactDesc.PropTypes.any,
-  mask: reactDesc.PropTypes.any,
-  placeholderChar: reactDesc.PropTypes.string
-};
-
 module.exports = DateInputMask;
-//# sourceMappingURL=DateInputMask.js.map