@elliemae/ds-form 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/InputGroup/AddonWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/InputGroup/AddonWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-addon-group';\n\nconst Container = aggregatedClasses('div')(blockName);\nconst InputAddon = aggregatedClasses('span')(blockName, 'addon');\n\nclass AddonWrapper extends Component {\n  static defaultProps = {};\n\n  state = {};\n\n  render() {\n    const {\n      leftAddon,\n      rightAddon,\n      children: inputComponent,\n      className,\n      containerProps,\n    } = this.props;\n    const childType =\n      inputComponent && inputComponent.type && inputComponent.type.name\n        ? inputComponent.type.name.toLowerCase()\n        : 'default';\n    return (\n      <Container\n        className={`${className} ${blockName}--${childType}`}\n        {...containerProps}\n      >\n        {leftAddon && <InputAddon>{leftAddon}</InputAddon>}\n        {inputComponent}\n        {rightAddon && <InputAddon>{rightAddon}</InputAddon>}\n      </Container>\n    );\n  }\n}\n\nexport { AddonWrapper };\nexport default AddonWrapper;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,YAAY,4CAAkB,OAAO;AAC3C,MAAM,aAAa,4CAAkB,QAAQ,WAAW;AAExD,2BAA2B,uBAAU;AAAA,EAArC,cARA;AAQA;AAGE,iBAAQ;AAAA;AAAA,EAER,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,YACJ,kBAAkB,eAAe,QAAQ,eAAe,KAAK,OACzD,eAAe,KAAK,KAAK,gBACzB;AACN,WACE,mDAAC,WAAD;AAAA,MACE,WAAW,GAAG,aAAa,cAAc;AAAA,OACrC,iBAEH,aAAa,mDAAC,YAAD,MAAa,YAC1B,gBACA,cAAc,mDAAC,YAAD,MAAa;AAAA;AAAA;AAvB3B,AADT,aACS,eAAe;AA8BxB,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/InputGroup/DSInputGroup.js

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSInputGroup_exports = {};
+__export(DSInputGroup_exports, {
+  DSInputGroup: () => DSInputGroup,
+  DSInputGroupWithSchema: () => DSInputGroupWithSchema,
+  default: () => DSInputGroup_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_AddonWrapper = require("./AddonWrapper");
+var import_props = require("./props");
+var import_defaultProps = require("./defaultProps");
+const DSInputGroup = ({
+  containerProps,
+  innerRef,
+  className,
+  style,
+  leftAddon,
+  rightAddon,
+  children: InputComponents
+}) => /* @__PURE__ */ import_react.default.createElement(import_AddonWrapper.AddonWrapper, {
+  ref: innerRef,
+  className,
+  containerProps,
+  leftAddon,
+  rightAddon,
+  style
+}, InputComponents);
+DSInputGroup.propTypes = import_props.props;
+DSInputGroup.defaultProps = import_defaultProps.defaultProps;
+const DSInputGroupWithSchema = (0, import_react_desc.describe)(DSInputGroup);
+DSInputGroupWithSchema.propTypes = import_props.props;
+var DSInputGroup_default = DSInputGroup;
+module.exports = __toCommonJS(DSInputGroup_exports);
+//# sourceMappingURL=DSInputGroup.js.map

package/dist/cjs/InputGroup/DSInputGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/InputGroup/DSInputGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { AddonWrapper } from './AddonWrapper';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSInputGroup = ({\n  containerProps,\n  innerRef,\n  className,\n  style,\n  leftAddon,\n  rightAddon,\n  children: InputComponents, // as InputComponents,\n}) => (\n  <AddonWrapper\n    ref={innerRef}\n    className={className}\n    containerProps={containerProps}\n    leftAddon={leftAddon}\n    rightAddon={rightAddon}\n    style={style}\n  >\n    {InputComponents}\n  </AddonWrapper>\n);\n\nDSInputGroup.propTypes = props;\nDSInputGroup.defaultProps = defaultProps;\nconst DSInputGroupWithSchema = describe(DSInputGroup);\n\nDSInputGroupWithSchema.propTypes = props;\n\nexport default DSInputGroup;\nexport { DSInputGroupWithSchema, DSInputGroup };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,0BAA6B;AAC7B,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,MAEV,mDAAC,kCAAD;AAAA,EACE,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC;AAIL,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,MAAM,yBAAyB,gCAAS;AAExC,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/InputGroup/defaultProps.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+const defaultProps = {
+  containerProps: {},
+  innerRef: null,
+  className: "",
+  style: {},
+  leftAddon: null,
+  rightAddon: null
+};
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/dist/cjs/InputGroup/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/InputGroup/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const defaultProps = {\n  containerProps: {},\n  innerRef: null,\n  className: '',\n  style: {},\n  leftAddon: null,\n  rightAddon: null,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA;",
+  "names": []
+}

package/dist/cjs/InputGroup/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var InputGroup_exports = {};
+__export(InputGroup_exports, {
+  DSInputGroup: () => import_DSInputGroup.DSInputGroup,
+  DSInputGroupWithSchema: () => import_DSInputGroup.DSInputGroupWithSchema,
+  default: () => import_DSInputGroup.default
+});
+var React = __toESM(require("react"));
+var import_DSInputGroup = __toESM(require("./DSInputGroup"));
+module.exports = __toCommonJS(InputGroup_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/InputGroup/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/InputGroup/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { default, DSInputGroupWithSchema, DSInputGroup } from './DSInputGroup';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA8D;",
+  "names": []
+}

package/dist/cjs/InputGroup/props.js

@@ -0,0 +1,47 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  props: () => props
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const props = {
+  containerProps: import_react_desc.PropTypes.shape({}).description("props injected to wrapper of page header"),
+  innerRef: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.func,
+    import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })
+  ]).description("inner ref for input group wrapper"),
+  className: import_react_desc.PropTypes.string.description("class for input group wrapper"),
+  style: import_react_desc.PropTypes.object.description("Set style for the input group"),
+  leftAddon: import_react_desc.PropTypes.element.description("Component to be added at the left side of the input"),
+  rightAddon: import_react_desc.PropTypes.element.description("Component to be added at the right side of the input"),
+  children: import_react_desc.PropTypes.element.description("Input components to show")
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/InputGroup/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/InputGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const props = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.shape({}).description(\n    'props injected to wrapper of page header',\n  ),\n  /** inner ref for input group wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for input group wrapper'),\n  /** class for input group wrapper */\n  className: PropTypes.string.description('class for input group wrapper'),\n  /**\n   * Set style for the input group\n   */\n  style: PropTypes.object.description('Set style for the input group'),\n  /**\n   * Component to be added at the left side of the input\n   */\n  leftAddon: PropTypes.element.description(\n    'Component to be added at the left side of the input',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightAddon: PropTypes.element.description(\n    'Component to be added at the right side of the input',\n  ),\n  /**\n   * Input components to show\n   */\n  children: PropTypes.element.description('Input components to show'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,4BAAU,MAAM,IAAI,YAClC;AAAA,EAGF,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,MAAM,EAAE,SAAS,4BAAU;AAAA,KACpC,YAAY;AAAA,EAEf,WAAW,4BAAU,OAAO,YAAY;AAAA,EAIxC,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,WAAW,4BAAU,QAAQ,YAC3B;AAAA,EAKF,YAAY,4BAAU,QAAQ,YAC5B;AAAA,EAKF,UAAU,4BAAU,QAAQ,YAAY;AAAA;",
+  "names": []
+}

package/dist/cjs/InputMask/DSInputMask.js

@@ -0,0 +1,169 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSInputMask_exports = {};
+__export(DSInputMask_exports, {
+  DSInputMask: () => DSInputMask,
+  DSInputMaskWithSchema: () => DSInputMaskWithSchema,
+  MASK_PIPES: () => import_MaskPipes.MASK_PIPES,
+  MASK_TYPES: () => import_MaskTypes.MASK_TYPES,
+  default: () => DSInputMask_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_MaskTypes = require("./MaskTypes");
+var import_MaskPipes = require("./MaskPipes");
+var import_DSInputMaskDeprecated = require("./DSInputMaskDeprecated");
+var import_props = require("./props");
+var import_defaultProps = require("./defaultProps");
+var import_mask_types = require("./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] = (0, import_react.useState)(getValueFromEventOrString(valueOrEvent));
+  (0, import_react.useEffect)(() => {
+    setRawValue(getValueFromEventOrString(valueOrEvent));
+  }, [valueOrEvent]);
+  const [rawMask, setRawMask] = (0, import_react.useState)(getRawMask(mask, rawValue));
+  const [focus, setFocus] = (0, import_react.useState)(autoFocus);
+  const [lastkey, setLastkey] = (0, import_react.useState)({
+    code: null,
+    key: null
+  });
+  const [cursorPosition, setCursorPosition] = (0, import_react.useState)({ current: 0 });
+  const handleSetMask = (0, import_react.useCallback)((newValue) => {
+    setRawMask(getRawMask(mask, newValue));
+  }, [mask]);
+  if (!pipe && isStringMask(rawMask)) {
+    return import_mask_types.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 import_mask_types.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 === import_MaskTypes.MASK_TYPES.DATE)
+      return import_MaskTypes.MASK_TYPES.DATE_DEPRECATED;
+    if (mask === import_MaskTypes.MASK_TYPES.DATE_TIME)
+      return import_MaskTypes.MASK_TYPES.DATE_TIME_DEPRECATED;
+    return mask;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_DSInputMaskDeprecated.DSInputMaskDeprecated, __spreadProps(__spreadValues({}, rest), {
+    "aria-label": ariaLabel,
+    autoFocus,
+    innerRef,
+    mask: getDeprecatedMask(),
+    pipe,
+    value: rawValue
+  }));
+};
+DSInputMask.propTypes = import_props.inputProps;
+DSInputMask.defaultProps = import_defaultProps.defaultProps;
+const DSInputMaskWithSchema = (0, import_react_desc.describe)(DSInputMask).description("Masking input for custom formats");
+DSInputMaskWithSchema.propTypes = import_props.inputProps;
+var DSInputMask_default = DSInputMask;
+module.exports = __toCommonJS(DSInputMask_exports);
+//# sourceMappingURL=DSInputMask.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/InputMask/DSInputMask.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,wBAAyB;AACzB,uBAA2B;AAC3B,uBAA2B;AAC3B,mCAAsC;AACtC,mBAA2B;AAC3B,0BAA6B;AAC7B,wBAAqC;AAErC,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,2BAC9B,0BAA0B;AAG5B,8BAAU,MAAM;AACd,gBAAY,0BAA0B;AAAA,KACrC,CAAC;AAEJ,QAAM,CAAC,SAAS,cAAc,2BAAc,WAAW,MAAM;AAE7D,QAAM,CAAC,OAAO,YAAY,2BAAS;AAEnC,QAAM,CAAC,SAAS,cAAc,2BAAwC;AAAA,IACpE,MAAM;AAAA,IACN,KAAK;AAAA;AAGP,QAAM,CAAC,gBAAgB,qBAAqB,2BAAS,EAAE,SAAS;AAEhE,QAAM,gBAAgB,8BACpB,CAAC,aAAa;AACZ,eAAW,WAAW,MAAM;AAAA,KAE9B,CAAC;AAGH,MAAI,CAAC,QAAQ,aAAa,UAAU;AAClC,WAAO,uCAAqB,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,uCAAqB,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,4BAAW;AAAM,aAAO,4BAAW;AAChD,QAAI,SAAS,4BAAW;AAAW,aAAO,4BAAW;AACrD,WAAO;AAAA;AAET,SACE,mDAAC,oDAAD,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,gCAAS,aAAa,YAClD;AAEF,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
+  "names": []
+}