@tecsinapse/react-native-kit 1.23.11 → 2.0.1

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

@@ -6,11 +6,7 @@ var reactNative = require('react-native');
 var Text = require('../Text/Text.js');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const Input = React__default["default"].forwardRef(
+const Input = React.forwardRef(
   ({
     label,
     labelColor,
@@ -36,11 +32,7 @@ const Input = React__default["default"].forwardRef(
     placeholder,
     ...rest
   }, ref) => {
-    const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(reactCore.Hint, {
-      TextComponent: Text,
-      text: hint,
-      variant
-    });
+    const _hint = hintComponent || /* @__PURE__ */ React.createElement(reactCore.Hint, { TextComponent: Text, text: hint, variant });
     const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
       onFocus,
       onBlur,
@@ -51,34 +43,41 @@ const Input = React__default["default"].forwardRef(
       ...{ inputContainerStyle }
     };
     const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.InputContainer, {
-      label: value ? label : void 0,
-      labelColor,
-      labelColorVariant,
-      labelColorTone,
-      labelTypography,
-      labelStack,
-      labelWeight,
-      LabelComponent: Text,
-      leftComponent,
-      rightComponent,
-      borderColor,
-      borderColorGradation,
-      inputContainerStyle: internalStyle,
-      focused,
-      disabled,
-      variant
-    }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledNativeInput, {
-      ...rest,
-      placeholder: onlyLabel ? label : placeholder,
-      value,
-      ref,
-      fontStack: inputFontStack,
-      fontWeight: inputFontWeight,
-      disabled,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    })), hint && _hint);
+    return /* @__PURE__ */ React.createElement(reactNative.View, null, /* @__PURE__ */ React.createElement(
+      reactCore.InputContainer,
+      {
+        label: value ? label : void 0,
+        labelColor,
+        labelColorVariant,
+        labelColorTone,
+        labelTypography,
+        labelStack,
+        labelWeight,
+        LabelComponent: Text,
+        leftComponent,
+        rightComponent,
+        borderColor,
+        borderColorGradation,
+        inputContainerStyle: internalStyle,
+        focused,
+        disabled,
+        variant
+      },
+      /* @__PURE__ */ React.createElement(
+        styled.StyledNativeInput,
+        {
+          ...rest,
+          placeholder: onlyLabel ? label : placeholder,
+          value,
+          ref,
+          fontStack: inputFontStack,
+          fontWeight: inputFontWeight,
+          disabled,
+          onFocus: handleFocus,
+          onBlur: handleBlur
+        }
+      )
+    ), hint && _hint);
   }
 );
 Input.displayName = "Input";

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  RFValue,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const internalStyle: StyleProp<ViewStyle> = {\n      minHeight: RFValue(50),\n      ...{ inputContainerStyle },\n    };\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View>\n        <InputContainer\n          label={value ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={internalStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInput\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["React","Hint","useInputFocus","RFValue","View","InputContainer","StyledNativeInput"],"mappings":";;;;;;;;;;;;AAsBA,MAAM,QAAQA,yBAAM,CAAA,UAAA;AAAA,EAClB,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACXA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA;AAAA,MAAK,aAAe,EAAA,IAAA;AAAA,MAAM,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,aAAsC,GAAA;AAAA,MAC1C,SAAA,EAAWC,kBAAQ,EAAE,CAAA;AAAA,MACrB,GAAG,EAAE,mBAAoB,EAAA;AAAA,KAC3B,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAAH,yBAAA,CAAA,aAAA,CAACI,wCACEJ,yBAAA,CAAA,aAAA,CAAAK,wBAAA,EAAA;AAAA,MACC,KAAA,EAAO,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,MACvB,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,IAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAqB,EAAA,aAAA;AAAA,MACrB,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAAA,kBAECL,yBAAA,CAAA,aAAA,CAAAM,wBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,MACjC,KAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAW,EAAA,cAAA;AAAA,MACX,UAAY,EAAA,eAAA;AAAA,MACZ,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,KACV,CACF,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  RFValue,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const internalStyle: StyleProp<ViewStyle> = {\n      minHeight: RFValue(50),\n      ...{ inputContainerStyle },\n    };\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View>\n        <InputContainer\n          label={value ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={internalStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInput\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["Hint","useInputFocus","RFValue","View","InputContainer","StyledNativeInput"],"mappings":";;;;;;;;AAsBA,MAAM,QAAQ,KAAM,CAAA,UAAA;AAAA,EAClB,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACX,KAAA,CAAA,aAAA,CAAAA,cAAA,EAAA,EAAK,eAAe,IAAM,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,aAAsC,GAAA;AAAA,MAC1C,SAAA,EAAWC,kBAAQ,EAAE,CAAA;AAAA,MACrB,GAAG,EAAE,mBAAoB,EAAA;AAAA,KAC3B,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,2CACGC,gBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,QACvB,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAgB,EAAA,IAAA;AAAA,QAChB,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAqB,EAAA,aAAA;AAAA,QACrB,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAACC,wBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,SAAW,EAAA,cAAA;AAAA,UACX,UAAY,EAAA,eAAA;AAAA,UACZ,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

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

@@ -1,21 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 var styled$1 = require('../Text/styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledNativeInputBase = styled__default["default"](reactCore.InputElement)`
+const StyledNativeInputBase = styled(reactCore.InputElement)`
   height: ${({ theme }) => theme.typography.h5.lineHeight};
   width: 100%;
   padding: 0;
 `;
-const StyledNativeInput = styled__default["default"](StyledNativeInputBase)(styled$1.fontStyles);
+const StyledNativeInput = styled(StyledNativeInputBase)(styled$1.fontStyles);
 
 exports.StyledNativeInput = StyledNativeInput;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n  Partial<InputNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n  Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["styled","InputElement","fontStyles"],"mappings":";;;;;;;;;;;;AAKA,MAAM,qBAAA,GAAwBA,2BAAOC,sBAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,iBAAoB,GAAAD,0BAAA,CAAO,qBAAqB,CAAA,CAE3DE,mBAAU;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n  Partial<InputNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n  Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["InputElement","fontStyles"],"mappings":";;;;;;AAKA,MAAM,qBAAA,GAAwB,OAAOA,sBAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,iBAAoB,GAAA,MAAA,CAAO,qBAAqB,CAAA,CAE3DC,mBAAU;;;;"}

package/dist/cjs/components/atoms/InputMask/InputMask.js

@@ -6,11 +6,7 @@ var reactNative = require('react-native');
 var styled = require('./styled.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const InputMask = React__default["default"].forwardRef(
+const InputMask = React.forwardRef(
   ({
     label,
     labelColor,
@@ -37,47 +33,48 @@ const InputMask = React__default["default"].forwardRef(
     placeholder,
     ...rest
   }, ref) => {
-    const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(reactCore.Hint, {
-      TextComponent: Text,
-      text: hint,
-      variant
-    });
+    const _hint = hintComponent || /* @__PURE__ */ React.createElement(reactCore.Hint, { TextComponent: Text, text: hint, variant });
     const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
       onFocus,
       onBlur,
       !disabled
     );
     const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
-      style
-    }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputContainer, {
-      label: String(value) ? label : void 0,
-      labelColor,
-      labelColorVariant,
-      labelColorTone,
-      labelTypography,
-      labelStack,
-      labelWeight,
-      LabelComponent: Text,
-      leftComponent,
-      rightComponent,
-      borderColor,
-      borderColorGradation,
-      inputContainerStyle,
-      focused,
-      disabled,
-      variant
-    }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledNativeInputMask, {
-      ...rest,
-      placeholder: onlyLabel ? label : placeholder,
-      value,
-      ref,
-      fontStack: inputFontStack,
-      fontWeight: inputFontWeight,
-      disabled,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    })), hint && _hint);
+    return /* @__PURE__ */ React.createElement(reactNative.View, { style }, /* @__PURE__ */ React.createElement(
+      styled.StyledInputContainer,
+      {
+        label: String(value) ? label : void 0,
+        labelColor,
+        labelColorVariant,
+        labelColorTone,
+        labelTypography,
+        labelStack,
+        labelWeight,
+        LabelComponent: Text,
+        leftComponent,
+        rightComponent,
+        borderColor,
+        borderColorGradation,
+        inputContainerStyle,
+        focused,
+        disabled,
+        variant
+      },
+      /* @__PURE__ */ React.createElement(
+        styled.StyledNativeInputMask,
+        {
+          ...rest,
+          placeholder: onlyLabel ? label : placeholder,
+          value,
+          ref,
+          fontStack: inputFontStack,
+          fontWeight: inputFontWeight,
+          disabled,
+          onFocus: handleFocus,
+          onBlur: handleBlur
+        }
+      )
+    ), hint && _hint);
   }
 );
 InputMask.displayName = "InputMask";

package/dist/cjs/components/atoms/InputMask/InputMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainerProps,\n  InputMaskElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledInputContainer, StyledNativeInputMask } from './styled';\nimport { Text } from '../Text';\n\nexport interface InputMaskNativeProps\n  extends Omit<InputMaskElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst InputMask: FC<InputMaskNativeProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View style={style}>\n        <StyledInputContainer\n          label={String(value) ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInputMask\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref as React.Ref<TextInput>}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </StyledInputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":["React","Hint","useInputFocus","View","StyledInputContainer","StyledNativeInputMask"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,YAAsCA,yBAAM,CAAA,UAAA;AAAA,EAChD,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACXA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA;AAAA,MAAK,aAAe,EAAA,IAAA;AAAA,MAAM,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACGF,yBAAA,CAAA,aAAA,CAAAG,gBAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACHH,yBAAA,CAAA,aAAA,CAAAI,2BAAA,EAAA;AAAA,MACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,MAC/B,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,IAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAAA,kBAECJ,yBAAA,CAAA,aAAA,CAAAK,4BAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,MACjC,KAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAW,EAAA,cAAA;AAAA,MACX,UAAY,EAAA,eAAA;AAAA,MACZ,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,KACV,CACF,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}
+{"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainerProps,\n  InputMaskElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledInputContainer, StyledNativeInputMask } from './styled';\nimport { Text } from '../Text';\n\nexport interface InputMaskNativeProps\n  extends Omit<InputMaskElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst InputMask: FC<InputMaskNativeProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View style={style}>\n        <StyledInputContainer\n          label={String(value) ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInputMask\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref as React.Ref<TextInput>}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </StyledInputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":["Hint","useInputFocus","View","StyledInputContainer","StyledNativeInputMask"],"mappings":";;;;;;;;AAoBA,MAAM,YAAsC,KAAM,CAAA,UAAA;AAAA,EAChD,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACX,KAAA,CAAA,aAAA,CAAAA,cAAA,EAAA,EAAK,eAAe,IAAM,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAA,KAAA,CAAA,aAAA,CAACC,oBAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,2BAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,QAC/B,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAgB,EAAA,IAAA;AAAA,QAChB,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAACC,4BAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,SAAW,EAAA,cAAA;AAAA,UACX,UAAY,EAAA,eAAA;AAAA,UACZ,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}

package/dist/cjs/components/atoms/InputMask/styled.js

@@ -1,24 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 var styled$1 = require('../Text/styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledInputContainer = styled__default["default"](reactCore.InputContainer)`
+const StyledInputContainer = styled(reactCore.InputContainer)`
   min-height: ${reactCore.RFValueStr("50px")};
 `;
-const StyledNativeInputMaskBase = styled__default["default"](reactCore.InputMaskElement)`
+const StyledNativeInputMaskBase = styled(reactCore.InputMaskElement)`
   height: ${({ theme }) => theme.typography.h5.lineHeight};
   width: 100%;
   padding: 0;
 `;
-const StyledNativeInputMask = styled__default["default"](StyledNativeInputMaskBase)(styled$1.fontStyles);
+const StyledNativeInputMask = styled(StyledNativeInputMaskBase)(styled$1.fontStyles);
 
 exports.StyledInputContainer = StyledInputContainer;
 exports.StyledNativeInputMask = StyledNativeInputMask;

package/dist/cjs/components/atoms/InputMask/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  InputContainer,\n  InputMaskElement,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n  Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n  Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["styled","InputContainer","RFValueStr","InputMaskElement","fontStyles"],"mappings":";;;;;;;;;;;;AAUa,MAAA,oBAAA,GAAuBA,2BAAOC,wBAAc,CAAA,CAAA;AAAA,cAAA,EACzCC,qBAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGjC,MAAM,yBAAA,GAA4BF,2BAAOG,0BAAgB,CAAA,CAAA;AAAA,UAAA,EAG7C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,qBAAwB,GAAAH,0BAAA,CAAO,yBAAyB,CAAA,CAEnEI,mBAAU;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  InputContainer,\n  InputMaskElement,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n  Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n  Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["InputContainer","RFValueStr","InputMaskElement","fontStyles"],"mappings":";;;;;;AAUa,MAAA,oBAAA,GAAuB,OAAOA,wBAAc,CAAA,CAAA;AAAA,cAAA,EACzCC,qBAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGjC,MAAM,yBAAA,GAA4B,OAAOC,0BAAgB,CAAA,CAAA;AAAA,UAAA,EAG7C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,qBAAwB,GAAA,MAAA,CAAO,yBAAyB,CAAA,CAEnEC,mBAAU;;;;;"}

package/dist/cjs/components/atoms/Modal/ModalGroupManager.js

@@ -1,27 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var reactNative = require('react-native');
 var ModalLifecycleHandler = require('./ModalLifecycleHandler.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const modalLifecycle = ModalLifecycleHandler.createModalLifecycleHandler();
 const ModalGroupManager = ({ children, ...others }) => {
   modalLifecycle.attach(React.useState([]));
   const _render = modalLifecycle.render();
   const hasModals = _render.length > 0;
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children, /* @__PURE__ */ React__default["default"].createElement(reactNative.Modal, {
-    transparent: true,
-    statusBarTranslucent: true,
-    animationType: "none",
-    visible: hasModals,
-    ...others
-  }, _render));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement(
+    reactNative.Modal,
+    {
+      transparent: true,
+      statusBarTranslucent: true,
+      animationType: "none",
+      visible: hasModals,
+      ...others
+    },
+    _render
+  ));
 };
 
 exports.ModalGroupManager = ModalGroupManager;

package/dist/cjs/components/atoms/Modal/ModalGroupManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalGroupManager.js","sources":["../../../../../src/components/atoms/Modal/ModalGroupManager.tsx"],"sourcesContent":["import React, { FC, ReactElement, useState } from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { createModalLifecycleHandler } from './ModalLifecycleHandler';\nimport { IBaseModal } from './ui/types';\n\nexport const modalLifecycle = createModalLifecycleHandler();\n\n/**\n * It's responsable for rendering all the modal components.\n *\n * @param param0\n * @returns\n */\nexport const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {\n  modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]));\n  const _render = modalLifecycle.render();\n  const hasModals = _render.length > 0;\n\n  return (\n    <>\n      {children}\n      <RNModal\n        transparent\n        statusBarTranslucent\n        animationType=\"none\"\n        visible={hasModals}\n        {...others}\n      >\n        {_render}\n      </RNModal>\n    </>\n  );\n};\n"],"names":["createModalLifecycleHandler","useState","React","RNModal"],"mappings":";;;;;;;;;;;;AAKO,MAAM,iBAAiBA,iDAA4B,GAAA;AAQnD,MAAM,iBAAoC,GAAA,CAAC,EAAE,QAAA,EAAA,GAAa,QAAa,KAAA;AAC5E,EAAA,cAAA,CAAe,MAAO,CAAAC,cAAA,CAAqC,EAAE,CAAC,CAAA,CAAA;AAC9D,EAAM,MAAA,OAAA,GAAU,eAAe,MAAO,EAAA,CAAA;AACtC,EAAM,MAAA,SAAA,GAAY,QAAQ,MAAS,GAAA,CAAA,CAAA;AAEnC,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,EACG,0BACAA,yBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA;AAAA,IACC,WAAW,EAAA,IAAA;AAAA,IACX,oBAAoB,EAAA,IAAA;AAAA,IACpB,aAAc,EAAA,MAAA;AAAA,IACd,OAAS,EAAA,SAAA;AAAA,IACR,GAAG,MAAA;AAAA,GAAA,EAEH,OACH,CACF,CAAA,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"ModalGroupManager.js","sources":["../../../../../src/components/atoms/Modal/ModalGroupManager.tsx"],"sourcesContent":["import React, { FC, ReactElement, useState } from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { createModalLifecycleHandler } from './ModalLifecycleHandler';\nimport { IBaseModal } from './ui/types';\n\nexport const modalLifecycle = createModalLifecycleHandler();\n\n/**\n * It's responsable for rendering all the modal components.\n *\n * @param param0\n * @returns\n */\nexport const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {\n  modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]));\n  const _render = modalLifecycle.render();\n  const hasModals = _render.length > 0;\n\n  return (\n    <>\n      {children}\n      <RNModal\n        transparent\n        statusBarTranslucent\n        animationType=\"none\"\n        visible={hasModals}\n        {...others}\n      >\n        {_render}\n      </RNModal>\n    </>\n  );\n};\n"],"names":["createModalLifecycleHandler","useState","RNModal"],"mappings":";;;;;;AAKO,MAAM,iBAAiBA,iDAA4B,GAAA;AAQnD,MAAM,oBAAoC,CAAC,EAAE,QAAU,EAAA,GAAG,QAAa,KAAA;AAC5E,EAAA,cAAA,CAAe,MAAO,CAAAC,cAAA,CAAqC,EAAE,CAAC,CAAA,CAAA;AAC9D,EAAM,MAAA,OAAA,GAAU,eAAe,MAAO,EAAA,CAAA;AACtC,EAAM,MAAA,SAAA,GAAY,QAAQ,MAAS,GAAA,CAAA,CAAA;AAEnC,EAAA,iEAEK,QACD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,IAAA;AAAA,MACX,oBAAoB,EAAA,IAAA;AAAA,MACpB,aAAc,EAAA,MAAA;AAAA,MACd,OAAS,EAAA,SAAA;AAAA,MACR,GAAG,MAAA;AAAA,KAAA;AAAA,IAEH,OAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;;"}

package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js

@@ -1,13 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 class ModalLifecycleHandler {
   nodeGroup;
   state;
@@ -15,9 +9,17 @@ class ModalLifecycleHandler {
     this.nodeGroup = /* @__PURE__ */ new Map();
     this.state = void 0;
   }
+  /**
+   * Holds the ModalGroupManager state.
+   *
+   * @param state
+   */
   attach = (state) => {
     this.state = state;
   };
+  /**
+   * Updates all the modal components.
+   */
   update = () => {
     requestAnimationFrame(() => {
       const nodes = Array.from(this.nodeGroup.values()).filter((node) => node.visible || !!node.lastVisualization).sort(
@@ -25,7 +27,7 @@ class ModalLifecycleHandler {
       ).map((node, index, filteredNodes) => {
         const modalElement = node.modal();
         const { props } = modalElement;
-        return React__default["default"].cloneElement(modalElement, {
+        return React.cloneElement(modalElement, {
           ...props,
           key: node.id,
           visible: node.visible,
@@ -41,10 +43,22 @@ class ModalLifecycleHandler {
       updateState?.(nodes);
     });
   };
+  /**
+   * Renders all selected modals.
+   *
+   * @returns
+   */
   render = () => {
     const [modals] = this.state || [];
     return modals || [];
   };
+  /**
+   * Tells to the lifecycle handler that a modal component needs to be handled.
+   *
+   * @param id
+   * @param modal
+   * @returns
+   */
   sync = (id, modal) => {
     if (this.nodeGroup.has(id)) {
       const savedNode = this.findNode(id);
@@ -53,20 +67,41 @@ class ModalLifecycleHandler {
     }
     this.nodeGroup.set(id, { id, modal });
   };
+  /**
+   * Destroy a modal from the lifecycle handler.
+   *
+   * @param id
+   */
   destroy = (id) => {
     this.nodeGroup.delete(id);
     this.update();
   };
+  /**
+   * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal
+   * component is no longer used by the application.
+   *
+   * @param id
+   */
   remove = (id) => {
     const savedNode = this.findNode(id);
     savedNode && this.nodeGroup.set(id, { ...savedNode, lastVisualization: void 0 });
     this.update();
   };
+  /**
+   * Find a modal node by id.
+   *
+   * @param id
+   */
   findNode = (id) => {
     const node = this.nodeGroup.get(id);
     !node && console.warn(`No modal was found with the id "${id}"`);
     return node;
   };
+  /**
+   * Makes a modal appears.
+   *
+   * @param id
+   */
   show = (id) => {
     const savedNode = this.findNode(id);
     savedNode && this.nodeGroup.set(id, {
@@ -76,6 +111,11 @@ class ModalLifecycleHandler {
     });
     this.update();
   };
+  /**
+   * Makes a modal disappears.
+   *
+   * @param id
+   */
   close = (id) => {
     const savedNode = this.findNode(id);
     savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false });

package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLifecycleHandler.js","sources":["../../../../../src/components/atoms/Modal/ModalLifecycleHandler.ts"],"sourcesContent":["import React, { Dispatch, ReactElement } from 'react';\nimport { IBaseModal } from './ui/types';\n\n/**\n * It Represents a node (usually a modal component) in the modal's lifecycle handler.\n */\ninterface ModalNode {\n  id: string;\n  visible?: boolean;\n  lastVisualization?: Date;\n  modal: () => ReactElement<IBaseModal>;\n}\n\n/**\n * Manage all modal's lifecycle.\n */\nexport class ModalLifecycleHandler {\n  nodeGroup: Map<string, ModalNode>;\n  state:\n    | [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n    | undefined;\n\n  constructor() {\n    this.nodeGroup = new Map();\n    this.state = undefined;\n  }\n\n  /**\n   * Holds the ModalGroupManager state.\n   *\n   * @param state\n   */\n  public attach = (\n    state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n  ) => {\n    this.state = state;\n  };\n\n  /**\n   * Updates all the modal components.\n   */\n  public update = () => {\n    requestAnimationFrame(() => {\n      const nodes = Array.from(this.nodeGroup.values())\n        .filter(node => node.visible || !!node.lastVisualization)\n        .sort(\n          (nodeA, nodeB) =>\n            (nodeA.lastVisualization?.getTime() || 0) -\n            (nodeB.lastVisualization?.getTime() || 0)\n        )\n        .map((node, index, filteredNodes) => {\n          const modalElement = node.modal();\n          const { props } = modalElement;\n          return React.cloneElement(modalElement, {\n            ...props,\n            key: node.id,\n            visible: node.visible,\n            isLastShown: filteredNodes.length - 1 === index,\n            close: () => this.close(node.id),\n            onClose: () => {\n              this.remove(node.id);\n              props.onClose?.();\n            },\n          });\n        });\n\n      const [, updateState] = this.state || [];\n      updateState?.(nodes);\n    });\n  };\n\n  /**\n   * Renders all selected modals.\n   *\n   * @returns\n   */\n  public render = (): ReactElement<IBaseModal>[] => {\n    const [modals] = this.state || [];\n    return modals || [];\n  };\n\n  /**\n   * Tells to the lifecycle handler that a modal component needs to be handled.\n   *\n   * @param id\n   * @param modal\n   * @returns\n   */\n  public sync = (id: string, modal: () => ReactElement<IBaseModal>) => {\n    if (this.nodeGroup.has(id)) {\n      const savedNode = this.findNode(id);\n      savedNode && this.nodeGroup.set(id, { ...savedNode, modal });\n      return;\n    }\n    this.nodeGroup.set(id, { id, modal });\n  };\n\n  /**\n   * Destroy a modal from the lifecycle handler.\n   *\n   * @param id\n   */\n  public destroy = (id: string) => {\n    this.nodeGroup.delete(id);\n    this.update();\n  };\n\n  /**\n   * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal\n   * component is no longer used by the application.\n   *\n   * @param id\n   */\n  private remove = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, { ...savedNode, lastVisualization: undefined });\n    this.update();\n  };\n\n  /**\n   * Find a modal node by id.\n   *\n   * @param id\n   */\n  private findNode = (id: string) => {\n    const node = this.nodeGroup.get(id);\n    !node && console.warn(`No modal was found with the id \"${id}\"`);\n    return node;\n  };\n\n  /**\n   * Makes a modal appears.\n   *\n   * @param id\n   */\n  public show = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, {\n        ...savedNode,\n        visible: true,\n        lastVisualization: new Date(),\n      });\n    this.update();\n  };\n\n  /**\n   * Makes a modal disappears.\n   *\n   * @param id\n   */\n  public close = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false });\n    this.update();\n  };\n}\n\n/**\n * Creates a new ModalLifecycleHandlere instance.\n *\n * @returns\n */\nexport const createModalLifecycleHandler = () => {\n  return new ModalLifecycleHandler();\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ModalLifecycleHandler.js","sources":["../../../../../src/components/atoms/Modal/ModalLifecycleHandler.ts"],"sourcesContent":["import React, { Dispatch, ReactElement } from 'react';\nimport { IBaseModal } from './ui/types';\n\n/**\n * It Represents a node (usually a modal component) in the modal's lifecycle handler.\n */\ninterface ModalNode {\n  id: string;\n  visible?: boolean;\n  lastVisualization?: Date;\n  modal: () => ReactElement<IBaseModal>;\n}\n\n/**\n * Manage all modal's lifecycle.\n */\nexport class ModalLifecycleHandler {\n  nodeGroup: Map<string, ModalNode>;\n  state:\n    | [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n    | undefined;\n\n  constructor() {\n    this.nodeGroup = new Map();\n    this.state = undefined;\n  }\n\n  /**\n   * Holds the ModalGroupManager state.\n   *\n   * @param state\n   */\n  public attach = (\n    state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n  ) => {\n    this.state = state;\n  };\n\n  /**\n   * Updates all the modal components.\n   */\n  public update = () => {\n    requestAnimationFrame(() => {\n      const nodes = Array.from(this.nodeGroup.values())\n        .filter(node => node.visible || !!node.lastVisualization)\n        .sort(\n          (nodeA, nodeB) =>\n            (nodeA.lastVisualization?.getTime() || 0) -\n            (nodeB.lastVisualization?.getTime() || 0)\n        )\n        .map((node, index, filteredNodes) => {\n          const modalElement = node.modal();\n          const { props } = modalElement;\n          return React.cloneElement(modalElement, {\n            ...props,\n            key: node.id,\n            visible: node.visible,\n            isLastShown: filteredNodes.length - 1 === index,\n            close: () => this.close(node.id),\n            onClose: () => {\n              this.remove(node.id);\n              props.onClose?.();\n            },\n          });\n        });\n\n      const [, updateState] = this.state || [];\n      updateState?.(nodes);\n    });\n  };\n\n  /**\n   * Renders all selected modals.\n   *\n   * @returns\n   */\n  public render = (): ReactElement<IBaseModal>[] => {\n    const [modals] = this.state || [];\n    return modals || [];\n  };\n\n  /**\n   * Tells to the lifecycle handler that a modal component needs to be handled.\n   *\n   * @param id\n   * @param modal\n   * @returns\n   */\n  public sync = (id: string, modal: () => ReactElement<IBaseModal>) => {\n    if (this.nodeGroup.has(id)) {\n      const savedNode = this.findNode(id);\n      savedNode && this.nodeGroup.set(id, { ...savedNode, modal });\n      return;\n    }\n    this.nodeGroup.set(id, { id, modal });\n  };\n\n  /**\n   * Destroy a modal from the lifecycle handler.\n   *\n   * @param id\n   */\n  public destroy = (id: string) => {\n    this.nodeGroup.delete(id);\n    this.update();\n  };\n\n  /**\n   * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal\n   * component is no longer used by the application.\n   *\n   * @param id\n   */\n  private remove = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, { ...savedNode, lastVisualization: undefined });\n    this.update();\n  };\n\n  /**\n   * Find a modal node by id.\n   *\n   * @param id\n   */\n  private findNode = (id: string) => {\n    const node = this.nodeGroup.get(id);\n    !node && console.warn(`No modal was found with the id \"${id}\"`);\n    return node;\n  };\n\n  /**\n   * Makes a modal appears.\n   *\n   * @param id\n   */\n  public show = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, {\n        ...savedNode,\n        visible: true,\n        lastVisualization: new Date(),\n      });\n    this.update();\n  };\n\n  /**\n   * Makes a modal disappears.\n   *\n   * @param id\n   */\n  public close = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false });\n    this.update();\n  };\n}\n\n/**\n * Creates a new ModalLifecycleHandlere instance.\n *\n * @returns\n */\nexport const createModalLifecycleHandler = () => {\n  return new ModalLifecycleHandler();\n};\n"],"names":[],"mappings":"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"}

package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js

@@ -1,17 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var reactNative = require('react-native');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const BACKDROP_ALPHA = 0.65;
 const INTERPOLATION_STEPS = 10;
 const INTERPOLATION_DURATION = 195;
@@ -130,21 +124,26 @@ const ModalView = ({
       hideEvent.remove();
     };
   }, []);
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledPressableBackDrop, {
-    onPress: !frozen ? close : void 0
-  }, /* @__PURE__ */ React__default["default"].createElement(styled.BackDropView, {
-    style: { backgroundColor: backgroundInterpolation }
-  }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, {
-    style: {
-      paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,
-      opacity: opacityCarrier,
-      transform: [{ translateY: translationCarrier }]
-    }
-  }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, null, /* @__PURE__ */ React__default["default"].createElement(BoxComponent, {
-    onLayout: handleBoxLayoutChanges,
-    style: { paddingBottom: offset },
-    variant: "bottom"
-  }, showCloseBar && /* @__PURE__ */ React__default["default"].createElement(styled.CloseBar, null), children)))));
+  return /* @__PURE__ */ React.createElement(styled.StyledPressableBackDrop, { onPress: !frozen ? close : void 0 }, /* @__PURE__ */ React.createElement(styled.BackDropView, { style: { backgroundColor: backgroundInterpolation } }, /* @__PURE__ */ React.createElement(
+    reactNative.Animated.View,
+    {
+      style: {
+        paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,
+        opacity: opacityCarrier,
+        transform: [{ translateY: translationCarrier }]
+      }
+    },
+    /* @__PURE__ */ React.createElement(reactNative.Pressable, null, /* @__PURE__ */ React.createElement(
+      BoxComponent,
+      {
+        onLayout: handleBoxLayoutChanges,
+        style: { paddingBottom: offset },
+        variant: "bottom"
+      },
+      showCloseBar && /* @__PURE__ */ React.createElement(styled.CloseBar, null),
+      children
+    ))
+  )));
 };
 
 exports.ModalView = ModalView;