@tecsinapse/react-core 1.19.0 → 1.20.0

package/esm/components/atoms/Input/InputContainer/InputContainer.js

@@ -0,0 +1,66 @@
+var _excluded = ["label", "labelColor", "labelColorTone", "labelColorVariant", "labelTypography", "labelStack", "labelWeight", "LabelComponent", "leftComponent", "rightComponent", "inputContainerStyle", "disabled", "focused", "variant", "children"];
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { Text } from '../../Text';
+import { StyledBorderKeeper, StyledIconContent, StyledInputContainer, StyledLabelContainer } from '../styled';
+
+var InputContainer = function InputContainer(_ref) {
+  var label = _ref.label,
+      _ref$labelColor = _ref.labelColor,
+      labelColor = _ref$labelColor === void 0 ? 'medium' : _ref$labelColor,
+      labelColorTone = _ref.labelColorTone,
+      labelColorVariant = _ref.labelColorVariant,
+      _ref$labelTypography = _ref.labelTypography,
+      labelTypography = _ref$labelTypography === void 0 ? 'label' : _ref$labelTypography,
+      _ref$labelStack = _ref.labelStack,
+      labelStack = _ref$labelStack === void 0 ? 'default' : _ref$labelStack,
+      _ref$labelWeight = _ref.labelWeight,
+      labelWeight = _ref$labelWeight === void 0 ? 'bold' : _ref$labelWeight,
+      _ref$LabelComponent = _ref.LabelComponent,
+      LabelComponent = _ref$LabelComponent === void 0 ? Text : _ref$LabelComponent,
+      leftComponent = _ref.leftComponent,
+      rightComponent = _ref.rightComponent,
+      inputContainerStyle = _ref.inputContainerStyle,
+      disabled = _ref.disabled,
+      focused = _ref.focused,
+      variant = _ref.variant,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _defaultLabelColor = labelColorVariant;
+  if (variant === 'error') _defaultLabelColor = 'error';
+  if (variant === 'success') _defaultLabelColor = 'success';
+
+  var _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;
+
+  var _labelColorTone = disabled ? 'light' : labelColorTone;
+
+  return React.createElement(StyledInputContainer, _extends({}, rest, {
+    style: inputContainerStyle,
+    focused: focused,
+    disabled: disabled
+  }), React.createElement(StyledBorderKeeper, {
+    focused: focused,
+    disabled: disabled,
+    borderColor: _defaultLabelColor
+  }), leftComponent && React.createElement(StyledIconContent, null, leftComponent), React.createElement(StyledLabelContainer, {
+    leftComponent: leftComponent,
+    rightComponent: rightComponent
+  }, label && React.createElement(LabelComponent, {
+    fontColor: labelColor,
+    colorTone: _labelColorTone,
+    colorVariant: _labelColorVariant,
+    typography: labelTypography,
+    fontWeight: labelWeight,
+    fontStack: labelStack
+  }, label), children), rightComponent && React.createElement(StyledIconContent, null, rightComponent));
+};
+
+export default InputContainer;
+//# sourceMappingURL=InputContainer.js.map

package/esm/components/atoms/Input/InputContainer/InputContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputContainer.js","names":["React","Text","StyledBorderKeeper","StyledIconContent","StyledInputContainer","StyledLabelContainer","InputContainer","label","labelColor","labelColorTone","labelColorVariant","labelTypography","labelStack","labelWeight","LabelComponent","leftComponent","rightComponent","inputContainerStyle","disabled","focused","variant","children","rest","_defaultLabelColor","_labelColorVariant","_labelColorTone"],"sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAWA,SAASC,IAAT,QAAgC,YAAhC;AACA,SACEC,kBADF,EAEEC,iBAFF,EAGEC,oBAHF,EAIEC,oBAJF,QAKO,WALP;;AA+BA,IAAMC,cAAoE,GAAG,SAAvEA,cAAuE,OAiB1D;EAAA,IAhBjBC,KAgBiB,QAhBjBA,KAgBiB;EAAA,2BAfjBC,UAeiB;EAAA,IAfjBA,UAeiB,gCAfJ,QAeI;EAAA,IAdjBC,cAciB,QAdjBA,cAciB;EAAA,IAbjBC,iBAaiB,QAbjBA,iBAaiB;EAAA,gCAZjBC,eAYiB;EAAA,IAZjBA,eAYiB,qCAZC,OAYD;EAAA,2BAXjBC,UAWiB;EAAA,IAXjBA,UAWiB,gCAXJ,SAWI;EAAA,4BAVjBC,WAUiB;EAAA,IAVjBA,WAUiB,iCAVH,MAUG;EAAA,+BATjBC,cASiB;EAAA,IATjBA,cASiB,oCATAb,IASA;EAAA,IARjBc,aAQiB,QARjBA,aAQiB;EAAA,IAPjBC,cAOiB,QAPjBA,cAOiB;EAAA,IANjBC,mBAMiB,QANjBA,mBAMiB;EAAA,IALjBC,QAKiB,QALjBA,QAKiB;EAAA,IAJjBC,OAIiB,QAJjBA,OAIiB;EAAA,IAHjBC,OAGiB,QAHjBA,OAGiB;EAAA,IAFjBC,QAEiB,QAFjBA,QAEiB;EAAA,IADdC,IACc;;EACjB,IAAIC,kBAAkB,GAAGb,iBAAzB;EACA,IAAIU,OAAO,KAAK,OAAhB,EAAyBG,kBAAkB,GAAG,OAArB;EACzB,IAAIH,OAAO,KAAK,SAAhB,EAA2BG,kBAAkB,GAAG,SAArB;;EAC3B,IAAMC,kBAAkB,GAAGN,QAAQ,GAAG,WAAH,GAAiBK,kBAApD;;EACA,IAAME,eAAe,GAAGP,QAAQ,GAAG,OAAH,GAAaT,cAA7C;;EAEA,OACE,oBAAC,oBAAD,eACMa,IADN;IAEE,KAAK,EAAEL,mBAFT;IAGE,OAAO,EAAEE,OAHX;IAIE,QAAQ,EAAED;EAJZ,IAME,oBAAC,kBAAD;IACE,OAAO,EAAEC,OADX;IAEE,QAAQ,EAAED,QAFZ;IAGE,WAAW,EAAEK;EAHf,EANF,EAYGR,aAAa,IAAI,oBAAC,iBAAD,QAAoBA,aAApB,CAZpB,EAcE,oBAAC,oBAAD;IACE,aAAa,EAAEA,aADjB;IAEE,cAAc,EAAEC;EAFlB,GAIGT,KAAK,IACJ,oBAAC,cAAD;IACE,SAAS,EAAEC,UADb;IAEE,SAAS,EAAEiB,eAFb;IAGE,YAAY,EAAED,kBAHhB;IAIE,UAAU,EAAEb,eAJd;IAKE,UAAU,EAAEE,WALd;IAME,SAAS,EAAED;EANb,GAQGL,KARH,CALJ,EAgBGc,QAhBH,CAdF,EAiCGL,cAAc,IACb,oBAAC,iBAAD,QAAoBA,cAApB,CAlCJ,CADF;AAuCD,CA/DD;;AAiEA,eAAeV,cAAf"}

package/esm/components/atoms/Input/InputElement/InputElement.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';
+export interface InputElementProps extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {
+    style?: StyleProp<TextStyle>;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare const InputElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<TextInput>>;
+export default InputElement;

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

@@ -0,0 +1,37 @@
+var _excluded = ["onChange", "placeholder", "value", "disabled", "placeholderTextColor"];
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { useTheme } from '@emotion/react';
+import React from 'react';
+import { StyledInputElement } from '../styled';
+var InputElement = React.forwardRef(function (_ref, ref) {
+  var onChange = _ref.onChange,
+      placeholder = _ref.placeholder,
+      value = _ref.value,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      placeholderTextColor = _ref.placeholderTextColor,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var theme = useTheme();
+
+  var _placeholderColor = placeholderTextColor || theme.font.color.dark;
+
+  return React.createElement(StyledInputElement, _extends({}, rest, {
+    ref: ref,
+    onChangeText: onChange,
+    value: value,
+    placeholder: placeholder,
+    placeholderTextColor: _placeholderColor,
+    disabled: disabled,
+    editable: !disabled
+  }));
+});
+InputElement.displayName = 'InputElement';
+export default InputElement;
+//# sourceMappingURL=InputElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputElement.js","names":["useTheme","React","StyledInputElement","InputElement","forwardRef","ref","onChange","placeholder","value","disabled","placeholderTextColor","rest","theme","_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,SAASA,QAAT,QAAyB,gBAAzB;AAEA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AAaA,IAAMC,YAAY,GAAGF,KAAK,CAACG,UAAN,CACnB,gBASEC,GATF,EAUkB;EAAA,IARdC,QAQc,QARdA,QAQc;EAAA,IAPdC,WAOc,QAPdA,WAOc;EAAA,IANdC,KAMc,QANdA,KAMc;EAAA,yBALdC,QAKc;EAAA,IALdA,QAKc,8BALH,KAKG;EAAA,IAJdC,oBAIc,QAJdA,oBAIc;EAAA,IAHXC,IAGW;;EAChB,IAAMC,KAAK,GAAGZ,QAAQ,EAAtB;;EACA,IAAMa,iBAAiB,GAAGH,oBAAoB,IAAIE,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;EAEA,OACE,oBAAC,kBAAD,eACML,IADN;IAEE,GAAG,EAAEN,GAFP;IAGE,YAAY,EAAEC,QAHhB;IAIE,KAAK,EAAEE,KAJT;IAKE,WAAW,EAAED,WALf;IAME,oBAAoB,EAAEM,iBANxB;IAOE,QAAQ,EAAEJ,QAPZ;IAQE,QAAQ,EAAE,CAACA;EARb,GADF;AAYD,CA3BkB,CAArB;AA8BAN,YAAY,CAACc,WAAb,GAA2B,cAA3B;AAEA,eAAed,YAAf"}

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

@@ -0,0 +1,16 @@
+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'> {
+    style?: StyleProp<TextStyle>;
+    value?: string | number;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?: (value: any) => void;
+    mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare const InputMaskElement: React.ForwardRefExoticComponent<InputMaskElementProps & React.RefAttributes<TextInput>>;
+export default InputMaskElement;

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

@@ -0,0 +1,92 @@
+var _excluded = ["onChange", "placeholder", "value", "disabled", "placeholderTextColor", "mask"];
+
+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); }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { useTheme } from '@emotion/react';
+import React, { useCallback, useEffect } from 'react';
+import { StyledInputElement } from '../styled';
+import { useStringMask } from '../hooks/useStringMask';
+import { useNumberMask } from '../hooks/useNumberMask';
+var InputMaskElement = React.forwardRef(function (_ref, ref) {
+  var onChange = _ref.onChange,
+      placeholder = _ref.placeholder,
+      value = _ref.value,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      placeholderTextColor = _ref.placeholderTextColor,
+      mask = _ref.mask,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var theme = useTheme();
+
+  var _placeholderColor = placeholderTextColor || theme.font.color.dark;
+
+  var getInputHook = function getInputHook(value) {
+    if (mask !== undefined) {
+      if (Array.isArray(mask) || typeof mask === 'function') {
+        return useStringMask(mask, value);
+      } else {
+        return useNumberMask(mask, value);
+      }
+    } else {
+      return [undefined, undefined];
+    }
+  };
+
+  var _getInputHook = getInputHook(value !== null && value !== void 0 ? value : ''),
+      _getInputHook2 = _slicedToArray(_getInputHook, 2),
+      maskValue = _getInputHook2[0],
+      setMaskValue = _getInputHook2[1];
+
+  var _value = maskValue === undefined ? value === null || value === void 0 ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : '';
+
+  useEffect(function () {
+    if (onChange) {
+      onChange(maskValue === null || maskValue === void 0 ? void 0 : maskValue.raw);
+    }
+  }, [maskValue]);
+  var onChangeValue = useCallback(function (value) {
+    if (maskValue !== undefined && setMaskValue !== undefined) {
+      setMaskValue(value);
+    } else onChange && onChange(value);
+  }, [value]);
+  useEffect(function () {
+    if (maskValue !== undefined && setMaskValue !== undefined && value !== undefined && _typeof(maskValue) === 'object') {
+      if (maskValue.raw !== undefined && maskValue.raw.toString() !== value.toString()) {
+        onChangeValue(value);
+      }
+    } else if (maskValue === undefined && value !== undefined) {
+      onChangeValue(value);
+    }
+  }, [value]);
+  return React.createElement(StyledInputElement, _extends({}, rest, {
+    ref: ref,
+    onChangeText: onChangeValue,
+    value: _value,
+    placeholder: placeholder,
+    placeholderTextColor: _placeholderColor,
+    disabled: disabled,
+    editable: !disabled
+  }));
+});
+InputMaskElement.displayName = 'InputMaskElement';
+export default InputMaskElement;
+//# sourceMappingURL=InputMaskElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputMaskElement.js","names":["useTheme","React","useCallback","useEffect","StyledInputElement","useStringMask","useNumberMask","InputMaskElement","forwardRef","ref","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","theme","_placeholderColor","font","color","dark","getInputHook","undefined","Array","isArray","maskValue","setMaskValue","_value","toString","formatted","raw","onChangeValue","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":"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"}

package/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';
+import { InputContainerProps } from '../InputContainer/InputContainer';
+export interface PressableInputContainerProps extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'> {
+    onPress?: () => void | never;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+}
+declare const PressableInputContainer: React.FC<PressableInputContainerProps>;
+export default PressableInputContainer;

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

@@ -0,0 +1,30 @@
+var _excluded = ["onPress", "disabled", "style", "children"];
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import * as React from 'react';
+import InputContainer from '../InputContainer/InputContainer';
+import { StyledPressableSurface } from './styled';
+
+var PressableInputContainer = function PressableInputContainer(_ref) {
+  var onPress = _ref.onPress,
+      disabled = _ref.disabled,
+      style = _ref.style,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return React.createElement(StyledPressableSurface, {
+    onPress: onPress,
+    disabled: disabled,
+    style: style
+  }, React.createElement(InputContainer, _extends({
+    disabled: disabled
+  }, rest), children));
+};
+
+export default PressableInputContainer;
+//# sourceMappingURL=PressableInputContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PressableInputContainer.js","names":["React","InputContainer","StyledPressableSurface","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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,cAAP,MAEO,kCAFP;AAGA,SAASC,sBAAT,QAAuC,UAAvC;;AAcA,IAAMC,uBAA+D,GAAG,SAAlEA,uBAAkE,OAMlE;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,KAGI,QAHJA,KAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,sBAAD;IAAwB,OAAO,EAAEJ,OAAjC;IAA0C,QAAQ,EAAEC,QAApD;IAA8D,KAAK,EAAEC;EAArE,GACE,oBAAC,cAAD;IAAgB,QAAQ,EAAED;EAA1B,GAAwCG,IAAxC,GACGD,QADH,CADF,CADF;AAOD,CAdD;;AAgBA,eAAeJ,uBAAf"}

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

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

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

@@ -0,0 +1,2 @@
+export { default as PressableInputContainer } from './PressableInputContainer';
+//# sourceMappingURL=index.js.map

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

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

package/esm/components/atoms/Input/PressableInputContainer/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledPressableSurface: import("@emotion/native").StyledComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,7 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/native';
+export var StyledPressableSurface = styled.Pressable(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","StyledPressableSurface","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,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,OAAO,IAAMC,sBAAsB,GAAGD,MAAM,CAACE,SAAV,uFAA5B"}

package/esm/components/atoms/Input/hooks/useInputFocus.d.ts

@@ -0,0 +1,5 @@
+export declare const useInputFocus: (onFocus?: (() => void) | undefined, onBlur?: (() => void) | undefined, focusEnabled?: boolean) => {
+    focused: boolean;
+    handleBlur: () => void;
+    handleFocus: () => void;
+};

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

@@ -0,0 +1,40 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useCallback, useState } from 'react';
+export var useInputFocus = function useInputFocus(onFocus, onBlur) {
+  var focusEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      focused = _useState2[0],
+      setFocused = _useState2[1];
+
+  var handleFocus = useCallback(function () {
+    if (focusEnabled) {
+      setFocused(true);
+      onFocus && onFocus();
+    }
+  }, [focusEnabled, setFocused, onFocus]);
+  var handleBlur = useCallback(function () {
+    if (focusEnabled) {
+      setFocused(false);
+      onBlur && onBlur();
+    }
+  }, [focusEnabled, setFocused, onBlur]);
+  return {
+    focused: focused,
+    handleBlur: handleBlur,
+    handleFocus: handleFocus
+  };
+};
+//# sourceMappingURL=useInputFocus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInputFocus.js","names":["useCallback","useState","useInputFocus","onFocus","onBlur","focusEnabled","focused","setFocused","handleFocus","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,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAC3BC,OAD2B,EAE3BC,MAF2B,EAIxB;EAAA,IADHC,YACG,uEADY,IACZ;;EACH,gBAA8BJ,QAAQ,CAAU,KAAV,CAAtC;EAAA;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,WAAW,GAAGR,WAAW,CAAC,YAAM;IACpC,IAAIK,YAAJ,EAAkB;MAChBE,UAAU,CAAC,IAAD,CAAV;MACAJ,OAAO,IAAIA,OAAO,EAAlB;IACD;EACF,CAL8B,EAK5B,CAACE,YAAD,EAAeE,UAAf,EAA2BJ,OAA3B,CAL4B,CAA/B;EAOA,IAAMM,UAAU,GAAGT,WAAW,CAAC,YAAM;IACnC,IAAIK,YAAJ,EAAkB;MAChBE,UAAU,CAAC,KAAD,CAAV;MACAH,MAAM,IAAIA,MAAM,EAAhB;IACD;EACF,CAL6B,EAK3B,CAACC,YAAD,EAAeE,UAAf,EAA2BH,MAA3B,CAL2B,CAA9B;EAOA,OAAO;IACLE,OAAO,EAAPA,OADK;IAELG,UAAU,EAAVA,UAFK;IAGLD,WAAW,EAAXA;EAHK,CAAP;AAKD,CA1BM"}

package/esm/components/atoms/Input/hooks/useNumberMask.d.ts

@@ -0,0 +1,8 @@
+import currency from 'currency.js';
+import { MaskValue } from './useStringMask';
+export declare type CurrencyOptions = currency.Options;
+export declare const getInternalNumberAndMask: (value: string | number, options?: currency.Options | undefined) => {
+    internalNumber: number;
+    mergedOptions: CurrencyOptions;
+};
+export declare const useNumberMask: (options?: currency.Options | undefined, defaultValue?: string | number | undefined) => [MaskValue, (value: string | number) => void];

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

@@ -0,0 +1,108 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import currency from 'currency.js';
+import { useCallback, useState } from 'react';
+import { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';
+var DEFAULT_OPTIONS = {
+  symbol: 'R$ ',
+  separator: '.',
+  decimal: ',',
+  precision: 2
+};
+
+var getRegex = function getRegex(precision) {
+  return new RegExp("\\B(?=(\\d{".concat(precision, "})(?!\\d))"), 'g');
+};
+
+export var getInternalNumberAndMask = function getInternalNumberAndMask(value, options) {
+  var mergedOptions = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
+
+  var _mergedOptions$precis = mergedOptions.precision,
+      precision = _mergedOptions$precis === void 0 ? -1 : _mergedOptions$precis;
+  var internalNumber;
+
+  if (typeof value === 'number') {
+    if (precision) {
+      var stringValue = String(value);
+      var decimalIndex = stringValue.indexOf('.');
+      var currentPrecision = decimalIndex + precision;
+
+      if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {
+        var zeros = stringValue.length + 1 - currentPrecision;
+
+        for (var i = 0; i < zeros; i++) {
+          stringValue = stringValue + "0";
+        }
+      }
+
+      internalNumber = Number(stringValue);
+    } else {
+      internalNumber = value;
+    }
+  } else {
+    var onlyNumbers = String(extractNumbersFromString(value));
+    var 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: internalNumber,
+    mergedOptions: mergedOptions
+  };
+};
+export var useNumberMask = function useNumberMask(options, defaultValue) {
+  var applyMask = useCallback(function () {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+
+    var _getInternalNumberAnd = getInternalNumberAndMask(value, options),
+        internalNumber = _getInternalNumberAnd.internalNumber,
+        mergedOptions = _getInternalNumberAnd.mergedOptions;
+
+    return {
+      raw: internalNumber,
+      formatted: currency(internalNumber).format(mergedOptions)
+    };
+  }, [options, getRegex]);
+
+  var _useState = useState(applyMask(defaultValue)),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var handleChangeValue = useCallback(function (formattedValue) {
+    var _applyMask = applyMask(formattedValue),
+        raw = _applyMask.raw,
+        formatted = _applyMask.formatted;
+
+    setValue({
+      raw: raw,
+      formatted: formatted
+    });
+  }, [applyMask, setValue]);
+  return [value, handleChangeValue];
+};
+//# sourceMappingURL=useNumberMask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberMask.js","names":["currency","useCallback","useState","extractNumbersFromString","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"],"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":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,QAAP,MAAqB,aAArB;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AACA,SAASC,wBAAT,QAAyC,4CAAzC;AAKA,IAAMC,eAAgC,GAAG;EACvCC,MAAM,EAAE,KAD+B;EAEvCC,SAAS,EAAE,GAF4B;EAGvCC,OAAO,EAAE,GAH8B;EAIvCC,SAAS,EAAE;AAJ4B,CAAzC;;AAOA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACD,SAAD;EAAA,OACf,IAAIE,MAAJ,sBAAyBF,SAAzB,iBAAgD,GAAhD,CADe;AAAA,CAAjB;;AAGA,OAAO,IAAMG,wBAAwB,GAAG,SAA3BA,wBAA2B,CACtCC,KADsC,EAEtCC,OAFsC,EAGyB;EAC/D,IAAMC,aAAa,mCAAQV,eAAR,GAA4BS,OAA5B,CAAnB;;EACA,4BAA2BC,aAA3B,CAAQN,SAAR;EAAA,IAAQA,SAAR,sCAAoB,CAAC,CAArB;EAEA,IAAIO,cAAJ;;EAEA,IAAI,OAAOH,KAAP,KAAiB,QAArB,EAA+B;IAC7B,IAAIJ,SAAJ,EAAe;MACb,IAAIQ,WAAW,GAAGC,MAAM,CAACL,KAAD,CAAxB;MACA,IAAMM,YAAY,GAAGF,WAAW,CAACG,OAAZ,CAAoB,GAApB,CAArB;MACA,IAAMC,gBAAgB,GAAGF,YAAY,GAAGV,SAAxC;;MACA,IAAIU,YAAY,KAAK,CAAC,CAAlB,IAAuBE,gBAAgB,IAAIJ,WAAW,CAACK,MAA3D,EAAmE;QACjE,IAAMC,KAAK,GAAGN,WAAW,CAACK,MAAZ,GAAqB,CAArB,GAAyBD,gBAAvC;;QACA,KAAK,IAAIG,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,KAApB,EAA2BC,CAAC,EAA5B;UAAgCP,WAAW,GAAGA,WAAW,MAAzB;QAAhC;MACD;;MACDD,cAAc,GAAGS,MAAM,CAACR,WAAD,CAAvB;IACD,CATD,MASO;MACLD,cAAc,GAAGH,KAAjB;IACD;EACF,CAbD,MAaO;IACL,IAAMa,WAAW,GAAGR,MAAM,CAACd,wBAAwB,CAACS,KAAD,CAAzB,CAA1B;IACA,IAAMc,QAAQ,GAAGT,MAAM,CAACQ,WAAD,CAAN,CAAoBE,QAApB,CAA6BnB,SAAS,GAAG,CAAzC,EAA4C,GAA5C,CAAjB;IACAO,cAAc,GAAGS,MAAM,CAACE,QAAQ,CAACE,OAAT,CAAiBnB,QAAQ,CAACD,SAAD,CAAzB,EAAsC,GAAtC,CAAD,CAAvB;EACD;;EAED,IAAIO,cAAc,GAAGS,MAAM,CAACK,gBAA5B,EAA8C;IAC5Cd,cAAc,GAAGS,MAAM,CAACK,gBAAxB;EACD;;EAED,IAAId,cAAc,GAAGS,MAAM,CAACM,gBAA5B,EAA8C;IAC5Cf,cAAc,GAAGS,MAAM,CAACM,gBAAxB;EACD;;EAED,OAAO;IACLf,cAAc,EAAdA,cADK;IAELD,aAAa,EAAbA;EAFK,CAAP;AAID,CAxCM;AAgDP,OAAO,IAAMiB,aAAa,GAAG,SAAhBA,aAAgB,CAC3BlB,OAD2B,EAE3BmB,YAF2B,EAGuB;EAClD,IAAMC,SAAS,GAAGhC,WAAW,CAC3B,YAA2C;IAAA,IAA1CW,KAA0C,uEAAjB,CAAiB;;IACzC,4BAA0CD,wBAAwB,CAChEC,KADgE,EAEhEC,OAFgE,CAAlE;IAAA,IAAQE,cAAR,yBAAQA,cAAR;IAAA,IAAwBD,aAAxB,yBAAwBA,aAAxB;;IAKA,OAAO;MACLoB,GAAG,EAAEnB,cADA;MAELoB,SAAS,EAAEnC,QAAQ,CAACe,cAAD,CAAR,CAAyBqB,MAAzB,CAAgCtB,aAAhC;IAFN,CAAP;EAID,CAX0B,EAY3B,CAACD,OAAD,EAAUJ,QAAV,CAZ2B,CAA7B;;EAeA,gBAA0BP,QAAQ,CAAY+B,SAAS,CAACD,YAAD,CAArB,CAAlC;EAAA;EAAA,IAAOpB,KAAP;EAAA,IAAcyB,QAAd;;EAEA,IAAMC,iBAAiB,GAAGrC,WAAW,CACnC,UAACsC,cAAD,EAAqC;IACnC,iBAA2BN,SAAS,CAACM,cAAD,CAApC;IAAA,IAAQL,GAAR,cAAQA,GAAR;IAAA,IAAaC,SAAb,cAAaA,SAAb;;IACAE,QAAQ,CAAC;MACPH,GAAG,EAAHA,GADO;MAEPC,SAAS,EAATA;IAFO,CAAD,CAAR;EAID,CAPkC,EAQnC,CAACF,SAAD,EAAYI,QAAZ,CARmC,CAArC;EAWA,OAAO,CAACzB,KAAD,EAAQ0B,iBAAR,CAAP;AACD,CAjCM"}

package/esm/components/atoms/Input/hooks/useStringMask.d.ts

@@ -0,0 +1,8 @@
+export interface MaskValue {
+    formatted?: string;
+    raw?: string | number;
+}
+export declare type MaskType = string | RegExp | Array<RegExp>;
+export declare const mergeMask: (value: string | undefined, mask: MaskType[]) => MaskValue;
+export declare const getMask: (mask: MaskType[] | ((value: string) => MaskType[]), newValue: string) => MaskType[];
+export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number | undefined) => [MaskValue, (text: string | number) => void];