native-pytech 1.0.42 → 1.0.44

package/dist/libs/footer/src/{Background → components/Background}/index.ios.js

@@ -1,7 +1,7 @@
 import { MeshGradientView } from 'expo-mesh-gradient';
 import { memo } from 'react';
 import { StyleSheet } from 'react-native';
-import Utils from '../../../../libs/constants/utils';
+import Utils from '../../../../../libs/constants/utils';
 export default memo(({ backgroundColorPage }) => {
     const c06 = Utils.applyOpacity(backgroundColorPage, 0.6);
     const c08 = Utils.applyOpacity(backgroundColorPage, 0.8);

package/dist/libs/footer/src/{Background → components/Background}/index.js

@@ -2,7 +2,7 @@ import MaskedView from '@react-native-masked-view/masked-view';
 import { LinearGradient } from 'expo-linear-gradient';
 import { memo } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Utils from '../../../../libs/constants/utils';
+import Utils from '../../../../../libs/constants/utils';
 export default memo(({ backgroundColorPage }) => {
     const c06 = Utils.applyOpacity(backgroundColorPage, 0.6);
     const c08 = Utils.applyOpacity(backgroundColorPage, 0.8);

package/dist/libs/footer/src/{Button → components/Button}/Text.js

@@ -1,5 +1,5 @@
-import colors from '../constants';
-import { useApp } from "../../../../libs/providers/App";
+import colors from '../../constants';
+import { useApp } from "../../../../../libs/providers/App";
 import { memo, useMemo } from 'react';
 import { StyleSheet, Text } from 'react-native';
 export default memo(({ text, enabled, themeColor = 'default' }) => {

package/dist/libs/footer/src/{Button → components/Button}/index.ios.js

@@ -1,9 +1,9 @@
-import colors from '../constants';
+import colors from '../../constants';
 import { GlassView } from 'expo-glass-effect';
-import { useApp } from "../../../../libs/providers/App";
+import { useApp } from "../../../../../libs/providers/App";
 import { memo, useCallback, useMemo, useState } from 'react';
 import { ActivityIndicator, Pressable, StyleSheet } from 'react-native';
-import Utils from '../../../../libs/constants/utils';
+import Utils from '../../../../../libs/constants/utils';
 import Text from './Text';
 export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
     const { colorScheme } = useApp();

package/dist/libs/footer/src/{Button → components/Button}/index.js

@@ -1,8 +1,8 @@
-import colors from '../constants';
-import { useApp } from "../../../../libs/providers/App";
+import colors from '../../constants';
+import { useApp } from "../../../../../libs/providers/App";
 import { memo, useCallback, useMemo, useState } from 'react';
 import { ActivityIndicator, Pressable, StyleSheet } from 'react-native';
-import Utils from '../../../../libs/constants/utils';
+import Utils from '../../../../../libs/constants/utils';
 import Text from './Text';
 export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
     const { colorScheme } = useApp();
@@ -12,10 +12,10 @@ export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = t
         return enabled ? (pressed ?
             themeColor === 'default' ?
                 colors.especiales.azul_pressed :
-                colorScheme === 'dark' ? Utils.adjustLightness(backgroundColorPage, 10) : backgroundColorPage
+                colorScheme === 'dark' ? Utils.adjustLightness(backgroundColorPage ?? 'white', 10) : backgroundColorPage ?? 'white'
             : themeColor === 'default' ?
                 Utils.adjustLightness(colors.especiales.azul, -10) :
-                colorScheme === 'dark' ? backgroundColorPage : Utils.adjustLightness(backgroundColorPage, -1))
+                colorScheme === 'dark' ? backgroundColorPage : Utils.adjustLightness(backgroundColorPage ?? 'white', -1))
             : Theme.colorButtonFooterDisabled;
     }, [enabled, themeColor, backgroundColorPage, colorScheme]);
     const _onPress = useCallback(async () => {

package/dist/libs/footer/src/{Button → components/Button}/types.d.ts

@@ -15,6 +15,8 @@ export type Props = {
     onSubmit?: () => void;
     /**
         Color de fondo de la página.
+        @android
+        @web
     */
-    backgroundColorPage: string;
+    backgroundColorPage?: string;
 } & TextProps;

package/dist/libs/footer/src/components/Footer.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    children: React.ReactNode;
+    backgroundColorPage?: string;
+};
+declare const _default: import("react").MemoExoticComponent<({ children, backgroundColorPage }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/footer/src/components/Footer.js

@@ -0,0 +1,38 @@
+import { View, StyleSheet } from 'react-native';
+import MaskedView from '@react-native-masked-view/masked-view';
+import { BlurView } from 'expo-blur';
+import { LinearGradient } from 'expo-linear-gradient';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { memo } from 'react';
+import Background from './Background';
+import ButtonView from './View';
+export default memo(({ children, backgroundColorPage }) => {
+    const insets = useSafeAreaInsets();
+    return (<View style={styles.footer}>
+            <MaskedView style={[StyleSheet.absoluteFillObject]} maskElement={<LinearGradient colors={['transparent', 'transparent', 'rgba(0, 0, 0, 0.8)', 'black', 'black']} locations={[0, 0.05, 0.2, 0.5, 1]} style={StyleSheet.absoluteFillObject}/>}>
+                <BlurView intensity={6} tint='dark' style={StyleSheet.absoluteFillObject}/>
+            </MaskedView>
+
+            {backgroundColorPage && <Background backgroundColorPage={backgroundColorPage}/>}
+
+            <View style={[styles.view, { paddingBottom: insets.bottom + 5 }]}>
+                <ButtonView>
+                    {children}
+                </ButtonView>
+            </View>
+
+        </View>);
+});
+const styles = StyleSheet.create({
+    footer: {
+        position: 'absolute',
+        bottom: 0,
+        width: '100%',
+    },
+    view: {
+        position: 'relative',
+        paddingTop: 70,
+        justifyContent: 'center',
+        alignItems: 'center'
+    }
+});

package/dist/libs/footer/src/components/View.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element>;
+export default _default;

package/dist/libs/footer/src/components/View.js

@@ -0,0 +1,11 @@
+import { View, StyleSheet } from 'react-native';
+import React, { memo } from 'react';
+export default memo(({ children }) => (<View style={styles.view}>
+        {children}
+    </View>));
+const styles = StyleSheet.create({
+    view: {
+        paddingHorizontal: 17 * 2,
+        gap: 10,
+    }
+});

package/dist/libs/footer/src/index.d.ts

@@ -1,3 +1,9 @@
-import { Component } from './types';
-declare const Footer: Component;
-export default Footer;
+import Footer from './components/Footer';
+import View from './components/View';
+import Button from './components/Button';
+type Component = typeof Footer & {
+    ButtonView: typeof View;
+    Button: typeof Button;
+};
+declare const FooterComponent: Component;
+export default FooterComponent;

package/dist/libs/footer/src/index.js

@@ -1,40 +1,7 @@
-import { View, StyleSheet } from 'react-native';
-import MaskedView from '@react-native-masked-view/masked-view';
-import { BlurView } from 'expo-blur';
-import { LinearGradient } from 'expo-linear-gradient';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { memo } from 'react';
-import Background from './Background';
-import Button from './Button';
-const Footer = memo(({ children, backgroundColorPage }) => {
-    const insets = useSafeAreaInsets();
-    return (<View style={styles.footer}>
-            <MaskedView style={[StyleSheet.absoluteFillObject]} maskElement={<LinearGradient colors={['transparent', 'transparent', 'rgba(0, 0, 0, 0.8)', 'black', 'black']} locations={[0, 0.05, 0.2, 0.5, 1]} style={StyleSheet.absoluteFillObject}/>}>
-                <BlurView intensity={6} tint='dark' style={StyleSheet.absoluteFillObject}/>
-            </MaskedView>
-
-            <Background backgroundColorPage={backgroundColorPage}/>
-
-            <View style={[styles.view, { paddingBottom: insets.bottom + 5 }]}>
-                {children}
-            </View>
-
-        </View>);
-});
-Footer.Button = Button;
-export default Footer;
-const styles = StyleSheet.create({
-    footer: {
-        position: 'absolute',
-        bottom: 0,
-        width: '100%',
-    },
-    view: {
-        position: 'relative',
-        paddingHorizontal: 17 * 2,
-        paddingTop: 70,
-        justifyContent: 'center',
-        alignItems: 'center',
-        gap: 10,
-    }
-});
+import Footer from './components/Footer';
+import View from './components/View';
+import Button from './components/Button';
+const FooterComponent = Footer;
+FooterComponent.ButtonView = View;
+FooterComponent.Button = Button;
+export default FooterComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-pytech",
-  "version": "1.0.42",
+  "version": "1.0.44",
   "description": "Libreria de React Native Pytech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/libs/footer/src/types.d.ts

@@ -1,9 +0,0 @@
-import Button from './Button';
-type Props = {
-    children: React.ReactNode;
-    backgroundColorPage: string;
-};
-export type Component = React.MemoExoticComponent<React.FC<Props>> & {
-    Button: typeof Button;
-};
-export default Props;

package/dist/libs/footer/src/types.js

@@ -1 +0,0 @@
-export {};