@tecsinapse/react-core 1.21.7 → 1.21.9-beta.8

package/dist/esm/components/atoms/Icon/functions.js

@@ -1,47 +1,55 @@
-import { lazy } from 'react';
-import styled from '@emotion/native';
+import Material from './Material.js';
+import Fontisto from './Fontisto.js';
+import AntDesign from './AntDesign.js';
+import Feather from './Feather.js';
+import SimpleLine from './SimpleLine.js';
+import FontAwesomeFive from './FontAwesomeFive.js';
+import FontAwesome from './FontAwesome.js';
+import Entypo from './Entypo.js';
+import Evil from './Evil.js';
+import Foundation from './Foundation.js';
+import Ionicon from './Ionicon.js';
+import MaterialCommunity from './MaterialCommunity.js';
+import Octicon from './Octicon.js';
+import Zocial from './Zocial.js';
 
 const customIcons = {};
-const getStyledIcon = (Component, size) => styled(Component)`
-  font-size: ${({ theme }) => theme == null ? void 0 : theme.iconSize[size]};
-  text-align: center;
-`;
 const getIconComponent = (type) => {
   switch (type) {
     case "zocial":
-      return lazy(async () => await import('./Zocial.js'));
+      return Zocial;
     case "octicon":
-      return lazy(async () => await import('./Octicon.js'));
+      return Octicon;
     case "material":
-      return lazy(async () => await import('./Material.js'));
+      return Material;
     case "material-community":
-      return lazy(async () => await import('./MaterialCommunity.js'));
+      return MaterialCommunity;
     case "ionicon":
-      return lazy(async () => await import('./Ionicon.js'));
+      return Ionicon;
     case "foundation":
-      return lazy(async () => await import('./Foundation.js'));
+      return Foundation;
     case "evilicon":
-      return lazy(async () => await import('./Evil.js'));
+      return Evil;
     case "entypo":
-      return lazy(async () => await import('./Entypo.js'));
+      return Entypo;
     case "font-awesome":
-      return lazy(async () => await import('./FontAwesome.js'));
+      return FontAwesome;
     case "font-awesome-5":
-      return lazy(async () => await import('./FontAwesomeFive.js'));
+      return FontAwesomeFive;
     case "simple-line-icon":
-      return lazy(async () => await import('./SimpleLine.js'));
+      return SimpleLine;
     case "feather":
-      return lazy(async () => await import('./Feather.js'));
+      return Feather;
     case "antdesign":
     case "ant-design":
-      return lazy(async () => await import('./AntDesign.js'));
+      return AntDesign;
     case "fontisto":
-      return lazy(async () => await import('./Fontisto.js'));
+      return Fontisto;
     default:
       if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
         return customIcons[type];
       }
-      return lazy(async () => await import('./Material.js'));
+      return Material;
   }
 };
 const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
@@ -51,5 +59,5 @@ const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
   return theme.font.color[fontColor];
 };
 
-export { getIconColor, getIconComponent, getStyledIcon };
+export { getIconColor, getIconComponent };
 //# sourceMappingURL=functions.js.map

package/dist/esm/components/atoms/Icon/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType, lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  StyleProps,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\nimport { IconInternalProps, IconRNVIProps } from './types';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nexport const getStyledIcon = (\n  Component: ComponentType<IconRNVIProps>,\n  size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (\n  type: IconType\n): ComponentType<IconInternalProps> => {\n  switch (type) {\n    case 'zocial':\n      return lazy(async () => await import('./Zocial'));\n    case 'octicon':\n      return lazy(async () => await import('./Octicon'));\n    case 'material':\n      return lazy(async () => await import('./Material'));\n    case 'material-community':\n      return lazy(async () => await import('./MaterialCommunity'));\n    case 'ionicon':\n      return lazy(async () => await import('./Ionicon'));\n    case 'foundation':\n      return lazy(async () => await import('./Foundation'));\n    case 'evilicon':\n      return lazy(async () => await import('./Evil'));\n    case 'entypo':\n      return lazy(async () => await import('./Entypo'));\n    case 'font-awesome':\n      return lazy(async () => await import('./FontAwesome'));\n    case 'font-awesome-5':\n      return lazy(async () => await import('./FontAwesomeFive'));\n    case 'simple-line-icon':\n      return lazy(async () => await import('./SimpleLine'));\n    case 'feather':\n      return lazy(async () => await import('./Feather'));\n    case 'antdesign':\n    case 'ant-design':\n      return lazy(async () => await import('./AntDesign'));\n    case 'fontisto':\n      return lazy(async () => await import('./Fontisto'));\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return customIcons[type];\n      }\n      return lazy(async () => await import('./Material'));\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":";;;AAcA,MAAM,cAAmB,EAAC,CAAA;AAMnB,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAM,EAAA,KAAkB,+BAAO,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA;AAI7C,MAAA,gBAAA,GAAmB,CAC9B,IACqC,KAAA;AACrC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,aAAW,CAAA,CAAA,CAAA;AAAA,IAClD,KAAK,SAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,cAAY,CAAA,CAAA,CAAA;AAAA,IACnD,KAAK,UAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,eAAa,CAAA,CAAA,CAAA;AAAA,IACpD,KAAK,oBAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,wBAAsB,CAAA,CAAA,CAAA;AAAA,IAC7D,KAAK,SAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,cAAY,CAAA,CAAA,CAAA;AAAA,IACnD,KAAK,YAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,iBAAe,CAAA,CAAA,CAAA;AAAA,IACtD,KAAK,UAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,WAAS,CAAA,CAAA,CAAA;AAAA,IAChD,KAAK,QAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,aAAW,CAAA,CAAA,CAAA;AAAA,IAClD,KAAK,cAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,kBAAgB,CAAA,CAAA,CAAA;AAAA,IACvD,KAAK,gBAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,sBAAoB,CAAA,CAAA,CAAA;AAAA,IAC3D,KAAK,kBAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,iBAAe,CAAA,CAAA,CAAA;AAAA,IACtD,KAAK,SAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,cAAY,CAAA,CAAA,CAAA;AAAA,IACnD,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,gBAAc,CAAA,CAAA,CAAA;AAAA,IACrD,KAAK,UAAA;AACH,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,eAAa,CAAA,CAAA,CAAA;AAAA,IACpD;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAA,OAAO,WAAY,CAAA,IAAA,CAAA,CAAA;AAAA,OACrB;AACA,MAAA,OAAO,IAAK,CAAA,YAAY,MAAM,OAAO,eAAa,CAAA,CAAA,CAAA;AAAA,GACtD;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,CAC1B,YACA,EAAA,cAAA,EACA,WACA,KACW,KAAA;AACX,EAAA,IAAI,gBAAgB,cAAgB,EAAA;AAClC,IAAO,OAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,GACnC;AACA,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAC1B;;;;"}
+{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { IconInternalProps } from './types';\nimport Material from './Material';\nimport Fontisto from './Fontisto';\nimport AntDesign from './AntDesign';\nimport Feather from './Feather';\nimport SimpleLine from './SimpleLine';\nimport FontAwesomeFive from './FontAwesomeFive';\nimport FontAwesome from './FontAwesome';\nimport Entypo from './Entypo';\nimport Evil from './Evil';\nimport Foundation from './Foundation';\nimport Ionicon from './Ionicon';\nimport MaterialCommunity from './MaterialCommunity';\nimport Octicon from './Octicon';\nimport Zocial from './Zocial';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nexport const getIconComponent = (\n  type: IconType\n): ComponentType<IconInternalProps> => {\n  switch (type) {\n    case 'zocial':\n      return Zocial;\n    case 'octicon':\n      return Octicon;\n    case 'material':\n      return Material;\n    case 'material-community':\n      return MaterialCommunity;\n    case 'ionicon':\n      return Ionicon;\n    case 'foundation':\n      return Foundation;\n    case 'evilicon':\n      return Evil;\n    case 'entypo':\n      return Entypo;\n    case 'font-awesome':\n      return FontAwesome;\n    case 'font-awesome-5':\n      return FontAwesomeFive;\n    case 'simple-line-icon':\n      return SimpleLine;\n    case 'feather':\n      return Feather;\n    case 'antdesign':\n    case 'ant-design':\n      return AntDesign;\n    case 'fontisto':\n      return Fontisto;\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return customIcons[type];\n      }\n      return Material;\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBA,MAAM,cAAmB,EAAC,CAAA;AAMb,MAAA,gBAAA,GAAmB,CAC9B,IACqC,KAAA;AACrC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT,KAAK,oBAAA;AACH,MAAO,OAAA,iBAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAO,OAAA,WAAA,CAAA;AAAA,IACT,KAAK,gBAAA;AACH,MAAO,OAAA,eAAA,CAAA;AAAA,IACT,KAAK,kBAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAA,OAAO,WAAY,CAAA,IAAA,CAAA,CAAA;AAAA,OACrB;AACA,MAAO,OAAA,QAAA,CAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,CAC1B,YACA,EAAA,cAAA,EACA,WACA,KACW,KAAA;AACX,EAAA,IAAI,gBAAgB,cAAgB,EAAA;AAClC,IAAO,OAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,GACnC;AACA,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAC1B;;;;"}

package/dist/esm/components/atoms/Icon/styled.d.ts

@@ -0,0 +1,3 @@
+import { ComponentType } from 'react';
+import { IconRNVIProps } from './types';
+export declare const getStyledIcon: (Component: ComponentType<IconRNVIProps>, size: IconSizeType) => import("@emotion/native").StyledComponent<any, {}, {}>;

package/dist/esm/components/atoms/Icon/styled.js

@@ -0,0 +1,9 @@
+import styled from '@emotion/native';
+
+const getStyledIcon = (Component, size) => styled(Component)`
+  font-size: ${({ theme }) => theme?.iconSize[size]};
+  text-align: center;
+`;
+
+export { getStyledIcon };
+//# sourceMappingURL=styled.js.map

package/dist/esm/components/atoms/Icon/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n  Component: ComponentType<IconRNVIProps>,\n  size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n"],"names":[],"mappings":";;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAM,EAAA,KAAkB,OAAO,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA;;;;"}

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

@@ -2,71 +2,24 @@ import React__default from 'react';
 import Text from '../../Text/Text.js';
 import { StyledInputContainer, StyledBorderKeeper, StyledIconContent, StyledLabelContainer } from '../styled.js';
 
-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]);
-    }
-  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];
-    }
-  return target;
-};
-const InputContainer = (_a) => {
-  var _b = _a, {
-    label,
-    labelColor = "medium",
-    labelColorTone,
-    labelColorVariant,
-    labelTypography = "label",
-    labelStack = "default",
-    labelWeight = "bold",
-    LabelComponent = Text,
-    leftComponent,
-    rightComponent,
-    inputContainerStyle,
-    disabled,
-    focused,
-    variant,
-    children
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "labelColor",
-    "labelColorTone",
-    "labelColorVariant",
-    "labelTypography",
-    "labelStack",
-    "labelWeight",
-    "LabelComponent",
-    "leftComponent",
-    "rightComponent",
-    "inputContainerStyle",
-    "disabled",
-    "focused",
-    "variant",
-    "children"
-  ]);
+const InputContainer = ({
+  label,
+  labelColor = "medium",
+  labelColorTone,
+  labelColorVariant,
+  labelTypography = "label",
+  labelStack = "default",
+  labelWeight = "bold",
+  LabelComponent = Text,
+  leftComponent,
+  rightComponent,
+  inputContainerStyle,
+  disabled,
+  focused,
+  variant,
+  children,
+  ...rest
+}) => {
   let _defaultLabelColor = labelColorVariant;
   if (variant === "error")
     _defaultLabelColor = "error";
@@ -74,11 +27,12 @@ const InputContainer = (_a) => {
     _defaultLabelColor = "success";
   const _labelColorVariant = disabled ? "secondary" : _defaultLabelColor;
   const _labelColorTone = disabled ? "light" : labelColorTone;
-  return /* @__PURE__ */ React__default.createElement(StyledInputContainer, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React__default.createElement(StyledInputContainer, {
+    ...rest,
     style: inputContainerStyle,
     focused,
     disabled
-  }), /* @__PURE__ */ React__default.createElement(StyledBorderKeeper, {
+  }, /* @__PURE__ */ React__default.createElement(StyledBorderKeeper, {
     focused,
     disabled,
     borderColor: _defaultLabelColor

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

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.js","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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CM,MAAA,cAAA,GAAuE,CAAC,EAiB3D,KAAA;AAjB2D,EAC5E,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,UAAa,GAAA,QAAA;AAAA,IACb,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAkB,GAAA,OAAA;AAAA,IAClB,UAAa,GAAA,SAAA;AAAA,IACb,WAAc,GAAA,MAAA;AAAA,IACd,cAAiB,GAAA,IAAA;AAAA,IACjB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,GA1DF,GA2C8E,EAgBzE,EAAA,IAAA,GAAA,SAAA,CAhByE,EAgBzE,EAAA;AAAA,IAfH,OAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,qBAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,uDACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAO,EAAA,mBAAA;AAAA,IACP,OAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAa,EAAA,kBAAA;AAAA,GACf,GAEC,aAAiB,oBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAmB,EAAA,IAAA,EAAA,aAAc,mBAEnDA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,cAAA;AAAA,GAAA,EAEC,yBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,IACX,SAAW,EAAA,eAAA;AAAA,IACX,YAAc,EAAA,kBAAA;AAAA,IACd,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,IACZ,SAAW,EAAA,UAAA;AAAA,GAEV,EAAA,KACH,GAED,QACH,CAAA,EAEC,kCACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,EAAmB,cAAe,CAEvC,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"InputContainer.js","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"],"names":["React"],"mappings":";;;;AA2CA,MAAM,iBAAuE,CAAC;AAAA,EAC5E,KAAA;AAAA,EACA,UAAa,GAAA,QAAA;AAAA,EACb,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAkB,GAAA,OAAA;AAAA,EAClB,UAAa,GAAA,SAAA;AAAA,EACb,WAAc,GAAA,MAAA;AAAA,EACd,cAAiB,GAAA,IAAA;AAAA,EACjB,aAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,KAAO,EAAA,mBAAA;AAAA,IACP,OAAA;AAAA,IACA,QAAA;AAAA,GAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAa,EAAA,kBAAA;AAAA,GACf,GAEC,aAAiB,oBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAmB,EAAA,IAAA,EAAA,aAAc,mBAEnDA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,cAAA;AAAA,GAAA,EAEC,yBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,IACX,SAAW,EAAA,eAAA;AAAA,IACX,YAAc,EAAA,kBAAA;AAAA,IACd,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,IACZ,SAAW,EAAA,UAAA;AAAA,GAEV,EAAA,KACH,GAED,QACH,CAAA,EAEC,kCACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,EAAmB,cAAe,CAEvC,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,55 +2,19 @@ import { useTheme } from '@emotion/react';
 import React__default from 'react';
 import { StyledInputElement } from '../styled.js';
 
-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]);
-    }
-  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];
-    }
-  return target;
-};
 const InputElement = React__default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      onChange,
-      placeholder,
-      value,
-      disabled = false,
-      placeholderTextColor
-    } = _b, rest = __objRest(_b, [
-      "onChange",
-      "placeholder",
-      "value",
-      "disabled",
-      "placeholderTextColor"
-    ]);
+  ({
+    onChange,
+    placeholder,
+    value,
+    disabled = false,
+    placeholderTextColor,
+    ...rest
+  }, ref) => {
     const theme = useTheme();
     const _placeholderColor = placeholderTextColor || theme.font.color.dark;
-    return /* @__PURE__ */ React__default.createElement(StyledInputElement, __spreadProps(__spreadValues({}, rest), {
+    return /* @__PURE__ */ React__default.createElement(StyledInputElement, {
+      ...rest,
       ref,
       onChangeText: onChange,
       value,
@@ -58,7 +22,7 @@ const InputElement = React__default.forwardRef(
       placeholderTextColor: _placeholderColor,
       disabled,
       editable: !disabled
-    }));
+    });
   }
 );
 InputElement.displayName = "InputElement";

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

@@ -1 +1 @@
-{"version":3,"file":"InputElement.js","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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAAeA,cAAM,CAAA,UAAA;AAAA,EACzB,CACE,IAQA,GACgB,KAAA;AAThB,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,oBAAA;AAAA,KAxBN,GAmBI,EAMK,EAAA,IAAA,GAAA,SAAA,CANL,EAMK,EAAA;AAAA,MALH,UAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,sBAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,qDACK,IADL,CAAA,EAAA;AAAA,MAEC,GAAA;AAAA,MACA,YAAc,EAAA,QAAA;AAAA,MACd,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}
+{"version":3,"file":"InputElement.js","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"],"names":["React"],"mappings":";;;;AAiBA,MAAM,eAAeA,cAAM,CAAA,UAAA;AAAA,EACzB,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,oBAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACgB,KAAA;AAChB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,YAAc,EAAA,QAAA;AAAA,MACd,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

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

@@ -4,54 +4,16 @@ import { StyledInputElement } from '../styled.js';
 import { useStringMask } from '../hooks/useStringMask.js';
 import { useNumberMask } from '../hooks/useNumberMask.js';
 
-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]);
-    }
-  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];
-    }
-  return target;
-};
 const InputMaskElement = React__default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      onChange,
-      placeholder,
-      value,
-      disabled = false,
-      placeholderTextColor,
-      mask
-    } = _b, rest = __objRest(_b, [
-      "onChange",
-      "placeholder",
-      "value",
-      "disabled",
-      "placeholderTextColor",
-      "mask"
-    ]);
+  ({
+    onChange,
+    placeholder,
+    value,
+    disabled = false,
+    placeholderTextColor,
+    mask,
+    ...rest
+  }, ref) => {
     const theme = useTheme();
     const _placeholderColor = placeholderTextColor || theme.font.color.dark;
     const getInputHook = (value2) => {
@@ -65,11 +27,11 @@ const InputMaskElement = React__default.forwardRef(
         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 : "";
+    const [maskValue, setMaskValue] = getInputHook(value ?? "");
+    const _value = maskValue === void 0 ? value?.toString() : maskValue.formatted ? maskValue.formatted : "";
     useEffect(() => {
       if (onChange) {
-        onChange(maskValue == null ? void 0 : maskValue.raw);
+        onChange(maskValue?.raw);
       }
     }, [maskValue]);
     const onChangeValue = useCallback(
@@ -90,7 +52,8 @@ const InputMaskElement = React__default.forwardRef(
         onChangeValue(value);
       }
     }, [value]);
-    return /* @__PURE__ */ React__default.createElement(StyledInputElement, __spreadProps(__spreadValues({}, rest), {
+    return /* @__PURE__ */ React__default.createElement(StyledInputElement, {
+      ...rest,
       ref,
       onChangeText: onChangeValue,
       value: _value,
@@ -98,7 +61,7 @@ const InputMaskElement = React__default.forwardRef(
       placeholderTextColor: _placeholderColor,
       disabled,
       editable: !disabled
-    }));
+    });
   }
 );
 InputMaskElement.displayName = "InputMaskElement";

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

@@ -1 +1 @@
-{"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","value"],"mappings":"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"}
+{"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","value"],"mappings":";;;;;;AA4BA,MAAM,mBAAmBA,cAAM,CAAA,UAAA;AAAA,EAC7B,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,oBAAA;AAAA,IACA,IAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACgB,KAAA;AAChB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IAAM,MAAA,YAAA,GAAe,CAACC,MAA2B,KAAA;AAC/C,MAAA,IAAI,SAAS,KAAW,CAAA,EAAA;AACtB,QAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,UAAO,OAAA,aAAA,CAAc,MAAMA,MAAK,CAAA,CAAA;AAAA,SAC3B,MAAA;AACL,UAAO,OAAA,aAAA,CAAc,MAAMA,MAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACK,MAAA;AACL,QAAO,OAAA,CAAC,QAAW,KAAS,CAAA,CAAA,CAAA;AAAA,OAC9B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAE1D,IAAM,MAAA,MAAA,GACJ,cAAc,KACV,CAAA,GAAA,KAAA,EAAO,UACP,GAAA,SAAA,CAAU,SACV,GAAA,SAAA,CAAU,SACV,GAAA,EAAA,CAAA;AAEN,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACF,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,IAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,MACpB,CAACA,MAA2B,KAAA;AAC1B,QAAI,IAAA,SAAA,KAAc,KAAa,CAAA,IAAA,YAAA,KAAiB,KAAW,CAAA,EAAA;AACzD,UAAA,YAAA,CAAaA,MAAK,CAAA,CAAA;AAAA,SACpB;AAAO,UAAA,QAAA,IAAY,SAASA,MAAK,CAAA,CAAA;AAAA,OACnC;AAAA,MACA,CAAC,KAAK,CAAA;AAAA,KACR,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AAEd,MACE,IAAA,SAAA,KAAc,UACd,YAAiB,KAAA,KAAA,CAAA,IACjB,UAAU,KACV,CAAA,IAAA,OAAO,cAAc,QACrB,EAAA;AAEA,QACE,IAAA,SAAA,CAAU,QAAQ,KAClB,CAAA,IAAA,SAAA,CAAU,IAAI,QAAS,EAAA,KAAM,KAAM,CAAA,QAAA,EACnC,EAAA;AACA,UAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,SACrB;AAAA,OACS,MAAA,IAAA,SAAA,KAAc,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACzD,QAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,OACrB;AAAA,KACF,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,IAAA,uBACGD,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,KAAO,EAAA,MAAA;AAAA,MACP,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}

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

@@ -2,53 +2,21 @@ import * as React from 'react';
 import InputContainer from '../InputContainer/InputContainer.js';
 import { StyledPressableSurface } from './styled.js';
 
-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"
-  ]);
+const PressableInputContainer = ({
+  onPress,
+  disabled,
+  style,
+  children,
+  ...rest
+}) => {
   return /* @__PURE__ */ React.createElement(StyledPressableSurface, {
     onPress,
     disabled,
     style
-  }, /* @__PURE__ */ React.createElement(InputContainer, __spreadValues({
-    disabled
-  }, rest), children));
+  }, /* @__PURE__ */ React.createElement(InputContainer, {
+    disabled,
+    ...rest
+  }, children));
 };
 
 export { PressableInputContainer as default };

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

@@ -1 +1 @@
-{"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":[],"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,uBACG,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAA,IAAuB,OAAA;AAAA,IAAkB,QAAA;AAAA,IAAoB,KAAA;AAAA,GAAA,kBAC3D,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA;AAAA,IAAe,QAAA;AAAA,GAAwB,EAAA,IAAA,CAAA,EACrC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"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":[],"mappings":";;;;AAmBA,MAAM,0BAAkE,CAAC;AAAA,EACvE,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAA,IAAuB,OAAA;AAAA,IAAkB,QAAA;AAAA,IAAoB,KAAA;AAAA,GAAA,kBAC3D,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IAAe,QAAA;AAAA,IAAqB,GAAG,IAAA;AAAA,GAAA,EACrC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,22 +2,6 @@ import currency from 'currency.js';
 import { useCallback, useState } from 'react';
 import { extractNumbersFromString } from '../../../../utils/extractNumbersFromString.js';
 
-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: ".",
@@ -26,7 +10,7 @@ const DEFAULT_OPTIONS = {
 };
 const getRegex = (precision) => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, "g");
 const getInternalNumberAndMask = (value, options) => {
-  const mergedOptions = __spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options);
+  const mergedOptions = { ...DEFAULT_OPTIONS, ...options };
   const { precision = -1 } = mergedOptions;
   let internalNumber;
   if (typeof value === "number") {

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

@@ -1 +1 @@
-{"version":3,"file":"useNumberMask.js","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"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"useNumberMask.js","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"],"names":["value"],"mappings":"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"}