@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js

@@ -1,138 +1,149 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PhoneInternationalInputMask_exports = {};
-__export(PhoneInternationalInputMask_exports, {
-  PhoneInternationalInputMask: () => PhoneInternationalInputMask,
-  default: () => PhoneInternationalInputMask_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_TextBox = __toESM(require("../../TextBox"));
-var import_setCaretPosition = __toESM(require("../utils/setCaretPosition"));
+'use strict';
+
+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');
+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);
+
+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"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 const conformValue = (rawValue, cursorPos, lastkeycode) => {
-  let nextMaskedValue = rawValue.split("+1").slice(-1)[0].split("").filter((char) => char >= "0" && char <= "9");
-  while (nextMaskedValue.length && nextMaskedValue[0] === "0")
-    nextMaskedValue.splice(0, 1);
+  let nextMaskedValue = rawValue.split('+1').slice(-1)[0].split('').filter(char => char >= '0' && char <= '9');
+
+  while (nextMaskedValue.length && nextMaskedValue[0] === '0') nextMaskedValue.splice(0, 1);
+
   nextMaskedValue = nextMaskedValue.slice(0, 10);
   let maskedPos = 0;
+
   for (let i = 0; i < cursorPos; i += 1) {
-    if (nextMaskedValue[maskedPos] === rawValue[i])
-      maskedPos += 1;
-  }
-  const charactersToAdd = [
-    ["+1 (", 0],
-    [") ", 7],
-    ["-", 12]
-  ];
-  charactersToAdd.forEach(([chars, pos]) => {
+    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;
+  } // list of [string to add, position to add]
+
+
+  const charactersToAdd = [['+1 (', 0], [') ', 7], ['-', 12]];
+  charactersToAdd.forEach(_ref => {
+    let [chars, pos] = _ref;
+
     if (nextMaskedValue.length > pos) {
       nextMaskedValue.splice(pos, 0, ...chars);
-      if (maskedPos >= pos)
-        maskedPos += chars.length;
+      if (maskedPos >= pos) maskedPos += chars.length;
     }
   });
+
   if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {
-    charactersToAdd.forEach(([chars, pos]) => {
-      if (maskedPos === pos)
-        maskedPos += chars.length;
+    charactersToAdd.forEach(_ref2 => {
+      let [chars, pos] = _ref2;
+      if (maskedPos === pos) maskedPos += chars.length;
     });
   } else if (lastkeycode === 8 && maskedPos) {
-    charactersToAdd.forEach(([chars, pos]) => {
-      if (maskedPos === pos + 1)
-        maskedPos -= chars.length;
+    charactersToAdd.forEach(_ref3 => {
+      let [chars, pos] = _ref3;
+      if (maskedPos === pos + 1) maskedPos -= chars.length;
     });
   }
-  return { nextMaskedValue: nextMaskedValue.join(""), maskedPos };
+
+  return {
+    nextMaskedValue: nextMaskedValue.join(''),
+    maskedPos
+  };
 };
-const PhoneInternationalInputMask = ({
-  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,
-  ...rest
-}) => {
-  const inputRef = (0, import_react.useRef)();
-  const [maskedValue, setMaskedValue] = (0, import_react.useState)(value);
-  const conform = (0, import_react.useCallback)(({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
-    const { nextMaskedValue, maskedPos } = conformValue(rawValue, cursorPos, lastkeycode);
+
+const PhoneInternationalInputMask = _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
       }
     };
-    if (onChange && nextMaskedValue !== maskedValue)
-      onChange(event);
+    if (onChange && nextMaskedValue !== maskedValue) onChange(event);
     setMaskedValue(nextMaskedValue);
     setRawValue(nextMaskedValue);
-    if (shouldUpdateCursorPos)
-      setCursorPosition({ current: maskedPos });
+    if (shouldUpdateCursorPos) setCursorPosition({
+      current: maskedPos
+    });
   }, [maskedValue, onChange]);
-  const handleOnChange = (0, import_react.useCallback)((e) => {
-    const { value: rawValue, selectionEnd } = e.target;
+  const handleOnChange = React.useCallback(e => {
+    const {
+      value: rawValue,
+      selectionEnd
+    } = e.target;
     setRawMask(rawValue);
     setRawValue(rawValue);
-    setCursorPosition({ current: selectionEnd });
+    setCursorPosition({
+      current: selectionEnd
+    });
     setFocus(true);
   }, [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code]);
-  (0, import_react.useLayoutEffect)(() => {
-    if (focus)
-      (0, import_setCaretPosition.setCaretPosition)(inputRef.current, cursorPosition.current);
+  React.useLayoutEffect(() => {
+    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);
   }, [focus, cursorPosition]);
-  (0, import_react.useLayoutEffect)(() => {
+  React.useLayoutEffect(() => {
+    // if the value changes, then re-conform the mask
     conform({
       rawValue: value,
       cursorPos: cursorPosition.current,
@@ -140,82 +151,47 @@ const PhoneInternationalInputMask = ({
       shouldUpdateCursorPos: focus
     });
   }, [focus, value, cursorPosition.current]);
-  const handleKeyDown = (0, import_react.useCallback)((e) => {
+  const handleKeyDown = React.useCallback(e => {
     e.stopPropagation();
-    setLastkey({ key: e.key, code: e.keyCode });
+    setLastkey({
+      key: e.key,
+      code: e.keyCode
+    });
     onKeyDown(e);
   }, [onKeyDown]);
-  const handleBlur = (0, import_react.useCallback)((e) => {
+  const handleBlur = React.useCallback(e => {
     setFocus(false);
     onBlur(e);
   }, [onBlur]);
-  return /* @__PURE__ */ import_react.default.createElement(import_TextBox.DSTextBox, {
-    ...rest,
-    className,
-    clearable,
-    disabled,
-    fluidWidth,
-    hasError,
-    innerRef: (ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(DSTextBox["default"], _objectSpread(_objectSpread({}, rest), {}, {
+    className: className,
+    clearable: clearable,
+    disabled: disabled,
+    fluidWidth: fluidWidth,
+    hasError: hasError,
+    innerRef: ref => {
       inputRef.current = ref;
-      if (innerRef)
-        innerRef(ref);
+      if (innerRef) innerRef(ref);
     },
     isActive: focus,
-    leftComponent,
-    maxLength,
-    minLength,
-    name,
+    leftComponent: leftComponent,
+    maxLength: maxLength,
+    minLength: minLength,
+    name: name,
     onBlur: handleBlur,
     onChange: handleOnChange,
-    onClick,
-    onFocus,
+    onClick: onClick,
+    onFocus: onFocus,
     onKeyDown: handleKeyDown,
-    onKeyUp,
-    onPaste,
-    placeholder,
-    readOnly,
-    rightComponent,
-    style,
-    type,
+    onKeyUp: onKeyUp,
+    onPaste: onPaste,
+    placeholder: placeholder,
+    readOnly: readOnly,
+    rightComponent: rightComponent,
+    style: style,
+    type: type,
     value: maskedValue
-  });
-};
-PhoneInternationalInputMask.propTypes = {
-  focus: import_react_desc.PropTypes.bool,
-  setFocus: import_react_desc.PropTypes.func,
-  setRawMask: import_react_desc.PropTypes.func,
-  cursorPosition: import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.number }),
-  setCursorPosition: import_react_desc.PropTypes.func,
-  lastkey: import_react_desc.PropTypes.shape({ code: import_react_desc.PropTypes.number, key: import_react_desc.PropTypes.string }),
-  setLastkey: import_react_desc.PropTypes.func,
-  setRawValue: import_react_desc.PropTypes.func,
-  style: import_react_desc.PropTypes.object,
-  disabled: import_react_desc.PropTypes.bool,
-  className: import_react_desc.PropTypes.string,
-  name: import_react_desc.PropTypes.string,
-  maxLength: import_react_desc.PropTypes.number,
-  minLength: import_react_desc.PropTypes.number,
-  fluidWidth: import_react_desc.PropTypes.bool,
-  placeholder: import_react_desc.PropTypes.string,
-  value: import_react_desc.PropTypes.string,
-  onChange: import_react_desc.PropTypes.func,
-  onKeyDown: import_react_desc.PropTypes.func,
-  leftComponent: import_react_desc.PropTypes.element,
-  rightComponent: import_react_desc.PropTypes.element,
-  onFocus: import_react_desc.PropTypes.func,
-  onBlur: import_react_desc.PropTypes.func,
-  onPaste: import_react_desc.PropTypes.func,
-  onKeyUp: import_react_desc.PropTypes.func,
-  hasError: import_react_desc.PropTypes.bool,
-  readOnly: import_react_desc.PropTypes.bool,
-  onClick: import_react_desc.PropTypes.func,
-  clearable: import_react_desc.PropTypes.bool,
-  type: import_react_desc.PropTypes.string,
-  innerRef: import_react_desc.PropTypes.any,
-  mask: import_react_desc.PropTypes.any,
-  placeholderChar: import_react_desc.PropTypes.string
+  }));
 };
-var PhoneInternationalInputMask_default = PhoneInternationalInputMask;
-module.exports = __toCommonJS(PhoneInternationalInputMask_exports);
-//# sourceMappingURL=PhoneInternationalInputMask.js.map
+
+module.exports = PhoneInternationalInputMask;