@tecsinapse/react-core 1.19.0 → 1.21.0-beta.13

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

@@ -1,84 +1,113 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireWildcard(require("react"));
-
-var _styled = require("../styled");
-
-var _useStringMask = require("../hooks/useStringMask");
-
-var _useNumberMask = require("../hooks/useNumberMask");
-
-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 _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(({
-  onChange,
-  placeholder,
-  value,
-  disabled = false,
-  placeholderTextColor,
-  mask,
-  ...rest
-}, ref) => {
-  const theme = (0, _react.useTheme)();
-
-  const _placeholderColor = placeholderTextColor || theme.font.color.dark;
-
-  const getInputHook = value => {
-    if (mask !== undefined) {
-      if (Array.isArray(mask) || typeof mask === 'function') {
-        return (0, _useStringMask.useStringMask)(mask, value);
-      } else {
-        return (0, _useNumberMask.useNumberMask)(mask, value);
-      }
-    } else {
-      return [undefined, undefined];
+'use strict';
+
+var react = require('@emotion/react');
+var React = require('react');
+var styled = require('../styled.js');
+var useStringMask = require('../hooks/useStringMask.js');
+var useNumberMask = require('../hooks/useNumberMask.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  };
-
-  const [maskValue, setMaskValue] = getInputHook(value ?? '');
-
-  const _value = maskValue === undefined ? value == null ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : '';
-
-  (0, _react2.useEffect)(() => {
-    if (onChange) {
-      onChange(maskValue == null ? void 0 : maskValue.raw);
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-  }, [maskValue]);
-  const onChangeValue = (0, _react2.useCallback)(value => {
-    if (maskValue !== undefined && setMaskValue !== undefined) {
-      setMaskValue(value);
-    } else onChange && onChange(value);
-  }, [value]);
-  (0, _react2.useEffect)(() => {
-    if (maskValue !== undefined && setMaskValue !== undefined && value !== undefined && typeof maskValue === 'object') {
-      if (maskValue.raw !== undefined && maskValue.raw.toString() !== value.toString()) {
+  return target;
+};
+const InputMaskElement = React__default["default"].forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      onChange,
+      placeholder,
+      value,
+      disabled = false,
+      placeholderTextColor,
+      mask
+    } = _b, rest = __objRest(_b, [
+      "onChange",
+      "placeholder",
+      "value",
+      "disabled",
+      "placeholderTextColor",
+      "mask"
+    ]);
+    const theme = react.useTheme();
+    const _placeholderColor = placeholderTextColor || theme.font.color.dark;
+    const getInputHook = (value2) => {
+      if (mask !== void 0) {
+        if (Array.isArray(mask) || typeof mask === "function") {
+          return useStringMask.useStringMask(mask, value2);
+        } else {
+          return useNumberMask.useNumberMask(mask, value2);
+        }
+      } else {
+        return [void 0, void 0];
+      }
+    };
+    const [maskValue, setMaskValue] = getInputHook(value != null ? value : "");
+    const _value = maskValue === void 0 ? value == null ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : "";
+    React.useEffect(() => {
+      if (onChange) {
+        onChange(maskValue == null ? void 0 : maskValue.raw);
+      }
+    }, [maskValue]);
+    const onChangeValue = React.useCallback(
+      (value2) => {
+        if (maskValue !== void 0 && setMaskValue !== void 0) {
+          setMaskValue(value2);
+        } else
+          onChange && onChange(value2);
+      },
+      [value]
+    );
+    React.useEffect(() => {
+      if (maskValue !== void 0 && setMaskValue !== void 0 && value !== void 0 && typeof maskValue === "object") {
+        if (maskValue.raw !== void 0 && maskValue.raw.toString() !== value.toString()) {
+          onChangeValue(value);
+        }
+      } else if (maskValue === void 0 && value !== void 0) {
         onChangeValue(value);
       }
-    } else if (maskValue === undefined && value !== undefined) {
-      onChangeValue(value);
-    }
-  }, [value]);
-  return _react2.default.createElement(_styled.StyledInputElement, _extends({}, rest, {
-    ref: ref,
-    onChangeText: onChangeValue,
-    value: _value,
-    placeholder: placeholder,
-    placeholderTextColor: _placeholderColor,
-    disabled: disabled,
-    editable: !disabled
-  }));
-});
-
-InputMaskElement.displayName = 'InputMaskElement';
-var _default = InputMaskElement;
-exports.default = _default;
-//# sourceMappingURL=InputMaskElement.js.map
+    }, [value]);
+    return /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputElement, __spreadProps(__spreadValues({}, rest), {
+      ref,
+      onChangeText: onChangeValue,
+      value: _value,
+      placeholder,
+      placeholderTextColor: _placeholderColor,
+      disabled,
+      editable: !disabled
+    }));
+  }
+);
+InputMaskElement.displayName = "InputMaskElement";
+
+module.exports = InputMaskElement;
+//# sourceMappingURL=InputMaskElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputMaskElement.js","names":["InputMaskElement","React","forwardRef","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","ref","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,CACE;EACEC,QADF;EAEEC,WAFF;EAGEC,KAHF;EAIEC,QAAQ,GAAG,KAJb;EAKEC,oBALF;EAMEC,IANF;EAOE,GAAGC;AAPL,CADF,EAUEC,GAVF,KAWkB;EAChB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EAEA,MAAMC,iBAAiB,GAAGN,oBAAoB,IAAII,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;EAEA,MAAMC,YAAY,GAAIZ,KAAD,IAA4B;IAC/C,IAAIG,IAAI,KAAKU,SAAb,EAAwB;MACtB,IAAIC,KAAK,CAACC,OAAN,CAAcZ,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;QACrD,OAAO,IAAAa,4BAAA,EAAcb,IAAd,EAAoBH,KAApB,CAAP;MACD,CAFD,MAEO;QACL,OAAO,IAAAiB,4BAAA,EAAcd,IAAd,EAAoBH,KAApB,CAAP;MACD;IACF,CAND,MAMO;MACL,OAAO,CAACa,SAAD,EAAYA,SAAZ,CAAP;IACD;EACF,CAVD;;EAYA,MAAM,CAACK,SAAD,EAAYC,YAAZ,IAA4BP,YAAY,CAACZ,KAAK,IAAI,EAAV,CAA9C;;EAEA,MAAMoB,MAAM,GACVF,SAAS,KAAKL,SAAd,GACIb,KADJ,oBACIA,KAAK,CAAEqB,QAAP,EADJ,GAEIH,SAAS,CAACI,SAAV,GACAJ,SAAS,CAACI,SADV,GAEA,EALN;;EAOA,IAAAC,iBAAA,EAAU,MAAM;IACd,IAAIzB,QAAJ,EAAc;MACZA,QAAQ,CAACoB,SAAD,oBAACA,SAAS,CAAEM,GAAZ,CAAR;IACD;EACF,CAJD,EAIG,CAACN,SAAD,CAJH;EAMA,MAAMO,aAAa,GAAG,IAAAC,mBAAA,EACnB1B,KAAD,IAA4B;IAC1B,IAAIkB,SAAS,KAAKL,SAAd,IAA2BM,YAAY,KAAKN,SAAhD,EAA2D;MACzDM,YAAY,CAACnB,KAAD,CAAZ;IACD,CAFD,MAEOF,QAAQ,IAAIA,QAAQ,CAACE,KAAD,CAApB;EACR,CALmB,EAMpB,CAACA,KAAD,CANoB,CAAtB;EASA,IAAAuB,iBAAA,EAAU,MAAM;IAEd,IACEL,SAAS,KAAKL,SAAd,IACAM,YAAY,KAAKN,SADjB,IAEAb,KAAK,KAAKa,SAFV,IAGA,OAAOK,SAAP,KAAqB,QAJvB,EAKE;MAEA,IACEA,SAAS,CAACM,GAAV,KAAkBX,SAAlB,IACAK,SAAS,CAACM,GAAV,CAAcH,QAAd,OAA6BrB,KAAK,CAACqB,QAAN,EAF/B,EAGE;QACAI,aAAa,CAACzB,KAAD,CAAb;MACD;IACF,CAbD,MAaO,IAAIkB,SAAS,KAAKL,SAAd,IAA2Bb,KAAK,KAAKa,SAAzC,EAAoD;MACzDY,aAAa,CAACzB,KAAD,CAAb;IACD;EACF,CAlBD,EAkBG,CAACA,KAAD,CAlBH;EAoBA,OACE,8BAAC,0BAAD,eACMI,IADN;IAEE,GAAG,EAAEC,GAFP;IAGE,YAAY,EAAEoB,aAHhB;IAIE,KAAK,EAAEL,MAJT;IAKE,WAAW,EAAErB,WALf;IAME,oBAAoB,EAAES,iBANxB;IAOE,QAAQ,EAAEP,QAPZ;IAQE,QAAQ,EAAE,CAACA;EARb,GADF;AAYD,CArFsB,CAAzB;;AAwFAN,gBAAgB,CAACgC,WAAjB,GAA+B,kBAA/B;eAEehC,gB"}
+{"version":3,"file":"InputMaskElement.js","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"],"names":["React","useTheme","value","useStringMask","useNumberMask","useEffect","useCallback","StyledInputElement"],"mappings":"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"}

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

@@ -1,38 +1,77 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+var InputContainer = require('../InputContainer/InputContainer.js');
+var styled = require('./styled.js');
 
-var React = _interopRequireWildcard(require("react"));
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
 
-var _InputContainer = _interopRequireDefault(require("../InputContainer/InputContainer"));
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _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
-}) => {
-  return React.createElement(_styled.StyledPressableSurface, {
-    onPress: onPress,
-    disabled: disabled,
-    style: style
-  }, React.createElement(_InputContainer.default, _extends({
-    disabled: disabled
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const PressableInputContainer = (_a) => {
+  var _b = _a, {
+    onPress,
+    disabled,
+    style,
+    children
+  } = _b, rest = __objRest(_b, [
+    "onPress",
+    "disabled",
+    "style",
+    "children"
+  ]);
+  return /* @__PURE__ */ React__namespace.createElement(styled.StyledPressableSurface, {
+    onPress,
+    disabled,
+    style
+  }, /* @__PURE__ */ React__namespace.createElement(InputContainer, __spreadValues({
+    disabled
   }, rest), children));
 };
 
-var _default = PressableInputContainer;
-exports.default = _default;
-//# sourceMappingURL=PressableInputContainer.js.map
+module.exports = PressableInputContainer;
+//# sourceMappingURL=PressableInputContainer.js.map

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

@@ -1 +1 @@
-{"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,CAAC;EACvEC,OADuE;EAEvEC,QAFuE;EAGvEC,KAHuE;EAIvEC,QAJuE;EAKvE,GAAGC;AALoE,CAAD,KAMlE;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"}
+{"version":3,"file":"PressableInputContainer.js","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"],"names":["React","StyledPressableSurface"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,MAAA,uBAAA,GAAkE,CAAC,EAMnE,KAAA;AANmE,EACvE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,GAvBF,GAmByE,EAKpE,EAAA,IAAA,GAAA,SAAA,CALoE,EAKpE,EAAA;AAAA,IAJH,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,6BAAA,EAAA;AAAA,IAAuB,OAAA;AAAA,IAAkB,QAAA;AAAA,IAAoB,KAAA;AAAA,GAAA,kBAC3DD,gBAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA;AAAA,IAAe,QAAA;AAAA,GAAwB,EAAA,IAAA,CAAA,EACrC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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/styled.js

@@ -1,14 +1,16 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.StyledPressableSurface = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var styled = require('@emotion/native');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-const StyledPressableSurface = _native.default.Pressable`
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledPressableSurface = styled__default["default"].Pressable`
   width: 100%;
 `;
+
 exports.StyledPressableSurface = StyledPressableSurface;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"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,SAAU;AACvD;AACA,CAFO"}
+{"version":3,"file":"styled.js","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"],"names":["styled"],"mappings":";;;;;;;;;;AAEO,MAAM,yBAAyBA,0BAAO,CAAA,SAAA,CAAA;AAAA;AAAA;;;;"}

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

@@ -1,19 +1,18 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.useInputFocus = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = require("react");
+var React = require('react');
 
 const useInputFocus = (onFocus, onBlur, focusEnabled = true) => {
-  const [focused, setFocused] = (0, _react.useState)(false);
-  const handleFocus = (0, _react.useCallback)(() => {
+  const [focused, setFocused] = React.useState(false);
+  const handleFocus = React.useCallback(() => {
     if (focusEnabled) {
       setFocused(true);
       onFocus && onFocus();
     }
   }, [focusEnabled, setFocused, onFocus]);
-  const handleBlur = (0, _react.useCallback)(() => {
+  const handleBlur = React.useCallback(() => {
     if (focusEnabled) {
       setFocused(false);
       onBlur && onBlur();
@@ -27,4 +26,4 @@ const useInputFocus = (onFocus, onBlur, focusEnabled = true) => {
 };
 
 exports.useInputFocus = useInputFocus;
-//# sourceMappingURL=useInputFocus.js.map
+//# sourceMappingURL=useInputFocus.js.map

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

@@ -1 +1 @@
-{"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,CAC3BC,OAD2B,EAE3BC,MAF2B,EAG3BC,YAAY,GAAG,IAHY,KAIxB;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"}
+{"version":3,"file":"useInputFocus.js","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"],"names":["useState","useCallback"],"mappings":";;;;;;AAEO,MAAM,aAAgB,GAAA,CAC3B,OACA,EAAA,MAAA,EACA,eAAe,IACZ,KAAA;AACH,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAA,OAAA,IAAW,OAAQ,EAAA,CAAA;AAAA,KACrB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,OAAO,CAAC,CAAA,CAAA;AAEtC,EAAM,MAAA,UAAA,GAAaA,kBAAY,MAAM;AACnC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,MAAA,IAAU,MAAO,EAAA,CAAA;AAAA,KACnB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,MAAM,CAAC,CAAA,CAAA;AAErC,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF;;;;"}

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

@@ -1,96 +1,100 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useNumberMask = exports.getInternalNumberAndMask = void 0;
-
-var _currency = _interopRequireDefault(require("currency.js"));
-
-var _react = require("react");
-
-var _extractNumbersFromString = require("../../../../utils/extractNumbersFromString");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var currency = require('currency.js');
+var React = require('react');
+var extractNumbersFromString = require('../../../../utils/extractNumbersFromString.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var currency__default = /*#__PURE__*/_interopDefaultLegacy(currency);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 const DEFAULT_OPTIONS = {
-  symbol: 'R$ ',
-  separator: '.',
-  decimal: ',',
+  symbol: "R$ ",
+  separator: ".",
+  decimal: ",",
   precision: 2
 };
-
-const getRegex = precision => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, 'g');
-
+const getRegex = (precision) => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, "g");
 const getInternalNumberAndMask = (value, options) => {
-  const mergedOptions = { ...DEFAULT_OPTIONS,
-    ...options
-  };
-  const {
-    precision = -1
-  } = mergedOptions;
+  const mergedOptions = __spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options);
+  const { precision = -1 } = mergedOptions;
   let internalNumber;
-
-  if (typeof value === 'number') {
+  if (typeof value === "number") {
     if (precision) {
       let stringValue = String(value);
-      const decimalIndex = stringValue.indexOf('.');
+      const decimalIndex = stringValue.indexOf(".");
       const currentPrecision = decimalIndex + precision;
-
       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);
     } else {
       internalNumber = value;
     }
   } else {
-    const onlyNumbers = String((0, _extractNumbersFromString.extractNumbersFromString)(value));
-    const padZeros = String(onlyNumbers).padStart(precision + 1, '0');
-    internalNumber = Number(padZeros.replace(getRegex(precision), '.'));
+    const onlyNumbers = String(extractNumbersFromString.extractNumbersFromString(value));
+    const padZeros = String(onlyNumbers).padStart(precision + 1, "0");
+    internalNumber = Number(padZeros.replace(getRegex(precision), "."));
   }
-
   if (internalNumber > Number.MAX_SAFE_INTEGER) {
     internalNumber = Number.MAX_SAFE_INTEGER;
   }
-
   if (internalNumber < Number.MIN_SAFE_INTEGER) {
     internalNumber = Number.MIN_SAFE_INTEGER;
   }
-
   return {
     internalNumber,
     mergedOptions
   };
 };
-
-exports.getInternalNumberAndMask = getInternalNumberAndMask;
-
 const useNumberMask = (options, defaultValue) => {
-  const applyMask = (0, _react.useCallback)((value = 0) => {
-    const {
-      internalNumber,
-      mergedOptions
-    } = getInternalNumberAndMask(value, options);
-    return {
-      raw: internalNumber,
-      formatted: (0, _currency.default)(internalNumber).format(mergedOptions)
-    };
-  }, [options, getRegex]);
-  const [value, setValue] = (0, _react.useState)(applyMask(defaultValue));
-  const handleChangeValue = (0, _react.useCallback)(formattedValue => {
-    const {
-      raw,
-      formatted
-    } = applyMask(formattedValue);
-    setValue({
-      raw,
-      formatted
-    });
-  }, [applyMask, setValue]);
+  const applyMask = React.useCallback(
+    (value2 = 0) => {
+      const { internalNumber, mergedOptions } = getInternalNumberAndMask(
+        value2,
+        options
+      );
+      return {
+        raw: internalNumber,
+        formatted: currency__default["default"](internalNumber).format(mergedOptions)
+      };
+    },
+    [options, getRegex]
+  );
+  const [value, setValue] = React.useState(applyMask(defaultValue));
+  const handleChangeValue = React.useCallback(
+    (formattedValue) => {
+      const { raw, formatted } = applyMask(formattedValue);
+      setValue({
+        raw,
+        formatted
+      });
+    },
+    [applyMask, setValue]
+  );
   return [value, handleChangeValue];
 };
 
+exports.getInternalNumberAndMask = getInternalNumberAndMask;
 exports.useNumberMask = useNumberMask;
-//# sourceMappingURL=useNumberMask.js.map
+//# sourceMappingURL=useNumberMask.js.map