@elliemae/ds-form 2.1.1-rc.1 → 2.2.0-alpha.4

package/esm/InputMask/DSInputMaskDeprecated.js

@@ -1,114 +1,62 @@
-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';
-import setCaretPosition from './utils/setCaretPosition.js';
-import DSTextBox from '../TextBox/DSTextBox.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["autoFocus", "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(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 getValueFromEventOrString = e => {
+import * as React from "react";
+import React2, { Component } from "react";
+import { isEqual } from "lodash";
+import PropTypes from "prop-types";
+import { adjustCaretPosition, conformToMask } from "text-mask-core";
+import { setCaretPosition } from "./utils/setCaretPosition";
+import { DSTextBox } from "../TextBox";
+const getValueFromEventOrString = (e) => {
   let value = e;
-
   if (e && e.target) {
     const {
-      target: {
-        value: eValue
-      }
+      target: { value: eValue }
     } = e;
     value = eValue;
   }
-
   return value;
 };
-
-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...
-
-
+const getRawMask = (mask, rawValue = "") => typeof mask === "function" ? mask(rawValue) : mask;
 const UNSAFEGetRawValue = (value, mask) => {
-  var _safeValue$split, _safeValue$split$filt;
-
   const safeValue = getValueFromEventOrString(value);
-  if (!safeValue) return '';
+  if (!safeValue)
+    return "";
   const rawMask = getRawMask(mask, value);
-  const characterToStrip = rawMask.filter(char => typeof char === 'string');
-  return safeValue === null || safeValue === void 0 ? void 0 : (_safeValue$split = safeValue.split('')) === null || _safeValue$split === void 0 ? void 0 : (_safeValue$split$filt = _safeValue$split.filter(char => {
-    const indexCharToStrip = characterToStrip.findIndex(strip => strip === char);
-
+  const characterToStrip = rawMask.filter((char) => typeof char === "string");
+  return safeValue?.split("")?.filter((char) => {
+    const indexCharToStrip = characterToStrip.findIndex((strip) => strip === char);
     if (indexCharToStrip >= 0) {
       characterToStrip.splice(indexCharToStrip, 1);
       return false;
     }
-
     return true;
-  })) === null || _safeValue$split$filt === void 0 ? void 0 : _safeValue$split$filt.join('');
-}; // 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...
-
-
+  })?.join("");
+};
 const UNSAFEIsRawValue = (value, mask) => {
-  var _safeValue$split2;
-
   const safeValue = getValueFromEventOrString(value);
-  if (!safeValue) return false;
+  if (!safeValue)
+    return false;
   const rawMask = getRawMask(mask, safeValue);
-  const characterToStrip = rawMask.filter(char => typeof char === 'string');
-  if (safeValue) safeValue === null || safeValue === void 0 ? void 0 : (_safeValue$split2 = safeValue.split('')) === null || _safeValue$split2 === void 0 ? void 0 : _safeValue$split2.forEach(char => {
-    const indexCharToStrip = characterToStrip.findIndex(strip => strip === char);
-
-    if (indexCharToStrip >= 0) {
-      characterToStrip.splice(indexCharToStrip, 1);
-    }
-  }); // if we matched all the character to strip, this is not a raw value
-  // unsafe, but "good enough" for most masks...
-
+  const characterToStrip = rawMask.filter((char) => typeof char === "string");
+  if (safeValue)
+    safeValue?.split("")?.forEach((char) => {
+      const indexCharToStrip = characterToStrip.findIndex((strip) => strip === char);
+      if (indexCharToStrip >= 0) {
+        characterToStrip.splice(indexCharToStrip, 1);
+      }
+    });
   return characterToStrip.length !== 0;
 };
-
 class DSInputMaskDeprecated extends Component {
   constructor(props) {
-    var _this;
-
     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;
-      const {
-        onChange,
-        mask,
-        placeholderChar = '_',
-        pipe
-      } = _this.props;
-      const rawValue = getValueFromEventOrString(rawValueOrEvent); // short-circuit logic if user cleared the input
-
+    this.conformValue = (rawValueOrEvent, currentCaretPosition, { skipCaretPositioning = false, skipOnChangeCallback = false } = {}) => {
+      const { previousConformedValue } = this.state;
+      const { onChange, mask, placeholderChar = "_", pipe } = this.props;
+      const rawValue = getValueFromEventOrString(rawValueOrEvent);
       if (rawValue.length === 0) {
-        _this.setState({
+        this.setState({
           maskedValue: rawValue,
           previousConformedValue: rawValue,
           focus: true
@@ -118,64 +66,39 @@ class DSInputMaskDeprecated extends Component {
               value: rawValue,
               originalValue: rawValue
             },
-            lastkey: _this.lastkey
+            lastkey: this.lastkey
           };
           onChange(event);
         });
-
         return;
       }
-
       const rawMaskWithTraps = getRawMask(mask, rawValue);
-      const rawMask = rawMaskWithTraps.filter(val => val !== '[]'); // generate the final result we want to put in the state and in the input box
-
-      const conformToMaskResults = conformToMask(rawValue, rawMask, _objectSpread({
+      const rawMask = rawMaskWithTraps.filter((val) => val !== "[]");
+      const conformToMaskResults = conformToMask(rawValue, rawMask, {
         guide: false,
-        placeholderChar
-      }, previousConformedValue && {
-        previousConformedValue
-      }));
-      const {
-        conformedValue: pipelessConformed
-      } = conformToMaskResults; // when the last character must be always preserved we need to manually ensure it
-      //  because
-      //    conformToMask -> guide: false will interpeter the last character
-      //     will remove the last character if it's part of the mask
-      //   we may want to add a prop for this in the future?
-      //   this is used for example with "decimal" and "percentage" masks
-
+        placeholderChar,
+        ...previousConformedValue && { previousConformedValue }
+      });
+      const { conformedValue: pipelessConformed } = conformToMaskResults;
       let conformedValueEnsureLastMaskChar = pipelessConformed;
       const lastMaskChar = rawMask[rawMask.length - 1];
       const lastValueChar = pipelessConformed.charAt(pipelessConformed.length - 1);
-
-      if (typeof lastMaskChar === 'string' && lastMaskChar !== lastValueChar) {
+      if (typeof lastMaskChar === "string" && lastMaskChar !== lastValueChar) {
         conformedValueEnsureLastMaskChar = pipelessConformed + lastMaskChar;
       }
-
       let pipeResult = {
         indexesOfPipedChars: [],
         value: conformedValueEnsureLastMaskChar,
         valid: true
       };
-      if (typeof pipe === 'function') pipeResult = pipe()(conformedValueEnsureLastMaskChar); // if the pipe results in an invalid value, we don't allow the change
-      //   meaning the final result will be like the user never tried to change the input
-      //   this is because the user will have to inject the validation in his pipe
-      //   probably pipe is never used, because this never worked before...
-      //   we will deprecate the "pipe" props in the future
-
-      const conformedValue = pipeResult.valid ? pipeResult.value : previousConformedValue; // generate the "placeholder" used in calculating new caret position
-      // this means we need
-      //   empty string as a value
-      //   guide:true
-      //   we can ignore "previousConformedValue" parameter
-
-      const generatedPlaceHolder = conformToMask('', rawMask, {
+      if (typeof pipe === "function")
+        pipeResult = pipe()(conformedValueEnsureLastMaskChar);
+      const conformedValue = pipeResult.valid ? pipeResult.value : previousConformedValue;
+      const generatedPlaceHolder = conformToMask("", rawMask, {
         guide: true,
         placeholderChar
       });
-      const {
-        indexesOfPipedChars
-      } = pipeResult;
+      const { indexesOfPipedChars } = pipeResult;
       const adjustCaretPositionOpts = {
         previousConformedValue,
         conformedValue,
@@ -187,8 +110,7 @@ class DSInputMaskDeprecated extends Component {
         caretTrapIndexes: []
       };
       const caretPos = adjustCaretPosition(adjustCaretPositionOpts);
-
-      _this.setState({
+      this.setState({
         maskedValue: conformedValue,
         previousConformedValue: conformedValue,
         focus: true
@@ -198,95 +120,65 @@ 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 (!skipOnChangeCallback)
+          onChange(event);
+        if (!skipCaretPositioning)
+          setTimeout(() => setCaretPosition(this.inputref, caretPos));
       });
     };
-
-    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) || '';
-      const {
-        selectionEnd
-      } = e.target;
+    this.handleOnChange = (e) => {
+      const rawValue = e?.target?.value || "";
+      const { selectionEnd } = e.target;
       const currentCaretPosition = selectionEnd;
       this.conformValue(rawValue, currentCaretPosition);
     };
-
-    this.handleKeyDown = e => {
+    this.handleKeyDown = (e) => {
       e.stopPropagation();
-      const {
-        onKeyDown
-      } = this.props;
+      const { onKeyDown } = this.props;
       this.lastkey = e.key;
       this.lastkeycode = e.keyCode;
       onKeyDown(e);
     };
-
-    this.handleBlur = e => {
-      const {
-        onBlur
-      } = this.props;
-      this.setState({
-        focus: false
-      });
+    this.handleBlur = (e) => {
+      const { onBlur } = this.props;
+      this.setState({ focus: false });
       onBlur(e);
     };
-
-    this.inputref = /*#__PURE__*/React.createRef();
+    this.inputref = React2.createRef();
     this.state = {
-      maskedValue: '',
-      previousConformedValue: ''
+      maskedValue: "",
+      previousConformedValue: ""
     };
     this.conformValue = this.conformValue.bind(this);
   }
-
   componentDidMount() {
-    const {
-      value,
-      mask
-    } = this.props;
+    const { value, mask } = this.props;
     const isAlreadyRaw = UNSAFEIsRawValue(value, mask);
     const rawVal = isAlreadyRaw ? value : UNSAFEGetRawValue(value, mask);
-    if (rawVal === '') return; // if value from props is raw, we invoke onChange
-    //  not invoking onChange on a raw value breaks the internal components depending on this...
-
+    if (rawVal === "")
+      return;
     const shouldSkipOnChange = !isAlreadyRaw;
     this.conformValue(rawVal, rawVal.length, {
       skipCaretPositioning: true,
       skipOnChangeCallback: shouldSkipOnChange
     });
   }
-
   componentDidUpdate(prevProps) {
-    // ensure the mask is re-applied when value/mask props changes.
-    // this is required by internal implementations like DSDateRangePicker
-    const {
-      value: prevValOrEvent,
-      mask: prevMask
-    } = prevProps;
-    const {
-      value: valOrEvent,
-      mask
-    } = this.props;
+    const { value: prevValOrEvent, mask: prevMask } = prevProps;
+    const { value: valOrEvent, mask } = this.props;
     const value = getValueFromEventOrString(valOrEvent);
     const isAlreadyRaw = UNSAFEIsRawValue(value, mask);
     const rawVal = isAlreadyRaw ? value : UNSAFEGetRawValue(value, mask);
-    if (rawVal === '') return;
+    if (rawVal === "")
+      return;
     const rawMask = getRawMask(mask, rawVal);
     const prevVal = getValueFromEventOrString(prevValOrEvent);
     const prevIsAlreadyRaw = UNSAFEIsRawValue(prevVal, prevMask);
     const prevRawVal = prevIsAlreadyRaw ? prevVal : UNSAFEGetRawValue(prevVal, prevMask);
-    const prevRawMask = getRawMask(prevMask, prevRawVal); // we need to compare "raw" masks, because mask sometimes are functions
-    //  and if we don't compare raw mask, isEqual will produce unexpected result
-    //  which would lead to infinite loops
-
+    const prevRawMask = getRawMask(prevMask, prevRawVal);
     if (prevVal !== value || !isEqual(prevRawMask, rawMask)) {
-      // if value from props is raw, we invoke onChange
-      //  not invoking onChange on a raw value breaks the internal components depending on this...
       const shouldSkipOnChange = !isAlreadyRaw;
       this.conformValue(rawVal, rawVal.length, {
         skipCaretPositioning: true,
@@ -294,10 +186,8 @@ class DSInputMaskDeprecated extends Component {
       });
     }
   }
-
   render() {
-    const _this$props = this.props,
-          {
+    const {
       autoFocus,
       style,
       disabled,
@@ -321,50 +211,72 @@ class DSInputMaskDeprecated extends Component {
       clearable = false,
       leftComponent,
       rightComponent,
-      value
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-    const {
-      maskedValue,
-      focus
-    } = this.state; // if component is "controlled" we print the value from the props
-    // if it's not controlled we use the internal state
-    // handleOnChange has the logic to invoke the onChange with the mask applied
-    // if the dev controls the component but pass down a value not conformed to the mask
-    // it's a problem to be fixed on the dev side.
-    // this means no "get derived state from props" mumbo-jumbos
-
+      value,
+      ...rest
+    } = this.props;
+    const { maskedValue, focus } = this.state;
     const propsValue = getValueFromEventOrString(value);
-    const finalValue = typeof propsValue === 'string' || typeof propsValue === 'number' ? propsValue : maskedValue;
-    return /*#__PURE__*/jsx(DSTextBox, _objectSpread(_objectSpread({}, rest), {}, {
-      "aria-label": rest['aria-label'],
-      className: className,
-      clearable: clearable,
-      disabled: disabled,
-      fluidWidth: fluidWidth,
-      hasError: hasError,
+    const finalValue = typeof propsValue === "string" || typeof propsValue === "number" ? propsValue : maskedValue;
+    return /* @__PURE__ */ React2.createElement(DSTextBox, {
+      ...rest,
+      "aria-label": rest["aria-label"],
+      className,
+      clearable,
+      disabled,
+      fluidWidth,
+      hasError,
       isActive: focus,
-      leftComponent: leftComponent,
-      maxLength: maxLength,
-      minLength: minLength,
-      name: name,
+      leftComponent,
+      maxLength,
+      minLength,
+      name,
       onBlur: this.handleBlur,
       onChange: this.handleOnChange,
-      onClick: onClick,
-      onFocus: onFocus,
+      onClick,
+      onFocus,
       onKeyDown: this.handleKeyDown,
-      onKeyUp: onKeyUp,
-      onPaste: onPaste,
-      placeholder: placeholder,
-      readOnly: readOnly,
-      rightComponent: rightComponent,
-      style: style,
-      type: type,
+      onKeyUp,
+      onPaste,
+      placeholder,
+      readOnly,
+      rightComponent,
+      style,
+      type,
       value: finalValue
-    }));
+    });
   }
-
 }
-
-export { DSInputMaskDeprecated as default };
+DSInputMaskDeprecated.propTypes = {
+  autoFocus: PropTypes.bool,
+  style: PropTypes.object,
+  disabled: PropTypes.bool,
+  className: PropTypes.string,
+  name: PropTypes.string,
+  maxLength: PropTypes.number,
+  minLength: PropTypes.number,
+  fluidWidth: PropTypes.bool,
+  placeholder: PropTypes.string,
+  value: PropTypes.string,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  leftComponent: PropTypes.element,
+  rightComponent: PropTypes.element,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onPaste: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  hasError: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  onClick: PropTypes.func,
+  clearable: PropTypes.bool,
+  type: PropTypes.string,
+  innerRef: PropTypes.any,
+  mask: PropTypes.any,
+  placeholderChar: PropTypes.string
+};
+var DSInputMaskDeprecated_default = DSInputMaskDeprecated;
+export {
+  DSInputMaskDeprecated,
+  DSInputMaskDeprecated_default as default
+};
+//# sourceMappingURL=DSInputMaskDeprecated.js.map

package/esm/InputMask/DSInputMaskDeprecated.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/DSInputMaskDeprecated.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable react/prop-types */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isEqual } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { adjustCaretPosition, conformToMask } from 'text-mask-core';\nimport { setCaretPosition } from './utils/setCaretPosition';\nimport { DSTextBox } from '../TextBox';\n\nconst getValueFromEventOrString = (e) => {\n  let value = e;\n  if (e && e.target) {\n    const {\n      target: { value: eValue },\n    } = e;\n    value = eValue;\n  }\n  return value;\n};\n\nconst getRawMask = (mask, rawValue = '') => (typeof mask === 'function' ? mask(rawValue) : mask);\n\n// this is not safe because we don't take in consideration a lot of cases\n// just a monkeypatch untill we get the v2 going,\n// this work with \"internal\" masks...\nconst UNSAFEGetRawValue = (value, mask) => {\n  const safeValue = getValueFromEventOrString(value);\n  if (!safeValue) return '';\n  const rawMask = getRawMask(mask, value);\n  const characterToStrip = rawMask.filter((char) => typeof char === 'string');\n\n  return safeValue\n    ?.split('')\n    ?.filter((char) => {\n      const indexCharToStrip = characterToStrip.findIndex((strip) => strip === char);\n      if (indexCharToStrip >= 0) {\n        characterToStrip.splice(indexCharToStrip, 1);\n        return false;\n      }\n      return true;\n    })\n    ?.join('');\n};\n\n// this is not safe because we don't take in consideration a lot of cases\n// just a monkeypatch untill we get the v2 going,\n// this work with \"internal\" masks...\nconst UNSAFEIsRawValue = (value, mask) => {\n  const safeValue = getValueFromEventOrString(value);\n  if (!safeValue) return false;\n  const rawMask = getRawMask(mask, safeValue);\n  const characterToStrip = rawMask.filter((char) => typeof char === 'string');\n  if (safeValue)\n    safeValue?.split('')?.forEach((char) => {\n      const indexCharToStrip = characterToStrip.findIndex((strip) => strip === char);\n      if (indexCharToStrip >= 0) {\n        characterToStrip.splice(indexCharToStrip, 1);\n      }\n    });\n  // if we matched all the character to strip, this is not a raw value\n  // unsafe, but \"good enough\" for most masks...\n  return characterToStrip.length !== 0;\n};\n\nclass DSInputMaskDeprecated extends Component {\n  lastkey = null;\n\n  lastkeycode = null;\n\n  constructor(props) {\n    super(props);\n    this.inputref = React.createRef();\n\n    this.state = {\n      maskedValue: '',\n      previousConformedValue: '',\n    };\n    this.conformValue = this.conformValue.bind(this);\n  }\n\n  conformValue = (\n    rawValueOrEvent,\n    currentCaretPosition,\n    { skipCaretPositioning = false, skipOnChangeCallback = false } = {},\n  ) => {\n    const { previousConformedValue } = this.state;\n    const { onChange, mask, placeholderChar = '_', pipe } = this.props;\n    const rawValue = getValueFromEventOrString(rawValueOrEvent);\n\n    // short-circuit logic if user cleared the input\n    if (rawValue.length === 0) {\n      this.setState(\n        {\n          maskedValue: rawValue,\n          previousConformedValue: rawValue,\n          focus: true,\n        },\n        () => {\n          const event = {\n            target: {\n              value: rawValue,\n              originalValue: rawValue,\n            },\n            lastkey: this.lastkey,\n          };\n          onChange(event);\n        },\n      );\n      return;\n    }\n    const rawMaskWithTraps = getRawMask(mask, rawValue);\n    const rawMask = rawMaskWithTraps.filter((val) => val !== '[]');\n\n    // generate the final result we want to put in the state and in the input box\n    const conformToMaskResults = conformToMask(rawValue, rawMask, {\n      guide: false,\n      placeholderChar,\n      ...(previousConformedValue && { previousConformedValue }),\n    });\n\n    const { conformedValue: pipelessConformed } = conformToMaskResults;\n    // when the last character must be always preserved we need to manually ensure it\n    //  because\n    //    conformToMask -> guide: false will interpeter the last character\n    //     will remove the last character if it's part of the mask\n    //   we may want to add a prop for this in the future?\n    //   this is used for example with \"decimal\" and \"percentage\" masks\n    let conformedValueEnsureLastMaskChar = pipelessConformed;\n    const lastMaskChar = rawMask[rawMask.length - 1];\n    const lastValueChar = pipelessConformed.charAt(pipelessConformed.length - 1);\n    if (typeof lastMaskChar === 'string' && lastMaskChar !== lastValueChar) {\n      conformedValueEnsureLastMaskChar = pipelessConformed + lastMaskChar;\n    }\n\n    let pipeResult = {\n      indexesOfPipedChars: [],\n      value: conformedValueEnsureLastMaskChar,\n      valid: true,\n    };\n    if (typeof pipe === 'function') pipeResult = pipe()(conformedValueEnsureLastMaskChar);\n\n    // if the pipe results in an invalid value, we don't allow the change\n    //   meaning the final result will be like the user never tried to change the input\n    //   this is because the user will have to inject the validation in his pipe\n    //   probably pipe is never used, because this never worked before...\n    //   we will deprecate the \"pipe\" props in the future\n    const conformedValue = pipeResult.valid ? pipeResult.value : previousConformedValue;\n\n    // generate the \"placeholder\" used in calculating new caret position\n    // this means we need\n    //   empty string as a value\n    //   guide:true\n    //   we can ignore \"previousConformedValue\" parameter\n    const generatedPlaceHolder = conformToMask('', rawMask, {\n      guide: true,\n      placeholderChar,\n    });\n    const { indexesOfPipedChars } = pipeResult;\n    const adjustCaretPositionOpts = {\n      previousConformedValue,\n      conformedValue,\n      currentCaretPosition,\n      rawValue,\n      placeholderChar,\n      placeholder: generatedPlaceHolder.conformedValue,\n      indexesOfPipedChars,\n      caretTrapIndexes: [],\n    };\n    const caretPos = adjustCaretPosition(adjustCaretPositionOpts);\n\n    this.setState(\n      {\n        maskedValue: conformedValue,\n        previousConformedValue: conformedValue,\n        focus: true,\n      },\n      () => {\n        const event = {\n          target: {\n            value: conformedValue,\n            originalValue: rawValue,\n          },\n          lastkey: this.lastkey,\n        };\n        if (!skipOnChangeCallback) onChange(event);\n        if (!skipCaretPositioning) setTimeout(() => setCaretPosition(this.inputref, caretPos));\n      },\n    );\n  };\n\n  // eslint-disable-next-line max-statements\n  handleOnChange = (e) => {\n    const rawValue = e?.target?.value || '';\n    const { selectionEnd } = e.target;\n    const currentCaretPosition = selectionEnd;\n    this.conformValue(rawValue, currentCaretPosition);\n  };\n\n  handleKeyDown = (e) => {\n    e.stopPropagation();\n    const { onKeyDown } = this.props;\n    this.lastkey = e.key;\n    this.lastkeycode = e.keyCode;\n    onKeyDown(e);\n  };\n\n  handleBlur = (e) => {\n    const { onBlur } = this.props;\n    this.setState({ focus: false });\n    onBlur(e);\n  };\n\n  componentDidMount() {\n    const { value, mask } = this.props;\n    const isAlreadyRaw = UNSAFEIsRawValue(value, mask);\n    const rawVal = isAlreadyRaw ? value : UNSAFEGetRawValue(value, mask);\n    if (rawVal === '') return;\n    // if value from props is raw, we invoke onChange\n    //  not invoking onChange on a raw value breaks the internal components depending on this...\n    const shouldSkipOnChange = !isAlreadyRaw;\n\n    this.conformValue(rawVal, rawVal.length, {\n      skipCaretPositioning: true,\n      skipOnChangeCallback: shouldSkipOnChange,\n    });\n  }\n\n  componentDidUpdate(prevProps) {\n    // ensure the mask is re-applied when value/mask props changes.\n    // this is required by internal implementations like DSDateRangePicker\n    const { value: prevValOrEvent, mask: prevMask } = prevProps;\n    const { value: valOrEvent, mask } = this.props;\n    const value = getValueFromEventOrString(valOrEvent);\n    const isAlreadyRaw = UNSAFEIsRawValue(value, mask);\n    const rawVal = isAlreadyRaw ? value : UNSAFEGetRawValue(value, mask);\n    if (rawVal === '') return;\n    const rawMask = getRawMask(mask, rawVal);\n\n    const prevVal = getValueFromEventOrString(prevValOrEvent);\n    const prevIsAlreadyRaw = UNSAFEIsRawValue(prevVal, prevMask);\n    const prevRawVal = prevIsAlreadyRaw ? prevVal : UNSAFEGetRawValue(prevVal, prevMask);\n    const prevRawMask = getRawMask(prevMask, prevRawVal);\n\n    // we need to compare \"raw\" masks, because mask sometimes are functions\n    //  and if we don't compare raw mask, isEqual will produce unexpected result\n    //  which would lead to infinite loops\n    if (prevVal !== value || !isEqual(prevRawMask, rawMask)) {\n      // if value from props is raw, we invoke onChange\n      //  not invoking onChange on a raw value breaks the internal components depending on this...\n      const shouldSkipOnChange = !isAlreadyRaw;\n      this.conformValue(rawVal, rawVal.length, {\n        skipCaretPositioning: true,\n        skipOnChangeCallback: shouldSkipOnChange,\n      });\n    }\n  }\n\n  render() {\n    const {\n      autoFocus,\n      style,\n      disabled,\n      className,\n      name,\n      maxLength,\n      minLength,\n      fluidWidth,\n      placeholder,\n      onKeyDown,\n      onClick,\n      onChange,\n      onFocus,\n      onBlur,\n      onPaste,\n      onKeyUp,\n      hasError,\n      readOnly,\n      type,\n      innerRef,\n      clearable = false,\n      leftComponent,\n      rightComponent,\n      value,\n      ...rest\n    } = this.props;\n    const { maskedValue, focus } = this.state;\n    // if component is \"controlled\" we print the value from the props\n    // if it's not controlled we use the internal state\n    // handleOnChange has the logic to invoke the onChange with the mask applied\n    // if the dev controls the component but pass down a value not conformed to the mask\n    // it's a problem to be fixed on the dev side.\n    // this means no \"get derived state from props\" mumbo-jumbos\n    const propsValue = getValueFromEventOrString(value);\n    const finalValue = typeof propsValue === 'string' || typeof propsValue === 'number' ? propsValue : maskedValue;\n\n    return (\n      <DSTextBox\n        {...rest}\n        aria-label={rest['aria-label']}\n        className={className}\n        clearable={clearable}\n        disabled={disabled}\n        fluidWidth={fluidWidth}\n        hasError={hasError}\n        isActive={focus}\n        leftComponent={leftComponent}\n        maxLength={maxLength}\n        minLength={minLength}\n        name={name}\n        onBlur={this.handleBlur}\n        onChange={this.handleOnChange}\n        onClick={onClick}\n        onFocus={onFocus}\n        onKeyDown={this.handleKeyDown}\n        onKeyUp={onKeyUp}\n        onPaste={onPaste}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        rightComponent={rightComponent}\n        style={style}\n        type={type}\n        value={finalValue}\n      />\n    );\n  }\n}\n\nDSInputMaskDeprecated.propTypes = {\n  autoFocus: PropTypes.bool,\n  style: PropTypes.object,\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  name: PropTypes.string,\n  maxLength: PropTypes.number,\n  minLength: PropTypes.number,\n  fluidWidth: PropTypes.bool,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  leftComponent: PropTypes.element,\n  rightComponent: PropTypes.element,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onPaste: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  hasError: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  onClick: PropTypes.func,\n  clearable: PropTypes.bool,\n  type: PropTypes.string,\n  /**\n   * Ref for the component\n   */\n  innerRef: PropTypes.any,\n  /**\n   * Mask type\n   */\n  mask: PropTypes.any,\n  placeholderChar: PropTypes.string,\n};\n\nexport { DSInputMaskDeprecated };\nexport default DSInputMaskDeprecated;\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/InputMask/InputMaskContext.js

@@ -1,21 +1,18 @@
-import React from 'react';
-
-const InputMaskContext = /*#__PURE__*/React.createContext({
-  rawValue: '',
+import * as React from "react";
+import React2 from "react";
+const InputMaskContext = React2.createContext({
+  rawValue: "",
   setRawValue: () => null,
   rawMask: null,
   setRawMask: () => null,
   focus: false,
   setFocus: () => null,
-  lastkey: {
-    code: null,
-    key: null
-  },
+  lastkey: { code: null, key: null },
   setLastkey: () => null,
-  cursorPosition: {
-    current: 0
-  },
+  cursorPosition: { current: 0 },
   setCursorPosition: () => null
 });
-
-export { InputMaskContext };
+export {
+  InputMaskContext
+};
+//# sourceMappingURL=InputMaskContext.js.map

package/esm/InputMask/InputMaskContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/InputMaskContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { TLastkey } from './types';\n\nexport const InputMaskContext = React.createContext<{\n  rawValue: string;\n  setRawValue: React.Dispatch<string>;\n  rawMask: any;\n  setRawMask: React.Dispatch<any>;\n  focus: boolean;\n  setFocus: React.Dispatch<boolean>;\n  lastkey: TLastkey;\n  setLastkey: React.Dispatch<TLastkey>;\n  cursorPosition: { current: number };\n  setCursorPosition: React.Dispatch<{ current: number }>;\n}>({\n  rawValue: '',\n  setRawValue: () => null,\n  rawMask: null,\n  setRawMask: () => null,\n  focus: false,\n  setFocus: () => null,\n  lastkey: { code: null, key: null },\n  setLastkey: () => null,\n  cursorPosition: { current: 0 },\n  setCursorPosition: () => null,\n});\n"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,mBAAmB,OAAM,cAWnC;AAAA,EACD,UAAU;AAAA,EACV,aAAa,MAAM;AAAA,EACnB,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAClB,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAChB,SAAS,EAAE,MAAM,MAAM,KAAK;AAAA,EAC5B,YAAY,MAAM;AAAA,EAClB,gBAAgB,EAAE,SAAS;AAAA,EAC3B,mBAAmB,MAAM;AAAA;",
+  "names": []
+}

package/esm/InputMask/MaskPipes.js

@@ -1,8 +1,11 @@
-import { autoCorrectedDatePipe } from './addons/AutoCorrectedDatePipe.js';
-
+import * as React from "react";
+import { autoCorrectedDatePipe } from "./addons/AutoCorrectedDatePipe";
 const MASK_PIPES = {
   AUTO_CORRECT_DATE: autoCorrectedDatePipe
 };
 const maskPipes = [MASK_PIPES.AUTO_CORRECT_DATE];
-
-export { MASK_PIPES, maskPipes };
+export {
+  MASK_PIPES,
+  maskPipes
+};
+//# sourceMappingURL=MaskPipes.js.map

package/esm/InputMask/MaskPipes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/MaskPipes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { autoCorrectedDatePipe } from './addons/AutoCorrectedDatePipe';\n\nexport const MASK_PIPES = {\n  AUTO_CORRECT_DATE: autoCorrectedDatePipe,\n};\n\nexport const maskPipes = [MASK_PIPES.AUTO_CORRECT_DATE];\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,aAAa;AAAA,EACxB,mBAAmB;AAAA;AAGd,MAAM,YAAY,CAAC,WAAW;",
+  "names": []
+}