npm - @elliemae/ds-form - Versions diffs - 3.3.0-next.4 → 3.3.0-next.7 - Mend

@elliemae/ds-form 3.3.0-next.4 → 3.3.0-next.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

package/dist/esm/InputMask/DSInputMaskDeprecated.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACIA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC,MAAM;AACvC,MAAI,QAAQ;AACZ,MAAI,KAAK,EAAE,QAAQ;AACjB,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,YAAQ;AAAA,EACV;AACA,SAAO;AACT;AAEA,MAAM,aAAa,CAAC,MAAM,WAAW,OAAQ,OAAO,SAAS,aAAa,KAAK,QAAQ,IAAI;AAK3F,MAAM,oBAAoB,CAAC,OAAO,SAAS;AACzC,QAAM,YAAY,0BAA0B,KAAK;AACjD,MAAI,CAAC;AAAW,WAAO;AACvB,QAAM,UAAU,WAAW,MAAM,KAAK;AACtC,QAAM,mBAAmB,QAAQ,OAAO,CAAC,SAAS,OAAO,SAAS,QAAQ;AAE1E,SAAO,WACH,MAAM,EAAE,GACR,OAAO,CAAC,SAAS;AACjB,UAAM,mBAAmB,iBAAiB,UAAU,CAAC,UAAU,UAAU,IAAI;AAC7E,QAAI,oBAAoB,GAAG;AACzB,uBAAiB,OAAO,kBAAkB,CAAC;AAC3C,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC,GACC,KAAK,EAAE;AACb;AAKA,MAAM,mBAAmB,CAAC,OAAO,SAAS;AACxC,QAAM,YAAY,0BAA0B,KAAK;AACjD,MAAI,CAAC;AAAW,WAAO;AACvB,QAAM,UAAU,WAAW,MAAM,SAAS;AAC1C,QAAM,mBAAmB,QAAQ,OAAO,CAAC,SAAS,OAAO,SAAS,QAAQ;AAC1E,MAAI;AACF,eAAW,MAAM,EAAE,GAAG,QAAQ,CAAC,SAAS;AACtC,YAAM,mBAAmB,iBAAiB,UAAU,CAAC,UAAU,UAAU,IAAI;AAC7E,UAAI,oBAAoB,GAAG;AACzB,yBAAiB,OAAO,kBAAkB,CAAC;AAAA,MAC7C;AAAA,IACF,CAAC;AAGH,SAAO,iBAAiB,WAAW;AACrC;AAEA,MAAM,8BAA8B,UAAU;AAAA,EAK5C,YAAY,OAAO;AACjB,UAAM,KAAK;AALb,mBAAU;AAEV,uBAAc;AAad,wBAAe,CACb,iBACA,sBACA,EAAE,uBAAuB,OAAO,uBAAuB,UAAU,CAAC,MAC/D;AACH,YAAM,EAAE,2BAA2B,KAAK;AACxC,YAAM,EAAE,UAAU,MAAM,kBAAkB,KAAK,SAAS,KAAK;AAC7D,YAAM,WAAW,0BAA0B,eAAe;AAG1D,UAAI,SAAS,WAAW,GAAG;AACzB,aAAK,SACH;AAAA,UACE,aAAa;AAAA,UACb,wBAAwB;AAAA,UACxB,OAAO;AAAA,QACT,GACA,MAAM;AACJ,gBAAM,QAAQ;AAAA,YACZ,QAAQ;AAAA,cACN,OAAO;AAAA,cACP,eAAe;AAAA,YACjB;AAAA,YACA,SAAS,KAAK;AAAA,UAChB;AACA,mBAAS,KAAK;AAAA,QAChB,CACF;AACA;AAAA,MACF;AACA,YAAM,mBAAmB,WAAW,MAAM,QAAQ;AAClD,YAAM,UAAU,iBAAiB,OAAO,CAAC,QAAQ,QAAQ,IAAI;AAG7D,YAAM,uBAAuB,cAAc,UAAU,SAAS;AAAA,QAC5D,OAAO;AAAA,QACP;AAAA,SACI,0BAA0B,EAAE,uBAAuB,EACxD;AAED,YAAM,EAAE,gBAAgB,sBAAsB;AAO9C,UAAI,mCAAmC;AACvC,YAAM,eAAe,QAAQ,QAAQ,SAAS;AAC9C,YAAM,gBAAgB,kBAAkB,OAAO,kBAAkB,SAAS,CAAC;AAC3E,UAAI,OAAO,iBAAiB,YAAY,iBAAiB,eAAe;AACtE,2CAAmC,oBAAoB;AAAA,MACzD;AAEA,UAAI,aAAa;AAAA,QACf,qBAAqB,CAAC;AAAA,QACtB,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AACA,UAAI,OAAO,SAAS;AAAY,qBAAa,KAAK,EAAE,gCAAgC;AAOpF,YAAM,iBAAiB,WAAW,QAAQ,WAAW,QAAQ;AAO7D,YAAM,uBAAuB,cAAc,IAAI,SAAS;AAAA,QACtD,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AACD,YAAM,EAAE,wBAAwB;AAChC,YAAM,0BAA0B;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,qBAAqB;AAAA,QAClC;AAAA,QACA,kBAAkB,CAAC;AAAA,MACrB;AACA,YAAM,WAAW,oBAAoB,uBAAuB;AAE5D,WAAK,SACH;AAAA,QACE,aAAa;AAAA,QACb,wBAAwB;AAAA,QACxB,OAAO;AAAA,MACT,GACA,MAAM;AACJ,cAAM,QAAQ;AAAA,UACZ,QAAQ;AAAA,YACN,OAAO;AAAA,YACP,eAAe;AAAA,UACjB;AAAA,UACA,SAAS,KAAK;AAAA,QAChB;AACA,YAAI,CAAC;AAAsB,mBAAS,KAAK;AACzC,YAAI,CAAC;AAAsB,qBAAW,MAAM,iBAAiB,KAAK,UAAU,QAAQ,CAAC;AAAA,MACvF,CACF;AAAA,IACF;AAGA,0BAAiB,CAAC,MAAM;AACtB,YAAM,WAAW,GAAG,QAAQ,SAAS;AACrC,YAAM,EAAE,iBAAiB,EAAE;AAC3B,YAAM,uBAAuB;AAC7B,WAAK,aAAa,UAAU,oBAAoB;AAAA,IAClD;AAEA,yBAAgB,CAAC,MAAM;AACrB,QAAE,gBAAgB;AAClB,YAAM,EAAE,cAAc,KAAK;AAC3B,WAAK,UAAU,EAAE;AACjB,WAAK,cAAc,EAAE;AACrB,gBAAU,CAAC;AAAA,IACb;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,WAAW,KAAK;AACxB,WAAK,SAAS,EAAE,OAAO,MAAM,CAAC;AAC9B,aAAO,CAAC;AAAA,IACV;AA3IE,SAAK,WAAW,OAAM,UAAU;AAEhC,SAAK,QAAQ;AAAA,MACX,aAAa;AAAA,MACb,wBAAwB;AAAA,IAC1B;AACA,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAsIA,oBAAoB;AAClB,UAAM,EAAE,OAAO,SAAS,KAAK;AAC7B,UAAM,eAAe,iBAAiB,OAAO,IAAI;AACjD,UAAM,SAAS,eAAe,QAAQ,kBAAkB,OAAO,IAAI;AACnE,QAAI,WAAW;AAAI;AAGnB,UAAM,qBAAqB,CAAC;AAE5B,SAAK,aAAa,QAAQ,OAAO,QAAQ;AAAA,MACvC,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,IACxB,CAAC;AAAA,EACH;AAAA,EAEA,mBAAmB,WAAW;AAG5B,UAAM,EAAE,OAAO,gBAAgB,MAAM,aAAa;AAClD,UAAM,EAAE,OAAO,YAAY,SAAS,KAAK;AACzC,UAAM,QAAQ,0BAA0B,UAAU;AAClD,UAAM,eAAe,iBAAiB,OAAO,IAAI;AACjD,UAAM,SAAS,eAAe,QAAQ,kBAAkB,OAAO,IAAI;AACnE,QAAI,WAAW;AAAI;AACnB,UAAM,UAAU,WAAW,MAAM,MAAM;AAEvC,UAAM,UAAU,0BAA0B,cAAc;AACxD,UAAM,mBAAmB,iBAAiB,SAAS,QAAQ;AAC3D,UAAM,aAAa,mBAAmB,UAAU,kBAAkB,SAAS,QAAQ;AACnF,UAAM,cAAc,WAAW,UAAU,UAAU;AAKnD,QAAI,YAAY,SAAS,CAAC,QAAQ,aAAa,OAAO,GAAG;AAGvD,YAAM,qBAAqB,CAAC;AAC5B,WAAK,aAAa,QAAQ,OAAO,QAAQ;AAAA,QACvC,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UA0BI,UAAK,OAzBP;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,QAEE,IADC,iBACD,IADC;AAAA,MAxBH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,UAAM,EAAE,aAAa,UAAU,KAAK;AAOpC,UAAM,aAAa,0BAA0B,KAAK;AAClD,UAAM,aAAa,OAAO,eAAe,YAAY,OAAO,eAAe,WAAW,aAAa;AAEnG,WACE,qCAAC,4CACK,OADL;AAAA,MAEC,cAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf;AAAA,MACA;AAAA,MACA,WAAW,KAAK;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACT;AAAA,EAEJ;AACF;AAEA,sBAAsB,YAAY;AAAA,EAChC,WAAW,UAAU;AAAA,EACrB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AAAA,EACvB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,eAAe,UAAU;AAAA,EACzB,gBAAgB,UAAU;AAAA,EAC1B,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAIhB,UAAU,UAAU;AAAA,EAIpB,MAAM,UAAU;AAAA,EAChB,iBAAiB,UAAU;AAC7B;AAGA,IAAO,gCAAQ;",
+  "mappings": ";AAAA;ACIA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC,MAAM;AACvC,MAAI,QAAQ;AACZ,MAAI,KAAK,EAAE,QAAQ;AACjB,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,YAAQ;AAAA,EACV;AACA,SAAO;AACT;AAEA,MAAM,aAAa,CAAC,MAAM,WAAW,OAAQ,OAAO,SAAS,aAAa,KAAK,QAAQ,IAAI;AAK3F,MAAM,oBAAoB,CAAC,OAAO,SAAS;AACzC,QAAM,YAAY,0BAA0B,KAAK;AACjD,MAAI,CAAC;AAAW,WAAO;AACvB,QAAM,UAAU,WAAW,MAAM,KAAK;AACtC,QAAM,mBAAmB,QAAQ,OAAO,CAAC,SAAS,OAAO,SAAS,QAAQ;AAE1E,SAAO,WACH,MAAM,EAAE,GACR,OAAO,CAAC,SAAS;AACjB,UAAM,mBAAmB,iBAAiB,UAAU,CAAC,UAAU,UAAU,IAAI;AAC7E,QAAI,oBAAoB,GAAG;AACzB,uBAAiB,OAAO,kBAAkB,CAAC;AAC3C,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC,GACC,KAAK,EAAE;AACb;AAKA,MAAM,mBAAmB,CAAC,OAAO,SAAS;AACxC,QAAM,YAAY,0BAA0B,KAAK;AACjD,MAAI,CAAC;AAAW,WAAO;AACvB,QAAM,UAAU,WAAW,MAAM,SAAS;AAC1C,QAAM,mBAAmB,QAAQ,OAAO,CAAC,SAAS,OAAO,SAAS,QAAQ;AAC1E,MAAI;AACF,eAAW,MAAM,EAAE,GAAG,QAAQ,CAAC,SAAS;AACtC,YAAM,mBAAmB,iBAAiB,UAAU,CAAC,UAAU,UAAU,IAAI;AAC7E,UAAI,oBAAoB,GAAG;AACzB,yBAAiB,OAAO,kBAAkB,CAAC;AAAA,MAC7C;AAAA,IACF,CAAC;AAGH,SAAO,iBAAiB,WAAW;AACrC;AAEA,MAAM,8BAA8B,UAAU;AAAA,EAK5C,YAAY,OAAO;AACjB,UAAM,KAAK;AALb,mBAAU;AAEV,uBAAc;AAad,wBAAe,CACb,iBACA,sBACA,EAAE,uBAAuB,OAAO,uBAAuB,UAAU,CAAC,MAC/D;AACH,YAAM,EAAE,2BAA2B,KAAK;AACxC,YAAM,EAAE,UAAU,MAAM,kBAAkB,KAAK,SAAS,KAAK;AAC7D,YAAM,WAAW,0BAA0B,eAAe;AAG1D,UAAI,SAAS,WAAW,GAAG;AACzB,aAAK,SACH;AAAA,UACE,aAAa;AAAA,UACb,wBAAwB;AAAA,UACxB,OAAO;AAAA,QACT,GACA,MAAM;AACJ,gBAAM,QAAQ;AAAA,YACZ,QAAQ;AAAA,cACN,OAAO;AAAA,cACP,eAAe;AAAA,YACjB;AAAA,YACA,SAAS,KAAK;AAAA,UAChB;AACA,mBAAS,KAAK;AAAA,QAChB,CACF;AACA;AAAA,MACF;AACA,YAAM,mBAAmB,WAAW,MAAM,QAAQ;AAClD,YAAM,UAAU,iBAAiB,OAAO,CAAC,QAAQ,QAAQ,IAAI;AAG7D,YAAM,uBAAuB,cAAc,UAAU,SAAS;AAAA,QAC5D,OAAO;AAAA,QACP;AAAA,QACA,GAAI,0BAA0B,EAAE,uBAAuB;AAAA,MACzD,CAAC;AAED,YAAM,EAAE,gBAAgB,sBAAsB;AAO9C,UAAI,mCAAmC;AACvC,YAAM,eAAe,QAAQ,QAAQ,SAAS;AAC9C,YAAM,gBAAgB,kBAAkB,OAAO,kBAAkB,SAAS,CAAC;AAC3E,UAAI,OAAO,iBAAiB,YAAY,iBAAiB,eAAe;AACtE,2CAAmC,oBAAoB;AAAA,MACzD;AAEA,UAAI,aAAa;AAAA,QACf,qBAAqB,CAAC;AAAA,QACtB,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AACA,UAAI,OAAO,SAAS;AAAY,qBAAa,KAAK,EAAE,gCAAgC;AAOpF,YAAM,iBAAiB,WAAW,QAAQ,WAAW,QAAQ;AAO7D,YAAM,uBAAuB,cAAc,IAAI,SAAS;AAAA,QACtD,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AACD,YAAM,EAAE,wBAAwB;AAChC,YAAM,0BAA0B;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,qBAAqB;AAAA,QAClC;AAAA,QACA,kBAAkB,CAAC;AAAA,MACrB;AACA,YAAM,WAAW,oBAAoB,uBAAuB;AAE5D,WAAK,SACH;AAAA,QACE,aAAa;AAAA,QACb,wBAAwB;AAAA,QACxB,OAAO;AAAA,MACT,GACA,MAAM;AACJ,cAAM,QAAQ;AAAA,UACZ,QAAQ;AAAA,YACN,OAAO;AAAA,YACP,eAAe;AAAA,UACjB;AAAA,UACA,SAAS,KAAK;AAAA,QAChB;AACA,YAAI,CAAC;AAAsB,mBAAS,KAAK;AACzC,YAAI,CAAC;AAAsB,qBAAW,MAAM,iBAAiB,KAAK,UAAU,QAAQ,CAAC;AAAA,MACvF,CACF;AAAA,IACF;AAGA,0BAAiB,CAAC,MAAM;AACtB,YAAM,WAAW,GAAG,QAAQ,SAAS;AACrC,YAAM,EAAE,iBAAiB,EAAE;AAC3B,YAAM,uBAAuB;AAC7B,WAAK,aAAa,UAAU,oBAAoB;AAAA,IAClD;AAEA,yBAAgB,CAAC,MAAM;AACrB,QAAE,gBAAgB;AAClB,YAAM,EAAE,cAAc,KAAK;AAC3B,WAAK,UAAU,EAAE;AACjB,WAAK,cAAc,EAAE;AACrB,gBAAU,CAAC;AAAA,IACb;AAEA,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,WAAW,KAAK;AACxB,WAAK,SAAS,EAAE,OAAO,MAAM,CAAC;AAC9B,aAAO,CAAC;AAAA,IACV;AA3IE,SAAK,WAAW,OAAM,UAAU;AAEhC,SAAK,QAAQ;AAAA,MACX,aAAa;AAAA,MACb,wBAAwB;AAAA,IAC1B;AACA,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAsIA,oBAAoB;AAClB,UAAM,EAAE,OAAO,SAAS,KAAK;AAC7B,UAAM,eAAe,iBAAiB,OAAO,IAAI;AACjD,UAAM,SAAS,eAAe,QAAQ,kBAAkB,OAAO,IAAI;AACnE,QAAI,WAAW;AAAI;AAGnB,UAAM,qBAAqB,CAAC;AAE5B,SAAK,aAAa,QAAQ,OAAO,QAAQ;AAAA,MACvC,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,IACxB,CAAC;AAAA,EACH;AAAA,EAEA,mBAAmB,WAAW;AAG5B,UAAM,EAAE,OAAO,gBAAgB,MAAM,aAAa;AAClD,UAAM,EAAE,OAAO,YAAY,SAAS,KAAK;AACzC,UAAM,QAAQ,0BAA0B,UAAU;AAClD,UAAM,eAAe,iBAAiB,OAAO,IAAI;AACjD,UAAM,SAAS,eAAe,QAAQ,kBAAkB,OAAO,IAAI;AACnE,QAAI,WAAW;AAAI;AACnB,UAAM,UAAU,WAAW,MAAM,MAAM;AAEvC,UAAM,UAAU,0BAA0B,cAAc;AACxD,UAAM,mBAAmB,iBAAiB,SAAS,QAAQ;AAC3D,UAAM,aAAa,mBAAmB,UAAU,kBAAkB,SAAS,QAAQ;AACnF,UAAM,cAAc,WAAW,UAAU,UAAU;AAKnD,QAAI,YAAY,SAAS,CAAC,QAAQ,aAAa,OAAO,GAAG;AAGvD,YAAM,qBAAqB,CAAC;AAC5B,WAAK,aAAa,QAAQ,OAAO,QAAQ;AAAA,QACvC,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA,QACD,KAAK;AACT,UAAM,EAAE,aAAa,UAAU,KAAK;AAOpC,UAAM,aAAa,0BAA0B,KAAK;AAClD,UAAM,aAAa,OAAO,eAAe,YAAY,OAAO,eAAe,WAAW,aAAa;AAEnG,WACE,qCAAC;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf;AAAA,MACA;AAAA,MACA,WAAW,KAAK;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,KACT;AAAA,EAEJ;AACF;AAEA,sBAAsB,YAAY;AAAA,EAChC,WAAW,UAAU;AAAA,EACrB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AAAA,EACvB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,eAAe,UAAU;AAAA,EACzB,gBAAgB,UAAU;AAAA,EAC1B,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAIhB,UAAU,UAAU;AAAA,EAIpB,MAAM,UAAU;AAAA,EAChB,iBAAiB,UAAU;AAC7B;AAGA,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/InputMask/MaskTypes.js CHANGED Viewed

@@ -1,20 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 import * as React from "react";
 const MASK_TYPES = {
   DATE: "ds-mask-date",
@@ -38,14 +22,14 @@ const MASK_TYPES = {
     /[0-5]/,
     /[0-9]/
   ],
-  DICTIONARY: (props) => __spreadValues({ type: "ds-mask-dictionary" }, props),
+  DICTIONARY: (props) => ({ type: "ds-mask-dictionary", ...props }),
   PHONE: "ds-mask-phone",
   PHONE_INTENATIONAL: "ds-mask-phone-international",
   SSN: "ds-mask-ssn",
   US_ZIP_CODE: "ds-mask-us-zip-code",
   ZIP_CODE_SEARCH: "ds-mask-zip-code-search",
-  NUMBER: (props) => (_number) => __spreadValues({ type: "ds-mask-number" }, props),
-  PERCENT: (props) => (_number) => __spreadValues({ type: "ds-mask-percent" }, props)
+  NUMBER: (props) => (_number) => ({ type: "ds-mask-number", ...props }),
+  PERCENT: (props) => (_number) => ({ type: "ds-mask-percent", ...props })
 };
 const maskTypes = [
   MASK_TYPES.DATE,

package/dist/esm/InputMask/MaskTypes.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/MaskTypes.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\n\nexport const MASK_TYPES = {\n  DATE: 'ds-mask-date',\n  DATE_DEPRECATED: [/\\d/, /\\d/, '/', /\\d/, /\\d/, '/', /\\d/, /\\d/, /\\d/, /\\d/],\n  DATE_TIME: 'ds-mask-date-time',\n  DATE_TIME_DEPRECATED: [\n    /\\d/,\n    /\\d/,\n    '/',\n    /\\d/,\n    /\\d/,\n    '/',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /[0-2]/,\n    /[0-9]/,\n    ':',\n    /[0-5]/,\n    /[0-9]/,\n  ],\n  DICTIONARY: (props) => ({ type: 'ds-mask-dictionary', ...props }),\n  PHONE: 'ds-mask-phone',\n  PHONE_INTENATIONAL: 'ds-mask-phone-international',\n  SSN: 'ds-mask-ssn',\n  US_ZIP_CODE: 'ds-mask-us-zip-code',\n  ZIP_CODE_SEARCH: 'ds-mask-zip-code-search',\n  NUMBER: (props) => (_number) => ({ type: 'ds-mask-number', ...props }),\n  PERCENT: (props) => (_number) => ({ type: 'ds-mask-percent', ...props }),\n};\n\nexport const maskTypes = [\n  MASK_TYPES.DATE,\n  MASK_TYPES.DATE_DEPRECATED,\n  MASK_TYPES.DATE_TIME,\n  MASK_TYPES.DATE_TIME_DEPRECATED,\n  MASK_TYPES.PHONE,\n  MASK_TYPES.PHONE_INTENATIONAL,\n  MASK_TYPES.SSN,\n  MASK_TYPES.US_ZIP_CODE,\n  MASK_TYPES.NUMBER,\n  MASK_TYPES.PERCENT,\n];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;ACEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,iBAAiB,CAAC,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AAAA,EAC1E,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,YAAY,CAAC,UAAW,iBAAE,MAAM,wBAAyB;AAAA,EACzD,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,QAAQ,CAAC,UAAU,CAAC,YAAa,iBAAE,MAAM,oBAAqB;AAAA,EAC9D,SAAS,CAAC,UAAU,CAAC,YAAa,iBAAE,MAAM,qBAAsB;AAClE;AAEO,MAAM,YAAY;AAAA,EACvB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;",
+  "mappings": ";AAAA;ACEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,iBAAiB,CAAC,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AAAA,EAC1E,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,YAAY,CAAC,UAAW,GAAE,MAAM,sBAAsB,GAAG,MAAM;AAAA,EAC/D,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,QAAQ,CAAC,UAAU,CAAC,YAAa,GAAE,MAAM,kBAAkB,GAAG,MAAM;AAAA,EACpE,SAAS,CAAC,UAAU,CAAC,YAAa,GAAE,MAAM,mBAAmB,GAAG,MAAM;AACxE;AAEO,MAAM,YAAY;AAAA,EACvB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;",
   "names": []
 }

package/dist/esm/InputMask/mask_types/DateInputMask.js CHANGED Viewed

@@ -1,35 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2, { useCallback, useLayoutEffect, useRef, useState } from "react";
 import { DSTextBox } from "../../TextBox";
@@ -65,72 +34,40 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   }
   return { nextMaskedValue: nextMaskedValue.join(""), maskedPos };
 };
-const DateInputMask = (_a) => {
-  var _b = _a, {
-    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
-  } = _b, rest = __objRest(_b, [
-    "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 DateInputMask = ({
+  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 = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
   const conform = useCallback(({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
@@ -176,7 +113,8 @@ const DateInputMask = (_a) => {
     setFocus(false);
     onBlur(e);
   }, [onBlur]);
-  return /* @__PURE__ */ React2.createElement(DSTextBox, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React2.createElement(DSTextBox, {
+    ...rest,
     className,
     clearable,
     disabled,
@@ -205,7 +143,7 @@ const DateInputMask = (_a) => {
     style,
     type,
     value: maskedValue
-  }));
+  });
 };
 var DateInputMask_default = DateInputMask;
 export {

package/dist/esm/InputMask/mask_types/DateInputMask.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/DateInputMask.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (\n  rawValue: string,\n  cursorPos: number,\n  lastkeycode: number,\n) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 8);\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n\n  // list of [string to add, position to add]\n  const charactersToAdd: TCharsToAdd = [\n    ['/', 2],\n    ['/', 5],\n  ];\n\n  charactersToAdd.forEach(([chars, pos]) => {\n    if (nextMaskedValue.length > pos) {\n      nextMaskedValue.splice(pos, 0, chars);\n      if (maskedPos >= pos) maskedPos += chars.length;\n    }\n  });\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos) maskedPos += chars.length;\n    });\n  } else if (lastkeycode === 8 && maskedPos) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos + 1) maskedPos -= chars.length;\n    });\n  }\n\n  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst DateInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\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}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef) innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nexport { DateInputMask };\nexport default DateInputMask;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/InputMask/mask_types/DateTimeInputMask.js CHANGED Viewed

@@ -1,35 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2, { useCallback, useLayoutEffect, useRef, useState } from "react";
 import { DSTextBox } from "../../TextBox";
@@ -71,72 +40,40 @@ const conformValue = (rawValue, cursorPos, lastkeycode) => {
   }
   return { nextMaskedValue: nextMaskedValue.join(""), maskedPos };
 };
-const DateTimeInputMask = (_a) => {
-  var _b = _a, {
-    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
-  } = _b, rest = __objRest(_b, [
-    "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 DateTimeInputMask = ({
+  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 = useRef();
   const [maskedValue, setMaskedValue] = useState(value);
   const conform = useCallback(({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {
@@ -182,7 +119,8 @@ const DateTimeInputMask = (_a) => {
     setFocus(false);
     onBlur(e);
   }, [onBlur]);
-  return /* @__PURE__ */ React2.createElement(DSTextBox, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React2.createElement(DSTextBox, {
+    ...rest,
     className,
     clearable,
     disabled,
@@ -211,7 +149,7 @@ const DateTimeInputMask = (_a) => {
     style,
     type,
     value: maskedValue
-  }));
+  });
 };
 var DateTimeInputMask_default = DateTimeInputMask;
 export {

package/dist/esm/InputMask/mask_types/DateTimeInputMask.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/InputMask/mask_types/DateTimeInputMask.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (\n  rawValue: string,\n  cursorPos: number,\n  lastkeycode: number,\n) => {\n  const nextMaskedValue = rawValue\n    .split('')\n    .filter((char) => char >= '0' && char <= '9')\n    .slice(0, 12);\n\n  while (nextMaskedValue.length > 8 && !nextMaskedValue[8].match(/[0-2]/))\n    nextMaskedValue.splice(8, 1);\n  while (nextMaskedValue.length > 10 && !nextMaskedValue[10].match(/[0-5]/))\n    nextMaskedValue.splice(10, 1);\n\n  let maskedPos = 0;\n  for (let i = 0; i < cursorPos; i += 1) {\n    if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n  }\n\n  // list of [string to add, position to add]\n  const charactersToAdd: TCharsToAdd = [\n    ['/', 2],\n    ['/', 5],\n    [' ', 10],\n    [':', 13],\n  ];\n\n  charactersToAdd.forEach(([chars, pos]) => {\n    if (nextMaskedValue.length > pos) {\n      nextMaskedValue.splice(pos, 0, chars);\n      if (maskedPos >= pos) maskedPos += chars.length;\n    }\n  });\n\n  if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos) maskedPos += chars.length;\n    });\n  } else if (lastkeycode === 8 && maskedPos) {\n    charactersToAdd.forEach(([chars, pos]) => {\n      if (maskedPos === pos + 1) maskedPos -= chars.length;\n    });\n  }\n\n  return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst DateTimeInputMask = ({\n  focus,\n  setFocus,\n  setRawMask,\n  cursorPosition,\n  setCursorPosition,\n  lastkey,\n  setLastkey,\n  setRawValue,\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}) => {\n  const inputRef = useRef();\n  const [maskedValue, setMaskedValue] = useState(value);\n\n  const conform = useCallback(\n    ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n      const { nextMaskedValue, maskedPos } = conformValue(\n        rawValue,\n        cursorPos,\n        lastkeycode,\n      );\n      const event = {\n        target: {\n          value: nextMaskedValue,\n          originalValue: rawValue,\n        },\n      };\n      if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n      setMaskedValue(nextMaskedValue);\n      setRawValue(nextMaskedValue);\n\n      if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n    },\n    [maskedValue, onChange],\n  );\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const { value: rawValue, selectionEnd } = e.target;\n      setRawMask(rawValue);\n      setRawValue(rawValue);\n      setCursorPosition({ current: selectionEnd });\n      setFocus(true);\n    },\n    [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n  );\n\n  useLayoutEffect(() => {\n    if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n  }, [focus, cursorPosition]);\n\n  useLayoutEffect(() => {\n    // if the value changes, then re-conform the mask\n    conform({\n      rawValue: value,\n      cursorPos: cursorPosition.current,\n      lastkeycode: lastkey.code,\n      shouldUpdateCursorPos: focus,\n    });\n  }, [focus, value, cursorPosition.current]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      e.stopPropagation();\n      setLastkey({ key: e.key, code: e.keyCode });\n      onKeyDown(e);\n    },\n    [onKeyDown],\n  );\n\n  const handleBlur = useCallback(\n    (e) => {\n      setFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n\n  return (\n    <DSTextBox\n      {...rest}\n      className={className}\n      clearable={clearable}\n      disabled={disabled}\n      fluidWidth={fluidWidth}\n      hasError={hasError}\n      innerRef={(ref) => {\n        inputRef.current = ref;\n        if (innerRef) innerRef(ref);\n      }}\n      isActive={focus}\n      leftComponent={leftComponent}\n      maxLength={maxLength}\n      minLength={minLength}\n      name={name}\n      onBlur={handleBlur}\n      onChange={handleOnChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      onKeyDown={handleKeyDown}\n      onKeyUp={onKeyUp}\n      onPaste={onPaste}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      rightComponent={rightComponent}\n      style={style}\n      type={type}\n      value={maskedValue}\n    />\n  );\n};\n\nexport { DateTimeInputMask };\nexport default DateTimeInputMask;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }