@tecsinapse/react-core 1.19.0 → 1.20.0

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledGroupButton","styled","View","disabledStyles","disabled","isActive","css","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","RFValueStr","kilo","StyledPressableBase","PressableSurface","StyledOption","StyledDivider","light","StyledPressable","props"],"sources":["../../../../src/components/atoms/GroupButton/styled.ts"],"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"],"mappings":"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"}
+{"version":3,"file":"styled.js","names":["StyledGroupButton","styled","View","disabledStyles","disabled","isActive","css","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","RFValueStr","kilo","StyledPressableBase","PressableSurface","StyledOption","StyledDivider","light","StyledPressable","props"],"sources":["../../../../src/components/atoms/GroupButton/styled.ts"],"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"],"mappings":"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"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -13,16 +15,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Icon = ({
-  name,
-  size = 'centi',
-  type,
-  style,
-  fontColor = 'dark',
-  colorVariant,
-  colorTone = 'medium',
-  ...rest
-}) => {
+const Icon = _ref => {
+  let {
+    name,
+    size = 'centi',
+    type,
+    style,
+    fontColor = 'dark',
+    colorVariant,
+    colorTone = 'medium',
+    ...rest
+  } = _ref;
   const theme = (0, _react2.useTheme)();
   const color = (0, _helpers.getIconColor)(colorVariant, colorTone, fontColor, theme);
   const RNVIcon = (0, _helpers.getIconComponent)(type, size);

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["Icon","name","size","type","style","fontColor","colorVariant","colorTone","rest","theme","useTheme","color","getIconColor","RNVIcon","getIconComponent"],"sources":["../../../../src/components/atoms/Icon/Icon.tsx"],"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"],"mappings":";;;;;AAAA;;AAEA;;AASA;;;;;;AAmBA,MAAMA,IAAmB,GAAG,CAAC;EAC3BC,IAD2B;EAE3BC,IAAI,GAAG,OAFoB;EAG3BC,IAH2B;EAI3BC,KAJ2B;EAK3BC,SAAS,GAAG,MALe;EAM3BC,YAN2B;EAO3BC,SAAS,GAAG,QAPe;EAQ3B,GAAGC;AARwB,CAAD,KAStB;EACJ,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EACA,MAAMC,KAAK,GAAG,IAAAC,qBAAA,EAAaN,YAAb,EAA2BC,SAA3B,EAAsCF,SAAtC,EAAiDI,KAAjD,CAAd;EACA,MAAMI,OAAO,GAAG,IAAAC,yBAAA,EAAiBX,IAAjB,EAAuBD,IAAvB,CAAhB;EAEA,OAAO,6BAAC,OAAD,eAAaM,IAAb;IAAmB,KAAK,EAAEJ,KAA1B;IAAiC,IAAI,EAAEH,IAAvC;IAA6C,KAAK,EAAEU;EAApD,GAAP;AACD,CAfD;;eAiBeX,I"}
+{"version":3,"file":"Icon.js","names":["Icon","name","size","type","style","fontColor","colorVariant","colorTone","rest","theme","useTheme","color","getIconColor","RNVIcon","getIconComponent"],"sources":["../../../../src/components/atoms/Icon/Icon.tsx"],"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"],"mappings":";;;;;;;AAAA;;AAEA;;AASA;;;;;;AAmBA,MAAMA,IAAmB,GAAG,QAStB;EAAA,IATuB;IAC3BC,IAD2B;IAE3BC,IAAI,GAAG,OAFoB;IAG3BC,IAH2B;IAI3BC,KAJ2B;IAK3BC,SAAS,GAAG,MALe;IAM3BC,YAN2B;IAO3BC,SAAS,GAAG,QAPe;IAQ3B,GAAGC;EARwB,CASvB;EACJ,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EACA,MAAMC,KAAK,GAAG,IAAAC,qBAAA,EAAaN,YAAb,EAA2BC,SAA3B,EAAsCF,SAAtC,EAAiDI,KAAjD,CAAd;EACA,MAAMI,OAAO,GAAG,IAAAC,yBAAA,EAAiBX,IAAjB,EAAuBD,IAAvB,CAAhB;EAEA,OAAO,6BAAC,OAAD,eAAaM,IAAb;IAAmB,KAAK,EAAEJ,KAA1B;IAAiC,IAAI,EAAEH,IAAvC;IAA6C,KAAK,EAAEU;EAApD,GAAP;AACD,CAfD;;eAiBeX,I"}

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

@@ -1,12 +1,18 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.registerCustomIconType = exports.getIconComponent = exports.getIconColor = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 const customIcons = {};
 
 const registerCustomIconType = (id, customIcon) => {
@@ -15,12 +21,12 @@ const registerCustomIconType = (id, customIcon) => {
 
 exports.registerCustomIconType = registerCustomIconType;
 
-const getStyledIcon = (Component, size) => (0, _native.default)(Component)`
-  font-size: ${({
-  theme
-}) => theme.iconSize[size]};
-  text-align: center;
-`;
+const getStyledIcon = (Component, size) => (0, _native.default)(Component)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: ", ";\n  text-align: center;\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.iconSize[size];
+});
 
 const getIconComponent = (type, size) => {
   switch (type) {

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["customIcons","registerCustomIconType","id","customIcon","getStyledIcon","Component","size","styled","theme","iconSize","getIconComponent","type","require","default","Object","prototype","hasOwnProperty","call","getIconColor","colorVariant","colorGradation","fontColor","color","font"],"sources":["../../../../src/components/atoms/Icon/helpers.ts"],"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/dist/Zocial').default,\n        size\n      );\n    case 'octicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Octicons').default,\n        size\n      );\n    case 'material':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/MaterialIcons').default,\n        size\n      );\n    case 'material-community':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/MaterialCommunityIcons')\n          .default,\n        size\n      );\n    case 'ionicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Ionicons').default,\n        size\n      );\n    case 'foundation':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Foundation').default,\n        size\n      );\n    case 'evilicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/EvilIcons').default,\n        size\n      );\n    case 'entypo':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Entypo').default,\n        size\n      );\n    case 'font-awesome':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/FontAwesome').default,\n        size\n      );\n    case 'font-awesome-5':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/FontAwesome5').default,\n        size\n      );\n    case 'simple-line-icon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/SimpleLineIcons').default,\n        size\n      );\n    case 'feather':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Feather').default,\n        size\n      );\n    case 'antdesign':\n    case 'ant-design':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/AntDesign').default,\n        size\n      );\n    case 'fontisto':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/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/dist/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"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["customIcons","registerCustomIconType","id","customIcon","getStyledIcon","Component","size","styled","theme","iconSize","getIconComponent","type","require","default","Object","prototype","hasOwnProperty","call","getIconColor","colorVariant","colorGradation","fontColor","color","font"],"sources":["../../../../src/components/atoms/Icon/helpers.ts"],"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/dist/Zocial').default,\n        size\n      );\n    case 'octicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Octicons').default,\n        size\n      );\n    case 'material':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/MaterialIcons').default,\n        size\n      );\n    case 'material-community':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/MaterialCommunityIcons')\n          .default,\n        size\n      );\n    case 'ionicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Ionicons').default,\n        size\n      );\n    case 'foundation':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Foundation').default,\n        size\n      );\n    case 'evilicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/EvilIcons').default,\n        size\n      );\n    case 'entypo':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Entypo').default,\n        size\n      );\n    case 'font-awesome':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/FontAwesome').default,\n        size\n      );\n    case 'font-awesome-5':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/FontAwesome5').default,\n        size\n      );\n    case 'simple-line-icon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/SimpleLineIcons').default,\n        size\n      );\n    case 'feather':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Feather').default,\n        size\n      );\n    case 'antdesign':\n    case 'ant-design':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/AntDesign').default,\n        size\n      );\n    case 'fontisto':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/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/dist/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"],"mappings":"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"}

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

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

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

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.IconProps = exports.Icon = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () {
+    return _Icon.default;
+  }
+});
 
-var _Icon = _interopRequireWildcard(require("./Icon"));
+var _Icon = _interopRequireDefault(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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -11,11 +13,12 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Hint = ({
-  variant,
-  text,
-  TextComponent = _Text.Text
-}) => {
+const Hint = _ref => {
+  let {
+    variant,
+    text,
+    TextComponent = _Text.Text
+  } = _ref;
   let color;
   let icon;
 

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

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","names":["Hint","variant","text","TextComponent","Text","color","icon"],"sources":["../../../../src/components/atoms/Input/Hint.tsx"],"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"],"mappings":";;;;;AAAA;;AAGA;;AACA;;;;AAQA,MAAMA,IAAmB,GAAG,CAAC;EAAEC,OAAF;EAAWC,IAAX;EAAiBC,aAAa,GAAGC;AAAjC,CAAD,KAA6C;EACvE,IAAIC,KAAJ;EACA,IAAIC,IAAJ;;EAEA,QAAQL,OAAR;IACE,KAAK,SAAL;MACEI,KAAK,GAAG,WAAR;MACA;;IACF,KAAK,OAAL;MACEA,KAAK,GAAG,OAAR;MACAC,IAAI,GAAG,sBAAP;MACA;;IACF,KAAK,SAAL;MACED,KAAK,GAAG,SAAR;MACAC,IAAI,GAAG,0BAAP;MACA;EAXJ;;EAcA,OACE,6BAAC,2BAAD,QACGA,IAAI,IACH,6BAAC,sBAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,OAHP;IAIE,YAAY,EAAED;EAJhB,EAFJ,EASE,6BAAC,aAAD;IAAe,UAAU,EAAC,OAA1B;IAAkC,YAAY,EAAEA;EAAhD,GACGH,IADH,CATF,CADF;AAeD,CAjCD;;eAmCeF,I"}
+{"version":3,"file":"Hint.js","names":["Hint","variant","text","TextComponent","Text","color","icon"],"sources":["../../../../src/components/atoms/Input/Hint.tsx"],"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"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;AAQA,MAAMA,IAAmB,GAAG,QAA6C;EAAA,IAA5C;IAAEC,OAAF;IAAWC,IAAX;IAAiBC,aAAa,GAAGC;EAAjC,CAA4C;EACvE,IAAIC,KAAJ;EACA,IAAIC,IAAJ;;EAEA,QAAQL,OAAR;IACE,KAAK,SAAL;MACEI,KAAK,GAAG,WAAR;MACA;;IACF,KAAK,OAAL;MACEA,KAAK,GAAG,OAAR;MACAC,IAAI,GAAG,sBAAP;MACA;;IACF,KAAK,SAAL;MACED,KAAK,GAAG,SAAR;MACAC,IAAI,GAAG,0BAAP;MACA;EAXJ;;EAcA,OACE,6BAAC,2BAAD,QACGA,IAAI,IACH,6BAAC,sBAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,OAHP;IAIE,YAAY,EAAED;EAJhB,EAFJ,EASE,6BAAC,aAAD;IAAe,UAAU,EAAC,OAA1B;IAAkC,YAAY,EAAEA;EAAhD,GACGH,IADH,CATF,CADF;AAeD,CAjCD;;eAmCeF,I"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -13,24 +15,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const InputContainer = ({
-  label,
-  labelColor = 'medium',
-  labelColorTone,
-  labelColorVariant,
-  labelTypography = 'label',
-  labelStack = 'default',
-  labelWeight = 'bold',
-  LabelComponent = _Text.Text,
-  leftComponent,
-  rightComponent,
-  inputContainerStyle,
-  disabled,
-  focused,
-  variant,
-  children,
-  ...rest
-}) => {
+const InputContainer = _ref => {
+  let {
+    label,
+    labelColor = 'medium',
+    labelColorTone,
+    labelColorVariant,
+    labelTypography = 'label',
+    labelStack = 'default',
+    labelWeight = 'bold',
+    LabelComponent = _Text.Text,
+    leftComponent,
+    rightComponent,
+    inputContainerStyle,
+    disabled,
+    focused,
+    variant,
+    children,
+    ...rest
+  } = _ref;
   let _defaultLabelColor = labelColorVariant;
   if (variant === 'error') _defaultLabelColor = 'error';
   if (variant === 'success') _defaultLabelColor = 'success';

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

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.js","names":["InputContainer","label","labelColor","labelColorTone","labelColorVariant","labelTypography","labelStack","labelWeight","LabelComponent","Text","leftComponent","rightComponent","inputContainerStyle","disabled","focused","variant","children","rest","_defaultLabelColor","_labelColorVariant","_labelColorTone"],"sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"mappings":";;;;;AAAA;;AAWA;;AACA;;;;;;AA+BA,MAAMA,cAAoE,GAAG,CAAC;EAC5EC,KAD4E;EAE5EC,UAAU,GAAG,QAF+D;EAG5EC,cAH4E;EAI5EC,iBAJ4E;EAK5EC,eAAe,GAAG,OAL0D;EAM5EC,UAAU,GAAG,SAN+D;EAO5EC,WAAW,GAAG,MAP8D;EAQ5EC,cAAc,GAAGC,UAR2D;EAS5EC,aAT4E;EAU5EC,cAV4E;EAW5EC,mBAX4E;EAY5EC,QAZ4E;EAa5EC,OAb4E;EAc5EC,OAd4E;EAe5EC,QAf4E;EAgB5E,GAAGC;AAhByE,CAAD,KAiB1D;EACjB,IAAIC,kBAAkB,GAAGd,iBAAzB;EACA,IAAIW,OAAO,KAAK,OAAhB,EAAyBG,kBAAkB,GAAG,OAArB;EACzB,IAAIH,OAAO,KAAK,SAAhB,EAA2BG,kBAAkB,GAAG,SAArB;;EAC3B,MAAMC,kBAAkB,GAAGN,QAAQ,GAAG,WAAH,GAAiBK,kBAApD;;EACA,MAAME,eAAe,GAAGP,QAAQ,GAAG,OAAH,GAAaV,cAA7C;;EAEA,OACE,6BAAC,4BAAD,eACMc,IADN;IAEE,KAAK,EAAEL,mBAFT;IAGE,OAAO,EAAEE,OAHX;IAIE,QAAQ,EAAED;EAJZ,IAME,6BAAC,0BAAD;IACE,OAAO,EAAEC,OADX;IAEE,QAAQ,EAAED,QAFZ;IAGE,WAAW,EAAEK;EAHf,EANF,EAYGR,aAAa,IAAI,6BAAC,yBAAD,QAAoBA,aAApB,CAZpB,EAcE,6BAAC,4BAAD;IACE,aAAa,EAAEA,aADjB;IAEE,cAAc,EAAEC;EAFlB,GAIGV,KAAK,IACJ,6BAAC,cAAD;IACE,SAAS,EAAEC,UADb;IAEE,SAAS,EAAEkB,eAFb;IAGE,YAAY,EAAED,kBAHhB;IAIE,UAAU,EAAEd,eAJd;IAKE,UAAU,EAAEE,WALd;IAME,SAAS,EAAED;EANb,GAQGL,KARH,CALJ,EAgBGe,QAhBH,CAdF,EAiCGL,cAAc,IACb,6BAAC,yBAAD,QAAoBA,cAApB,CAlCJ,CADF;AAuCD,CA/DD;;eAiEeX,c"}
+{"version":3,"file":"InputContainer.js","names":["InputContainer","label","labelColor","labelColorTone","labelColorVariant","labelTypography","labelStack","labelWeight","LabelComponent","Text","leftComponent","rightComponent","inputContainerStyle","disabled","focused","variant","children","rest","_defaultLabelColor","_labelColorVariant","_labelColorTone"],"sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"mappings":";;;;;;;AAAA;;AAWA;;AACA;;;;;;AA+BA,MAAMA,cAAoE,GAAG,QAiB1D;EAAA,IAjB2D;IAC5EC,KAD4E;IAE5EC,UAAU,GAAG,QAF+D;IAG5EC,cAH4E;IAI5EC,iBAJ4E;IAK5EC,eAAe,GAAG,OAL0D;IAM5EC,UAAU,GAAG,SAN+D;IAO5EC,WAAW,GAAG,MAP8D;IAQ5EC,cAAc,GAAGC,UAR2D;IAS5EC,aAT4E;IAU5EC,cAV4E;IAW5EC,mBAX4E;IAY5EC,QAZ4E;IAa5EC,OAb4E;IAc5EC,OAd4E;IAe5EC,QAf4E;IAgB5E,GAAGC;EAhByE,CAiB3D;EACjB,IAAIC,kBAAkB,GAAGd,iBAAzB;EACA,IAAIW,OAAO,KAAK,OAAhB,EAAyBG,kBAAkB,GAAG,OAArB;EACzB,IAAIH,OAAO,KAAK,SAAhB,EAA2BG,kBAAkB,GAAG,SAArB;;EAC3B,MAAMC,kBAAkB,GAAGN,QAAQ,GAAG,WAAH,GAAiBK,kBAApD;;EACA,MAAME,eAAe,GAAGP,QAAQ,GAAG,OAAH,GAAaV,cAA7C;;EAEA,OACE,6BAAC,4BAAD,eACMc,IADN;IAEE,KAAK,EAAEL,mBAFT;IAGE,OAAO,EAAEE,OAHX;IAIE,QAAQ,EAAED;EAJZ,IAME,6BAAC,0BAAD;IACE,OAAO,EAAEC,OADX;IAEE,QAAQ,EAAED,QAFZ;IAGE,WAAW,EAAEK;EAHf,EANF,EAYGR,aAAa,IAAI,6BAAC,yBAAD,QAAoBA,aAApB,CAZpB,EAcE,6BAAC,4BAAD;IACE,aAAa,EAAEA,aADjB;IAEE,cAAc,EAAEC;EAFlB,GAIGV,KAAK,IACJ,6BAAC,cAAD;IACE,SAAS,EAAEC,UADb;IAEE,SAAS,EAAEkB,eAFb;IAGE,YAAY,EAAED,kBAHhB;IAIE,UAAU,EAAEd,eAJd;IAKE,UAAU,EAAEE,WALd;IAME,SAAS,EAAED;EANb,GAQGL,KARH,CALJ,EAgBGe,QAhBH,CAdF,EAiCGL,cAAc,IACb,6BAAC,yBAAD,QAAoBA,cAApB,CAlCJ,CADF;AAuCD,CA/DD;;eAiEeX,c"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputMaskElement.js","names":["InputMaskElement","React","forwardRef","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","ref","theme","useTheme","_placeholderColor","font","color","dark","getInputHook","undefined","Array","isArray","useStringMask","useNumberMask","maskValue","setMaskValue","_value","toString","formatted","useEffect","raw","onChangeValue","useCallback","displayName"],"sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"mappings":";;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAsBA,MAAMA,gBAAgB,GAAGC,eAAA,CAAMC,UAAN,CACvB,CACE;EACEC,QADF;EAEEC,WAFF;EAGEC,KAHF;EAIEC,QAAQ,GAAG,KAJb;EAKEC,oBALF;EAMEC,IANF;EAOE,GAAGC;AAPL,CADF,EAUEC,GAVF,KAWkB;EAChB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EAEA,MAAMC,iBAAiB,GAAGN,oBAAoB,IAAII,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;EAEA,MAAMC,YAAY,GAAIZ,KAAD,IAA4B;IAC/C,IAAIG,IAAI,KAAKU,SAAb,EAAwB;MACtB,IAAIC,KAAK,CAACC,OAAN,CAAcZ,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;QACrD,OAAO,IAAAa,4BAAA,EAAcb,IAAd,EAAoBH,KAApB,CAAP;MACD,CAFD,MAEO;QACL,OAAO,IAAAiB,4BAAA,EAAcd,IAAd,EAAoBH,KAApB,CAAP;MACD;IACF,CAND,MAMO;MACL,OAAO,CAACa,SAAD,EAAYA,SAAZ,CAAP;IACD;EACF,CAVD;;EAYA,MAAM,CAACK,SAAD,EAAYC,YAAZ,IAA4BP,YAAY,CAACZ,KAAK,IAAI,EAAV,CAA9C;;EAEA,MAAMoB,MAAM,GACVF,SAAS,KAAKL,SAAd,GACIb,KADJ,oBACIA,KAAK,CAAEqB,QAAP,EADJ,GAEIH,SAAS,CAACI,SAAV,GACAJ,SAAS,CAACI,SADV,GAEA,EALN;;EAOA,IAAAC,iBAAA,EAAU,MAAM;IACd,IAAIzB,QAAJ,EAAc;MACZA,QAAQ,CAACoB,SAAD,oBAACA,SAAS,CAAEM,GAAZ,CAAR;IACD;EACF,CAJD,EAIG,CAACN,SAAD,CAJH;EAMA,MAAMO,aAAa,GAAG,IAAAC,mBAAA,EACnB1B,KAAD,IAA4B;IAC1B,IAAIkB,SAAS,KAAKL,SAAd,IAA2BM,YAAY,KAAKN,SAAhD,EAA2D;MACzDM,YAAY,CAACnB,KAAD,CAAZ;IACD,CAFD,MAEOF,QAAQ,IAAIA,QAAQ,CAACE,KAAD,CAApB;EACR,CALmB,EAMpB,CAACA,KAAD,CANoB,CAAtB;EASA,IAAAuB,iBAAA,EAAU,MAAM;IAEd,IACEL,SAAS,KAAKL,SAAd,IACAM,YAAY,KAAKN,SADjB,IAEAb,KAAK,KAAKa,SAFV,IAGA,OAAOK,SAAP,KAAqB,QAJvB,EAKE;MAEA,IACEA,SAAS,CAACM,GAAV,KAAkBX,SAAlB,IACAK,SAAS,CAACM,GAAV,CAAcH,QAAd,OAA6BrB,KAAK,CAACqB,QAAN,EAF/B,EAGE;QACAI,aAAa,CAACzB,KAAD,CAAb;MACD;IACF,CAbD,MAaO,IAAIkB,SAAS,KAAKL,SAAd,IAA2Bb,KAAK,KAAKa,SAAzC,EAAoD;MACzDY,aAAa,CAACzB,KAAD,CAAb;IACD;EACF,CAlBD,EAkBG,CAACA,KAAD,CAlBH;EAoBA,OACE,8BAAC,0BAAD,eACMI,IADN;IAEE,GAAG,EAAEC,GAFP;IAGE,YAAY,EAAEoB,aAHhB;IAIE,KAAK,EAAEL,MAJT;IAKE,WAAW,EAAErB,WALf;IAME,oBAAoB,EAAES,iBANxB;IAOE,QAAQ,EAAEP,QAPZ;IAQE,QAAQ,EAAE,CAACA;EARb,GADF;AAYD,CArFsB,CAAzB;;AAwFAN,gBAAgB,CAACgC,WAAjB,GAA+B,kBAA/B;eAEehC,gB"}
+{"version":3,"file":"InputMaskElement.js","names":["InputMaskElement","React","forwardRef","ref","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","theme","useTheme","_placeholderColor","font","color","dark","getInputHook","undefined","Array","isArray","useStringMask","useNumberMask","maskValue","setMaskValue","_value","toString","formatted","useEffect","raw","onChangeValue","useCallback","displayName"],"sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAsBA,MAAMA,gBAAgB,GAAGC,eAAA,CAAMC,UAAN,CACvB,OAUEC,GAVF,KAWkB;EAAA,IAVhB;IACEC,QADF;IAEEC,WAFF;IAGEC,KAHF;IAIEC,QAAQ,GAAG,KAJb;IAKEC,oBALF;IAMEC,IANF;IAOE,GAAGC;EAPL,CAUgB;EAChB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EAEA,MAAMC,iBAAiB,GAAGL,oBAAoB,IAAIG,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;EAEA,MAAMC,YAAY,GAAIX,KAAD,IAA4B;IAC/C,IAAIG,IAAI,KAAKS,SAAb,EAAwB;MACtB,IAAIC,KAAK,CAACC,OAAN,CAAcX,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;QACrD,OAAO,IAAAY,4BAAA,EAAcZ,IAAd,EAAoBH,KAApB,CAAP;MACD,CAFD,MAEO;QACL,OAAO,IAAAgB,4BAAA,EAAcb,IAAd,EAAoBH,KAApB,CAAP;MACD;IACF,CAND,MAMO;MACL,OAAO,CAACY,SAAD,EAAYA,SAAZ,CAAP;IACD;EACF,CAVD;;EAYA,MAAM,CAACK,SAAD,EAAYC,YAAZ,IAA4BP,YAAY,CAACX,KAAD,aAACA,KAAD,cAACA,KAAD,GAAU,EAAV,CAA9C;;EAEA,MAAMmB,MAAM,GACVF,SAAS,KAAKL,SAAd,GACIZ,KADJ,aACIA,KADJ,uBACIA,KAAK,CAAEoB,QAAP,EADJ,GAEIH,SAAS,CAACI,SAAV,GACAJ,SAAS,CAACI,SADV,GAEA,EALN;;EAOA,IAAAC,iBAAA,EAAU,MAAM;IACd,IAAIxB,QAAJ,EAAc;MACZA,QAAQ,CAACmB,SAAD,aAACA,SAAD,uBAACA,SAAS,CAAEM,GAAZ,CAAR;IACD;EACF,CAJD,EAIG,CAACN,SAAD,CAJH;EAMA,MAAMO,aAAa,GAAG,IAAAC,mBAAA,EACnBzB,KAAD,IAA4B;IAC1B,IAAIiB,SAAS,KAAKL,SAAd,IAA2BM,YAAY,KAAKN,SAAhD,EAA2D;MACzDM,YAAY,CAAClB,KAAD,CAAZ;IACD,CAFD,MAEOF,QAAQ,IAAIA,QAAQ,CAACE,KAAD,CAApB;EACR,CALmB,EAMpB,CAACA,KAAD,CANoB,CAAtB;EASA,IAAAsB,iBAAA,EAAU,MAAM;IAEd,IACEL,SAAS,KAAKL,SAAd,IACAM,YAAY,KAAKN,SADjB,IAEAZ,KAAK,KAAKY,SAFV,IAGA,OAAOK,SAAP,KAAqB,QAJvB,EAKE;MAEA,IACEA,SAAS,CAACM,GAAV,KAAkBX,SAAlB,IACAK,SAAS,CAACM,GAAV,CAAcH,QAAd,OAA6BpB,KAAK,CAACoB,QAAN,EAF/B,EAGE;QACAI,aAAa,CAACxB,KAAD,CAAb;MACD;IACF,CAbD,MAaO,IAAIiB,SAAS,KAAKL,SAAd,IAA2BZ,KAAK,KAAKY,SAAzC,EAAoD;MACzDY,aAAa,CAACxB,KAAD,CAAb;IACD;EACF,CAlBD,EAkBG,CAACA,KAAD,CAlBH;EAoBA,OACE,8BAAC,0BAAD,eACMI,IADN;IAEE,GAAG,EAAEP,GAFP;IAGE,YAAY,EAAE2B,aAHhB;IAIE,KAAK,EAAEL,MAJT;IAKE,WAAW,EAAEpB,WALf;IAME,oBAAoB,EAAEQ,iBANxB;IAOE,QAAQ,EAAEN,QAPZ;IAQE,QAAQ,EAAE,CAACA;EARb,GADF;AAYD,CArFsB,CAAzB;;AAwFAP,gBAAgB,CAACgC,WAAjB,GAA+B,kBAA/B;eAEehC,gB"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
@@ -17,13 +19,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const PressableInputContainer = ({
-  onPress,
-  disabled,
-  style,
-  children,
-  ...rest
-}) => {
+const PressableInputContainer = _ref => {
+  let {
+    onPress,
+    disabled,
+    style,
+    children,
+    ...rest
+  } = _ref;
   return React.createElement(_styled.StyledPressableSurface, {
     onPress: onPress,
     disabled: disabled,

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

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

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

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

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

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

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

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

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

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

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

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