@elliemae/ds-form 3.0.0-next.2 → 3.0.0-next.6

package/dist/esm/InputMask/DSInputMask.js

@@ -0,0 +1,142 @@
+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, useEffect, useState } from "react";
+import { describe } from "react-desc";
+import { MASK_TYPES } from "./MaskTypes";
+import { MASK_PIPES } from "./MaskPipes";
+import { DSInputMaskDeprecated } from "./DSInputMaskDeprecated";
+import { inputProps } from "./props";
+import { defaultProps } from "./defaultProps";
+import { OutOfTheBoxMaskTypes } from "./mask_types";
+const isStringMask = (mask) => typeof mask === "string";
+const isObjectMask = (mask) => typeof mask === "object" && mask.type;
+const getRawMask = (mask, rawValue) => typeof mask === "function" ? mask(rawValue) : mask;
+const getValueFromEventOrString = (e) => {
+  let value = e;
+  if (e && e.target) {
+    const {
+      target: { value: eValue }
+    } = e;
+    value = eValue;
+  }
+  return value;
+};
+const DSInputMask = (_a) => {
+  var _b = _a, {
+    "aria-label": ariaLabel = "Input Mask",
+    autoFocus,
+    innerRef,
+    mask,
+    pipe,
+    value: valueOrEvent
+  } = _b, rest = __objRest(_b, [
+    "aria-label",
+    "autoFocus",
+    "innerRef",
+    "mask",
+    "pipe",
+    "value"
+  ]);
+  const [rawValue, setRawValue] = useState(getValueFromEventOrString(valueOrEvent));
+  useEffect(() => {
+    setRawValue(getValueFromEventOrString(valueOrEvent));
+  }, [valueOrEvent]);
+  const [rawMask, setRawMask] = useState(getRawMask(mask, rawValue));
+  const [focus, setFocus] = useState(autoFocus);
+  const [lastkey, setLastkey] = useState({
+    code: null,
+    key: null
+  });
+  const [cursorPosition, setCursorPosition] = useState({ current: 0 });
+  const handleSetMask = useCallback((newValue) => {
+    setRawMask(getRawMask(mask, newValue));
+  }, [mask]);
+  if (!pipe && isStringMask(rawMask)) {
+    return OutOfTheBoxMaskTypes[rawMask](__spreadProps(__spreadValues({}, rest), {
+      "aria-label": ariaLabel,
+      innerRef,
+      value: rawValue,
+      focus,
+      setFocus,
+      setRawMask: handleSetMask,
+      cursorPosition,
+      setCursorPosition,
+      lastkey,
+      setLastkey,
+      setRawValue
+    }));
+  }
+  if (!pipe && isObjectMask(rawMask)) {
+    return OutOfTheBoxMaskTypes[rawMask.type](__spreadProps(__spreadValues(__spreadValues({}, rawMask), rest), {
+      "aria-label": ariaLabel,
+      innerRef,
+      value: rawValue,
+      focus,
+      setFocus,
+      setRawMask: handleSetMask,
+      cursorPosition,
+      setCursorPosition,
+      lastkey,
+      setLastkey,
+      setRawValue
+    }));
+  }
+  const getDeprecatedMask = () => {
+    if (mask === MASK_TYPES.DATE)
+      return MASK_TYPES.DATE_DEPRECATED;
+    if (mask === MASK_TYPES.DATE_TIME)
+      return MASK_TYPES.DATE_TIME_DEPRECATED;
+    return mask;
+  };
+  return /* @__PURE__ */ React2.createElement(DSInputMaskDeprecated, __spreadProps(__spreadValues({}, rest), {
+    "aria-label": ariaLabel,
+    autoFocus,
+    innerRef,
+    mask: getDeprecatedMask(),
+    pipe,
+    value: rawValue
+  }));
+};
+DSInputMask.propTypes = inputProps;
+DSInputMask.defaultProps = defaultProps;
+const DSInputMaskWithSchema = describe(DSInputMask).description("Masking input for custom formats");
+DSInputMaskWithSchema.propTypes = inputProps;
+var DSInputMask_default = DSInputMask;
+export {
+  DSInputMask,
+  DSInputMaskWithSchema,
+  MASK_PIPES,
+  MASK_TYPES,
+  DSInputMask_default as default
+};
+//# sourceMappingURL=DSInputMask.js.map

package/dist/esm/InputMask/DSInputMask.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InputMask/DSInputMask.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { describe } from 'react-desc';\nimport { MASK_TYPES } from './MaskTypes';\nimport { MASK_PIPES } from './MaskPipes';\nimport { DSInputMaskDeprecated } from './DSInputMaskDeprecated';\nimport { inputProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { OutOfTheBoxMaskTypes } from './mask_types';\n\nconst isStringMask = (mask: any) => typeof mask === 'string';\n\nconst isObjectMask = (mask: any) => typeof mask === 'object' && mask.type;\n\nconst getRawMask = (mask: any, rawValue: string) =>\n  typeof mask === 'function' ? mask(rawValue) : mask;\n\nconst getValueFromEventOrString = (e: any): string => {\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 DSInputMask = ({\n  'aria-label': ariaLabel = 'Input Mask',\n  autoFocus,\n  innerRef,\n  mask,\n  pipe,\n  value: valueOrEvent,\n  ...rest\n}) => {\n  const [rawValue, setRawValue] = useState(\n    getValueFromEventOrString(valueOrEvent),\n  );\n\n  useEffect(() => {\n    setRawValue(getValueFromEventOrString(valueOrEvent));\n  }, [valueOrEvent]);\n\n  const [rawMask, setRawMask] = useState<any>(getRawMask(mask, rawValue));\n\n  const [focus, setFocus] = useState(autoFocus);\n\n  const [lastkey, setLastkey] = useState<{ code: number; key: string }>({\n    code: null,\n    key: null,\n  });\n\n  const [cursorPosition, setCursorPosition] = useState({ current: 0 });\n\n  const handleSetMask = useCallback(\n    (newValue) => {\n      setRawMask(getRawMask(mask, newValue));\n    },\n    [mask],\n  );\n\n  if (!pipe && isStringMask(rawMask)) {\n    return OutOfTheBoxMaskTypes[rawMask]({\n      ...rest,\n      'aria-label': ariaLabel,\n      innerRef,\n      value: rawValue,\n      focus,\n      setFocus,\n      setRawMask: handleSetMask,\n      cursorPosition,\n      setCursorPosition,\n      lastkey,\n      setLastkey,\n      setRawValue,\n    });\n  }\n\n  if (!pipe && isObjectMask(rawMask)) {\n    // we should change rawMask.type to rawMask.maskType\n    // to avoid override standard props\n    return OutOfTheBoxMaskTypes[rawMask.type]({\n      ...rawMask,\n      ...rest,\n      'aria-label': ariaLabel,\n      innerRef,\n      value: rawValue,\n      focus,\n      setFocus,\n      setRawMask: handleSetMask,\n      cursorPosition,\n      setCursorPosition,\n      lastkey,\n      setLastkey,\n      setRawValue,\n    });\n  }\n\n  const getDeprecatedMask = () => {\n    if (mask === MASK_TYPES.DATE) return MASK_TYPES.DATE_DEPRECATED;\n    if (mask === MASK_TYPES.DATE_TIME) return MASK_TYPES.DATE_TIME_DEPRECATED;\n    return mask;\n  };\n  return (\n    <DSInputMaskDeprecated\n      {...rest}\n      aria-label={ariaLabel}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n      mask={getDeprecatedMask()}\n      pipe={pipe}\n      value={rawValue}\n    />\n  );\n};\n\nDSInputMask.propTypes = inputProps;\nDSInputMask.defaultProps = defaultProps;\n\nconst DSInputMaskWithSchema = describe(DSInputMask).description(\n  'Masking input for custom formats',\n);\nDSInputMaskWithSchema.propTypes = inputProps;\n\nexport { MASK_TYPES, MASK_PIPES, DSInputMaskWithSchema, DSInputMask };\nexport default DSInputMask;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS;AAEpD,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS,YAAY,KAAK;AAErE,MAAM,aAAa,CAAC,MAAW,aAC7B,OAAO,SAAS,aAAa,KAAK,YAAY;AAEhD,MAAM,4BAA4B,CAAC,MAAmB;AACpD,MAAI,QAAQ;AACZ,MAAI,KAAK,EAAE,QAAQ;AACjB,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,YAAQ;AAAA;AAEV,SAAO;AAAA;AAGT,MAAM,cAAc,CAAC,OAQf;AARe,eACnB;AAAA,kBAAc,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MANY,IAOhB,iBAPgB,IAOhB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,UAAU,eAAe,SAC9B,0BAA0B;AAG5B,YAAU,MAAM;AACd,gBAAY,0BAA0B;AAAA,KACrC,CAAC;AAEJ,QAAM,CAAC,SAAS,cAAc,SAAc,WAAW,MAAM;AAE7D,QAAM,CAAC,OAAO,YAAY,SAAS;AAEnC,QAAM,CAAC,SAAS,cAAc,SAAwC;AAAA,IACpE,MAAM;AAAA,IACN,KAAK;AAAA;AAGP,QAAM,CAAC,gBAAgB,qBAAqB,SAAS,EAAE,SAAS;AAEhE,QAAM,gBAAgB,YACpB,CAAC,aAAa;AACZ,eAAW,WAAW,MAAM;AAAA,KAE9B,CAAC;AAGH,MAAI,CAAC,QAAQ,aAAa,UAAU;AAClC,WAAO,qBAAqB,SAAS,iCAChC,OADgC;AAAA,MAEnC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAIJ,MAAI,CAAC,QAAQ,aAAa,UAAU;AAGlC,WAAO,qBAAqB,QAAQ,MAAM,gDACrC,UACA,OAFqC;AAAA,MAGxC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAIJ,QAAM,oBAAoB,MAAM;AAC9B,QAAI,SAAS,WAAW;AAAM,aAAO,WAAW;AAChD,QAAI,SAAS,WAAW;AAAW,aAAO,WAAW;AACrD,WAAO;AAAA;AAET,SACE,qCAAC,uBAAD,iCACM,OADN;AAAA,IAEE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,OAAO;AAAA;AAAA;AAKb,YAAY,YAAY;AACxB,YAAY,eAAe;AAE3B,MAAM,wBAAwB,SAAS,aAAa,YAClD;AAEF,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/InputMask/DSInputMaskDeprecated.js

@@ -0,0 +1,335 @@
+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, { 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 }
+    } = e;
+    value = eValue;
+  }
+  return value;
+};
+const getRawMask = (mask, rawValue = "") => typeof mask === "function" ? mask(rawValue) : mask;
+const UNSAFEGetRawValue = (value, mask) => {
+  const safeValue = getValueFromEventOrString(value);
+  if (!safeValue)
+    return "";
+  const rawMask = getRawMask(mask, value);
+  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;
+  })?.join("");
+};
+const UNSAFEIsRawValue = (value, mask) => {
+  const safeValue = getValueFromEventOrString(value);
+  if (!safeValue)
+    return false;
+  const rawMask = getRawMask(mask, safeValue);
+  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) {
+    super(props);
+    this.lastkey = null;
+    this.lastkeycode = null;
+    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({
+          maskedValue: rawValue,
+          previousConformedValue: rawValue,
+          focus: true
+        }, () => {
+          const event = {
+            target: {
+              value: rawValue,
+              originalValue: rawValue
+            },
+            lastkey: this.lastkey
+          };
+          onChange(event);
+        });
+        return;
+      }
+      const rawMaskWithTraps = getRawMask(mask, rawValue);
+      const rawMask = rawMaskWithTraps.filter((val) => val !== "[]");
+      const conformToMaskResults = conformToMask(rawValue, rawMask, __spreadValues({
+        guide: false,
+        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) {
+        conformedValueEnsureLastMaskChar = pipelessConformed + lastMaskChar;
+      }
+      let pipeResult = {
+        indexesOfPipedChars: [],
+        value: conformedValueEnsureLastMaskChar,
+        valid: true
+      };
+      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 adjustCaretPositionOpts = {
+        previousConformedValue,
+        conformedValue,
+        currentCaretPosition,
+        rawValue,
+        placeholderChar,
+        placeholder: generatedPlaceHolder.conformedValue,
+        indexesOfPipedChars,
+        caretTrapIndexes: []
+      };
+      const caretPos = adjustCaretPosition(adjustCaretPositionOpts);
+      this.setState({
+        maskedValue: conformedValue,
+        previousConformedValue: conformedValue,
+        focus: true
+      }, () => {
+        const event = {
+          target: {
+            value: conformedValue,
+            originalValue: rawValue
+          },
+          lastkey: this.lastkey
+        };
+        if (!skipOnChangeCallback)
+          onChange(event);
+        if (!skipCaretPositioning)
+          setTimeout(() => setCaretPosition(this.inputref, caretPos));
+      });
+    };
+    this.handleOnChange = (e) => {
+      const rawValue = e?.target?.value || "";
+      const { selectionEnd } = e.target;
+      const currentCaretPosition = selectionEnd;
+      this.conformValue(rawValue, currentCaretPosition);
+    };
+    this.handleKeyDown = (e) => {
+      e.stopPropagation();
+      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 });
+      onBlur(e);
+    };
+    this.inputref = React2.createRef();
+    this.state = {
+      maskedValue: "",
+      previousConformedValue: ""
+    };
+    this.conformValue = this.conformValue.bind(this);
+  }
+  componentDidMount() {
+    const { value, mask } = this.props;
+    const isAlreadyRaw = UNSAFEIsRawValue(value, mask);
+    const rawVal = isAlreadyRaw ? value : UNSAFEGetRawValue(value, mask);
+    if (rawVal === "")
+      return;
+    const shouldSkipOnChange = !isAlreadyRaw;
+    this.conformValue(rawVal, rawVal.length, {
+      skipCaretPositioning: true,
+      skipOnChangeCallback: shouldSkipOnChange
+    });
+  }
+  componentDidUpdate(prevProps) {
+    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;
+    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);
+    if (prevVal !== value || !isEqual(prevRawMask, rawMask)) {
+      const shouldSkipOnChange = !isAlreadyRaw;
+      this.conformValue(rawVal, rawVal.length, {
+        skipCaretPositioning: true,
+        skipOnChangeCallback: shouldSkipOnChange
+      });
+    }
+  }
+  render() {
+    const _a = this.props, {
+      autoFocus,
+      style,
+      disabled,
+      className,
+      name,
+      maxLength,
+      minLength,
+      fluidWidth,
+      placeholder,
+      onKeyDown,
+      onClick,
+      onChange,
+      onFocus,
+      onBlur,
+      onPaste,
+      onKeyUp,
+      hasError,
+      readOnly,
+      type,
+      innerRef,
+      clearable = false,
+      leftComponent,
+      rightComponent,
+      value
+    } = _a, rest = __objRest(_a, [
+      "autoFocus",
+      "style",
+      "disabled",
+      "className",
+      "name",
+      "maxLength",
+      "minLength",
+      "fluidWidth",
+      "placeholder",
+      "onKeyDown",
+      "onClick",
+      "onChange",
+      "onFocus",
+      "onBlur",
+      "onPaste",
+      "onKeyUp",
+      "hasError",
+      "readOnly",
+      "type",
+      "innerRef",
+      "clearable",
+      "leftComponent",
+      "rightComponent",
+      "value"
+    ]);
+    const { maskedValue, focus } = this.state;
+    const propsValue = getValueFromEventOrString(value);
+    const finalValue = typeof propsValue === "string" || typeof propsValue === "number" ? propsValue : maskedValue;
+    return /* @__PURE__ */ React2.createElement(DSTextBox, __spreadProps(__spreadValues({}, rest), {
+      "aria-label": rest["aria-label"],
+      className,
+      clearable,
+      disabled,
+      fluidWidth,
+      hasError,
+      isActive: focus,
+      leftComponent,
+      maxLength,
+      minLength,
+      name,
+      onBlur: this.handleBlur,
+      onChange: this.handleOnChange,
+      onClick,
+      onFocus,
+      onKeyDown: this.handleKeyDown,
+      onKeyUp,
+      onPaste,
+      placeholder,
+      readOnly,
+      rightComponent,
+      style,
+      type,
+      value: finalValue
+    }));
+  }
+}
+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/dist/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/dist/esm/InputMask/InputMaskContext.js

@@ -0,0 +1,18 @@
+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 },
+  setLastkey: () => null,
+  cursorPosition: { current: 0 },
+  setCursorPosition: () => null
+});
+export {
+  InputMaskContext
+};
+//# sourceMappingURL=InputMaskContext.js.map

package/dist/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/dist/esm/InputMask/MaskPipes.js

@@ -0,0 +1,11 @@
+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
+};
+//# sourceMappingURL=MaskPipes.js.map

package/dist/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": []
+}

package/dist/esm/InputMask/MaskTypes.js

@@ -0,0 +1,65 @@
+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",
+  DATE_DEPRECATED: [/\d/, /\d/, "/", /\d/, /\d/, "/", /\d/, /\d/, /\d/, /\d/],
+  DATE_TIME: "ds-mask-date-time",
+  DATE_TIME_DEPRECATED: [
+    /\d/,
+    /\d/,
+    "/",
+    /\d/,
+    /\d/,
+    "/",
+    /\d/,
+    /\d/,
+    /\d/,
+    /\d/,
+    " ",
+    /[0-2]/,
+    /[0-9]/,
+    ":",
+    /[0-5]/,
+    /[0-9]/
+  ],
+  DICTIONARY: (props) => __spreadValues({ 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)
+};
+const maskTypes = [
+  MASK_TYPES.DATE,
+  MASK_TYPES.DATE_DEPRECATED,
+  MASK_TYPES.DATE_TIME,
+  MASK_TYPES.DATE_TIME_DEPRECATED,
+  MASK_TYPES.PHONE,
+  MASK_TYPES.PHONE_INTENATIONAL,
+  MASK_TYPES.SSN,
+  MASK_TYPES.US_ZIP_CODE,
+  MASK_TYPES.NUMBER,
+  MASK_TYPES.PERCENT
+];
+export {
+  MASK_TYPES,
+  maskTypes
+};
+//# sourceMappingURL=MaskTypes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAAA,EACtE,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;AAAA,EAEF,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;AAAA;AAG3D,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;AAAA;",
+  "names": []
+}