@tecsinapse/react-core 1.15.1 → 1.16.0

package/dist/components/atoms/GroupButton/styled.js

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.StyledPressable = exports.StyledDivider = exports.StyledOption = exports.getStyledGroupItemText = exports.StyledGroupButton = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
@@ -44,7 +42,7 @@ const activeStyles = ({
   activeBorderColor = 'secondary',
   activeBorderColorTone = 'medium'
 }) => isActive && (0, _native.css)`
-    border-color: ${theme === null || theme === void 0 ? void 0 : theme.color[activeBorderColor][activeBorderColorTone]};
+    border-color: ${theme == null ? void 0 : theme.color[activeBorderColor][activeBorderColorTone]};
   `;
 
 const inactiveStyles = ({
@@ -57,13 +55,13 @@ const inactiveStyles = ({
 }) => {
   if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {
     return (0, _native.css)`
-      border-color: ${theme === null || theme === void 0 ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
+      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
     `;
   }
 
   if (!isActive) {
     return (0, _native.css)`
-      border-color: ${theme === null || theme === void 0 ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
+      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
     `;
   }
 };
@@ -72,18 +70,18 @@ const leftStyles = ({
   theme,
   isFirstOption
 }) => isFirstOption && (0, _native.css)`
-    border-top-left-radius: ${theme === null || theme === void 0 ? void 0 : theme.borderRadius.mili};
-    border-bottom-left-radius: ${theme === null || theme === void 0 ? void 0 : theme.borderRadius.mili};
-    border-left-width: ${theme === null || theme === void 0 ? void 0 : theme.borderWidth.pico};
+    border-top-left-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
+    border-bottom-left-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
+    border-left-width: ${theme == null ? void 0 : theme.borderWidth.pico};
   `;
 
 const rightStyles = ({
   theme,
   isLastOption
 }) => isLastOption && (0, _native.css)`
-    border-top-right-radius: ${theme === null || theme === void 0 ? void 0 : theme.borderRadius.mili};
-    border-bottom-right-radius: ${theme === null || theme === void 0 ? void 0 : theme.borderRadius.mili};
-    border-right-width: ${theme === null || theme === void 0 ? void 0 : theme.borderWidth.pico};
+    border-top-right-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
+    border-bottom-right-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
+    border-right-width: ${theme == null ? void 0 : theme.borderWidth.pico};
   `;
 
 const sizeStyles = ({
@@ -93,13 +91,13 @@ const sizeStyles = ({
   switch (buttonSize) {
     case 'small':
       return (0, _native.css)`
-        padding: ${theme === null || theme === void 0 ? void 0 : theme.spacing.mili} ${theme === null || theme === void 0 ? void 0 : theme.spacing.deca};
+        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : theme.spacing.deca};
         min-height: ${(0, _utils.RFValueStr)('34px')};
       `;
 
     default:
       return (0, _native.css)`
-        padding: ${theme === null || theme === void 0 ? void 0 : theme.spacing.mili} ${theme === null || theme === void 0 ? void 0 : theme.spacing.kilo};
+        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : theme.spacing.kilo};
         min-height: ${(0, _utils.RFValueStr)('44px')};
       `;
   }

package/dist/components/atoms/GroupButton/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/GroupButton/styled.ts"],"names":["StyledGroupButton","styled","View","disabledStyles","disabled","isActive","getStyledGroupItemText","component","active","theme","miscellaneous","surfaceColor","color","secondary","medium","activeStyles","activeBorderColor","activeBorderColorTone","inactiveStyles","inactiveBackgroundColor","inactiveBackgroundColorTone","inactiveBorderColor","inactiveBorderColorTone","leftStyles","isFirstOption","borderRadius","mili","borderWidth","pico","rightStyles","isLastOption","sizeStyles","buttonSize","spacing","deca","kilo","StyledPressableBase","PressableSurface","StyledOption","StyledDivider","light","StyledPressable","props"],"mappings":"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","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { ButtonSizeType } from '../Button';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { GroupButtonOptions } from './GroupButton';\nimport { GroupButtonOptionProps } from './GroupButtonOption';\n\ninterface PressableOptions extends GroupButtonOptions {\n  isActive: boolean;\n  isFirstOption: boolean;\n  isLastOption: boolean;\n  buttonSize?: ButtonSizeType;\n}\n\nexport const StyledGroupButton = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\n// TO FIXED: hexa color to theme definitions\nconst disabledStyles = ({\n  disabled,\n  isActive,\n}: PressableOptions & Partial<StyleProps>) =>\n  disabled &&\n  !isActive &&\n  css`\n    background-color: #dcdcdc;\n  `;\n\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n  return styled(component)<\n    Partial<GroupButtonOptionProps> & Partial<StyleProps>\n  >`\n    color: ${({ active, theme }) =>\n      active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};\n  `;\n};\n\nconst activeStyles = ({\n  theme,\n  isActive,\n  activeBorderColor = 'secondary',\n  activeBorderColorTone = 'medium',\n}: PressableOptions & Partial<StyleProps>) =>\n  isActive &&\n  css`\n    border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};\n  `;\n\nconst inactiveStyles = ({\n  theme,\n  isActive,\n  inactiveBackgroundColor,\n  inactiveBackgroundColorTone,\n  inactiveBorderColor = 'secondary',\n  inactiveBorderColorTone = 'light',\n}: PressableOptions & Partial<StyleProps>) => {\n  if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n\n  if (!isActive) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n};\n\nconst leftStyles = ({\n  theme,\n  isFirstOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isFirstOption &&\n  css`\n    border-top-left-radius: ${theme?.borderRadius.mili};\n    border-bottom-left-radius: ${theme?.borderRadius.mili};\n    border-left-width: ${theme?.borderWidth.pico};\n  `;\n\nconst rightStyles = ({\n  theme,\n  isLastOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isLastOption &&\n  css`\n    border-top-right-radius: ${theme?.borderRadius.mili};\n    border-bottom-right-radius: ${theme?.borderRadius.mili};\n    border-right-width: ${theme?.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({\n  theme,\n  buttonSize = 'small',\n}: PressableOptions & Partial<StyleProps>) => {\n  switch (buttonSize) {\n    case 'small':\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.deca};\n        min-height: ${RFValueStr('34px')};\n      `;\n    default:\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n        min-height: ${RFValueStr('44px')};\n      `;\n  }\n};\n\nconst StyledPressableBase = styled(PressableSurface)<\n  PressableOptions & Partial<StyleProps>\n>`\n  border-top-width: ${({ theme }) => theme.borderWidth.pico};\n  border-bottom-width: ${({ theme }) => theme.borderWidth.pico};\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n`;\n\nexport const StyledOption = styled.View`\n  flex-direction: row;\n  flex: 1;\n`;\n\nexport const StyledDivider = styled.View<Partial<StyleProps>>`\n  width: ${({ theme }) => theme.borderWidth.pico};\n  background-color: ${({ theme }) => theme.color.secondary.light}; ;\n`;\n\nexport const StyledPressable = styled(StyledPressableBase)(\n  (props: PressableOptions & Partial<StyleProps>) => css`\n    ${activeStyles(props)}\n    ${inactiveStyles(props)}\n    ${leftStyles(props)}\n    ${rightStyles(props)}\n    ${sizeStyles(props)}\n    ${disabledStyles(props)}\n  `\n);\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/GroupButton/styled.ts"],"names":["StyledGroupButton","styled","View","disabledStyles","disabled","isActive","getStyledGroupItemText","component","active","theme","miscellaneous","surfaceColor","color","secondary","medium","activeStyles","activeBorderColor","activeBorderColorTone","inactiveStyles","inactiveBackgroundColor","inactiveBackgroundColorTone","inactiveBorderColor","inactiveBorderColorTone","leftStyles","isFirstOption","borderRadius","mili","borderWidth","pico","rightStyles","isLastOption","sizeStyles","buttonSize","spacing","deca","kilo","StyledPressableBase","PressableSurface","StyledOption","StyledDivider","light","StyledPressable","props"],"mappings":"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","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { ButtonSizeType } from '../Button';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { GroupButtonOptions } from './GroupButton';\nimport { GroupButtonOptionProps } from './GroupButtonOption';\n\ninterface PressableOptions extends GroupButtonOptions {\n  isActive: boolean;\n  isFirstOption: boolean;\n  isLastOption: boolean;\n  buttonSize?: ButtonSizeType;\n}\n\nexport const StyledGroupButton = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\n// TO FIXED: hexa color to theme definitions\nconst disabledStyles = ({\n  disabled,\n  isActive,\n}: PressableOptions & Partial<StyleProps>) =>\n  disabled &&\n  !isActive &&\n  css`\n    background-color: #dcdcdc;\n  `;\n\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n  return styled(component)<\n    Partial<GroupButtonOptionProps> & Partial<StyleProps>\n  >`\n    color: ${({ active, theme }) =>\n      active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};\n  `;\n};\n\nconst activeStyles = ({\n  theme,\n  isActive,\n  activeBorderColor = 'secondary',\n  activeBorderColorTone = 'medium',\n}: PressableOptions & Partial<StyleProps>) =>\n  isActive &&\n  css`\n    border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};\n  `;\n\nconst inactiveStyles = ({\n  theme,\n  isActive,\n  inactiveBackgroundColor,\n  inactiveBackgroundColorTone,\n  inactiveBorderColor = 'secondary',\n  inactiveBorderColorTone = 'light',\n}: PressableOptions & Partial<StyleProps>) => {\n  if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n\n  if (!isActive) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n};\n\nconst leftStyles = ({\n  theme,\n  isFirstOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isFirstOption &&\n  css`\n    border-top-left-radius: ${theme?.borderRadius.mili};\n    border-bottom-left-radius: ${theme?.borderRadius.mili};\n    border-left-width: ${theme?.borderWidth.pico};\n  `;\n\nconst rightStyles = ({\n  theme,\n  isLastOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isLastOption &&\n  css`\n    border-top-right-radius: ${theme?.borderRadius.mili};\n    border-bottom-right-radius: ${theme?.borderRadius.mili};\n    border-right-width: ${theme?.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({\n  theme,\n  buttonSize = 'small',\n}: PressableOptions & Partial<StyleProps>) => {\n  switch (buttonSize) {\n    case 'small':\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.deca};\n        min-height: ${RFValueStr('34px')};\n      `;\n    default:\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n        min-height: ${RFValueStr('44px')};\n      `;\n  }\n};\n\nconst StyledPressableBase = styled(PressableSurface)<\n  PressableOptions & Partial<StyleProps>\n>`\n  border-top-width: ${({ theme }) => theme.borderWidth.pico};\n  border-bottom-width: ${({ theme }) => theme.borderWidth.pico};\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n`;\n\nexport const StyledOption = styled.View`\n  flex-direction: row;\n  flex: 1;\n`;\n\nexport const StyledDivider = styled.View<Partial<StyleProps>>`\n  width: ${({ theme }) => theme.borderWidth.pico};\n  background-color: ${({ theme }) => theme.color.secondary.light}; ;\n`;\n\nexport const StyledPressable = styled(StyledPressableBase)(\n  (props: PressableOptions & Partial<StyleProps>) => css`\n    ${activeStyles(props)}\n    ${inactiveStyles(props)}\n    ${leftStyles(props)}\n    ${rightStyles(props)}\n    ${sizeStyles(props)}\n    ${disabledStyles(props)}\n  `\n);\n"],"file":"styled.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Icon/Icon.tsx"],"names":["Icon","name","size","type","style","fontColor","colorVariant","colorTone","rest","theme","color","RNVIcon"],"mappings":";;;;;;;AAAA;;AAEA;;AASA;;;;;;AAmBA,MAAMA,IAAmB,GAAG,CAAC;AAC3BC,EAAAA,IAD2B;AAE3BC,EAAAA,IAAI,GAAG,OAFoB;AAG3BC,EAAAA,IAH2B;AAI3BC,EAAAA,KAJ2B;AAK3BC,EAAAA,SAAS,GAAG,MALe;AAM3BC,EAAAA,YAN2B;AAO3BC,EAAAA,SAAS,GAAG,QAPe;AAQ3B,KAAGC;AARwB,CAAD,KAStB;AACJ,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAMC,KAAK,GAAG,2BAAaJ,YAAb,EAA2BC,SAA3B,EAAsCF,SAAtC,EAAiDI,KAAjD,CAAd;AACA,QAAME,OAAO,GAAG,+BAAiBR,IAAjB,EAAuBD,IAAvB,CAAhB;AAEA,SAAO,6BAAC,OAAD,eAAaM,IAAb;AAAmB,IAAA,KAAK,EAAEJ,KAA1B;AAAiC,IAAA,IAAI,EAAEH,IAAvC;AAA6C,IAAA,KAAK,EAAES;AAApD,KAAP;AACD,CAfD;;eAiBeV,I","sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { useTheme } from '@emotion/react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { getIconColor, getIconComponent } from './helpers';\n\nexport interface IconProps {\n  /**  Name of the icon. You must use the same icons from react-native-vector-icons */\n  name: string;\n  /**  Default icon sizes from theme */\n  size?: IconSizeType;\n  /**  Icon family. You must use the same icons from react-native-vector-icons */\n  type: IconType;\n  /** Font theme fill color */\n  fontColor?: FontColorType;\n  /** Palette theme fill color */\n  colorVariant?: ColorType;\n  /** Palette theme gradation fill color */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n  name,\n  size = 'centi',\n  type,\n  style,\n  fontColor = 'dark',\n  colorVariant,\n  colorTone = 'medium',\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type, size);\n\n  return <RNVIcon {...rest} style={style} name={name} color={color} />;\n};\n\nexport default Icon;\n"],"file":"Icon.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Icon/Icon.tsx"],"names":["Icon","name","size","type","style","fontColor","colorVariant","colorTone","rest","theme","color","RNVIcon"],"mappings":";;;;;AAAA;;AAEA;;AASA;;;;;;AAmBA,MAAMA,IAAmB,GAAG,CAAC;AAC3BC,EAAAA,IAD2B;AAE3BC,EAAAA,IAAI,GAAG,OAFoB;AAG3BC,EAAAA,IAH2B;AAI3BC,EAAAA,KAJ2B;AAK3BC,EAAAA,SAAS,GAAG,MALe;AAM3BC,EAAAA,YAN2B;AAO3BC,EAAAA,SAAS,GAAG,QAPe;AAQ3B,KAAGC;AARwB,CAAD,KAStB;AACJ,QAAMC,KAAK,GAAG,uBAAd;AACA,QAAMC,KAAK,GAAG,2BAAaJ,YAAb,EAA2BC,SAA3B,EAAsCF,SAAtC,EAAiDI,KAAjD,CAAd;AACA,QAAME,OAAO,GAAG,+BAAiBR,IAAjB,EAAuBD,IAAvB,CAAhB;AAEA,SAAO,6BAAC,OAAD,eAAaM,IAAb;AAAmB,IAAA,KAAK,EAAEJ,KAA1B;AAAiC,IAAA,IAAI,EAAEH,IAAvC;AAA6C,IAAA,KAAK,EAAES;AAApD,KAAP;AACD,CAfD;;eAiBeV,I","sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { useTheme } from '@emotion/react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { getIconColor, getIconComponent } from './helpers';\n\nexport interface IconProps {\n  /**  Name of the icon. You must use the same icons from react-native-vector-icons */\n  name: string;\n  /**  Default icon sizes from theme */\n  size?: IconSizeType;\n  /**  Icon family. You must use the same icons from react-native-vector-icons */\n  type: IconType;\n  /** Font theme fill color */\n  fontColor?: FontColorType;\n  /** Palette theme fill color */\n  colorVariant?: ColorType;\n  /** Palette theme gradation fill color */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n  name,\n  size = 'centi',\n  type,\n  style,\n  fontColor = 'dark',\n  colorVariant,\n  colorTone = 'medium',\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type, size);\n\n  return <RNVIcon {...rest} style={style} name={name} color={color} />;\n};\n\nexport default Icon;\n"],"file":"Icon.js"}

package/dist/components/atoms/Icon/helpers.js

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.getIconColor = exports.getIconComponent = exports.registerCustomIconType = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));

package/dist/components/atoms/Icon/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Icon/helpers.ts"],"names":["customIcons","registerCustomIconType","id","customIcon","getStyledIcon","Component","size","theme","iconSize","getIconComponent","type","require","default","Object","prototype","hasOwnProperty","call","getIconColor","colorVariant","colorGradation","fontColor","color","font"],"mappings":"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","sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      return getStyledIcon(\n        require('react-native-vector-icons/Zocial').default,\n        size\n      );\n    case 'octicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/Octicons').default,\n        size\n      );\n    case 'material':\n      return getStyledIcon(\n        require('react-native-vector-icons/MaterialIcons').default,\n        size\n      );\n    case 'material-community':\n      return getStyledIcon(\n        require('react-native-vector-icons/MaterialCommunityIcons').default,\n        size\n      );\n    case 'ionicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/Ionicons').default,\n        size\n      );\n    case 'foundation':\n      return getStyledIcon(\n        require('react-native-vector-icons/Foundation').default,\n        size\n      );\n    case 'evilicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/EvilIcons').default,\n        size\n      );\n    case 'entypo':\n      return getStyledIcon(\n        require('react-native-vector-icons/Entypo').default,\n        size\n      );\n    case 'font-awesome':\n      return getStyledIcon(\n        require('react-native-vector-icons/FontAwesome').default,\n        size\n      );\n    case 'font-awesome-5':\n      return getStyledIcon(\n        require('react-native-vector-icons/FontAwesome5').default,\n        size\n      );\n    case 'simple-line-icon':\n      return getStyledIcon(\n        require('react-native-vector-icons/SimpleLineIcons').default,\n        size\n      );\n    case 'feather':\n      return getStyledIcon(\n        require('react-native-vector-icons/Feather').default,\n        size\n      );\n    case 'antdesign':\n    case 'ant-design':\n      return getStyledIcon(\n        require('react-native-vector-icons/AntDesign').default,\n        size\n      );\n    case 'fontisto':\n      return getStyledIcon(\n        require('react-native-vector-icons/Fontisto').default,\n        size\n      );\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      return getStyledIcon(\n        require('react-native-vector-icons/MaterialIcons').default,\n        size\n      );\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"],"file":"helpers.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Icon/helpers.ts"],"names":["customIcons","registerCustomIconType","id","customIcon","getStyledIcon","Component","size","theme","iconSize","getIconComponent","type","require","default","Object","prototype","hasOwnProperty","call","getIconColor","colorVariant","colorGradation","fontColor","color","font"],"mappings":"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","sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      return getStyledIcon(\n        require('react-native-vector-icons/Zocial').default,\n        size\n      );\n    case 'octicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/Octicons').default,\n        size\n      );\n    case 'material':\n      return getStyledIcon(\n        require('react-native-vector-icons/MaterialIcons').default,\n        size\n      );\n    case 'material-community':\n      return getStyledIcon(\n        require('react-native-vector-icons/MaterialCommunityIcons').default,\n        size\n      );\n    case 'ionicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/Ionicons').default,\n        size\n      );\n    case 'foundation':\n      return getStyledIcon(\n        require('react-native-vector-icons/Foundation').default,\n        size\n      );\n    case 'evilicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/EvilIcons').default,\n        size\n      );\n    case 'entypo':\n      return getStyledIcon(\n        require('react-native-vector-icons/Entypo').default,\n        size\n      );\n    case 'font-awesome':\n      return getStyledIcon(\n        require('react-native-vector-icons/FontAwesome').default,\n        size\n      );\n    case 'font-awesome-5':\n      return getStyledIcon(\n        require('react-native-vector-icons/FontAwesome5').default,\n        size\n      );\n    case 'simple-line-icon':\n      return getStyledIcon(\n        require('react-native-vector-icons/SimpleLineIcons').default,\n        size\n      );\n    case 'feather':\n      return getStyledIcon(\n        require('react-native-vector-icons/Feather').default,\n        size\n      );\n    case 'antdesign':\n    case 'ant-design':\n      return getStyledIcon(\n        require('react-native-vector-icons/AntDesign').default,\n        size\n      );\n    case 'fontisto':\n      return getStyledIcon(\n        require('react-native-vector-icons/Fontisto').default,\n        size\n      );\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      return getStyledIcon(\n        require('react-native-vector-icons/MaterialIcons').default,\n        size\n      );\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"],"file":"helpers.js"}

package/dist/components/atoms/Icon/index.js

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

package/dist/components/atoms/Icon/index.js.map

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

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Input/Hint.tsx"],"names":["Hint","variant","text","TextComponent","Text","color","icon"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;AAQA,MAAMA,IAAmB,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,IAAX;AAAiBC,EAAAA,aAAa,GAAGC;AAAjC,CAAD,KAA6C;AACvE,MAAIC,KAAJ;AACA,MAAIC,IAAJ;;AAEA,UAAQL,OAAR;AACE,SAAK,SAAL;AACEI,MAAAA,KAAK,GAAG,WAAR;AACA;;AACF,SAAK,OAAL;AACEA,MAAAA,KAAK,GAAG,OAAR;AACAC,MAAAA,IAAI,GAAG,sBAAP;AACA;;AACF,SAAK,SAAL;AACED,MAAAA,KAAK,GAAG,SAAR;AACAC,MAAAA,IAAI,GAAG,0BAAP;AACA;AAXJ;;AAcA,SACE,6BAAC,2BAAD,QACGA,IAAI,IACH,6BAAC,sBAAD;AACE,IAAA,IAAI,EAAEA,IADR;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,YAAY,EAAED;AAJhB,IAFJ,EASE,6BAAC,aAAD;AAAe,IAAA,UAAU,EAAC,OAA1B;AAAkC,IAAA,YAAY,EAAEA;AAAhD,KACGH,IADH,CATF,CADF;AAeD,CAjCD;;eAmCeF,I","sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"file":"Hint.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Input/Hint.tsx"],"names":["Hint","variant","text","TextComponent","Text","color","icon"],"mappings":";;;;;AAAA;;AAGA;;AACA;;;;AAQA,MAAMA,IAAmB,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,IAAX;AAAiBC,EAAAA,aAAa,GAAGC;AAAjC,CAAD,KAA6C;AACvE,MAAIC,KAAJ;AACA,MAAIC,IAAJ;;AAEA,UAAQL,OAAR;AACE,SAAK,SAAL;AACEI,MAAAA,KAAK,GAAG,WAAR;AACA;;AACF,SAAK,OAAL;AACEA,MAAAA,KAAK,GAAG,OAAR;AACAC,MAAAA,IAAI,GAAG,sBAAP;AACA;;AACF,SAAK,SAAL;AACED,MAAAA,KAAK,GAAG,SAAR;AACAC,MAAAA,IAAI,GAAG,0BAAP;AACA;AAXJ;;AAcA,SACE,6BAAC,2BAAD,QACGA,IAAI,IACH,6BAAC,sBAAD;AACE,IAAA,IAAI,EAAEA,IADR;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,YAAY,EAAED;AAJhB,IAFJ,EASE,6BAAC,aAAD;AAAe,IAAA,UAAU,EAAC,OAA1B;AAAkC,IAAA,YAAY,EAAEA;AAAhD,KACGH,IADH,CATF,CADF;AAeD,CAjCD;;eAmCeF,I","sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"file":"Hint.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"names":["InputContainer","label","labelColor","labelColorTone","labelColorVariant","labelTypography","labelStack","labelWeight","LabelComponent","Text","leftComponent","rightComponent","inputContainerStyle","disabled","focused","variant","children","rest","_defaultLabelColor","_labelColorVariant","_labelColorTone"],"mappings":";;;;;;;AAAA;;AAWA;;AACA;;;;;;AA+BA,MAAMA,cAAoE,GAAG,CAAC;AAC5EC,EAAAA,KAD4E;AAE5EC,EAAAA,UAAU,GAAG,QAF+D;AAG5EC,EAAAA,cAH4E;AAI5EC,EAAAA,iBAJ4E;AAK5EC,EAAAA,eAAe,GAAG,OAL0D;AAM5EC,EAAAA,UAAU,GAAG,SAN+D;AAO5EC,EAAAA,WAAW,GAAG,MAP8D;AAQ5EC,EAAAA,cAAc,GAAGC,UAR2D;AAS5EC,EAAAA,aAT4E;AAU5EC,EAAAA,cAV4E;AAW5EC,EAAAA,mBAX4E;AAY5EC,EAAAA,QAZ4E;AAa5EC,EAAAA,OAb4E;AAc5EC,EAAAA,OAd4E;AAe5EC,EAAAA,QAf4E;AAgB5E,KAAGC;AAhByE,CAAD,KAiB1D;AACjB,MAAIC,kBAAkB,GAAGd,iBAAzB;AACA,MAAIW,OAAO,KAAK,OAAhB,EAAyBG,kBAAkB,GAAG,OAArB;AACzB,MAAIH,OAAO,KAAK,SAAhB,EAA2BG,kBAAkB,GAAG,SAArB;;AAC3B,QAAMC,kBAAkB,GAAGN,QAAQ,GAAG,WAAH,GAAiBK,kBAApD;;AACA,QAAME,eAAe,GAAGP,QAAQ,GAAG,OAAH,GAAaV,cAA7C;;AAEA,SACE,6BAAC,4BAAD,eACMc,IADN;AAEE,IAAA,KAAK,EAAEL,mBAFT;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,QAAQ,EAAED;AAJZ,MAME,6BAAC,0BAAD;AACE,IAAA,OAAO,EAAEC,OADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,WAAW,EAAEK;AAHf,IANF,EAYGR,aAAa,IAAI,6BAAC,yBAAD,QAAoBA,aAApB,CAZpB,EAcE,6BAAC,4BAAD;AACE,IAAA,aAAa,EAAEA,aADjB;AAEE,IAAA,cAAc,EAAEC;AAFlB,KAIGV,KAAK,IACJ,6BAAC,cAAD;AACE,IAAA,SAAS,EAAEC,UADb;AAEE,IAAA,SAAS,EAAEkB,eAFb;AAGE,IAAA,YAAY,EAAED,kBAHhB;AAIE,IAAA,UAAU,EAAEd,eAJd;AAKE,IAAA,UAAU,EAAEE,WALd;AAME,IAAA,SAAS,EAAED;AANb,KAQGL,KARH,CALJ,EAgBGe,QAhBH,CAdF,EAiCGL,cAAc,IACb,6BAAC,yBAAD,QAAoBA,cAApB,CAlCJ,CADF;AAuCD,CA/DD;;eAiEeX,c","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 '../../../../types/defaults';\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"],"file":"InputContainer.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"names":["InputContainer","label","labelColor","labelColorTone","labelColorVariant","labelTypography","labelStack","labelWeight","LabelComponent","Text","leftComponent","rightComponent","inputContainerStyle","disabled","focused","variant","children","rest","_defaultLabelColor","_labelColorVariant","_labelColorTone"],"mappings":";;;;;AAAA;;AAWA;;AACA;;;;;;AA+BA,MAAMA,cAAoE,GAAG,CAAC;AAC5EC,EAAAA,KAD4E;AAE5EC,EAAAA,UAAU,GAAG,QAF+D;AAG5EC,EAAAA,cAH4E;AAI5EC,EAAAA,iBAJ4E;AAK5EC,EAAAA,eAAe,GAAG,OAL0D;AAM5EC,EAAAA,UAAU,GAAG,SAN+D;AAO5EC,EAAAA,WAAW,GAAG,MAP8D;AAQ5EC,EAAAA,cAAc,GAAGC,UAR2D;AAS5EC,EAAAA,aAT4E;AAU5EC,EAAAA,cAV4E;AAW5EC,EAAAA,mBAX4E;AAY5EC,EAAAA,QAZ4E;AAa5EC,EAAAA,OAb4E;AAc5EC,EAAAA,OAd4E;AAe5EC,EAAAA,QAf4E;AAgB5E,KAAGC;AAhByE,CAAD,KAiB1D;AACjB,MAAIC,kBAAkB,GAAGd,iBAAzB;AACA,MAAIW,OAAO,KAAK,OAAhB,EAAyBG,kBAAkB,GAAG,OAArB;AACzB,MAAIH,OAAO,KAAK,SAAhB,EAA2BG,kBAAkB,GAAG,SAArB;;AAC3B,QAAMC,kBAAkB,GAAGN,QAAQ,GAAG,WAAH,GAAiBK,kBAApD;;AACA,QAAME,eAAe,GAAGP,QAAQ,GAAG,OAAH,GAAaV,cAA7C;;AAEA,SACE,6BAAC,4BAAD,eACMc,IADN;AAEE,IAAA,KAAK,EAAEL,mBAFT;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,QAAQ,EAAED;AAJZ,MAME,6BAAC,0BAAD;AACE,IAAA,OAAO,EAAEC,OADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,WAAW,EAAEK;AAHf,IANF,EAYGR,aAAa,IAAI,6BAAC,yBAAD,QAAoBA,aAApB,CAZpB,EAcE,6BAAC,4BAAD;AACE,IAAA,aAAa,EAAEA,aADjB;AAEE,IAAA,cAAc,EAAEC;AAFlB,KAIGV,KAAK,IACJ,6BAAC,cAAD;AACE,IAAA,SAAS,EAAEC,UADb;AAEE,IAAA,SAAS,EAAEkB,eAFb;AAGE,IAAA,YAAY,EAAED,kBAHhB;AAIE,IAAA,UAAU,EAAEd,eAJd;AAKE,IAAA,UAAU,EAAEE,WALd;AAME,IAAA,SAAS,EAAED;AANb,KAQGL,KARH,CALJ,EAgBGe,QAhBH,CAdF,EAiCGL,cAAc,IACb,6BAAC,yBAAD,QAAoBA,cAApB,CAlCJ,CADF;AAuCD,CA/DD;;eAiEeX,c","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 '../../../../types/defaults';\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"],"file":"InputContainer.js"}

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

@@ -1,14 +1,11 @@
 import React, { FC } from 'react';
 import { StyleProp, TextInputProps, TextStyle } from 'react-native';
-import { MaskType } from '../hooks/useStringMask';
-import { CurrencyOptions } from '../hooks/useNumberMask';
 export interface InputElementProps extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {
     style?: StyleProp<TextStyle>;
-    value: string | number;
+    value?: string;
     placeholder?: string;
     disabled?: boolean;
-    onChange?: (value: any) => void;
-    mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;
+    onChange?: (value: string) => void;
     onFocus?: () => void;
     onBlur?: () => void;
     ref?: React.Ref<any>;

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

@@ -1,23 +1,15 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.default = void 0;
 
 var _react = require("@emotion/react");
 
-var _react2 = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _styled = require("../styled");
 
-var _useStringMask = require("../hooks/useStringMask");
-
-var _useNumberMask = require("../hooks/useNumberMask");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -27,52 +19,16 @@ const InputElement = _react2.default.forwardRef(({
   value,
   disabled = false,
   placeholderTextColor,
-  mask,
   ...rest
 }, ref) => {
   const theme = (0, _react.useTheme)();
 
   const _placeholderColor = placeholderTextColor || theme.font.color.dark;
 
-  const getInputHook = value => {
-    if (mask !== undefined) {
-      if (Array.isArray(mask) || typeof mask === 'function') {
-        return (0, _useStringMask.useStringMask)(mask, value);
-      } else {
-        return (0, _useNumberMask.useNumberMask)(mask, value);
-      }
-    } else {
-      return [undefined, undefined];
-    }
-  };
-
-  const [maskValue, setMaskValue] = getInputHook(value);
-
-  const _value = maskValue === undefined ? value.toString() : maskValue.formatted ? maskValue.formatted : '';
-
-  (0, _react2.useEffect)(() => {
-    if (onChange) {
-      onChange(maskValue === null || maskValue === void 0 ? void 0 : maskValue.raw);
-    }
-  }, [maskValue]);
-  const onChangeValue = (0, _react2.useCallback)(value => {
-    if (maskValue !== undefined && setMaskValue !== undefined) {
-      setMaskValue(value);
-    } else onChange && onChange(value);
-  }, [value]);
-  (0, _react2.useEffect)(() => {
-    if (maskValue !== undefined && setMaskValue !== undefined && value !== undefined && typeof maskValue === 'object') {
-      if (maskValue.raw !== undefined && maskValue.raw.toString() !== value.toString()) {
-        onChangeValue(value);
-      }
-    } else if (maskValue === undefined && value !== undefined) {
-      onChangeValue(value);
-    }
-  }, [value]);
   return _react2.default.createElement(_styled.StyledInputElement, _extends({}, rest, {
     ref: ref,
-    onChangeText: onChangeValue,
-    value: _value,
+    onChangeText: onChange,
+    value: value,
     placeholder: placeholder,
     placeholderTextColor: _placeholderColor,
     disabled: disabled,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"names":["InputElement","React","forwardRef","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","ref","theme","_placeholderColor","font","color","dark","getInputHook","undefined","Array","isArray","maskValue","setMaskValue","_value","toString","formatted","raw","onChangeValue","displayName"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAuBA,MAAMA,YAAmC,GAAGC,gBAAMC,UAAN,CAC1C,CACE;AACEC,EAAAA,QADF;AAEEC,EAAAA,WAFF;AAGEC,EAAAA,KAHF;AAIEC,EAAAA,QAAQ,GAAG,KAJb;AAKEC,EAAAA,oBALF;AAMEC,EAAAA,IANF;AAOE,KAAGC;AAPL,CADF,EAUEC,GAVF,KAWkB;AAChB,QAAMC,KAAK,GAAG,sBAAd;;AAEA,QAAMC,iBAAiB,GAAGL,oBAAoB,IAAII,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;AAEA,QAAMC,YAAY,GAAIX,KAAD,IAA4B;AAC/C,QAAIG,IAAI,KAAKS,SAAb,EAAwB;AACtB,UAAIC,KAAK,CAACC,OAAN,CAAcX,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;AACrD,eAAO,kCAAcA,IAAd,EAAoBH,KAApB,CAAP;AACD,OAFD,MAEO;AACL,eAAO,kCAAcG,IAAd,EAAoBH,KAApB,CAAP;AACD;AACF,KAND,MAMO;AACL,aAAO,CAACY,SAAD,EAAYA,SAAZ,CAAP;AACD;AACF,GAVD;;AAYA,QAAM,CAACG,SAAD,EAAYC,YAAZ,IAA4BL,YAAY,CAACX,KAAD,CAA9C;;AAEA,QAAMiB,MAAM,GACVF,SAAS,KAAKH,SAAd,GACIZ,KAAK,CAACkB,QAAN,EADJ,GAEIH,SAAS,CAACI,SAAV,GACAJ,SAAS,CAACI,SADV,GAEA,EALN;;AAOA,yBAAU,MAAM;AACd,QAAIrB,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACiB,SAAD,aAACA,SAAD,uBAACA,SAAS,CAAEK,GAAZ,CAAR;AACD;AACF,GAJD,EAIG,CAACL,SAAD,CAJH;AAMA,QAAMM,aAAa,GAAG,yBACnBrB,KAAD,IAA4B;AAC1B,QAAIe,SAAS,KAAKH,SAAd,IAA2BI,YAAY,KAAKJ,SAAhD,EAA2D;AACzDI,MAAAA,YAAY,CAAChB,KAAD,CAAZ;AACD,KAFD,MAEOF,QAAQ,IAAIA,QAAQ,CAACE,KAAD,CAApB;AACR,GALmB,EAMpB,CAACA,KAAD,CANoB,CAAtB;AASA,yBAAU,MAAM;AAEd,QACEe,SAAS,KAAKH,SAAd,IACAI,YAAY,KAAKJ,SADjB,IAEAZ,KAAK,KAAKY,SAFV,IAGA,OAAOG,SAAP,KAAqB,QAJvB,EAKE;AAEA,UACEA,SAAS,CAACK,GAAV,KAAkBR,SAAlB,IACAG,SAAS,CAACK,GAAV,CAAcF,QAAd,OAA6BlB,KAAK,CAACkB,QAAN,EAF/B,EAGE;AACAG,QAAAA,aAAa,CAACrB,KAAD,CAAb;AACD;AACF,KAbD,MAaO,IAAIe,SAAS,KAAKH,SAAd,IAA2BZ,KAAK,KAAKY,SAAzC,EAAoD;AACzDS,MAAAA,aAAa,CAACrB,KAAD,CAAb;AACD;AACF,GAlBD,EAkBG,CAACA,KAAD,CAlBH;AAoBA,SACE,8BAAC,0BAAD,eACMI,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,YAAY,EAAEgB,aAHhB;AAIE,IAAA,KAAK,EAAEJ,MAJT;AAKE,IAAA,WAAW,EAAElB,WALf;AAME,IAAA,oBAAoB,EAAEQ,iBANxB;AAOE,IAAA,QAAQ,EAAEN,QAPZ;AAQE,IAAA,QAAQ,EAAE,CAACA;AARb,KADF;AAYD,CArFyC,CAA5C;;AAwFAN,YAAY,CAAC2B,WAAb,GAA2B,cAA3B;eAEe3B,Y","sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useEffect } from 'react';\nimport { StyleProp, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  ref?: React.Ref<any>;\n}\n\nconst InputElement: FC<InputElementProps> = React.forwardRef(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref: React.Ref<any>\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value);\n\n    const _value =\n      maskValue === undefined\n        ? value.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"file":"InputElement.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"names":["InputElement","React","forwardRef","onChange","placeholder","value","disabled","placeholderTextColor","rest","ref","theme","_placeholderColor","font","color","dark","displayName"],"mappings":";;;;;AAAA;;AAEA;;AAEA;;;;;;AAcA,MAAMA,YAAmC,GAAGC,gBAAMC,UAAN,CAC1C,CACE;AACEC,EAAAA,QADF;AAEEC,EAAAA,WAFF;AAGEC,EAAAA,KAHF;AAIEC,EAAAA,QAAQ,GAAG,KAJb;AAKEC,EAAAA,oBALF;AAME,KAAGC;AANL,CADF,EASEC,GATF,KAUkB;AAChB,QAAMC,KAAK,GAAG,sBAAd;;AACA,QAAMC,iBAAiB,GAAGJ,oBAAoB,IAAIG,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;AAEA,SACE,8BAAC,0BAAD,eACMN,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,YAAY,EAAEN,QAHhB;AAIE,IAAA,KAAK,EAAEE,KAJT;AAKE,IAAA,WAAW,EAAED,WALf;AAME,IAAA,oBAAoB,EAAEO,iBANxB;AAOE,IAAA,QAAQ,EAAEL,QAPZ;AAQE,IAAA,QAAQ,EAAE,CAACA;AARb,KADF;AAYD,CA3ByC,CAA5C;;AA8BAN,YAAY,CAACe,WAAb,GAA2B,cAA3B;eAEef,Y","sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyleProp, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  ref?: React.Ref<any>;\n}\n\nconst InputElement: FC<InputElementProps> = React.forwardRef(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref: React.Ref<any>\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"file":"InputElement.js"}

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

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import { StyleProp, 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;
+    ref?: React.Ref<any>;
+}
+declare const InputMaskElement: FC<InputMaskElementProps>;
+export default InputMaskElement;

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

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _styled = require("../styled");
+
+var _useStringMask = require("../hooks/useStringMask");
+
+var _useNumberMask = require("../hooks/useNumberMask");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const InputMaskElement = _react2.default.forwardRef(({
+  onChange,
+  placeholder,
+  value,
+  disabled = false,
+  placeholderTextColor,
+  mask,
+  ...rest
+}, ref) => {
+  const theme = (0, _react.useTheme)();
+
+  const _placeholderColor = placeholderTextColor || theme.font.color.dark;
+
+  const getInputHook = value => {
+    if (mask !== undefined) {
+      if (Array.isArray(mask) || typeof mask === 'function') {
+        return (0, _useStringMask.useStringMask)(mask, value);
+      } else {
+        return (0, _useNumberMask.useNumberMask)(mask, value);
+      }
+    } else {
+      return [undefined, undefined];
+    }
+  };
+
+  const [maskValue, setMaskValue] = getInputHook(value ?? '');
+
+  const _value = maskValue === undefined ? value == null ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : '';
+
+  (0, _react2.useEffect)(() => {
+    if (onChange) {
+      onChange(maskValue == null ? void 0 : maskValue.raw);
+    }
+  }, [maskValue]);
+  const onChangeValue = (0, _react2.useCallback)(value => {
+    if (maskValue !== undefined && setMaskValue !== undefined) {
+      setMaskValue(value);
+    } else onChange && onChange(value);
+  }, [value]);
+  (0, _react2.useEffect)(() => {
+    if (maskValue !== undefined && setMaskValue !== undefined && value !== undefined && typeof maskValue === 'object') {
+      if (maskValue.raw !== undefined && maskValue.raw.toString() !== value.toString()) {
+        onChangeValue(value);
+      }
+    } else if (maskValue === undefined && value !== undefined) {
+      onChangeValue(value);
+    }
+  }, [value]);
+  return _react2.default.createElement(_styled.StyledInputElement, _extends({}, rest, {
+    ref: ref,
+    onChangeText: onChangeValue,
+    value: _value,
+    placeholder: placeholder,
+    placeholderTextColor: _placeholderColor,
+    disabled: disabled,
+    editable: !disabled
+  }));
+});
+
+InputMaskElement.displayName = 'InputMaskElement';
+var _default = InputMaskElement;
+exports.default = _default;
+//# sourceMappingURL=InputMaskElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"names":["InputMaskElement","React","forwardRef","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","ref","theme","_placeholderColor","font","color","dark","getInputHook","undefined","Array","isArray","maskValue","setMaskValue","_value","toString","formatted","raw","onChangeValue","displayName"],"mappings":";;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAuBA,MAAMA,gBAA2C,GAAGC,gBAAMC,UAAN,CAClD,CACE;AACEC,EAAAA,QADF;AAEEC,EAAAA,WAFF;AAGEC,EAAAA,KAHF;AAIEC,EAAAA,QAAQ,GAAG,KAJb;AAKEC,EAAAA,oBALF;AAMEC,EAAAA,IANF;AAOE,KAAGC;AAPL,CADF,EAUEC,GAVF,KAWkB;AAChB,QAAMC,KAAK,GAAG,sBAAd;;AAEA,QAAMC,iBAAiB,GAAGL,oBAAoB,IAAII,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;AAEA,QAAMC,YAAY,GAAIX,KAAD,IAA4B;AAC/C,QAAIG,IAAI,KAAKS,SAAb,EAAwB;AACtB,UAAIC,KAAK,CAACC,OAAN,CAAcX,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;AACrD,eAAO,kCAAcA,IAAd,EAAoBH,KAApB,CAAP;AACD,OAFD,MAEO;AACL,eAAO,kCAAcG,IAAd,EAAoBH,KAApB,CAAP;AACD;AACF,KAND,MAMO;AACL,aAAO,CAACY,SAAD,EAAYA,SAAZ,CAAP;AACD;AACF,GAVD;;AAYA,QAAM,CAACG,SAAD,EAAYC,YAAZ,IAA4BL,YAAY,CAACX,KAAK,IAAI,EAAV,CAA9C;;AAEA,QAAMiB,MAAM,GACVF,SAAS,KAAKH,SAAd,GACIZ,KADJ,oBACIA,KAAK,CAAEkB,QAAP,EADJ,GAEIH,SAAS,CAACI,SAAV,GACAJ,SAAS,CAACI,SADV,GAEA,EALN;;AAOA,yBAAU,MAAM;AACd,QAAIrB,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACiB,SAAD,oBAACA,SAAS,CAAEK,GAAZ,CAAR;AACD;AACF,GAJD,EAIG,CAACL,SAAD,CAJH;AAMA,QAAMM,aAAa,GAAG,yBACnBrB,KAAD,IAA4B;AAC1B,QAAIe,SAAS,KAAKH,SAAd,IAA2BI,YAAY,KAAKJ,SAAhD,EAA2D;AACzDI,MAAAA,YAAY,CAAChB,KAAD,CAAZ;AACD,KAFD,MAEOF,QAAQ,IAAIA,QAAQ,CAACE,KAAD,CAApB;AACR,GALmB,EAMpB,CAACA,KAAD,CANoB,CAAtB;AASA,yBAAU,MAAM;AAEd,QACEe,SAAS,KAAKH,SAAd,IACAI,YAAY,KAAKJ,SADjB,IAEAZ,KAAK,KAAKY,SAFV,IAGA,OAAOG,SAAP,KAAqB,QAJvB,EAKE;AAEA,UACEA,SAAS,CAACK,GAAV,KAAkBR,SAAlB,IACAG,SAAS,CAACK,GAAV,CAAcF,QAAd,OAA6BlB,KAAK,CAACkB,QAAN,EAF/B,EAGE;AACAG,QAAAA,aAAa,CAACrB,KAAD,CAAb;AACD;AACF,KAbD,MAaO,IAAIe,SAAS,KAAKH,SAAd,IAA2BZ,KAAK,KAAKY,SAAzC,EAAoD;AACzDS,MAAAA,aAAa,CAACrB,KAAD,CAAb;AACD;AACF,GAlBD,EAkBG,CAACA,KAAD,CAlBH;AAoBA,SACE,8BAAC,0BAAD,eACMI,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,YAAY,EAAEgB,aAHhB;AAIE,IAAA,KAAK,EAAEJ,MAJT;AAKE,IAAA,WAAW,EAAElB,WALf;AAME,IAAA,oBAAoB,EAAEQ,iBANxB;AAOE,IAAA,QAAQ,EAAEN,QAPZ;AAQE,IAAA,QAAQ,EAAE,CAACA;AARb,KADF;AAYD,CArFiD,CAApD;;AAwFAN,gBAAgB,CAAC2B,WAAjB,GAA+B,kBAA/B;eAEe3B,gB","sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useEffect } from 'react';\nimport { StyleProp, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  ref?: React.Ref<any>;\n}\n\nconst InputMaskElement: FC<InputMaskElementProps> = React.forwardRef(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref: React.Ref<any>\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"file":"InputMaskElement.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));

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

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

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

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

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

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

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.StyledPressableSurface = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));

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

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