@elliemae/ds-form 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/InputMask/mask_types/index.js

@@ -1,121 +1,130 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var DateInputMask = require('./DateInputMask.js');
-var DateTimeInputMask = require('./DateTimeInputMask.js');
-var DictionaryInputMask = require('./DictionaryInputMask.js');
-var NumberInputMask = require('./NumberInputMask.js');
-var PhoneInputMask = require('./PhoneInputMask.js');
-var PhoneInternationalInputMask = require('./PhoneInternationalInputMask.js');
-var SsnInputMask = require('./SsnInputMask.js');
-var UsZipCodeInputMask = require('./UsZipCodeInputMask.js');
-var ZipCodeSearchInputMask = require('./ZipCodeSearchInputMask.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-const _excluded = ["ignoreCase"],
-      _excluded2 = ["prefix", "suffix", "includeThousandsSeparator", "thousandsSeparatorSymbol", "allowDecimal", "decimalSymbol", "decimalLimit", "requireDecimal", "allowNegative", "allowLeadingZeroes", "integerLimit"],
-      _excluded3 = ["prefix", "suffix", "includeThousandsSeparator", "thousandsSeparatorSymbol", "allowDecimal", "decimalSymbol", "decimalLimit", "requireDecimal", "allowNegative", "allowLeadingZeroes", "integerLimit"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const dollarSign = '$';
-const percentSign = '%';
-const emptyString = '';
-const comma = ',';
-const period = '.';
+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 mask_types_exports = {};
+__export(mask_types_exports, {
+  OutOfTheBoxMaskTypes: () => OutOfTheBoxMaskTypes
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_DateInputMask = require("./DateInputMask");
+var import_DateTimeInputMask = require("./DateTimeInputMask");
+var import_DictionaryInputMask = require("./DictionaryInputMask");
+var import_NumberInputMask = require("./NumberInputMask");
+var import_PhoneInputMask = require("./PhoneInputMask");
+var import_PhoneInternationalInputMask = require("./PhoneInternationalInputMask");
+var import_SsnInputMask = require("./SsnInputMask");
+var import_UsZipCodeInputMask = require("./UsZipCodeInputMask");
+var import_ZipCodeSearchInputMask = require("./ZipCodeSearchInputMask");
+const dollarSign = "$";
+const percentSign = "%";
+const emptyString = "";
+const comma = ",";
+const period = ".";
 const OutOfTheBoxMaskTypes = {
-  'ds-mask-date': props => /*#__PURE__*/jsxRuntime.jsx(DateInputMask, _objectSpread({}, props)),
-  'ds-mask-date-time': props => /*#__PURE__*/jsxRuntime.jsx(DateTimeInputMask, _objectSpread({}, props)),
-  'ds-mask-dictionary': _ref => {
-    let {
-      ignoreCase = true
-    } = _ref,
-        rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-    return /*#__PURE__*/jsxRuntime.jsx(DictionaryInputMask, _objectSpread({
-      ignoreCase: ignoreCase
-    }, rest));
-  },
-  'ds-mask-number': _ref2 => {
-    let {
-      prefix = dollarSign,
-      suffix = emptyString,
-      includeThousandsSeparator = true,
-      thousandsSeparatorSymbol = comma,
-      allowDecimal = false,
-      decimalSymbol = period,
-      decimalLimit = 2,
-      requireDecimal = false,
-      allowNegative = false,
-      allowLeadingZeroes = false,
-      integerLimit = null
-    } = _ref2,
-        rest = _objectWithoutProperties__default["default"](_ref2, _excluded2);
-
-    return /*#__PURE__*/jsxRuntime.jsx(NumberInputMask, _objectSpread({
-      prefix: prefix,
-      suffix: suffix,
-      includeThousandsSeparator: includeThousandsSeparator,
-      thousandsSeparatorSymbol: thousandsSeparatorSymbol,
-      allowDecimal: allowDecimal,
-      decimalSymbol: decimalSymbol,
-      decimalLimit: decimalLimit,
-      requireDecimal: requireDecimal,
-      allowNegative: allowNegative,
-      allowLeadingZeroes: allowLeadingZeroes,
-      integerLimit: integerLimit
-    }, rest));
-  },
-  'ds-mask-percent': _ref3 => {
-    let {
-      prefix = emptyString,
-      suffix = percentSign,
-      includeThousandsSeparator = true,
-      thousandsSeparatorSymbol = comma,
-      allowDecimal = false,
-      decimalSymbol = period,
-      decimalLimit = 2,
-      requireDecimal = false,
-      allowNegative = false,
-      allowLeadingZeroes = false,
-      integerLimit = null
-    } = _ref3,
-        rest = _objectWithoutProperties__default["default"](_ref3, _excluded3);
-
-    return /*#__PURE__*/jsxRuntime.jsx(NumberInputMask, _objectSpread({
-      prefix: prefix,
-      suffix: suffix,
-      includeThousandsSeparator: includeThousandsSeparator,
-      thousandsSeparatorSymbol: thousandsSeparatorSymbol,
-      allowDecimal: allowDecimal,
-      decimalSymbol: decimalSymbol,
-      decimalLimit: decimalLimit,
-      requireDecimal: requireDecimal,
-      allowNegative: allowNegative,
-      allowLeadingZeroes: allowLeadingZeroes,
-      integerLimit: integerLimit
-    }, rest));
-  },
-  'ds-mask-phone': props => /*#__PURE__*/jsxRuntime.jsx(PhoneInputMask, _objectSpread({}, props)),
-  'ds-mask-phone-international': props => /*#__PURE__*/jsxRuntime.jsx(PhoneInternationalInputMask, _objectSpread({}, props)),
-  'ds-mask-ssn': props => /*#__PURE__*/jsxRuntime.jsx(SsnInputMask, _objectSpread({}, props)),
-  'ds-mask-us-zip-code': props => /*#__PURE__*/jsxRuntime.jsx(UsZipCodeInputMask, _objectSpread({}, props)),
-  'ds-mask-zip-code-search': props => /*#__PURE__*/jsxRuntime.jsx(ZipCodeSearchInputMask, _objectSpread({}, props))
+  "ds-mask-date": (props) => /* @__PURE__ */ import_react.default.createElement(import_DateInputMask.DateInputMask, {
+    ...props
+  }),
+  "ds-mask-date-time": (props) => /* @__PURE__ */ import_react.default.createElement(import_DateTimeInputMask.DateTimeInputMask, {
+    ...props
+  }),
+  "ds-mask-dictionary": ({ ignoreCase = true, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_DictionaryInputMask.DictionaryInputMask, {
+    ignoreCase,
+    ...rest
+  }),
+  "ds-mask-number": ({
+    prefix = dollarSign,
+    suffix = emptyString,
+    includeThousandsSeparator = true,
+    thousandsSeparatorSymbol = comma,
+    allowDecimal = false,
+    decimalSymbol = period,
+    decimalLimit = 2,
+    requireDecimal = false,
+    allowNegative = false,
+    allowLeadingZeroes = false,
+    integerLimit = null,
+    ...rest
+  }) => /* @__PURE__ */ import_react.default.createElement(import_NumberInputMask.NumberInputMask, {
+    prefix,
+    suffix,
+    includeThousandsSeparator,
+    thousandsSeparatorSymbol,
+    allowDecimal,
+    decimalSymbol,
+    decimalLimit,
+    requireDecimal,
+    allowNegative,
+    allowLeadingZeroes,
+    integerLimit,
+    ...rest
+  }),
+  "ds-mask-percent": ({
+    prefix = emptyString,
+    suffix = percentSign,
+    includeThousandsSeparator = true,
+    thousandsSeparatorSymbol = comma,
+    allowDecimal = false,
+    decimalSymbol = period,
+    decimalLimit = 2,
+    requireDecimal = false,
+    allowNegative = false,
+    allowLeadingZeroes = false,
+    integerLimit = null,
+    ...rest
+  }) => /* @__PURE__ */ import_react.default.createElement(import_NumberInputMask.NumberInputMask, {
+    prefix,
+    suffix,
+    includeThousandsSeparator,
+    thousandsSeparatorSymbol,
+    allowDecimal,
+    decimalSymbol,
+    decimalLimit,
+    requireDecimal,
+    allowNegative,
+    allowLeadingZeroes,
+    integerLimit,
+    ...rest
+  }),
+  "ds-mask-phone": (props) => /* @__PURE__ */ import_react.default.createElement(import_PhoneInputMask.PhoneInputMask, {
+    ...props
+  }),
+  "ds-mask-phone-international": (props) => /* @__PURE__ */ import_react.default.createElement(import_PhoneInternationalInputMask.PhoneInternationalInputMask, {
+    ...props
+  }),
+  "ds-mask-ssn": (props) => /* @__PURE__ */ import_react.default.createElement(import_SsnInputMask.SsnInputMask, {
+    ...props
+  }),
+  "ds-mask-us-zip-code": (props) => /* @__PURE__ */ import_react.default.createElement(import_UsZipCodeInputMask.UsZipCodeInputMask, {
+    ...props
+  }),
+  "ds-mask-zip-code-search": (props) => /* @__PURE__ */ import_react.default.createElement(import_ZipCodeSearchInputMask.ZipCodeSearchInputMask, {
+    ...props
+  })
 };
-
-exports.OutOfTheBoxMaskTypes = OutOfTheBoxMaskTypes;
+module.exports = __toCommonJS(mask_types_exports);
+//# sourceMappingURL=index.js.map

package/cjs/InputMask/mask_types/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/InputMask/mask_types/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { DateInputMask } from './DateInputMask';\nimport { DateTimeInputMask } from './DateTimeInputMask';\nimport { DictionaryInputMask } from './DictionaryInputMask';\nimport { NumberInputMask } from './NumberInputMask';\nimport { PhoneInputMask } from './PhoneInputMask';\nimport { PhoneInternationalInputMask } from './PhoneInternationalInputMask';\nimport { SsnInputMask } from './SsnInputMask';\nimport { UsZipCodeInputMask } from './UsZipCodeInputMask';\nimport { ZipCodeSearchInputMask } from './ZipCodeSearchInputMask';\n\nconst dollarSign = '$';\nconst percentSign = '%';\nconst emptyString = '';\nconst comma = ',';\nconst period = '.';\n\nexport const OutOfTheBoxMaskTypes = {\n  'ds-mask-date': (props) => <DateInputMask {...props} />,\n  'ds-mask-date-time': (props) => <DateTimeInputMask {...props} />,\n  'ds-mask-dictionary': ({ ignoreCase = true, ...rest }) => (\n    <DictionaryInputMask ignoreCase={ignoreCase} {...rest} />\n  ),\n  'ds-mask-number': ({\n    prefix = dollarSign,\n    suffix = emptyString,\n    includeThousandsSeparator = true,\n    thousandsSeparatorSymbol = comma,\n    allowDecimal = false,\n    decimalSymbol = period,\n    decimalLimit = 2,\n    requireDecimal = false,\n    allowNegative = false,\n    allowLeadingZeroes = false,\n    integerLimit = null,\n    ...rest\n  }) => (\n    <NumberInputMask\n      prefix={prefix}\n      suffix={suffix}\n      includeThousandsSeparator={includeThousandsSeparator}\n      thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n      allowDecimal={allowDecimal}\n      decimalSymbol={decimalSymbol}\n      decimalLimit={decimalLimit}\n      requireDecimal={requireDecimal}\n      allowNegative={allowNegative}\n      allowLeadingZeroes={allowLeadingZeroes}\n      integerLimit={integerLimit}\n      {...rest}\n    />\n  ),\n  'ds-mask-percent': ({\n    prefix = emptyString,\n    suffix = percentSign,\n    includeThousandsSeparator = true,\n    thousandsSeparatorSymbol = comma,\n    allowDecimal = false,\n    decimalSymbol = period,\n    decimalLimit = 2,\n    requireDecimal = false,\n    allowNegative = false,\n    allowLeadingZeroes = false,\n    integerLimit = null,\n    ...rest\n  }) => (\n    <NumberInputMask\n      prefix={prefix}\n      suffix={suffix}\n      includeThousandsSeparator={includeThousandsSeparator}\n      thousandsSeparatorSymbol={thousandsSeparatorSymbol}\n      allowDecimal={allowDecimal}\n      decimalSymbol={decimalSymbol}\n      decimalLimit={decimalLimit}\n      requireDecimal={requireDecimal}\n      allowNegative={allowNegative}\n      allowLeadingZeroes={allowLeadingZeroes}\n      integerLimit={integerLimit}\n      {...rest}\n    />\n  ),\n  'ds-mask-phone': (props) => <PhoneInputMask {...props} />,\n  'ds-mask-phone-international': (props) => (\n    <PhoneInternationalInputMask {...props} />\n  ),\n  'ds-mask-ssn': (props) => <SsnInputMask {...props} />,\n  'ds-mask-us-zip-code': (props) => <UsZipCodeInputMask {...props} />,\n  'ds-mask-zip-code-search': (props) => <ZipCodeSearchInputMask {...props} />,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA8B;AAC9B,+BAAkC;AAClC,iCAAoC;AACpC,6BAAgC;AAChC,4BAA+B;AAC/B,yCAA4C;AAC5C,0BAA6B;AAC7B,gCAAmC;AACnC,oCAAuC;AAEvC,MAAM,aAAa;AACnB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,QAAQ;AACd,MAAM,SAAS;AAER,MAAM,uBAAuB;AAAA,EAClC,gBAAgB,CAAC,UAAU,mDAAC,oCAAD;AAAA,OAAmB;AAAA;AAAA,EAC9C,qBAAqB,CAAC,UAAU,mDAAC,4CAAD;AAAA,OAAuB;AAAA;AAAA,EACvD,sBAAsB,CAAC,EAAE,aAAa,SAAS,WAC7C,mDAAC,gDAAD;AAAA,IAAqB;AAAA,OAA4B;AAAA;AAAA,EAEnD,kBAAkB,CAAC;AAAA,IACjB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,4BAA4B;AAAA,IAC5B,2BAA2B;AAAA,IAC3B,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,eAAe;AAAA,OACZ;AAAA,QAEH,mDAAC,wCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACI;AAAA;AAAA,EAGR,mBAAmB,CAAC;AAAA,IAClB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,4BAA4B;AAAA,IAC5B,2BAA2B;AAAA,IAC3B,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,eAAe;AAAA,OACZ;AAAA,QAEH,mDAAC,wCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACI;AAAA;AAAA,EAGR,iBAAiB,CAAC,UAAU,mDAAC,sCAAD;AAAA,OAAoB;AAAA;AAAA,EAChD,+BAA+B,CAAC,UAC9B,mDAAC,gEAAD;AAAA,OAAiC;AAAA;AAAA,EAEnC,eAAe,CAAC,UAAU,mDAAC,kCAAD;AAAA,OAAkB;AAAA;AAAA,EAC5C,uBAAuB,CAAC,UAAU,mDAAC,8CAAD;AAAA,OAAwB;AAAA;AAAA,EAC1D,2BAA2B,CAAC,UAAU,mDAAC,sDAAD;AAAA,OAA4B;AAAA;AAAA;",
+  "names": []
+}

package/cjs/InputMask/props.js

@@ -1,150 +1,75 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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, {
+  inputProps: () => inputProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const inputProps = {
-  /** Should component focus automatically */
-  autoFocus: reactDesc.PropTypes.bool.description('Should component focus automatically'),
-
-  /**
-   * Set style for the input mask
-   */
-  style: reactDesc.PropTypes.object.description('Set style for the input mask'),
-
-  /**
-   * Whether the input mask is disabled or not
-   */
-  disabled: reactDesc.PropTypes.bool.description('Whether the input mask is disabled or not'),
-
-  /** disableTooltip */
-  disableTooltip: reactDesc.PropTypes.bool.description('Whether to show a tooltip or not when text does not fit').defaultValue(true),
-
-  /** css class */
-  className: reactDesc.PropTypes.string.description('css class'),
-
-  /** html name prop for form */
-  name: reactDesc.PropTypes.string.description('html name prop for form'),
-
-  /**
-   * Max length for the input mask
-   */
-  maxLength: reactDesc.PropTypes.number.description('Max length for the input mask'),
-
-  /**
-   * Min length for the input mask
-   */
-  minLength: reactDesc.PropTypes.number.description('Min length for the input mask'),
-
-  /**
-   * Whether to make the content of the input mask fit the container or not
-   */
-  fluidWidth: reactDesc.PropTypes.bool.description('Whether to make the content of the input mask fit the container or not'),
-
-  /** isShowElipsisActive */
-  isShowElipsisActive: reactDesc.PropTypes.bool.description('Wheter to enable the ellipsis and tooltip functionality or not').defaultValue(true),
-
-  /**
-   * Component that works as placeholder
-   */
-  placeholder: reactDesc.PropTypes.node.description('Component that works as placeholder'),
-
-  /**
-   * Allows a function that is triggered once a key is being pressed
-   */
-  onKeyDown: reactDesc.PropTypes.func.description('Allows a function that is triggered once a key is being pressed'),
-
-  /**
-   * Allows a function that is triggered once the input mask is clicked
-   */
-  onClick: reactDesc.PropTypes.func.description('Allows a function that is triggered once the input mask is clicked'),
-
-  /**
-   * Allows a function that is triggered once the input mask changes
-   */
-  onChange: reactDesc.PropTypes.func.description('Allows a function that is triggered once the input mask changes'),
-
-  /**
-   * Allows a function that is triggered once the input mask is focused
-   */
-  onFocus: reactDesc.PropTypes.func.description('Allows a function that is triggered once the input mask is focused'),
-
-  /**
-   * Allows a function that is triggered once the input mask loses focus
-   */
-  onBlur: reactDesc.PropTypes.func.description('Allows a function that is triggered once the input mask loses focus'),
-
-  /**
-   * Allows a function that is triggered once the input mask is pasted
-   */
-  onPaste: reactDesc.PropTypes.func.description('Allows a function that is triggered once the input mask is pasted'),
-
-  /**
-   * Allows a function that is triggered once in the input mask a keyboard key is released
-   */
-  onKeyUp: reactDesc.PropTypes.func.description('Allows a function that is triggered once in the input mask a keyboard key is released'),
-
-  /**
-   * Default value once the component is initialized
-   */
-  value: reactDesc.PropTypes.string.description('Default value once the component is initialized'),
-
-  /**
-   * Whether the input mask has error or not
-   */
-  hasError: reactDesc.PropTypes.bool.description('Whether the input mask has error or not'),
-
-  /**
-   * Whether the input mask is read only or not
-   */
-  readOnly: reactDesc.PropTypes.bool.description('Whether the input mask is read only or not'),
-  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.shape({
-    current: reactDesc.PropTypes.any
-  })]).description('Whether the input mask is read only or not'),
-
-  /**
-   * Type of input. Ex: 'text'
-   */
-  type: reactDesc.PropTypes.string.description("Type of input. Ex: 'text'"),
-
-  /**
-   * Whether the input mask is clearable or not
-   */
-  clearable: reactDesc.PropTypes.bool.description('Whether the input mask is clearable or not'),
-
-  /**
-   * Component to be added at the right side of the input
-   */
-  leftComponent: reactDesc.PropTypes.node.description('Component to be added at the right side of the input'),
-
-  /**
-   * Component to be added at the right side of the input
-   */
-  rightComponent: reactDesc.PropTypes.node.description('Component to be added at the right side of the input'),
-
-  /**
-   * Mask that has to match with the input information entered
-   * ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT']
-   */
-  mask: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.string, reactDesc.PropTypes.func]).description("Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']"),
-
-  /**
-    Expects pipe functions. i.e. autoCorrectedDatePipe
-    link a docu de text-mask
-   */
-  pipe: reactDesc.PropTypes.func.description('Expects pipe functions. i.e. autoCorrectedDatePipe'),
-
-  /**
-   * Put a sufix after the input mask
-   */
-  useSubfix: reactDesc.PropTypes.string.description('Put a sufix after the input mask'),
-
-  /**
-   * The placeholder character represents the fillable spot in the mask.
-   * The default placeholder character is underscore, _
-   */
-  placeholderChar: reactDesc.PropTypes.string.description("The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.").defaultValue('_')
+  autoFocus: import_react_desc.PropTypes.bool.description("Should component focus automatically"),
+  style: import_react_desc.PropTypes.object.description("Set style for the input mask"),
+  disabled: import_react_desc.PropTypes.bool.description("Whether the input mask is disabled or not"),
+  disableTooltip: import_react_desc.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
+  className: import_react_desc.PropTypes.string.description("css class"),
+  name: import_react_desc.PropTypes.string.description("html name prop for form"),
+  maxLength: import_react_desc.PropTypes.number.description("Max length for the input mask"),
+  minLength: import_react_desc.PropTypes.number.description("Min length for the input mask"),
+  fluidWidth: import_react_desc.PropTypes.bool.description("Whether to make the content of the input mask fit the container or not"),
+  isShowElipsisActive: import_react_desc.PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
+  placeholder: import_react_desc.PropTypes.node.description("Component that works as placeholder"),
+  onKeyDown: import_react_desc.PropTypes.func.description("Allows a function that is triggered once a key is being pressed"),
+  onClick: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask is clicked"),
+  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask changes"),
+  onFocus: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask is focused"),
+  onBlur: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask loses focus"),
+  onPaste: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the input mask is pasted"),
+  onKeyUp: import_react_desc.PropTypes.func.description("Allows a function that is triggered once in the input mask a keyboard key is released"),
+  value: import_react_desc.PropTypes.string.description("Default value once the component is initialized"),
+  hasError: import_react_desc.PropTypes.bool.description("Whether the input mask has error or not"),
+  readOnly: import_react_desc.PropTypes.bool.description("Whether the input mask is read only or not"),
+  innerRef: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.func,
+    import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })
+  ]).description("Whether the input mask is read only or not"),
+  type: import_react_desc.PropTypes.string.description("Type of input. Ex: 'text'"),
+  clearable: import_react_desc.PropTypes.bool.description("Whether the input mask is clearable or not"),
+  leftComponent: import_react_desc.PropTypes.node.description("Component to be added at the right side of the input"),
+  rightComponent: import_react_desc.PropTypes.node.description("Component to be added at the right side of the input"),
+  mask: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.array,
+    import_react_desc.PropTypes.string,
+    import_react_desc.PropTypes.func
+  ]).description("Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']"),
+  pipe: import_react_desc.PropTypes.func.description("Expects pipe functions. i.e. autoCorrectedDatePipe"),
+  useSubfix: import_react_desc.PropTypes.string.description("Put a sufix after the input mask"),
+  placeholderChar: import_react_desc.PropTypes.string.description(`The placeholder character represents the fillable spot in the mask.
+ The default placeholder character is underscore, _.`).defaultValue("_")
 };
-
-exports.inputProps = inputProps;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/cjs/InputMask/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/InputMask/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const inputProps = {\n  /** Should component focus automatically */\n  autoFocus: PropTypes.bool.description('Should component focus automatically'),\n  /**\n   * Set style for the input mask\n   */\n  style: PropTypes.object.description('Set style for the input mask'),\n  /**\n   * Whether the input mask is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the input mask is disabled or not',\n  ),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n  /** css class */\n  className: PropTypes.string.description('css class'),\n  /** html name prop for form */\n  name: PropTypes.string.description('html name prop for form'),\n  /**\n   * Max length for the input mask\n   */\n  maxLength: PropTypes.number.description('Max length for the input mask'),\n  /**\n   * Min length for the input mask\n   */\n  minLength: PropTypes.number.description('Min length for the input mask'),\n  /**\n   * Whether to make the content of the input mask fit the container or not\n   */\n  fluidWidth: PropTypes.bool.description(\n    'Whether to make the content of the input mask fit the container or not',\n  ),\n  /** isShowElipsisActive */\n  isShowElipsisActive: PropTypes.bool\n    .description(\n      'Wheter to enable the ellipsis and tooltip functionality or not',\n    )\n    .defaultValue(true),\n  /**\n   * Component that works as placeholder\n   */\n  placeholder: PropTypes.node.description(\n    'Component that works as placeholder',\n  ),\n  /**\n   * Allows a function that is triggered once a key is being pressed\n   */\n  onKeyDown: PropTypes.func.description(\n    'Allows a function that is triggered once a key is being pressed',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is clicked\n   */\n  onClick: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is clicked',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask changes',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is focused\n   */\n  onFocus: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is focused',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask loses focus\n   */\n  onBlur: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask loses focus',\n  ),\n  /**\n   * Allows a function that is triggered once the input mask is pasted\n   */\n  onPaste: PropTypes.func.description(\n    'Allows a function that is triggered once the input mask is pasted',\n  ),\n  /**\n   * Allows a function that is triggered once in the input mask a keyboard key is released\n   */\n  onKeyUp: PropTypes.func.description(\n    'Allows a function that is triggered once in the input mask a keyboard key is released',\n  ),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the input mask has error or not\n   */\n  hasError: PropTypes.bool.description(\n    'Whether the input mask has error or not',\n  ),\n  /**\n   * Whether the input mask is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the input mask is read only or not',\n  ),\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('Whether the input mask is read only or not'),\n  /**\n   * Type of input. Ex: 'text'\n   */\n  type: PropTypes.string.description(\"Type of input. Ex: 'text'\"),\n  /**\n   * Whether the input mask is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the input mask is clearable or not',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  leftComponent: PropTypes.node.description(\n    'Component to be added at the right side of the input',\n  ),\n  /**\n   * Component to be added at the right side of the input\n   */\n  rightComponent: PropTypes.node.description(\n    'Component to be added at the right side of the input',\n  ),\n  /**\n   * Mask that has to match with the input information entered\n   * ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT']\n   */\n  mask: PropTypes.oneOfType([\n    PropTypes.array,\n    PropTypes.string,\n    PropTypes.func,\n  ]).description(\n    \"Mask that has to match with the input information entered. ['DATE', 'PHONE', 'PHONE_INTENATIONAL', 'SSN', 'US_ZIP_CODE', 'NUMBER', 'PERCENT', 'ZIP_CODE_SEARCH']\",\n  ),\n  /**\n    Expects pipe functions. i.e. autoCorrectedDatePipe\n    link a docu de text-mask\n   */\n  pipe: PropTypes.func.description(\n    'Expects pipe functions. i.e. autoCorrectedDatePipe',\n  ),\n  /**\n   * Put a sufix after the input mask\n   */\n  useSubfix: PropTypes.string.description('Put a sufix after the input mask'),\n  /**\n   * The placeholder character represents the fillable spot in the mask.\n   * The default placeholder character is underscore, _\n   */\n  placeholderChar: PropTypes.string\n    .description(\n      `The placeholder character represents the fillable spot in the mask.\n The default placeholder character is underscore, _.`,\n    )\n    .defaultValue('_'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,aAAa;AAAA,EAExB,WAAW,4BAAU,KAAK,YAAY;AAAA,EAItC,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,4BAAU,KAAK,YACvB;AAAA,EAGF,gBAAgB,4BAAU,KACvB,YAAY,2DACZ,aAAa;AAAA,EAEhB,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,MAAM,4BAAU,OAAO,YAAY;AAAA,EAInC,WAAW,4BAAU,OAAO,YAAY;AAAA,EAIxC,WAAW,4BAAU,OAAO,YAAY;AAAA,EAIxC,YAAY,4BAAU,KAAK,YACzB;AAAA,EAGF,qBAAqB,4BAAU,KAC5B,YACC,kEAED,aAAa;AAAA,EAIhB,aAAa,4BAAU,KAAK,YAC1B;AAAA,EAKF,WAAW,4BAAU,KAAK,YACxB;AAAA,EAKF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAKF,QAAQ,4BAAU,KAAK,YACrB;AAAA,EAKF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAKF,SAAS,4BAAU,KAAK,YACtB;AAAA,EAKF,OAAO,4BAAU,OAAO,YACtB;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAEF,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,MAAM,EAAE,SAAS,4BAAU;AAAA,KACpC,YAAY;AAAA,EAIf,MAAM,4BAAU,OAAO,YAAY;AAAA,EAInC,WAAW,4BAAU,KAAK,YACxB;AAAA,EAKF,eAAe,4BAAU,KAAK,YAC5B;AAAA,EAKF,gBAAgB,4BAAU,KAAK,YAC7B;AAAA,EAMF,MAAM,4BAAU,UAAU;AAAA,IACxB,4BAAU;AAAA,IACV,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YACD;AAAA,EAMF,MAAM,4BAAU,KAAK,YACnB;AAAA,EAKF,WAAW,4BAAU,OAAO,YAAY;AAAA,EAKxC,iBAAiB,4BAAU,OACxB,YACC;AAAA,uDAGD,aAAa;AAAA;",
+  "names": []
+}

package/cjs/InputMask/types/index.js

@@ -1,2 +1,27 @@
-'use strict';
-
+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 __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 types_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=index.js.map

package/cjs/InputMask/types/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/InputMask/types/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export type TCharsToAdd = [string, number][];\n\nexport type TLastkey = { code: number; key: string };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/InputMask/utils/setCaretPosition.js

@@ -1,17 +1,48 @@
-'use strict';
-
+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 setCaretPosition_exports = {};
+__export(setCaretPosition_exports, {
+  default: () => setCaretPosition_default,
+  setCaretPosition: () => setCaretPosition
+});
+var React = __toESM(require("react"));
 const setCaretPosition = (ctrl, pos) => {
-  // Modern browsers
-  if (ctrl !== null && ctrl !== void 0 && ctrl.setSelectionRange) {
-    ctrl === null || ctrl === void 0 ? void 0 : ctrl.focus();
-    ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectionRange(pos, pos); // IE8 and below
-  } else if (ctrl !== null && ctrl !== void 0 && ctrl.createTextRange) {
-    const range = ctrl === null || ctrl === void 0 ? void 0 : ctrl.createTextRange();
-    range === null || range === void 0 ? void 0 : range.collapse(true);
-    range === null || range === void 0 ? void 0 : range.moveEnd('character', pos);
-    range === null || range === void 0 ? void 0 : range.moveStart('character', pos);
-    range === null || range === void 0 ? void 0 : range.select();
+  if (ctrl?.setSelectionRange) {
+    ctrl?.focus();
+    ctrl?.setSelectionRange(pos, pos);
+  } else if (ctrl?.createTextRange) {
+    const range = ctrl?.createTextRange();
+    range?.collapse(true);
+    range?.moveEnd("character", pos);
+    range?.moveStart("character", pos);
+    range?.select();
   }
 };
-
-module.exports = setCaretPosition;
+var setCaretPosition_default = setCaretPosition;
+module.exports = __toCommonJS(setCaretPosition_exports);
+//# sourceMappingURL=setCaretPosition.js.map