@tecsinapse/react-core 1.9.0 → 1.10.3

package/CHANGELOG.md

@@ -3,6 +3,53 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.10.3](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.10.2...@tecsinapse/react-core@1.10.3) (2021-11-29)
+
+
+### Bug Fixes
+
+* added method extractDigitsFromString ([76daa94](https://github.com/tecsinapse/design-system/commit/76daa943cc1be981b587830d0024c4a01c4df6e2))
+* remove cursor css prop from avatar ([2f9ed15](https://github.com/tecsinapse/design-system/commit/2f9ed15bafb6697e2aee883b417574b4ee3275d5))
+
+
+
+
+
+## [1.10.2](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.10.1...@tecsinapse/react-core@1.10.2) (2021-11-16)
+
+
+### Features
+
+* added property disabled in groupButton. ([e6eaf19](https://github.com/tecsinapse/design-system/commit/e6eaf193a0ef75fd1468fb030e8b6e64595d2722))
+
+
+
+
+
+## [1.10.1](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.10.0...@tecsinapse/react-core@1.10.1) (2021-10-08)
+
+**Note:** Version bump only for package @tecsinapse/react-core
+
+
+
+
+
+# [1.10.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.9.0...@tecsinapse/react-core@1.10.0) (2021-10-01)
+
+
+### Bug Fixes
+
+* Rename mask interface to avoid mismatch ([589ce1e](https://github.com/tecsinapse/design-system/commit/589ce1e3a63dff4334b48f218d3918dfb2837026))
+
+
+### Performance Improvements
+
+* **calendar:** refactoring components for memo ([95d2245](https://github.com/tecsinapse/design-system/commit/95d2245a47c6abd221e673e1dd145f948b83a8e4))
+
+
+
+
+
 # [1.9.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.8.0...@tecsinapse/react-core@1.9.0) (2021-09-29)
 
 

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

@@ -22,9 +22,6 @@ const ContainerButtonAvatar = (0, _native.default)(_PressableSurface.PressableSu
   theme,
   size = 'mega'
 }) => theme.iconSize[size]};
-  cursor: ${({
-  onPress
-}) => onPress ? 'pointer' : 'default'};
 `;
 exports.ContainerButtonAvatar = ContainerButtonAvatar;
 const StyledAvatar = (0, _native.default)(_reactNative.Image)`

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Avatar/styled.ts"],"names":["ContainerButtonAvatar","PressableSurface","theme","size","iconSize","onPress","StyledAvatar","Image","borderRadius","pill","StyledBackground","View","color","secondary","dark","getStyledTextComponent","component"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;AAIO,MAAMA,qBAAqB,GAAG,qBAAOC,kCAAP,CAEnC;AACF,WAAW,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACPD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,YAAY,CAAC;AAAED,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACRD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,YAAY,CAAC;AAAEE,EAAAA;AAAF,CAAD,KAAkBA,OAAO,GAAG,SAAH,GAAe,SAAW;AAC/D,CARO;;AAUA,MAAMC,YAAY,GAAG,qBAAOC,kBAAP,CAAmC;AAC/D,mBAAmB,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACM,YAAN,CAAmBC,IAAK;AACtE;AACA;AACA;AACA,CALO;;AAOA,MAAMC,gBAAgB,GAAG,qBAAOC,iBAAP,CAAkC;AAClE,mBAAmB,CAAC;AAAET,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACM,YAAN,CAAmBC,IAAK;AACtE,sBAAsB,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACU,KAAN,CAAYC,SAAZ,CAAsBC,IAAK;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,CATO;;;AAWA,MAAMC,sBAAsB,GAAIC,SAAD,IAA8B;AAClE,SAAO,qBAAOA,SAAP,CAAkB;AAC3B;AACA;AACA;AACA;AACA,GALE;AAMD,CAPM","sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  cursor: ${({ onPress }) => (onPress ? 'pointer' : 'default')};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Avatar/styled.ts"],"names":["ContainerButtonAvatar","PressableSurface","theme","size","iconSize","StyledAvatar","Image","borderRadius","pill","StyledBackground","View","color","secondary","dark","getStyledTextComponent","component"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;AAIO,MAAMA,qBAAqB,GAAG,qBAAOC,kCAAP,CAEnC;AACF,WAAW,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACPD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,YAAY,CAAC;AAAED,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACRD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,CAPO;;AASA,MAAME,YAAY,GAAG,qBAAOC,kBAAP,CAAmC;AAC/D,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE;AACA;AACA;AACA,CALO;;AAOA,MAAMC,gBAAgB,GAAG,qBAAOC,iBAAP,CAAkC;AAClE,mBAAmB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE,sBAAsB,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACS,KAAN,CAAYC,SAAZ,CAAsBC,IAAK;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,CATO;;;AAWA,MAAMC,sBAAsB,GAAIC,SAAD,IAA8B;AAClE,SAAO,qBAAOA,SAAP,CAAkB;AAC3B;AACA;AACA;AACA;AACA,GALE;AAMD,CAPM","sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"file":"styled.js"}

package/dist/components/atoms/BoxContent/styled.d.ts

@@ -1,2 +1,11 @@
-export declare const elevatedStyles: ({ theme }: any) => any;
+export declare const elevatedStyles: ({ theme }: any) => {
+    shadowColor: any;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+}[];
 export declare const StyledBoxContent: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"names":["elevatedStyles","theme","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","View","surfaceColor","spacing","kilo","StyledBoxContent","props"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAGO,MAAMA,cAAc,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAyC,CACrE,iBAAI;AACFC,EAAAA,WAAW,EAAED,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEE,aAAP,CAAqBC,MADhC;AAEFC,EAAAA,YAAY,EAAE;AAAEC,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,MAAM,EAAE;AAApB,GAFZ;AAGFC,EAAAA,aAAa,EAAE,IAHb;AAIFC,EAAAA,YAAY,EAAE,IAJZ;AAKFC,EAAAA,SAAS,EAAE;AALT,CAAJ,CADqE,CAAhE;;;;AAUP,MAAMC,SAAS,GAAG,CAAC;AAAEV,EAAAA,KAAF;AAASW,EAAAA;AAAT,CAAD,KAChBA,OAAO,KAAK,KAAZ,IACA,gBAAI;AACN,iCAAiCX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GALA;;AAOA,MAAMC,YAAY,GAAG,CAAC;AACpBd,EAAAA,KADoB;AAEpBW,EAAAA;AAFoB,CAAD,KAInBA,OAAO,KAAK,QAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,+BAA+Bb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,GARA;;AAUA,MAAME,UAAU,GAAG,CAAC;AAClBf,EAAAA,KADkB;AAElBW,EAAAA;AAFkB,CAAD,KAIjBA,OAAO,KAAK,MAAZ,IACA,gBAAI;AACN,+BAA+BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GARA;;AAUA,MAAMG,WAAW,GAAG,CAAC;AACnBhB,EAAAA,KADmB;AAEnBW,EAAAA;AAFmB,CAAD,KAIlBA,OAAO,KAAK,OAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,iCAAiCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,GARA;;AAUA,MAAMI,oBAAoB,GAAG,qBAAOC,iBAAP,CAAkC;AAC/D,sBAAsB,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACE,aAAN,CAAoBiB,YAAa;AACtE,gBAAgB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACoB,OAAN,CAAcC,IAAK;AAClD;AACA,CAJA;AAMO,MAAMC,gBAAgB,GAAG,qBAAOL,oBAAP,EAC9BM,KAAK,IAAI,gBAAI;AACf,MAAMxB,cAAc,CAACwB,KAAD,CAAQ;AAC5B,MAAMb,SAAS,CAACa,KAAD,CAAQ;AACvB,IAAIT,YAAY,CAACS,KAAD,CAAQ;AACxB,IAAIR,UAAU,CAACQ,KAAD,CAAQ;AACtB,IAAIP,WAAW,CAACO,KAAD,CAAQ;AACvB,GAPgC,CAAzB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>): any => [\n  css({\n    shadowColor: theme?.miscellaneous.shadow,\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'top' &&\n  css`\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst bottomStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'bottom' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-top-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst leftStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'left' &&\n  css`\n    border-top-right-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst rightStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'right' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n  `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  min-height: ${({ theme }) => theme.spacing.kilo};\n  overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n  props => css`\n    ${elevatedStyles(props)}\n    ${topStyles(props)}\n  ${bottomStyles(props)}\n  ${leftStyles(props)}\n  ${rightStyles(props)}\n  `\n);\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"names":["elevatedStyles","theme","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","View","surfaceColor","spacing","kilo","StyledBoxContent","props"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAGO,MAAMA,cAAc,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAoC,CAChE,iBAAI;AACFC,EAAAA,WAAW,EAAED,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEE,aAAP,CAAqBC,MADhC;AAEFC,EAAAA,YAAY,EAAE;AAAEC,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,MAAM,EAAE;AAApB,GAFZ;AAGFC,EAAAA,aAAa,EAAE,IAHb;AAIFC,EAAAA,YAAY,EAAE,IAJZ;AAKFC,EAAAA,SAAS,EAAE;AALT,CAAJ,CADgE,CAA3D;;;;AAUP,MAAMC,SAAS,GAAG,CAAC;AAAEV,EAAAA,KAAF;AAASW,EAAAA;AAAT,CAAD,KAChBA,OAAO,KAAK,KAAZ,IACA,gBAAI;AACN,iCAAiCX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GALA;;AAOA,MAAMC,YAAY,GAAG,CAAC;AACpBd,EAAAA,KADoB;AAEpBW,EAAAA;AAFoB,CAAD,KAInBA,OAAO,KAAK,QAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,+BAA+Bb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,GARA;;AAUA,MAAME,UAAU,GAAG,CAAC;AAClBf,EAAAA,KADkB;AAElBW,EAAAA;AAFkB,CAAD,KAIjBA,OAAO,KAAK,MAAZ,IACA,gBAAI;AACN,+BAA+BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GARA;;AAUA,MAAMG,WAAW,GAAG,CAAC;AACnBhB,EAAAA,KADmB;AAEnBW,EAAAA;AAFmB,CAAD,KAIlBA,OAAO,KAAK,OAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,iCAAiCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,GARA;;AAUA,MAAMI,oBAAoB,GAAG,qBAAOC,iBAAP,CAAkC;AAC/D,sBAAsB,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACE,aAAN,CAAoBiB,YAAa;AACtE,gBAAgB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACoB,OAAN,CAAcC,IAAK;AAClD;AACA,CAJA;AAMO,MAAMC,gBAAgB,GAAG,qBAAOL,oBAAP,EAC9BM,KAAK,IAAI,gBAAI;AACf,MAAMxB,cAAc,CAACwB,KAAD,CAAQ;AAC5B,MAAMb,SAAS,CAACa,KAAD,CAAQ;AACvB,IAAIT,YAAY,CAACS,KAAD,CAAQ;AACxB,IAAIR,UAAU,CAACQ,KAAD,CAAQ;AACtB,IAAIP,WAAW,CAACO,KAAD,CAAQ;AACvB,GAPgC,CAAzB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n  css({\n    shadowColor: theme?.miscellaneous.shadow,\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'top' &&\n  css`\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst bottomStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'bottom' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-top-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst leftStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'left' &&\n  css`\n    border-top-right-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst rightStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'right' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n  `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  min-height: ${({ theme }) => theme.spacing.kilo};\n  overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n  props => css`\n    ${elevatedStyles(props)}\n    ${topStyles(props)}\n  ${bottomStyles(props)}\n  ${leftStyles(props)}\n  ${rightStyles(props)}\n  `\n);\n"],"file":"styled.js"}

package/dist/components/atoms/Button/States/Error.js

@@ -7,14 +7,14 @@ exports.default = exports.Error = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _BaseState = _interopRequireDefault(require("./BaseState"));
+var _BaseState = require("./BaseState");
 
 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); }
 
 const Error = props => {
-  return _react.default.createElement(_BaseState.default, _extends({}, props, {
+  return _react.default.createElement(_BaseState.BaseState, _extends({}, props, {
     icon: "close-circle-outline"
   }));
 };

package/dist/components/atoms/Button/States/Error.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"names":["Error","props"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,KAA2B,GAAGC,KAAK,IAAI;AAClD,SAAO,6BAAC,kBAAD,eAAeA,KAAf;AAAsB,IAAA,IAAI,EAAC;AAA3B,KAAP;AACD,CAFM;;;eAIQD,K","sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport BaseState from './BaseState';\n\nexport const Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"file":"Error.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"names":["Error","props"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,KAA2B,GAAGC,KAAK,IAAI;AAClD,SAAO,6BAAC,oBAAD,eAAeA,KAAf;AAAsB,IAAA,IAAI,EAAC;AAA3B,KAAP;AACD,CAFM;;;eAIQD,K","sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"file":"Error.js"}

package/dist/components/atoms/Button/States/Success.js

@@ -7,14 +7,14 @@ exports.default = exports.Success = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _BaseState = _interopRequireDefault(require("./BaseState"));
+var _BaseState = require("./BaseState");
 
 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); }
 
 const Success = props => {
-  return _react.default.createElement(_BaseState.default, _extends({}, props, {
+  return _react.default.createElement(_BaseState.BaseState, _extends({}, props, {
     icon: "checkmark-circle-outline"
   }));
 };

package/dist/components/atoms/Button/States/Success.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"names":["Success","props"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;AACpD,SAAO,6BAAC,kBAAD,eAAeA,KAAf;AAAsB,IAAA,IAAI,EAAC;AAA3B,KAAP;AACD,CAFM;;;eAIQD,O","sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport BaseState from './BaseState';\n\nexport const Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"file":"Success.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"names":["Success","props"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;AACpD,SAAO,6BAAC,oBAAD,eAAeA,KAAf;AAAsB,IAAA,IAAI,EAAC;AAA3B,KAAP;AACD,CAFM;;;eAIQD,O","sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"file":"Success.js"}

package/dist/components/atoms/GroupButton/GroupButton.d.ts

@@ -12,6 +12,7 @@ export interface GroupButtonOptions {
     inactiveBorderColorTone?: ColorGradationType;
     activeStyle?: StyleProp<ViewStyle>;
     inactiveStyle?: StyleProp<ViewStyle>;
+    disabled?: boolean;
 }
 export interface GroupButtonValue<T> {
     value: T;
@@ -20,7 +21,7 @@ export interface GroupButtonValue<T> {
 export interface GroupButtonProps<T> {
     value: T;
     options: GroupButtonValue<T>[];
-    renderKey: (option?: T) => any;
+    renderKey: (option?: T) => string | number | undefined;
     renderOption: (option: T, active: boolean) => JSX.Element;
     onChange: (option: T) => void;
     buttonSize?: ButtonSizeType;

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

@@ -42,7 +42,8 @@ const groupOptions = ({
         activeBackgroundColor,
         activeBackgroundColorTone,
         inactiveBackgroundColor,
-        inactiveBackgroundColorTone
+        inactiveBackgroundColorTone,
+        disabled
       } = {}
     } = option;
     const key = renderKey === null || renderKey === void 0 ? void 0 : renderKey(optionValue);
@@ -62,7 +63,7 @@ const groupOptions = ({
     return _react2.default.createElement(_styled.StyledOption, {
       key: key
     }, _react2.default.createElement(_styled.StyledPressable, _extends({}, rest, option.options, {
-      disabled: active,
+      disabled: disabled,
       isActive: active,
       isFirstOption: isFirst,
       isLastOption: isLast,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"names":["GroupButton","style","rest","groupOptions","options","renderOption","renderKey","onChange","value","theme","map","option","idx","optionValue","activeStyle","inactiveStyle","activeBackgroundColor","activeBackgroundColorTone","inactiveBackgroundColor","inactiveBackgroundColorTone","key","active","isFirst","isLast","length","colors","miscellaneous","surfaceColor","color"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;;;;;AAmCA,MAAMA,WAAW,GAAG,CAAgB;AAClCC,EAAAA,KADkC;AAElC,KAAGC;AAF+B,CAAhB,KAGO;AACzB,SACE,8BAAC,yBAAD;AAAmB,IAAA,KAAK,EAAED;AAA1B,KAAkCE,YAAY,CAACD,IAAD,CAA9C,CADF;AAGD,CAPD;;AASA,MAAMC,YAAY,GAAG,CAAgB;AACnCC,EAAAA,OADmC;AAEnCC,EAAAA,YAFmC;AAGnCC,EAAAA,SAHmC;AAInCC,EAAAA,QAJmC;AAKnCC,EAAAA,KALmC;AAMnC,KAAGN;AANgC,CAAhB,KAOe;AAClC,QAAMO,KAAK,GAAG,sBAAd;AACA,SAAOL,OAAP,aAAOA,OAAP,uBAAOA,OAAO,CAAEM,GAAT,CAAa,CAACC,MAAD,EAASC,GAAT,KAAiB;AACnC,UAAM;AACJJ,MAAAA,KAAK,EAAEK,WADH;AAEJT,MAAAA,OAAO,EAAE;AACPU,QAAAA,WADO;AAEPC,QAAAA,aAFO;AAGPC,QAAAA,qBAHO;AAIPC,QAAAA,yBAJO;AAKPC,QAAAA,uBALO;AAMPC,QAAAA;AANO,UAOL;AATA,QAUFR,MAVJ;AAYA,UAAMS,GAAG,GAAGd,SAAH,aAAGA,SAAH,uBAAGA,SAAS,CAAGO,WAAH,CAArB;AACA,UAAMQ,MAAM,GAAGD,GAAG,MAAKd,SAAL,aAAKA,SAAL,uBAAKA,SAAS,CAAGE,KAAH,CAAd,CAAlB;AACA,UAAMc,OAAO,GAAGV,GAAG,KAAK,CAAxB;AACA,UAAMW,MAAM,GAAGX,GAAG,KAAKR,OAAO,CAACoB,MAAR,GAAiB,CAAxC;AAEA,QAAIC,MAAM,GAAGhB,KAAK,CAACiB,aAAN,CAAoBC,YAAjC;;AACA,QAAIN,MAAJ,EAAY;AACVI,MAAAA,MAAM,GACJhB,KAAK,CAACmB,KAAN,CAAYZ,qBAAqB,IAAI,WAArC,EACEC,yBAAyB,IAAI,QAD/B,CADF;AAID;;AAED,QAAI,CAACI,MAAD,KAAYH,uBAAuB,IAAIC,2BAAvC,CAAJ,EAAyE;AACvEM,MAAAA,MAAM,GACJhB,KAAK,CAACmB,KAAN,CAAYV,uBAAuB,IAAI,WAAvC,EACEC,2BAA2B,IAAI,QADjC,CADF;AAID;;AAED,WACE,8BAAC,oBAAD;AAAc,MAAA,GAAG,EAAEC;AAAnB,OACE,8BAAC,uBAAD,eACMlB,IADN,EAEMS,MAAM,CAACP,OAFb;AAGE,MAAA,QAAQ,EAAEiB,MAHZ;AAIE,MAAA,QAAQ,EAAEA,MAJZ;AAKE,MAAA,aAAa,EAAEC,OALjB;AAME,MAAA,YAAY,EAAEC,MANhB;AAOE,MAAA,OAAO,EAAE,MAAMhB,QAAN,aAAMA,QAAN,uBAAMA,QAAQ,CAAGM,WAAH,CAPzB;AAQE,MAAA,YAAY,EAAEY,MARhB;AASE,MAAA,KAAK,EAAEJ,MAAM,GAAGP,WAAH,GAAiBC;AAThC,QAWGV,YAXH,aAWGA,YAXH,uBAWGA,YAAY,CAAGM,MAAM,CAACH,KAAV,EAAiBa,MAAjB,CAXf,CADF,EAcG,CAACE,MAAD,IAAW,8BAAC,qBAAD,OAdd,CADF;AAkBD,GAnDM,CAAP;AAoDD,CA7DD;;eA+DevB,W","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => any;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst GroupButton = <T extends any>({\n  style,\n  ...rest\n}: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T extends any>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={active}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"file":"GroupButton.js"}
+{"version":3,"sources":["../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"names":["GroupButton","style","rest","groupOptions","options","renderOption","renderKey","onChange","value","theme","map","option","idx","optionValue","activeStyle","inactiveStyle","activeBackgroundColor","activeBackgroundColorTone","inactiveBackgroundColor","inactiveBackgroundColorTone","disabled","key","active","isFirst","isLast","length","colors","miscellaneous","surfaceColor","color"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;;;;;AAoCA,MAAMA,WAAW,GAAG,CAAoB;AACtCC,EAAAA,KADsC;AAEtC,KAAGC;AAFmC,CAApB,KAGO;AACzB,SACE,8BAAC,yBAAD;AAAmB,IAAA,KAAK,EAAED;AAA1B,KAAkCE,YAAY,CAACD,IAAD,CAA9C,CADF;AAGD,CAPD;;AASA,MAAMC,YAAY,GAAG,CAAoB;AACvCC,EAAAA,OADuC;AAEvCC,EAAAA,YAFuC;AAGvCC,EAAAA,SAHuC;AAIvCC,EAAAA,QAJuC;AAKvCC,EAAAA,KALuC;AAMvC,KAAGN;AANoC,CAApB,KAOe;AAClC,QAAMO,KAAK,GAAG,sBAAd;AACA,SAAOL,OAAP,aAAOA,OAAP,uBAAOA,OAAO,CAAEM,GAAT,CAAa,CAACC,MAAD,EAASC,GAAT,KAAiB;AACnC,UAAM;AACJJ,MAAAA,KAAK,EAAEK,WADH;AAEJT,MAAAA,OAAO,EAAE;AACPU,QAAAA,WADO;AAEPC,QAAAA,aAFO;AAGPC,QAAAA,qBAHO;AAIPC,QAAAA,yBAJO;AAKPC,QAAAA,uBALO;AAMPC,QAAAA,2BANO;AAOPC,QAAAA;AAPO,UAQL;AAVA,QAWFT,MAXJ;AAaA,UAAMU,GAAG,GAAGf,SAAH,aAAGA,SAAH,uBAAGA,SAAS,CAAGO,WAAH,CAArB;AACA,UAAMS,MAAM,GAAGD,GAAG,MAAKf,SAAL,aAAKA,SAAL,uBAAKA,SAAS,CAAGE,KAAH,CAAd,CAAlB;AACA,UAAMe,OAAO,GAAGX,GAAG,KAAK,CAAxB;AACA,UAAMY,MAAM,GAAGZ,GAAG,KAAKR,OAAO,CAACqB,MAAR,GAAiB,CAAxC;AAEA,QAAIC,MAAM,GAAGjB,KAAK,CAACkB,aAAN,CAAoBC,YAAjC;;AACA,QAAIN,MAAJ,EAAY;AACVI,MAAAA,MAAM,GACJjB,KAAK,CAACoB,KAAN,CAAYb,qBAAqB,IAAI,WAArC,EACEC,yBAAyB,IAAI,QAD/B,CADF;AAID;;AAED,QAAI,CAACK,MAAD,KAAYJ,uBAAuB,IAAIC,2BAAvC,CAAJ,EAAyE;AACvEO,MAAAA,MAAM,GACJjB,KAAK,CAACoB,KAAN,CAAYX,uBAAuB,IAAI,WAAvC,EACEC,2BAA2B,IAAI,QADjC,CADF;AAID;;AAED,WACE,8BAAC,oBAAD;AAAc,MAAA,GAAG,EAAEE;AAAnB,OACE,8BAAC,uBAAD,eACMnB,IADN,EAEMS,MAAM,CAACP,OAFb;AAGE,MAAA,QAAQ,EAAEgB,QAHZ;AAIE,MAAA,QAAQ,EAAEE,MAJZ;AAKE,MAAA,aAAa,EAAEC,OALjB;AAME,MAAA,YAAY,EAAEC,MANhB;AAOE,MAAA,OAAO,EAAE,MAAMjB,QAAN,aAAMA,QAAN,uBAAMA,QAAQ,CAAGM,WAAH,CAPzB;AAQE,MAAA,YAAY,EAAEa,MARhB;AASE,MAAA,KAAK,EAAEJ,MAAM,GAAGR,WAAH,GAAiBC;AAThC,QAWGV,YAXH,aAWGA,YAXH,uBAWGA,YAAY,CAAGM,MAAM,CAACH,KAAV,EAAiBc,MAAjB,CAXf,CADF,EAcG,CAACE,MAAD,IAAW,8BAAC,qBAAD,OAdd,CADF;AAkBD,GApDM,CAAP;AAqDD,CA9DD;;eAgEexB,W","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => string | number | undefined;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst GroupButton = <T extends unknown>({\n  style,\n  ...rest\n}: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T extends unknown>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n        disabled,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={disabled}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"file":"GroupButton.js"}

package/dist/components/atoms/GroupButton/GroupButtonOption.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
 import { TextProps } from '../Text';
-export interface GroupButtonOptionProps<T> {
+export interface GroupButtonOptionProps {
     active: boolean;
     description: string;
     TextComponent?: FC<TextProps>;
 }
-declare const GroupButtonOption: <T extends unknown>({ TextComponent, active, description, }: GroupButtonOptionProps<T>) => JSX.Element;
+declare const GroupButtonOption: ({ TextComponent, active, description, }: GroupButtonOptionProps) => JSX.Element;
 export default GroupButtonOption;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"names":["GroupButtonOption","TextComponent","Text","active","description","StyledText"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAQA,MAAMA,iBAAiB,GAAG,CAAgB;AACxCC,EAAAA,aAAa,GAAGC,UADwB;AAExCC,EAAAA,MAFwC;AAGxCC,EAAAA;AAHwC,CAAhB,KAIO;AAC/B,QAAMC,UAAU,GAAG,oCAAuBJ,aAAvB,CAAnB;AACA,SACE,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAC,MAAvB;AAA8B,IAAA,UAAU,EAAC,KAAzC;AAA+C,IAAA,MAAM,EAAEE;AAAvD,KACGC,WADH,CADF;AAKD,CAXD;;eAaeJ,iB","sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps<T> {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = <T extends any>({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps<T>) => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"file":"GroupButtonOption.js"}
+{"version":3,"sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"names":["GroupButtonOption","TextComponent","Text","active","description","StyledText"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAQA,MAAMA,iBAAiB,GAAG,CAAC;AACzBC,EAAAA,aAAa,GAAGC,UADS;AAEzBC,EAAAA,MAFyB;AAGzBC,EAAAA;AAHyB,CAAD,KAIiB;AACzC,QAAMC,UAAU,GAAG,oCAAuBJ,aAAvB,CAAnB;AACA,SACE,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAC,MAAvB;AAA8B,IAAA,UAAU,EAAC,KAAzC;AAA+C,IAAA,MAAM,EAAEE;AAAvD,KACGC,WADH,CADF;AAKD,CAXD;;eAaeJ,iB","sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = ({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps): JSX.Element => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"file":"GroupButtonOption.js"}

package/dist/components/atoms/GroupButton/styled.d.ts

@@ -20,7 +20,7 @@ export declare const getStyledGroupItemText: (component: FC<TextProps>) => impor
 } & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Partial<GroupButtonOptionProps<any>> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+} & Partial<GroupButtonOptionProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
 export declare const StyledOption: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -18,6 +18,13 @@ const StyledGroupButton = _native.default.View`
 `;
 exports.StyledGroupButton = StyledGroupButton;
 
+const disabledStyles = ({
+  disabled,
+  isActive
+}) => disabled && !isActive && (0, _native.css)`
+    background-color: #dcdcdc;
+  `;
+
 const getStyledGroupItemText = component => {
   return (0, _native.default)(component)`
     color: ${({
@@ -127,6 +134,7 @@ const StyledPressable = (0, _native.default)(StyledPressableBase)(props => (0, _
     ${leftStyles(props)}
     ${rightStyles(props)}
     ${sizeStyles(props)}
+    ${disabledStyles(props)}
   `);
 exports.StyledPressable = StyledPressable;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/GroupButton/styled.ts"],"names":["StyledGroupButton","styled","View","getStyledGroupItemText","component","active","theme","miscellaneous","surfaceColor","color","secondary","medium","activeStyles","isActive","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 { 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\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n  return styled(component)<\n    Partial<GroupButtonOptionProps<any>> & 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: 34px;\n      `;\n    default:\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n        min-height: 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  `\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 { 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: 34px;\n      `;\n    default:\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n        min-height: 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/Input/InputElement/InputElement.d.ts

@@ -1,14 +1,15 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { StyleProp, TextInputProps, TextStyle } from 'react-native';
-import { Mask } from '../hooks/useMask';
-export interface InputElementProps extends Omit<TextInputProps, 'onChange' | 'value'> {
+import { IMask } from '../hooks/useMask';
+export interface InputElementProps extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {
     style?: StyleProp<TextStyle>;
-    value?: string | Mask;
+    value?: string | IMask;
     placeholder?: string;
     disabled?: boolean;
     onChange?: (value: string) => void;
     onFocus?: () => void;
     onBlur?: () => void;
+    ref?: React.Ref<any>;
 }
 declare const InputElement: FC<InputElementProps>;
 export default InputElement;

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

@@ -15,14 +15,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 InputElement = ({
+const InputElement = _react2.default.forwardRef(({
   onChange,
   placeholder,
   value,
   disabled = false,
   placeholderTextColor,
   ...rest
-}) => {
+}, ref) => {
   var _value$maskValue;
 
   const theme = (0, _react.useTheme)();
@@ -32,6 +32,7 @@ const InputElement = ({
   const _placeholderColor = placeholderTextColor || theme.font.color.dark;
 
   return _react2.default.createElement(_styled.StyledInputElement, _extends({}, rest, {
+    ref: ref,
     onChangeText: onChange,
     value: _value,
     placeholder: placeholder,
@@ -39,8 +40,9 @@ const InputElement = ({
     disabled: disabled,
     editable: !disabled
   }));
-};
+});
 
+InputElement.displayName = 'InputElement';
 var _default = InputElement;
 exports.default = _default;
 //# sourceMappingURL=InputElement.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"names":["InputElement","onChange","placeholder","value","disabled","placeholderTextColor","rest","theme","_value","maskValue","formatted","_placeholderColor","font","color","dark"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAgBA,MAAMA,YAAmC,GAAG,CAAC;AAC3CC,EAAAA,QAD2C;AAE3CC,EAAAA,WAF2C;AAG3CC,EAAAA,KAH2C;AAI3CC,EAAAA,QAAQ,GAAG,KAJgC;AAK3CC,EAAAA,oBAL2C;AAM3C,KAAGC;AANwC,CAAD,KAOzB;AAAA;;AACjB,QAAMC,KAAK,GAAG,sBAAd;;AACA,QAAMC,MAAM,GACV,OAAOL,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCA,KAApC,aAAoCA,KAApC,2CAAoCA,KAAK,CAAEM,SAA3C,qDAAoC,iBAAkBC,SADxD;;AAEA,QAAMC,iBAAiB,GAAGN,oBAAoB,IAAIE,KAAK,CAACK,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;AAEA,SACE,8BAAC,0BAAD,eACMR,IADN;AAEE,IAAA,YAAY,EAAEL,QAFhB;AAGE,IAAA,KAAK,EAAEO,MAHT;AAIE,IAAA,WAAW,EAAEN,WAJf;AAKE,IAAA,oBAAoB,EAAES,iBALxB;AAME,IAAA,QAAQ,EAAEP,QANZ;AAOE,IAAA,QAAQ,EAAE,CAACA;AAPb,KADF;AAWD,CAxBD;;eA0BeJ,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 { Mask } from '../hooks/useMask';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value'> {\n  style?: StyleProp<TextStyle>;\n  /**\n   * TODO:\n   */\n  value?: string | Mask;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement: FC<InputElementProps> = ({\n  onChange,\n  placeholder,\n  value,\n  disabled = false,\n  placeholderTextColor,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  const _value =\n    typeof value === 'string' ? value : value?.maskValue?.formatted;\n  const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n  return (\n    <StyledInputElement\n      {...rest}\n      onChangeText={onChange}\n      value={_value}\n      placeholder={placeholder}\n      placeholderTextColor={_placeholderColor}\n      disabled={disabled}\n      editable={!disabled}\n    />\n  );\n};\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","_value","maskValue","formatted","_placeholderColor","font","color","dark","displayName"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;;;AAiBA,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;AAAA;;AAChB,QAAMC,KAAK,GAAG,sBAAd;;AACA,QAAMC,MAAM,GACV,OAAON,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCA,KAApC,aAAoCA,KAApC,2CAAoCA,KAAK,CAAEO,SAA3C,qDAAoC,iBAAkBC,SADxD;;AAEA,QAAMC,iBAAiB,GAAGP,oBAAoB,IAAIG,KAAK,CAACK,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;AAEA,SACE,8BAAC,0BAAD,eACMT,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,YAAY,EAAEN,QAHhB;AAIE,IAAA,KAAK,EAAEQ,MAJT;AAKE,IAAA,WAAW,EAAEP,WALf;AAME,IAAA,oBAAoB,EAAEU,iBANxB;AAOE,IAAA,QAAQ,EAAER,QAPZ;AAQE,IAAA,QAAQ,EAAE,CAACA;AARb,KADF;AAYD,CA7ByC,CAA5C;;AAgCAN,YAAY,CAACkB,WAAb,GAA2B,cAA3B;eAEelB,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 { IMask } from '../hooks/useMask';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  /**\n   * TODO:\n   */\n  value?: string | IMask;\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 _value =\n      typeof value === 'string' ? value : value?.maskValue?.formatted;\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/hooks/useCurrencyMask.d.ts

@@ -1,3 +1,3 @@
 import currency from 'currency.js';
-import { Mask } from '..';
-export declare const useCurrencyMask: (options?: currency.Options | undefined, defaultValue?: string | undefined) => [Mask, (value: string) => void];
+import { IMask } from './useMask';
+export declare const useCurrencyMask: (options?: currency.Options | undefined, defaultValue?: string | undefined) => [IMask, (value: string) => void];

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/hooks/useCurrencyMask.ts"],"names":["DEFAULT_OPTIONS","symbol","separator","decimal","precision","useCurrencyMask","options","defaultValue","getRegex","RegExp","applyMask","value","mergedOptions","onlyNumbers","String","padZeros","padStart","internalNumber","Number","replace","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","raw","formatted","format","setValue","converter","maskValue","handleChangeValue","formattedValue","oldValue"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;;;AAIA,MAAMA,eAAgC,GAAG;AACvCC,EAAAA,MAAM,EAAE,KAD+B;AAEvCC,EAAAA,SAAS,EAAE,GAF4B;AAGvCC,EAAAA,OAAO,EAAE,GAH8B;AAIvCC,EAAAA,SAAS,EAAE;AAJ4B,CAAzC;;AAaO,MAAMC,eAAe,GAAG,CAC7BC,OAD6B,EAE7BC,YAF6B,KAGO;AACpC,QAAMC,QAAQ,GAAG,wBACdJ,SAAD,IAAuB,IAAIK,MAAJ,CAAY,cAAaL,SAAU,YAAnC,EAAgD,GAAhD,CADR,EAEf,CAACE,OAAD,CAFe,CAAjB;AAKA,QAAMI,SAAS,GAAG,wBAChB,CAACC,KAAK,GAAG,EAAT,KAA2B;AACzB,UAAMC,aAAa,GAAG,EAAE,GAAGZ,eAAL;AAAsB,SAAGM;AAAzB,KAAtB;AACA,UAAM;AAAEF,MAAAA,SAAS,GAAG,CAAC;AAAf,QAAqBQ,aAA3B;AACA,UAAMC,WAAW,GAAGC,MAAM,CAAC,yCAAyBH,KAAzB,CAAD,CAA1B;AACA,UAAMI,QAAQ,GAAGD,MAAM,CAACD,WAAD,CAAN,CAAoBG,QAApB,CAA6BZ,SAAS,GAAG,CAAzC,EAA4C,GAA5C,CAAjB;AACA,QAAIa,cAAc,GAAGC,MAAM,CAACH,QAAQ,CAACI,OAAT,CAAiBX,QAAQ,CAACJ,SAAD,CAAzB,EAAsC,GAAtC,CAAD,CAA3B;;AAEA,QAAIa,cAAc,GAAGC,MAAM,CAACE,gBAA5B,EAA8C;AAC5CH,MAAAA,cAAc,GAAGC,MAAM,CAACE,gBAAxB;AACD;;AAED,QAAIH,cAAc,GAAGC,MAAM,CAACG,gBAA5B,EAA8C;AAC5CJ,MAAAA,cAAc,GAAGC,MAAM,CAACG,gBAAxB;AACD;;AAED,WAAO;AACLC,MAAAA,GAAG,EAAEL,cADA;AAELM,MAAAA,SAAS,EAAE,uBAASN,cAAT,EAAyBO,MAAzB,CAAgCZ,aAAhC;AAFN,KAAP;AAID,GApBe,EAqBhB,CAACN,OAAD,EAAUE,QAAV,CArBgB,CAAlB;AAwBA,QAAM,CAACG,KAAD,EAAQc,QAAR,IAAoB,qBAAe;AACvCC,IAAAA,SAAS,EAAEhB,SAD4B;AAEvCiB,IAAAA,SAAS,EAAEjB,SAAS,CAACH,YAAD;AAFmB,GAAf,CAA1B;AAKA,QAAMqB,iBAAiB,GAAG,wBACvBC,cAAD,IAA4B;AAC1B,UAAM;AAAEP,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAqBb,SAAS,CAACmB,cAAD,CAApC;AACAJ,IAAAA,QAAQ,CAACK,QAAQ,KAAK,EACpB,GAAGA,QADiB;AAEpBH,MAAAA,SAAS,EAAE;AACTL,QAAAA,GADS;AAETC,QAAAA;AAFS;AAFS,KAAL,CAAT,CAAR;AAOD,GAVuB,EAWxB,CAACb,SAAD,EAAYe,QAAZ,CAXwB,CAA1B;AAcA,SAAO,CAACd,KAAD,EAAQiB,iBAAR,CAAP;AACD,CArDM","sourcesContent":["import currency from 'currency.js';\nimport { useCallback, useState } from 'react';\nimport { Mask } from '..';\nimport { MaskValue } from './useMask';\nimport { extractNumbersFromString } from '@tecsinapse/react-core';\n\ntype CurrencyOptions = currency.Options;\n\nconst DEFAULT_OPTIONS: CurrencyOptions = {\n  symbol: 'R$ ',\n  separator: '.',\n  decimal: ',',\n  precision: 2,\n};\n\n/**\n * TODO:\n * @param options\n * @param defaultValue\n * @returns\n */\nexport const useCurrencyMask = (\n  options?: CurrencyOptions,\n  defaultValue?: string\n): [Mask, (value: string) => void] => {\n  const getRegex = useCallback(\n    (precision: number) => new RegExp(`\\\\B(?=(\\\\d{${precision}})(?!\\\\d))`, 'g'),\n    [options]\n  );\n\n  const applyMask = useCallback(\n    (value = ''): MaskValue => {\n      const mergedOptions = { ...DEFAULT_OPTIONS, ...options };\n      const { precision = -1 } = mergedOptions;\n      const onlyNumbers = String(extractNumbersFromString(value));\n      const padZeros = String(onlyNumbers).padStart(precision + 1, '0');\n      let internalNumber = Number(padZeros.replace(getRegex(precision), '.'));\n\n      if (internalNumber > Number.MAX_SAFE_INTEGER) {\n        internalNumber = Number.MAX_SAFE_INTEGER;\n      }\n\n      if (internalNumber < Number.MIN_SAFE_INTEGER) {\n        internalNumber = Number.MIN_SAFE_INTEGER;\n      }\n\n      return {\n        raw: internalNumber,\n        formatted: currency(internalNumber).format(mergedOptions),\n      };\n    },\n    [options, getRegex]\n  );\n\n  const [value, setValue] = useState<Mask>({\n    converter: applyMask,\n    maskValue: applyMask(defaultValue),\n  });\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string) => {\n      const { raw, formatted } = applyMask(formattedValue);\n      setValue(oldValue => ({\n        ...oldValue,\n        maskValue: {\n          raw,\n          formatted,\n        },\n      }));\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"file":"useCurrencyMask.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Input/hooks/useCurrencyMask.ts"],"names":["DEFAULT_OPTIONS","symbol","separator","decimal","precision","useCurrencyMask","options","defaultValue","getRegex","RegExp","applyMask","value","mergedOptions","onlyNumbers","String","padZeros","padStart","internalNumber","Number","replace","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","raw","formatted","format","setValue","converter","maskValue","handleChangeValue","formattedValue","oldValue"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAIA,MAAMA,eAAgC,GAAG;AACvCC,EAAAA,MAAM,EAAE,KAD+B;AAEvCC,EAAAA,SAAS,EAAE,GAF4B;AAGvCC,EAAAA,OAAO,EAAE,GAH8B;AAIvCC,EAAAA,SAAS,EAAE;AAJ4B,CAAzC;;AAaO,MAAMC,eAAe,GAAG,CAC7BC,OAD6B,EAE7BC,YAF6B,KAGQ;AACrC,QAAMC,QAAQ,GAAG,wBACdJ,SAAD,IAAuB,IAAIK,MAAJ,CAAY,cAAaL,SAAU,YAAnC,EAAgD,GAAhD,CADR,EAEf,CAACE,OAAD,CAFe,CAAjB;AAKA,QAAMI,SAAS,GAAG,wBAChB,CAACC,KAAK,GAAG,EAAT,KAA4B;AAC1B,UAAMC,aAAa,GAAG,EAAE,GAAGZ,eAAL;AAAsB,SAAGM;AAAzB,KAAtB;AACA,UAAM;AAAEF,MAAAA,SAAS,GAAG,CAAC;AAAf,QAAqBQ,aAA3B;AACA,UAAMC,WAAW,GAAGC,MAAM,CAAC,yCAAyBH,KAAzB,CAAD,CAA1B;AACA,UAAMI,QAAQ,GAAGD,MAAM,CAACD,WAAD,CAAN,CAAoBG,QAApB,CAA6BZ,SAAS,GAAG,CAAzC,EAA4C,GAA5C,CAAjB;AACA,QAAIa,cAAc,GAAGC,MAAM,CAACH,QAAQ,CAACI,OAAT,CAAiBX,QAAQ,CAACJ,SAAD,CAAzB,EAAsC,GAAtC,CAAD,CAA3B;;AAEA,QAAIa,cAAc,GAAGC,MAAM,CAACE,gBAA5B,EAA8C;AAC5CH,MAAAA,cAAc,GAAGC,MAAM,CAACE,gBAAxB;AACD;;AAED,QAAIH,cAAc,GAAGC,MAAM,CAACG,gBAA5B,EAA8C;AAC5CJ,MAAAA,cAAc,GAAGC,MAAM,CAACG,gBAAxB;AACD;;AAED,WAAO;AACLC,MAAAA,GAAG,EAAEL,cADA;AAELM,MAAAA,SAAS,EAAE,uBAASN,cAAT,EAAyBO,MAAzB,CAAgCZ,aAAhC;AAFN,KAAP;AAID,GApBe,EAqBhB,CAACN,OAAD,EAAUE,QAAV,CArBgB,CAAlB;AAwBA,QAAM,CAACG,KAAD,EAAQc,QAAR,IAAoB,qBAAgB;AACxCC,IAAAA,SAAS,EAAEhB,SAD6B;AAExCiB,IAAAA,SAAS,EAAEjB,SAAS,CAACH,YAAD;AAFoB,GAAhB,CAA1B;AAKA,QAAMqB,iBAAiB,GAAG,wBACvBC,cAAD,IAA4B;AAC1B,UAAM;AAAEP,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAqBb,SAAS,CAACmB,cAAD,CAApC;AACAJ,IAAAA,QAAQ,CAACK,QAAQ,KAAK,EACpB,GAAGA,QADiB;AAEpBH,MAAAA,SAAS,EAAE;AACTL,QAAAA,GADS;AAETC,QAAAA;AAFS;AAFS,KAAL,CAAT,CAAR;AAOD,GAVuB,EAWxB,CAACb,SAAD,EAAYe,QAAZ,CAXwB,CAA1B;AAcA,SAAO,CAACd,KAAD,EAAQiB,iBAAR,CAAP;AACD,CArDM","sourcesContent":["import currency from 'currency.js';\nimport { useCallback, useState } from 'react';\nimport { IMaskValue, IMask } from './useMask';\nimport { extractNumbersFromString } from '@tecsinapse/react-core';\n\ntype CurrencyOptions = currency.Options;\n\nconst DEFAULT_OPTIONS: CurrencyOptions = {\n  symbol: 'R$ ',\n  separator: '.',\n  decimal: ',',\n  precision: 2,\n};\n\n/**\n * TODO:\n * @param options\n * @param defaultValue\n * @returns\n */\nexport const useCurrencyMask = (\n  options?: CurrencyOptions,\n  defaultValue?: string\n): [IMask, (value: string) => void] => {\n  const getRegex = useCallback(\n    (precision: number) => new RegExp(`\\\\B(?=(\\\\d{${precision}})(?!\\\\d))`, 'g'),\n    [options]\n  );\n\n  const applyMask = useCallback(\n    (value = ''): IMaskValue => {\n      const mergedOptions = { ...DEFAULT_OPTIONS, ...options };\n      const { precision = -1 } = mergedOptions;\n      const onlyNumbers = String(extractNumbersFromString(value));\n      const padZeros = String(onlyNumbers).padStart(precision + 1, '0');\n      let internalNumber = Number(padZeros.replace(getRegex(precision), '.'));\n\n      if (internalNumber > Number.MAX_SAFE_INTEGER) {\n        internalNumber = Number.MAX_SAFE_INTEGER;\n      }\n\n      if (internalNumber < Number.MIN_SAFE_INTEGER) {\n        internalNumber = Number.MIN_SAFE_INTEGER;\n      }\n\n      return {\n        raw: internalNumber,\n        formatted: currency(internalNumber).format(mergedOptions),\n      };\n    },\n    [options, getRegex]\n  );\n\n  const [value, setValue] = useState<IMask>({\n    converter: applyMask,\n    maskValue: applyMask(defaultValue),\n  });\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string) => {\n      const { raw, formatted } = applyMask(formattedValue);\n      setValue(oldValue => ({\n        ...oldValue,\n        maskValue: {\n          raw,\n          formatted,\n        },\n      }));\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"file":"useCurrencyMask.js"}

package/dist/components/atoms/Input/hooks/useMask.d.ts

@@ -1,9 +1,9 @@
-export interface MaskValue {
+export interface IMaskValue {
     formatted?: string;
     raw?: any;
 }
-export interface Mask {
-    converter?: (raw?: string) => MaskValue;
-    maskValue?: MaskValue;
+export interface IMask {
+    converter?: (raw?: string) => IMaskValue;
+    maskValue?: IMaskValue;
 }
-export declare const useMask: (mask: string | ((raw: any) => string), defaultValue?: string | undefined) => [Mask, (text: string) => void];
+export declare const useMask: (mask: string | ((raw: any) => string), defaultValue?: string | undefined) => [IMask, (text: string) => void];

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

@@ -30,7 +30,7 @@ const getMask = (value = '', mask) => {
 
 const useMask = (mask, defaultValue) => {
   const applyMask = (0, _react.useCallback)((value = '') => {
-    const onlyNumbers = String((0, _reactCore.extractNumbersFromString)(value));
+    const onlyNumbers = value ? (0, _reactCore.extractDigitsFromString)(value) : value;
     const selectedMask = getMask(onlyNumbers, mask);
     const formattedValue = mergeMask(onlyNumbers, selectedMask);
     return {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/hooks/useMask.ts"],"names":["mergeMask","value","mask","chars","formattedValue","iMask","iChars","length","charAt","getMask","useMask","defaultValue","applyMask","onlyNumbers","String","selectedMask","raw","formatted","setValue","converter","maskValue","handleChangeValue","oldValue"],"mappings":";;;;;;;AAAA;;AACA;;AAkBA,MAAMA,SAAS,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,IAAb,KAA8B;AAC9C,QAAMC,KAAK,GAAG,KAAKF,KAAnB;AACA,MAAIG,cAAc,GAAG,EAArB;;AAEA,OACE,IAAIC,KAAK,GAAG,CAAZ,EAAeC,MAAM,GAAG,CAD1B,EAEED,KAAK,GAAGH,IAAI,CAACK,MAAb,IAAuBD,MAAM,GAAGH,KAAK,CAACI,MAFxC,EAGEF,KAAK,EAHP,EAIE;AACAD,IAAAA,cAAc,IACZF,IAAI,CAACM,MAAL,CAAYH,KAAZ,MAAuB,GAAvB,GAA6BF,KAAK,CAACK,MAAN,CAAaF,MAAM,EAAnB,CAA7B,GAAsDJ,IAAI,CAACM,MAAL,CAAYH,KAAZ,CADxD;AAED;;AACD,SAAOD,cAAP;AACD,CAbD;;AAqBA,MAAMK,OAAO,GAAG,CAACR,KAAK,GAAG,EAAT,EAAaC,IAAb,KAA+D;AAC7E,MAAI,OAAOA,IAAP,KAAgB,UAApB,EAAgC;AAC9B,WAAOA,IAAI,CAACD,KAAD,CAAX;AACD;;AACD,SAAOC,IAAP;AACD,CALD;;AAYO,MAAMQ,OAAO,GAAG,CACrBR,IADqB,EAErBS,YAFqB,KAGc;AACnC,QAAMC,SAAS,GAAG,wBAChB,CAACX,KAAK,GAAG,EAAT,KAA2B;AACzB,UAAMY,WAAW,GAAGC,MAAM,CAAC,yCAAyBb,KAAzB,CAAD,CAA1B;AACA,UAAMc,YAAY,GAAGN,OAAO,CAACI,WAAD,EAAcX,IAAd,CAA5B;AACA,UAAME,cAAc,GAAGJ,SAAS,CAACa,WAAD,EAAcE,YAAd,CAAhC;AAEA,WAAO;AACLC,MAAAA,GAAG,EAAEH,WADA;AAELI,MAAAA,SAAS,EAAEb;AAFN,KAAP;AAID,GAVe,EAWhB,CAACF,IAAD,CAXgB,CAAlB;AAcA,QAAM,CAACD,KAAD,EAAQiB,QAAR,IAAoB,qBAAe;AACvCC,IAAAA,SAAS,EAAEP,SAD4B;AAEvCQ,IAAAA,SAAS,EAAER,SAAS,CAACD,YAAD;AAFmB,GAAf,CAA1B;AAKA,QAAMU,iBAAiB,GAAG,wBACvBpB,KAAD,IAAmB;AACjB,UAAM;AAAEe,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAqBL,SAAS,CAACX,KAAD,CAApC;AACAiB,IAAAA,QAAQ,CAACI,QAAQ,KAAK,EACpB,GAAGA,QADiB;AAEpBF,MAAAA,SAAS,EAAE;AACTJ,QAAAA,GADS;AAETC,QAAAA;AAFS;AAFS,KAAL,CAAT,CAAR;AAOD,GAVuB,EAWxB,CAACL,SAAD,EAAYM,QAAZ,CAXwB,CAA1B;AAcA,SAAO,CAACjB,KAAD,EAAQoB,iBAAR,CAAP;AACD,CAtCM","sourcesContent":["import { useCallback, useState } from 'react';\nimport { extractNumbersFromString } from '@tecsinapse/react-core';\n\nexport interface MaskValue {\n  formatted?: string;\n  raw?: any;\n}\n\nexport interface Mask {\n  converter?: (raw?: string) => MaskValue;\n  maskValue?: MaskValue;\n}\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nconst mergeMask = (value = '', mask: string) => {\n  const chars = '' + value;\n  let formattedValue = '';\n\n  for (\n    let iMask = 0, iChars = 0;\n    iMask < mask.length && iChars < chars.length;\n    iMask++\n  ) {\n    formattedValue +=\n      mask.charAt(iMask) === '9' ? chars.charAt(iChars++) : mask.charAt(iMask);\n  }\n  return formattedValue;\n};\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nconst getMask = (value = '', mask: ((raw: any) => string) | string): string => {\n  if (typeof mask === 'function') {\n    return mask(value);\n  }\n  return mask;\n};\n\n/**\n * TODO:\n * @param mask\n * @returns\n */\nexport const useMask = (\n  mask: ((raw: any) => string) | string,\n  defaultValue?: string\n): [Mask, (text: string) => void] => {\n  const applyMask = useCallback(\n    (value = ''): MaskValue => {\n      const onlyNumbers = String(extractNumbersFromString(value));\n      const selectedMask = getMask(onlyNumbers, mask);\n      const formattedValue = mergeMask(onlyNumbers, selectedMask);\n\n      return {\n        raw: onlyNumbers,\n        formatted: formattedValue,\n      };\n    },\n    [mask]\n  );\n\n  const [value, setValue] = useState<Mask>({\n    converter: applyMask,\n    maskValue: applyMask(defaultValue),\n  });\n\n  const handleChangeValue = useCallback(\n    (value: string) => {\n      const { raw, formatted } = applyMask(value);\n      setValue(oldValue => ({\n        ...oldValue,\n        maskValue: {\n          raw,\n          formatted,\n        },\n      }));\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"file":"useMask.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Input/hooks/useMask.ts"],"names":["mergeMask","value","mask","chars","formattedValue","iMask","iChars","length","charAt","getMask","useMask","defaultValue","applyMask","onlyNumbers","selectedMask","raw","formatted","setValue","converter","maskValue","handleChangeValue","oldValue"],"mappings":";;;;;;;AAAA;;AACA;;AAkBA,MAAMA,SAAS,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,IAAb,KAA8B;AAC9C,QAAMC,KAAK,GAAG,KAAKF,KAAnB;AACA,MAAIG,cAAc,GAAG,EAArB;;AAEA,OACE,IAAIC,KAAK,GAAG,CAAZ,EAAeC,MAAM,GAAG,CAD1B,EAEED,KAAK,GAAGH,IAAI,CAACK,MAAb,IAAuBD,MAAM,GAAGH,KAAK,CAACI,MAFxC,EAGEF,KAAK,EAHP,EAIE;AACAD,IAAAA,cAAc,IACZF,IAAI,CAACM,MAAL,CAAYH,KAAZ,MAAuB,GAAvB,GAA6BF,KAAK,CAACK,MAAN,CAAaF,MAAM,EAAnB,CAA7B,GAAsDJ,IAAI,CAACM,MAAL,CAAYH,KAAZ,CADxD;AAED;;AACD,SAAOD,cAAP;AACD,CAbD;;AAqBA,MAAMK,OAAO,GAAG,CAACR,KAAK,GAAG,EAAT,EAAaC,IAAb,KAA+D;AAC7E,MAAI,OAAOA,IAAP,KAAgB,UAApB,EAAgC;AAC9B,WAAOA,IAAI,CAACD,KAAD,CAAX;AACD;;AACD,SAAOC,IAAP;AACD,CALD;;AAaO,MAAMQ,OAAO,GAAG,CACrBR,IADqB,EAErBS,YAFqB,KAGe;AACpC,QAAMC,SAAS,GAAG,wBAChB,CAACX,KAAK,GAAG,EAAT,KAA4B;AAC1B,UAAMY,WAAW,GAAGZ,KAAK,GAAG,wCAAwBA,KAAxB,CAAH,GAAoCA,KAA7D;AACA,UAAMa,YAAY,GAAGL,OAAO,CAACI,WAAD,EAAcX,IAAd,CAA5B;AACA,UAAME,cAAc,GAAGJ,SAAS,CAACa,WAAD,EAAcC,YAAd,CAAhC;AAEA,WAAO;AACLC,MAAAA,GAAG,EAAEF,WADA;AAELG,MAAAA,SAAS,EAAEZ;AAFN,KAAP;AAID,GAVe,EAWhB,CAACF,IAAD,CAXgB,CAAlB;AAcA,QAAM,CAACD,KAAD,EAAQgB,QAAR,IAAoB,qBAAgB;AACxCC,IAAAA,SAAS,EAAEN,SAD6B;AAExCO,IAAAA,SAAS,EAAEP,SAAS,CAACD,YAAD;AAFoB,GAAhB,CAA1B;AAKA,QAAMS,iBAAiB,GAAG,wBACvBnB,KAAD,IAAmB;AACjB,UAAM;AAAEc,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAqBJ,SAAS,CAACX,KAAD,CAApC;AACAgB,IAAAA,QAAQ,CAACI,QAAQ,KAAK,EACpB,GAAGA,QADiB;AAEpBF,MAAAA,SAAS,EAAE;AACTJ,QAAAA,GADS;AAETC,QAAAA;AAFS;AAFS,KAAL,CAAT,CAAR;AAOD,GAVuB,EAWxB,CAACJ,SAAD,EAAYK,QAAZ,CAXwB,CAA1B;AAcA,SAAO,CAAChB,KAAD,EAAQmB,iBAAR,CAAP;AACD,CAtCM","sourcesContent":["import { useCallback, useState } from 'react';\nimport { extractDigitsFromString } from '@tecsinapse/react-core';\n\nexport interface IMaskValue {\n  formatted?: string;\n  raw?: any;\n}\n\nexport interface IMask {\n  converter?: (raw?: string) => IMaskValue;\n  maskValue?: IMaskValue;\n}\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nconst mergeMask = (value = '', mask: string) => {\n  const chars = '' + value;\n  let formattedValue = '';\n\n  for (\n    let iMask = 0, iChars = 0;\n    iMask < mask.length && iChars < chars.length;\n    iMask++\n  ) {\n    formattedValue +=\n      mask.charAt(iMask) === '9' ? chars.charAt(iChars++) : mask.charAt(iMask);\n  }\n  return formattedValue;\n};\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nconst getMask = (value = '', mask: ((raw: any) => string) | string): string => {\n  if (typeof mask === 'function') {\n    return mask(value);\n  }\n  return mask;\n};\n\n/**\n * TODO:\n * @param mask\n * @param defaultValue\n * @returns\n */\nexport const useMask = (\n  mask: ((raw: any) => string) | string,\n  defaultValue?: string\n): [IMask, (text: string) => void] => {\n  const applyMask = useCallback(\n    (value = ''): IMaskValue => {\n      const onlyNumbers = value ? extractDigitsFromString(value) : value;\n      const selectedMask = getMask(onlyNumbers, mask);\n      const formattedValue = mergeMask(onlyNumbers, selectedMask);\n\n      return {\n        raw: onlyNumbers,\n        formatted: formattedValue,\n      };\n    },\n    [mask]\n  );\n\n  const [value, setValue] = useState<IMask>({\n    converter: applyMask,\n    maskValue: applyMask(defaultValue),\n  });\n\n  const handleChangeValue = useCallback(\n    (value: string) => {\n      const { raw, formatted } = applyMask(value);\n      setValue(oldValue => ({\n        ...oldValue,\n        maskValue: {\n          raw,\n          formatted,\n        },\n      }));\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"file":"useMask.js"}

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

@@ -12,7 +12,7 @@ const Masks = {
   CEP: '99999-999',
   PHONE: '(99) 9999-9999',
   PHONE_EXTENDED: '(99) 99999-9999',
-  COMBINED_PHONE: value => value.length <= 10 ? Masks.PHONE : Masks.PHONE_EXTENDED
+  COMBINED_PHONE: value => (value === null || value === void 0 ? void 0 : value.length) <= 10 ? Masks.PHONE : Masks.PHONE_EXTENDED
 };
 exports.Masks = Masks;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/masks/index.ts"],"names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","length"],"mappings":";;;;;;AACO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE,gBADc;AAEnBC,EAAAA,IAAI,EAAE,oBAFa;AAGnBC,EAAAA,IAAI,EAAE,YAHa;AAInBC,EAAAA,UAAU,EAAE,SAJO;AAKnBC,EAAAA,GAAG,EAAE,WALc;AAMnBC,EAAAA,KAAK,EAAE,gBANY;AAOnBC,EAAAA,cAAc,EAAE,iBAPG;AAQnBC,EAAAA,cAAc,EAAGC,KAAD,IACdA,KAAK,CAACC,MAAN,IAAgB,EAAhB,GAAqBV,KAAK,CAACM,KAA3B,GAAmCN,KAAK,CAACO;AATxB,CAAd","sourcesContent":["// NOTE: Add here all individually masks, then you can use it on input components everywhere.\nexport const Masks = {\n  CPF: '999.999.999-99',\n  CNPJ: '99.999.999/9999-99',\n  DATE: '99/99/9999',\n  MONTH_YEAR: '99/9999',\n  CEP: '99999-999',\n  PHONE: '(99) 9999-9999',\n  PHONE_EXTENDED: '(99) 99999-9999',\n  COMBINED_PHONE: (value: string) =>\n    value.length <= 10 ? Masks.PHONE : Masks.PHONE_EXTENDED,\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Input/masks/index.ts"],"names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","length"],"mappings":";;;;;;AACO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE,gBADc;AAEnBC,EAAAA,IAAI,EAAE,oBAFa;AAGnBC,EAAAA,IAAI,EAAE,YAHa;AAInBC,EAAAA,UAAU,EAAE,SAJO;AAKnBC,EAAAA,GAAG,EAAE,WALc;AAMnBC,EAAAA,KAAK,EAAE,gBANY;AAOnBC,EAAAA,cAAc,EAAE,iBAPG;AAQnBC,EAAAA,cAAc,EAAGC,KAAD,IACd,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,MAAP,KAAiB,EAAjB,GAAsBV,KAAK,CAACM,KAA5B,GAAoCN,KAAK,CAACO;AATzB,CAAd","sourcesContent":["// NOTE: Add here all individually masks, then you can use it on input components everywhere.\nexport const Masks = {\n  CPF: '999.999.999-99',\n  CNPJ: '99.999.999/9999-99',\n  DATE: '99/99/9999',\n  MONTH_YEAR: '99/9999',\n  CEP: '99999-999',\n  PHONE: '(99) 9999-9999',\n  PHONE_EXTENDED: '(99) 99999-9999',\n  COMBINED_PHONE: (value: string) =>\n    value?.length <= 10 ? Masks.PHONE : Masks.PHONE_EXTENDED,\n};\n"],"file":"index.js"}

package/dist/components/atoms/Switch/Switch.d.ts

@@ -10,6 +10,7 @@ export interface SwitchProps {
     inactiveColorTone?: ColorGradationType;
     style?: StyleProp<ViewStyle>;
     dotStyle?: StyleProp<ViewStyle>;
+    disabled?: boolean;
 }
 declare const Switch: FC<SwitchProps>;
 export default Switch;

package/dist/components/atoms/Switch/Switch.js

@@ -33,6 +33,7 @@ const Switch = ({
   inactiveColorTone = 'light',
   active,
   dotStyle,
+  disabled = false,
   ...rest
 }) => {
   const theme = (0, _react.useTheme)();
@@ -41,9 +42,13 @@ const Switch = ({
 
   const animatedColor = _react2.default.useRef(new _reactNative.Animated.Value(active ? 1 : 0)).current;
 
+  const getBackgroundColor = (color, variation) => {
+    return disabled ? (0, _utils.lightenDarkenColor)(color, variation) : color;
+  };
+
   const interpolateColor = animatedColor.interpolate({
     inputRange: [0, 1],
-    outputRange: [theme.color[inactiveColor][inactiveColorTone], theme.color[activeColor][activeColorTone]]
+    outputRange: [getBackgroundColor(theme.color[inactiveColor][inactiveColorTone], 25), getBackgroundColor(theme.color[activeColor][activeColorTone], 50)]
   });
   const animatedStyle = {
     backgroundColor: interpolateColor
@@ -52,7 +57,7 @@ const Switch = ({
     onChange(!active);
     (0, _animation.transitionSwitch)(active, transitionValue, animatedColor);
   }, [active, onChange]);
-  const stylesDefaut = {
+  const stylesDefault = {
     borderRadius: (0, _utils.extractNumbersFromString)(theme.borderRadius.pill),
     paddingHorizontal: (0, _utils.extractNumbersFromString)(theme.spacing.micro),
     paddingVertical: 0,
@@ -62,10 +67,11 @@ const Switch = ({
   };
   return _react2.default.createElement(_PressableSurface.PressableSurface, _extends({}, rest, {
     onPress: handleChange,
-    effect: "none"
+    effect: "none",
+    disabled: disabled
   }), _react2.default.createElement(_reactNative.Animated.View, {
     style: { ...animatedStyle,
-      ...stylesDefaut
+      ...stylesDefault
     }
   }, _react2.default.createElement(_styled.StyledSwitch, {
     style: [dotStyle, {