@tecsinapse/react-core 1.17.4 → 1.20.0

package/dist/components/atoms/Input/InputElement/InputElement.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = require("@emotion/react");
@@ -11,16 +13,17 @@ var _styled = require("../styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const InputElement = _react2.default.forwardRef(({
-  onChange,
-  placeholder,
-  value,
-  disabled = false,
-  placeholderTextColor,
-  ...rest
-}, ref) => {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const InputElement = _react2.default.forwardRef((_ref, ref) => {
+  let {
+    onChange,
+    placeholder,
+    value,
+    disabled = false,
+    placeholderTextColor,
+    ...rest
+  } = _ref;
   const theme = (0, _react.useTheme)();
 
   const _placeholderColor = placeholderTextColor || theme.font.color.dark;

package/dist/components/atoms/Input/InputElement/InputElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"names":["InputElement","React","forwardRef","onChange","placeholder","value","disabled","placeholderTextColor","rest","ref","theme","_placeholderColor","font","color","dark","displayName"],"mappings":";;;;;AAAA;;AAEA;;AAEA;;;;;;AAcA,MAAMA,YAAmC,GAAGC,gBAAMC,UAAN,CAC1C,CACE;AACEC,EAAAA,QADF;AAEEC,EAAAA,WAFF;AAGEC,EAAAA,KAHF;AAIEC,EAAAA,QAAQ,GAAG,KAJb;AAKEC,EAAAA,oBALF;AAME,KAAGC;AANL,CADF,EASEC,GATF,KAUkB;AAChB,QAAMC,KAAK,GAAG,sBAAd;;AACA,QAAMC,iBAAiB,GAAGJ,oBAAoB,IAAIG,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;AAEA,SACE,8BAAC,0BAAD,eACMN,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,YAAY,EAAEN,QAHhB;AAIE,IAAA,KAAK,EAAEE,KAJT;AAKE,IAAA,WAAW,EAAED,WALf;AAME,IAAA,oBAAoB,EAAEO,iBANxB;AAOE,IAAA,QAAQ,EAAEL,QAPZ;AAQE,IAAA,QAAQ,EAAE,CAACA;AARb,KADF;AAYD,CA3ByC,CAA5C;;AA8BAN,YAAY,CAACe,WAAb,GAA2B,cAA3B;eAEef,Y","sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyleProp, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  ref?: React.Ref<any>;\n}\n\nconst InputElement: FC<InputElementProps> = React.forwardRef(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref: React.Ref<any>\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"file":"InputElement.js"}
+{"version":3,"file":"InputElement.js","names":["InputElement","React","forwardRef","ref","onChange","placeholder","value","disabled","placeholderTextColor","rest","theme","useTheme","_placeholderColor","font","color","dark","displayName"],"sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAaA,MAAMA,YAAY,GAAGC,eAAA,CAAMC,UAAN,CACnB,OASEC,GATF,KAUkB;EAAA,IAThB;IACEC,QADF;IAEEC,WAFF;IAGEC,KAHF;IAIEC,QAAQ,GAAG,KAJb;IAKEC,oBALF;IAME,GAAGC;EANL,CASgB;EAChB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EACA,MAAMC,iBAAiB,GAAGJ,oBAAoB,IAAIE,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;EAEA,OACE,8BAAC,0BAAD,eACMN,IADN;IAEE,GAAG,EAAEN,GAFP;IAGE,YAAY,EAAEC,QAHhB;IAIE,KAAK,EAAEE,KAJT;IAKE,WAAW,EAAED,WALf;IAME,oBAAoB,EAAEO,iBANxB;IAOE,QAAQ,EAAEL,QAPZ;IAQE,QAAQ,EAAE,CAACA;EARb,GADF;AAYD,CA3BkB,CAArB;;AA8BAP,YAAY,CAACgB,WAAb,GAA2B,cAA3B;eAEehB,Y"}

package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.d.ts

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-import { StyleProp, TextInputProps, TextStyle } from 'react-native';
+import React from 'react';
+import { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';
 import { MaskType } from '../hooks/useStringMask';
 import { CurrencyOptions } from '../hooks/useNumberMask';
 export interface InputMaskElementProps extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {
@@ -11,7 +11,6 @@ export interface InputMaskElementProps extends Omit<TextInputProps, 'onChange' |
     mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;
     onFocus?: () => void;
     onBlur?: () => void;
-    ref?: React.Ref<any>;
 }
-declare const InputMaskElement: FC<InputMaskElementProps>;
+declare const InputMaskElement: React.ForwardRefExoticComponent<InputMaskElementProps & React.RefAttributes<TextInput>>;
 export default InputMaskElement;

package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = require("@emotion/react");
@@ -17,17 +19,18 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const InputMaskElement = _react2.default.forwardRef(({
-  onChange,
-  placeholder,
-  value,
-  disabled = false,
-  placeholderTextColor,
-  mask,
-  ...rest
-}, ref) => {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const InputMaskElement = _react2.default.forwardRef((_ref, ref) => {
+  let {
+    onChange,
+    placeholder,
+    value,
+    disabled = false,
+    placeholderTextColor,
+    mask,
+    ...rest
+  } = _ref;
   const theme = (0, _react.useTheme)();
 
   const _placeholderColor = placeholderTextColor || theme.font.color.dark;
@@ -44,13 +47,13 @@ const InputMaskElement = _react2.default.forwardRef(({
     }
   };
 
-  const [maskValue, setMaskValue] = getInputHook(value ?? '');
+  const [maskValue, setMaskValue] = getInputHook(value !== null && value !== void 0 ? value : '');
 
-  const _value = maskValue === undefined ? value == null ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : '';
+  const _value = maskValue === undefined ? value === null || value === void 0 ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : '';
 
   (0, _react2.useEffect)(() => {
     if (onChange) {
-      onChange(maskValue == null ? void 0 : maskValue.raw);
+      onChange(maskValue === null || maskValue === void 0 ? void 0 : maskValue.raw);
     }
   }, [maskValue]);
   const onChangeValue = (0, _react2.useCallback)(value => {

package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"names":["InputMaskElement","React","forwardRef","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","ref","theme","_placeholderColor","font","color","dark","getInputHook","undefined","Array","isArray","maskValue","setMaskValue","_value","toString","formatted","raw","onChangeValue","displayName"],"mappings":";;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAuBA,MAAMA,gBAA2C,GAAGC,gBAAMC,UAAN,CAClD,CACE;AACEC,EAAAA,QADF;AAEEC,EAAAA,WAFF;AAGEC,EAAAA,KAHF;AAIEC,EAAAA,QAAQ,GAAG,KAJb;AAKEC,EAAAA,oBALF;AAMEC,EAAAA,IANF;AAOE,KAAGC;AAPL,CADF,EAUEC,GAVF,KAWkB;AAChB,QAAMC,KAAK,GAAG,sBAAd;;AAEA,QAAMC,iBAAiB,GAAGL,oBAAoB,IAAII,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;AAEA,QAAMC,YAAY,GAAIX,KAAD,IAA4B;AAC/C,QAAIG,IAAI,KAAKS,SAAb,EAAwB;AACtB,UAAIC,KAAK,CAACC,OAAN,CAAcX,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;AACrD,eAAO,kCAAcA,IAAd,EAAoBH,KAApB,CAAP;AACD,OAFD,MAEO;AACL,eAAO,kCAAcG,IAAd,EAAoBH,KAApB,CAAP;AACD;AACF,KAND,MAMO;AACL,aAAO,CAACY,SAAD,EAAYA,SAAZ,CAAP;AACD;AACF,GAVD;;AAYA,QAAM,CAACG,SAAD,EAAYC,YAAZ,IAA4BL,YAAY,CAACX,KAAK,IAAI,EAAV,CAA9C;;AAEA,QAAMiB,MAAM,GACVF,SAAS,KAAKH,SAAd,GACIZ,KADJ,oBACIA,KAAK,CAAEkB,QAAP,EADJ,GAEIH,SAAS,CAACI,SAAV,GACAJ,SAAS,CAACI,SADV,GAEA,EALN;;AAOA,yBAAU,MAAM;AACd,QAAIrB,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACiB,SAAD,oBAACA,SAAS,CAAEK,GAAZ,CAAR;AACD;AACF,GAJD,EAIG,CAACL,SAAD,CAJH;AAMA,QAAMM,aAAa,GAAG,yBACnBrB,KAAD,IAA4B;AAC1B,QAAIe,SAAS,KAAKH,SAAd,IAA2BI,YAAY,KAAKJ,SAAhD,EAA2D;AACzDI,MAAAA,YAAY,CAAChB,KAAD,CAAZ;AACD,KAFD,MAEOF,QAAQ,IAAIA,QAAQ,CAACE,KAAD,CAApB;AACR,GALmB,EAMpB,CAACA,KAAD,CANoB,CAAtB;AASA,yBAAU,MAAM;AAEd,QACEe,SAAS,KAAKH,SAAd,IACAI,YAAY,KAAKJ,SADjB,IAEAZ,KAAK,KAAKY,SAFV,IAGA,OAAOG,SAAP,KAAqB,QAJvB,EAKE;AAEA,UACEA,SAAS,CAACK,GAAV,KAAkBR,SAAlB,IACAG,SAAS,CAACK,GAAV,CAAcF,QAAd,OAA6BlB,KAAK,CAACkB,QAAN,EAF/B,EAGE;AACAG,QAAAA,aAAa,CAACrB,KAAD,CAAb;AACD;AACF,KAbD,MAaO,IAAIe,SAAS,KAAKH,SAAd,IAA2BZ,KAAK,KAAKY,SAAzC,EAAoD;AACzDS,MAAAA,aAAa,CAACrB,KAAD,CAAb;AACD;AACF,GAlBD,EAkBG,CAACA,KAAD,CAlBH;AAoBA,SACE,8BAAC,0BAAD,eACMI,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,YAAY,EAAEgB,aAHhB;AAIE,IAAA,KAAK,EAAEJ,MAJT;AAKE,IAAA,WAAW,EAAElB,WALf;AAME,IAAA,oBAAoB,EAAEQ,iBANxB;AAOE,IAAA,QAAQ,EAAEN,QAPZ;AAQE,IAAA,QAAQ,EAAE,CAACA;AARb,KADF;AAYD,CArFiD,CAApD;;AAwFAN,gBAAgB,CAAC2B,WAAjB,GAA+B,kBAA/B;eAEe3B,gB","sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useEffect } from 'react';\nimport { StyleProp, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  ref?: React.Ref<any>;\n}\n\nconst InputMaskElement: FC<InputMaskElementProps> = React.forwardRef(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref: React.Ref<any>\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"file":"InputMaskElement.js"}
+{"version":3,"file":"InputMaskElement.js","names":["InputMaskElement","React","forwardRef","ref","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","theme","useTheme","_placeholderColor","font","color","dark","getInputHook","undefined","Array","isArray","useStringMask","useNumberMask","maskValue","setMaskValue","_value","toString","formatted","useEffect","raw","onChangeValue","useCallback","displayName"],"sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAsBA,MAAMA,gBAAgB,GAAGC,eAAA,CAAMC,UAAN,CACvB,OAUEC,GAVF,KAWkB;EAAA,IAVhB;IACEC,QADF;IAEEC,WAFF;IAGEC,KAHF;IAIEC,QAAQ,GAAG,KAJb;IAKEC,oBALF;IAMEC,IANF;IAOE,GAAGC;EAPL,CAUgB;EAChB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EAEA,MAAMC,iBAAiB,GAAGL,oBAAoB,IAAIG,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;EAEA,MAAMC,YAAY,GAAIX,KAAD,IAA4B;IAC/C,IAAIG,IAAI,KAAKS,SAAb,EAAwB;MACtB,IAAIC,KAAK,CAACC,OAAN,CAAcX,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;QACrD,OAAO,IAAAY,4BAAA,EAAcZ,IAAd,EAAoBH,KAApB,CAAP;MACD,CAFD,MAEO;QACL,OAAO,IAAAgB,4BAAA,EAAcb,IAAd,EAAoBH,KAApB,CAAP;MACD;IACF,CAND,MAMO;MACL,OAAO,CAACY,SAAD,EAAYA,SAAZ,CAAP;IACD;EACF,CAVD;;EAYA,MAAM,CAACK,SAAD,EAAYC,YAAZ,IAA4BP,YAAY,CAACX,KAAD,aAACA,KAAD,cAACA,KAAD,GAAU,EAAV,CAA9C;;EAEA,MAAMmB,MAAM,GACVF,SAAS,KAAKL,SAAd,GACIZ,KADJ,aACIA,KADJ,uBACIA,KAAK,CAAEoB,QAAP,EADJ,GAEIH,SAAS,CAACI,SAAV,GACAJ,SAAS,CAACI,SADV,GAEA,EALN;;EAOA,IAAAC,iBAAA,EAAU,MAAM;IACd,IAAIxB,QAAJ,EAAc;MACZA,QAAQ,CAACmB,SAAD,aAACA,SAAD,uBAACA,SAAS,CAAEM,GAAZ,CAAR;IACD;EACF,CAJD,EAIG,CAACN,SAAD,CAJH;EAMA,MAAMO,aAAa,GAAG,IAAAC,mBAAA,EACnBzB,KAAD,IAA4B;IAC1B,IAAIiB,SAAS,KAAKL,SAAd,IAA2BM,YAAY,KAAKN,SAAhD,EAA2D;MACzDM,YAAY,CAAClB,KAAD,CAAZ;IACD,CAFD,MAEOF,QAAQ,IAAIA,QAAQ,CAACE,KAAD,CAApB;EACR,CALmB,EAMpB,CAACA,KAAD,CANoB,CAAtB;EASA,IAAAsB,iBAAA,EAAU,MAAM;IAEd,IACEL,SAAS,KAAKL,SAAd,IACAM,YAAY,KAAKN,SADjB,IAEAZ,KAAK,KAAKY,SAFV,IAGA,OAAOK,SAAP,KAAqB,QAJvB,EAKE;MAEA,IACEA,SAAS,CAACM,GAAV,KAAkBX,SAAlB,IACAK,SAAS,CAACM,GAAV,CAAcH,QAAd,OAA6BpB,KAAK,CAACoB,QAAN,EAF/B,EAGE;QACAI,aAAa,CAACxB,KAAD,CAAb;MACD;IACF,CAbD,MAaO,IAAIiB,SAAS,KAAKL,SAAd,IAA2BZ,KAAK,KAAKY,SAAzC,EAAoD;MACzDY,aAAa,CAACxB,KAAD,CAAb;IACD;EACF,CAlBD,EAkBG,CAACA,KAAD,CAlBH;EAoBA,OACE,8BAAC,0BAAD,eACMI,IADN;IAEE,GAAG,EAAEP,GAFP;IAGE,YAAY,EAAE2B,aAHhB;IAIE,KAAK,EAAEL,MAJT;IAKE,WAAW,EAAEpB,WALf;IAME,oBAAoB,EAAEQ,iBANxB;IAOE,QAAQ,EAAEN,QAPZ;IAQE,QAAQ,EAAE,CAACA;EARb,GADF;AAYD,CArFsB,CAAzB;;AAwFAP,gBAAgB,CAACgC,WAAjB,GAA+B,kBAA/B;eAEehC,gB"}

package/dist/components/atoms/Input/PressableInputContainer/PressableInputContainer.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
@@ -15,15 +17,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const PressableInputContainer = ({
-  onPress,
-  disabled,
-  style,
-  children,
-  ...rest
-}) => {
+const PressableInputContainer = _ref => {
+  let {
+    onPress,
+    disabled,
+    style,
+    children,
+    ...rest
+  } = _ref;
   return React.createElement(_styled.StyledPressableSurface, {
     onPress: onPress,
     disabled: disabled,

package/dist/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/PressableInputContainer.tsx"],"names":["PressableInputContainer","onPress","disabled","style","children","rest"],"mappings":";;;;;AAAA;;AAEA;;AAGA;;;;;;;;;;AAcA,MAAMA,uBAA+D,GAAG,CAAC;AACvEC,EAAAA,OADuE;AAEvEC,EAAAA,QAFuE;AAGvEC,EAAAA,KAHuE;AAIvEC,EAAAA,QAJuE;AAKvE,KAAGC;AALoE,CAAD,KAMlE;AACJ,SACE,oBAAC,8BAAD;AAAwB,IAAA,OAAO,EAAEJ,OAAjC;AAA0C,IAAA,QAAQ,EAAEC,QAApD;AAA8D,IAAA,KAAK,EAAEC;AAArE,KACE,oBAAC,uBAAD;AAAgB,IAAA,QAAQ,EAAED;AAA1B,KAAwCG,IAAxC,GACGD,QADH,CADF,CADF;AAOD,CAdD;;eAgBeJ,uB","sourcesContent":["import * as React from 'react';\nimport { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';\nimport InputContainer, {\n  InputContainerProps,\n} from '../InputContainer/InputContainer';\nimport { StyledPressableSurface } from './styled';\n\nexport interface PressableInputContainerProps\n  extends Omit<\n    InputContainerProps,\n    'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'\n  > {\n  onPress?: () => void | never;\n  disabled?: boolean;\n  style?:\n    | StyleProp<ViewStyle>\n    | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);\n}\n\nconst PressableInputContainer: React.FC<PressableInputContainerProps> = ({\n  onPress,\n  disabled,\n  style,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledPressableSurface onPress={onPress} disabled={disabled} style={style}>\n      <InputContainer disabled={disabled} {...rest}>\n        {children}\n      </InputContainer>\n    </StyledPressableSurface>\n  );\n};\n\nexport default PressableInputContainer;\n"],"file":"PressableInputContainer.js"}
+{"version":3,"file":"PressableInputContainer.js","names":["PressableInputContainer","onPress","disabled","style","children","rest"],"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/PressableInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';\nimport InputContainer, {\n  InputContainerProps,\n} from '../InputContainer/InputContainer';\nimport { StyledPressableSurface } from './styled';\n\nexport interface PressableInputContainerProps\n  extends Omit<\n    InputContainerProps,\n    'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'\n  > {\n  onPress?: () => void | never;\n  disabled?: boolean;\n  style?:\n    | StyleProp<ViewStyle>\n    | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);\n}\n\nconst PressableInputContainer: React.FC<PressableInputContainerProps> = ({\n  onPress,\n  disabled,\n  style,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledPressableSurface onPress={onPress} disabled={disabled} style={style}>\n      <InputContainer disabled={disabled} {...rest}>\n        {children}\n      </InputContainer>\n    </StyledPressableSurface>\n  );\n};\n\nexport default PressableInputContainer;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;;;;;AAcA,MAAMA,uBAA+D,GAAG,QAMlE;EAAA,IANmE;IACvEC,OADuE;IAEvEC,QAFuE;IAGvEC,KAHuE;IAIvEC,QAJuE;IAKvE,GAAGC;EALoE,CAMnE;EACJ,OACE,oBAAC,8BAAD;IAAwB,OAAO,EAAEJ,OAAjC;IAA0C,QAAQ,EAAEC,QAApD;IAA8D,KAAK,EAAEC;EAArE,GACE,oBAAC,uBAAD;IAAgB,QAAQ,EAAED;EAA1B,GAAwCG,IAAxC,GACGD,QADH,CADF,CADF;AAOD,CAdD;;eAgBeJ,uB"}

package/dist/components/atoms/Input/PressableInputContainer/index.d.ts

@@ -1 +1,2 @@
-export { default as PressableInputContainer, PressableInputContainerProps, } from './PressableInputContainer';
+export { default as PressableInputContainer } from './PressableInputContainer';
+export type { PressableInputContainerProps } from './PressableInputContainer';

package/dist/components/atoms/Input/PressableInputContainer/index.js

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.PressableInputContainerProps = exports.PressableInputContainer = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PressableInputContainer", {
+  enumerable: true,
+  get: function () {
+    return _PressableInputContainer.default;
+  }
+});
 
-var _PressableInputContainer = _interopRequireWildcard(require("./PressableInputContainer"));
+var _PressableInputContainer = _interopRequireDefault(require("./PressableInputContainer"));
 
-exports.PressableInputContainer = _PressableInputContainer.default;
-exports.PressableInputContainerProps = _PressableInputContainer.PressableInputContainerProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Input/PressableInputContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export {\n  default as PressableInputContainer,\n  PressableInputContainerProps,\n} from './PressableInputContainer';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/index.ts"],"sourcesContent":["export { default as PressableInputContainer } from './PressableInputContainer';\nexport type { PressableInputContainerProps } from './PressableInputContainer';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/atoms/Input/PressableInputContainer/styled.js

@@ -1,14 +1,19 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.StyledPressableSurface = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledPressableSurface = _native.default.Pressable`
-  width: 100%;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledPressableSurface = _native.default.Pressable(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+
 exports.StyledPressableSurface = StyledPressableSurface;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/Input/PressableInputContainer/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/styled.ts"],"names":["StyledPressableSurface","styled","Pressable"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,sBAAsB,GAAGC,gBAAOC,SAAU;AACvD;AACA,CAFO","sourcesContent":["import styled from '@emotion/native';\n\nexport const StyledPressableSurface = styled.Pressable`\n  width: 100%;\n`;\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["StyledPressableSurface","styled","Pressable"],"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\n\nexport const StyledPressableSurface = styled.Pressable`\n  width: 100%;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAEO,MAAMA,sBAAsB,GAAGC,eAAA,CAAOC,SAAV,uFAA5B"}

package/dist/components/atoms/Input/hooks/useInputFocus.js

@@ -1,11 +1,14 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useInputFocus = void 0;
 
 var _react = require("react");
 
-const useInputFocus = (onFocus, onBlur, focusEnabled = true) => {
+const useInputFocus = function (onFocus, onBlur) {
+  let focusEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const [focused, setFocused] = (0, _react.useState)(false);
   const handleFocus = (0, _react.useCallback)(() => {
     if (focusEnabled) {

package/dist/components/atoms/Input/hooks/useInputFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/hooks/useInputFocus.ts"],"names":["useInputFocus","onFocus","onBlur","focusEnabled","focused","setFocused","handleFocus","handleBlur"],"mappings":";;;;;AAAA;;AAEO,MAAMA,aAAa,GAAG,CAC3BC,OAD2B,EAE3BC,MAF2B,EAG3BC,YAAY,GAAG,IAHY,KAIxB;AACH,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,qBAAkB,KAAlB,CAA9B;AAEA,QAAMC,WAAW,GAAG,wBAAY,MAAM;AACpC,QAAIH,YAAJ,EAAkB;AAChBE,MAAAA,UAAU,CAAC,IAAD,CAAV;AACAJ,MAAAA,OAAO,IAAIA,OAAO,EAAlB;AACD;AACF,GALmB,EAKjB,CAACE,YAAD,EAAeE,UAAf,EAA2BJ,OAA3B,CALiB,CAApB;AAOA,QAAMM,UAAU,GAAG,wBAAY,MAAM;AACnC,QAAIJ,YAAJ,EAAkB;AAChBE,MAAAA,UAAU,CAAC,KAAD,CAAV;AACAH,MAAAA,MAAM,IAAIA,MAAM,EAAhB;AACD;AACF,GALkB,EAKhB,CAACC,YAAD,EAAeE,UAAf,EAA2BH,MAA3B,CALgB,CAAnB;AAOA,SAAO;AACLE,IAAAA,OADK;AAELG,IAAAA,UAFK;AAGLD,IAAAA;AAHK,GAAP;AAKD,CA1BM","sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useInputFocus = (\n  onFocus?: () => void,\n  onBlur?: () => void,\n  focusEnabled = true\n) => {\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const handleFocus = useCallback(() => {\n    if (focusEnabled) {\n      setFocused(true);\n      onFocus && onFocus();\n    }\n  }, [focusEnabled, setFocused, onFocus]);\n\n  const handleBlur = useCallback(() => {\n    if (focusEnabled) {\n      setFocused(false);\n      onBlur && onBlur();\n    }\n  }, [focusEnabled, setFocused, onBlur]);\n\n  return {\n    focused,\n    handleBlur,\n    handleFocus,\n  };\n};\n"],"file":"useInputFocus.js"}
+{"version":3,"file":"useInputFocus.js","names":["useInputFocus","onFocus","onBlur","focusEnabled","focused","setFocused","useState","handleFocus","useCallback","handleBlur"],"sources":["../../../../../src/components/atoms/Input/hooks/useInputFocus.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useInputFocus = (\n  onFocus?: () => void,\n  onBlur?: () => void,\n  focusEnabled = true\n) => {\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const handleFocus = useCallback(() => {\n    if (focusEnabled) {\n      setFocused(true);\n      onFocus && onFocus();\n    }\n  }, [focusEnabled, setFocused, onFocus]);\n\n  const handleBlur = useCallback(() => {\n    if (focusEnabled) {\n      setFocused(false);\n      onBlur && onBlur();\n    }\n  }, [focusEnabled, setFocused, onBlur]);\n\n  return {\n    focused,\n    handleBlur,\n    handleFocus,\n  };\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,aAAa,GAAG,UAC3BC,OAD2B,EAE3BC,MAF2B,EAIxB;EAAA,IADHC,YACG,uEADY,IACZ;EACH,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAEA,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACpC,IAAIL,YAAJ,EAAkB;MAChBE,UAAU,CAAC,IAAD,CAAV;MACAJ,OAAO,IAAIA,OAAO,EAAlB;IACD;EACF,CALmB,EAKjB,CAACE,YAAD,EAAeE,UAAf,EAA2BJ,OAA3B,CALiB,CAApB;EAOA,MAAMQ,UAAU,GAAG,IAAAD,kBAAA,EAAY,MAAM;IACnC,IAAIL,YAAJ,EAAkB;MAChBE,UAAU,CAAC,KAAD,CAAV;MACAH,MAAM,IAAIA,MAAM,EAAhB;IACD;EACF,CALkB,EAKhB,CAACC,YAAD,EAAeE,UAAf,EAA2BH,MAA3B,CALgB,CAAnB;EAOA,OAAO;IACLE,OADK;IAELK,UAFK;IAGLF;EAHK,CAAP;AAKD,CA1BM"}

package/dist/components/atoms/Input/hooks/useNumberMask.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useNumberMask = exports.getInternalNumberAndMask = void 0;
 
 var _currency = _interopRequireDefault(require("currency.js"));
@@ -18,7 +20,7 @@ const DEFAULT_OPTIONS = {
   precision: 2
 };
 
-const getRegex = precision => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, 'g');
+const getRegex = precision => new RegExp("\\B(?=(\\d{".concat(precision, "})(?!\\d))"), 'g');
 
 const getInternalNumberAndMask = (value, options) => {
   const mergedOptions = { ...DEFAULT_OPTIONS,
@@ -38,7 +40,7 @@ const getInternalNumberAndMask = (value, options) => {
       if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {
         const zeros = stringValue.length + 1 - currentPrecision;
 
-        for (let i = 0; i < zeros; i++) stringValue = stringValue + `0`;
+        for (let i = 0; i < zeros; i++) stringValue = stringValue + "0";
       }
 
       internalNumber = Number(stringValue);
@@ -68,7 +70,8 @@ const getInternalNumberAndMask = (value, options) => {
 exports.getInternalNumberAndMask = getInternalNumberAndMask;
 
 const useNumberMask = (options, defaultValue) => {
-  const applyMask = (0, _react.useCallback)((value = 0) => {
+  const applyMask = (0, _react.useCallback)(function () {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     const {
       internalNumber,
       mergedOptions

package/dist/components/atoms/Input/hooks/useNumberMask.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/hooks/useNumberMask.ts"],"names":["DEFAULT_OPTIONS","symbol","separator","decimal","precision","getRegex","RegExp","getInternalNumberAndMask","value","options","mergedOptions","internalNumber","stringValue","String","decimalIndex","indexOf","currentPrecision","length","zeros","i","Number","onlyNumbers","padZeros","padStart","replace","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","useNumberMask","defaultValue","applyMask","raw","formatted","format","setValue","handleChangeValue","formattedValue"],"mappings":"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","sourcesContent":["import currency from 'currency.js';\nimport { useCallback, useState } from 'react';\nimport { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';\nimport { MaskValue } from './useStringMask';\n\nexport type CurrencyOptions = currency.Options;\n\nconst DEFAULT_OPTIONS: CurrencyOptions = {\n  symbol: 'R$ ',\n  separator: '.',\n  decimal: ',',\n  precision: 2,\n};\n\nconst getRegex = (precision: number) =>\n  new RegExp(`\\\\B(?=(\\\\d{${precision}})(?!\\\\d))`, 'g');\n\nexport const getInternalNumberAndMask = (\n  value: string | number,\n  options?: CurrencyOptions\n): { internalNumber: number; mergedOptions: CurrencyOptions } => {\n  const mergedOptions = { ...DEFAULT_OPTIONS, ...options };\n  const { precision = -1 } = mergedOptions;\n\n  let internalNumber;\n\n  if (typeof value === 'number') {\n    if (precision) {\n      let stringValue = String(value);\n      const decimalIndex = stringValue.indexOf('.');\n      const currentPrecision = decimalIndex + precision;\n      if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {\n        const zeros = stringValue.length + 1 - currentPrecision;\n        for (let i = 0; i < zeros; i++) stringValue = stringValue + `0`;\n      }\n      internalNumber = Number(stringValue);\n    } else {\n      internalNumber = value;\n    }\n  } else {\n    const onlyNumbers = String(extractNumbersFromString(value));\n    const padZeros = String(onlyNumbers).padStart(precision + 1, '0');\n    internalNumber = Number(padZeros.replace(getRegex(precision), '.'));\n  }\n\n  if (internalNumber > Number.MAX_SAFE_INTEGER) {\n    internalNumber = Number.MAX_SAFE_INTEGER;\n  }\n\n  if (internalNumber < Number.MIN_SAFE_INTEGER) {\n    internalNumber = Number.MIN_SAFE_INTEGER;\n  }\n\n  return {\n    internalNumber,\n    mergedOptions,\n  };\n};\n\n/**\n * TODO:\n * @param options\n * @param defaultValue\n * @returns\n */\nexport const useNumberMask = (\n  options?: CurrencyOptions,\n  defaultValue?: string | number\n): [MaskValue, (value: string | number) => void] => {\n  const applyMask = useCallback(\n    (value: string | number = 0): MaskValue => {\n      const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n        value,\n        options\n      );\n\n      return {\n        raw: internalNumber,\n        formatted: currency(internalNumber).format(mergedOptions),\n      };\n    },\n    [options, getRegex]\n  );\n\n  const [value, setValue] = useState<MaskValue>(applyMask(defaultValue));\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue);\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"file":"useNumberMask.js"}
+{"version":3,"file":"useNumberMask.js","names":["DEFAULT_OPTIONS","symbol","separator","decimal","precision","getRegex","RegExp","getInternalNumberAndMask","value","options","mergedOptions","internalNumber","stringValue","String","decimalIndex","indexOf","currentPrecision","length","zeros","i","Number","onlyNumbers","extractNumbersFromString","padZeros","padStart","replace","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","useNumberMask","defaultValue","applyMask","useCallback","raw","formatted","currency","format","setValue","useState","handleChangeValue","formattedValue"],"sources":["../../../../../src/components/atoms/Input/hooks/useNumberMask.ts"],"sourcesContent":["import currency from 'currency.js';\nimport { useCallback, useState } from 'react';\nimport { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';\nimport { MaskValue } from './useStringMask';\n\nexport type CurrencyOptions = currency.Options;\n\nconst DEFAULT_OPTIONS: CurrencyOptions = {\n  symbol: 'R$ ',\n  separator: '.',\n  decimal: ',',\n  precision: 2,\n};\n\nconst getRegex = (precision: number) =>\n  new RegExp(`\\\\B(?=(\\\\d{${precision}})(?!\\\\d))`, 'g');\n\nexport const getInternalNumberAndMask = (\n  value: string | number,\n  options?: CurrencyOptions\n): { internalNumber: number; mergedOptions: CurrencyOptions } => {\n  const mergedOptions = { ...DEFAULT_OPTIONS, ...options };\n  const { precision = -1 } = mergedOptions;\n\n  let internalNumber;\n\n  if (typeof value === 'number') {\n    if (precision) {\n      let stringValue = String(value);\n      const decimalIndex = stringValue.indexOf('.');\n      const currentPrecision = decimalIndex + precision;\n      if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {\n        const zeros = stringValue.length + 1 - currentPrecision;\n        for (let i = 0; i < zeros; i++) stringValue = stringValue + `0`;\n      }\n      internalNumber = Number(stringValue);\n    } else {\n      internalNumber = value;\n    }\n  } else {\n    const onlyNumbers = String(extractNumbersFromString(value));\n    const padZeros = String(onlyNumbers).padStart(precision + 1, '0');\n    internalNumber = Number(padZeros.replace(getRegex(precision), '.'));\n  }\n\n  if (internalNumber > Number.MAX_SAFE_INTEGER) {\n    internalNumber = Number.MAX_SAFE_INTEGER;\n  }\n\n  if (internalNumber < Number.MIN_SAFE_INTEGER) {\n    internalNumber = Number.MIN_SAFE_INTEGER;\n  }\n\n  return {\n    internalNumber,\n    mergedOptions,\n  };\n};\n\n/**\n * TODO:\n * @param options\n * @param defaultValue\n * @returns\n */\nexport const useNumberMask = (\n  options?: CurrencyOptions,\n  defaultValue?: string | number\n): [MaskValue, (value: string | number) => void] => {\n  const applyMask = useCallback(\n    (value: string | number = 0): MaskValue => {\n      const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n        value,\n        options\n      );\n\n      return {\n        raw: internalNumber,\n        formatted: currency(internalNumber).format(mergedOptions),\n      };\n    },\n    [options, getRegex]\n  );\n\n  const [value, setValue] = useState<MaskValue>(applyMask(defaultValue));\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue);\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"mappings":"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"}

package/dist/components/atoms/Input/hooks/useStringMask.js

@@ -1,11 +1,15 @@
 "use strict";
 
-exports.__esModule = true;
-exports.useStringMask = exports.getMask = exports.mergeMask = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStringMask = exports.mergeMask = exports.getMask = void 0;
 
 var _react = require("react");
 
-const mergeMask = (value = '', mask) => {
+const mergeMask = function () {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let mask = arguments.length > 1 ? arguments[1] : undefined;
   let formatted = '';
   let raw = '';
   let iMask = 0;
@@ -78,7 +82,8 @@ const getMask = (mask, newValue) => {
 exports.getMask = getMask;
 
 const useStringMask = (mask, defaultValue) => {
-  const applyMask = (0, _react.useCallback)((value = '') => {
+  const applyMask = (0, _react.useCallback)(function () {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     const selectedMask = getMask(mask, value);
     const {
       formatted,
@@ -89,12 +94,12 @@ const useStringMask = (mask, defaultValue) => {
       formatted
     };
   }, [mask]);
-  const [value, setValue] = (0, _react.useState)(applyMask(defaultValue == null ? void 0 : defaultValue.toString()));
+  const [value, setValue] = (0, _react.useState)(applyMask(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.toString()));
   const handleChangeValue = (0, _react.useCallback)(formattedValue => {
     const {
       raw,
       formatted
-    } = applyMask(formattedValue == null ? void 0 : formattedValue.toString());
+    } = applyMask(formattedValue === null || formattedValue === void 0 ? void 0 : formattedValue.toString());
     setValue({
       raw,
       formatted

package/dist/components/atoms/Input/hooks/useStringMask.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/hooks/useStringMask.ts"],"names":["mergeMask","value","mask","formatted","raw","iMask","iChars","length","maskChar","valueChar","rawValueChar","maskCharRegex","Array","isArray","matchRegex","RegExp","test","getMask","newValue","maskArray","regexArray","forEach","exp","push","i","useStringMask","defaultValue","applyMask","selectedMask","setValue","toString","handleChangeValue","formattedValue"],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\n\nexport interface MaskValue {\n  formatted?: string;\n  raw?: string | number;\n}\n\nexport type MaskType = string | RegExp | Array<RegExp>;\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nexport const mergeMask = (value = '', mask: MaskType[]): MaskValue => {\n  let formatted = '';\n  let raw = '';\n  let iMask = 0;\n  let iChars = 0;\n\n  while (!(iMask === mask.length || iChars === value.length)) {\n    const maskChar = mask[iMask];\n    const valueChar = value[iChars];\n\n    if (maskChar === valueChar) {\n      formatted += maskChar;\n      iChars++;\n      iMask++;\n      continue;\n    }\n\n    const rawValueChar = value[iChars];\n\n    if (typeof maskChar === 'object') {\n      iChars++;\n\n      const maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;\n      const matchRegex = RegExp(maskCharRegex).test(valueChar);\n\n      if (matchRegex) {\n        formatted += valueChar;\n        raw += rawValueChar;\n        iMask++;\n      }\n    } else {\n      formatted += maskChar;\n      iMask++;\n    }\n  }\n\n  return { raw, formatted };\n};\n\nexport const getMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  newValue: string\n): MaskType[] => {\n  let maskArray: MaskType[];\n  const regexArray: MaskType[] = [];\n\n  if (typeof mask === 'function') {\n    maskArray = mask(newValue);\n  } else {\n    maskArray = mask;\n  }\n\n  maskArray.forEach(exp => {\n    if (typeof exp !== 'string') {\n      if (Array.isArray(exp)) regexArray.push(exp);\n      else regexArray.push(exp);\n    } else {\n      for (let i = 0; i < exp.length; i++) {\n        if (exp[i] === '\\\\') {\n          regexArray.push(exp[i + 1]);\n          i++;\n        } else {\n          if (exp[i] === '9') regexArray.push(/\\d/);\n          else if (exp[i] === 'a') regexArray.push(/[a-zA-Z]/);\n          else regexArray.push(exp[i]);\n        }\n      }\n    }\n  });\n\n  return regexArray;\n};\n\n/**\n * TODO:\n * @param mask\n * @param defaultValue\n * @returns\n */\nexport const useStringMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  defaultValue?: string | number\n): [MaskValue, (text: string | number) => void] => {\n  const applyMask = useCallback(\n    (value = ''): MaskValue => {\n      const selectedMask = getMask(mask, value);\n      const { formatted, raw } = mergeMask(value, selectedMask);\n\n      return {\n        raw,\n        formatted,\n      };\n    },\n    [mask]\n  );\n\n  const [value, setValue] = useState<MaskValue>(\n    applyMask(defaultValue?.toString())\n  );\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue?.toString());\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"file":"useStringMask.js"}
+{"version":3,"file":"useStringMask.js","names":["mergeMask","value","mask","formatted","raw","iMask","iChars","length","maskChar","valueChar","rawValueChar","maskCharRegex","Array","isArray","matchRegex","RegExp","test","getMask","newValue","maskArray","regexArray","forEach","exp","push","i","useStringMask","defaultValue","applyMask","useCallback","selectedMask","setValue","useState","toString","handleChangeValue","formattedValue"],"sources":["../../../../../src/components/atoms/Input/hooks/useStringMask.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport interface MaskValue {\n  formatted?: string;\n  raw?: string | number;\n}\n\nexport type MaskType = string | RegExp | Array<RegExp>;\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nexport const mergeMask = (value = '', mask: MaskType[]): MaskValue => {\n  let formatted = '';\n  let raw = '';\n  let iMask = 0;\n  let iChars = 0;\n\n  while (!(iMask === mask.length || iChars === value.length)) {\n    const maskChar = mask[iMask];\n    const valueChar = value[iChars];\n\n    if (maskChar === valueChar) {\n      formatted += maskChar;\n      iChars++;\n      iMask++;\n      continue;\n    }\n\n    const rawValueChar = value[iChars];\n\n    if (typeof maskChar === 'object') {\n      iChars++;\n\n      const maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;\n      const matchRegex = RegExp(maskCharRegex).test(valueChar);\n\n      if (matchRegex) {\n        formatted += valueChar;\n        raw += rawValueChar;\n        iMask++;\n      }\n    } else {\n      formatted += maskChar;\n      iMask++;\n    }\n  }\n\n  return { raw, formatted };\n};\n\nexport const getMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  newValue: string\n): MaskType[] => {\n  let maskArray: MaskType[];\n  const regexArray: MaskType[] = [];\n\n  if (typeof mask === 'function') {\n    maskArray = mask(newValue);\n  } else {\n    maskArray = mask;\n  }\n\n  maskArray.forEach(exp => {\n    if (typeof exp !== 'string') {\n      if (Array.isArray(exp)) regexArray.push(exp);\n      else regexArray.push(exp);\n    } else {\n      for (let i = 0; i < exp.length; i++) {\n        if (exp[i] === '\\\\') {\n          regexArray.push(exp[i + 1]);\n          i++;\n        } else {\n          if (exp[i] === '9') regexArray.push(/\\d/);\n          else if (exp[i] === 'a') regexArray.push(/[a-zA-Z]/);\n          else regexArray.push(exp[i]);\n        }\n      }\n    }\n  });\n\n  return regexArray;\n};\n\n/**\n * TODO:\n * @param mask\n * @param defaultValue\n * @returns\n */\nexport const useStringMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  defaultValue?: string | number\n): [MaskValue, (text: string | number) => void] => {\n  const applyMask = useCallback(\n    (value = ''): MaskValue => {\n      const selectedMask = getMask(mask, value);\n      const { formatted, raw } = mergeMask(value, selectedMask);\n\n      return {\n        raw,\n        formatted,\n      };\n    },\n    [mask]\n  );\n\n  const [value, setValue] = useState<MaskValue>(\n    applyMask(defaultValue?.toString())\n  );\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue?.toString());\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"mappings":"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"}

package/dist/components/atoms/Input/index.d.ts

@@ -2,8 +2,12 @@ export { default as Hint } from './Hint';
 export * from './hooks/useInputFocus';
 export * from './hooks/useNumberMask';
 export * from './hooks/useStringMask';
-export { default as InputContainer, InputContainerProps, InputVariantType, } from './InputContainer/InputContainer';
-export { default as InputElement, InputElementProps, } from './InputElement/InputElement';
-export { default as InputMaskElement, InputMaskElementProps, } from './InputMaskElement/InputMaskElement';
-export { PressableInputContainer, PressableInputContainerProps, } from './PressableInputContainer';
+export { default as InputContainer } from './InputContainer/InputContainer';
+export type { InputContainerProps, InputVariantType, } from './InputContainer/InputContainer';
+export { default as InputElement } from './InputElement/InputElement';
+export type { InputElementProps } from './InputElement/InputElement';
+export { default as InputMaskElement } from './InputMaskElement/InputMaskElement';
+export type { InputMaskElementProps } from './InputMaskElement/InputMaskElement';
+export { PressableInputContainer } from './PressableInputContainer';
+export type { PressableInputContainerProps } from './PressableInputContainer';
 export { StyledBorderKeeper, disabledInputStyles } from './styled';