native-pytech 1.0.52 → 1.0.54

package/dist/libs/components/Gradient/components/Gradient/index.ios.js

@@ -21,5 +21,5 @@ export default memo(({ text, color, type = 'small', systemName, iconSize, }) =>
                 {text}
             </Text>);
     }
-    return (<Image systemName={systemName} color='white' size={iconSize ?? typeSizes.diameter / 2}/>);
+    return (<Image systemName={systemName} color='white' size={iconSize ?? typeSizes.diameter / 2} modifiers={modifiers}/>);
 });

package/dist/libs/footer/src/components/Button/index.ios (viejo).d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare const _default: import("react").MemoExoticComponent<({ text, onPress, onSubmit, backgroundColorPage, enabled, themeColor }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/footer/src/components/Button/index.ios (viejo).js

@@ -0,0 +1,52 @@
+import colors from '../../constants';
+import { GlassView } from 'expo-glass-effect';
+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 Text from './Text';
+export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    const [isLoading, setIsLoading] = useState(false);
+    const _onPress = useCallback(async () => {
+        if (isLoading)
+            return;
+        if (onPress) {
+            setIsLoading(true);
+            const result = await onPress();
+            setIsLoading(false);
+            if (!result)
+                return;
+        }
+        onSubmit?.();
+    }, [onPress, onSubmit]);
+    const backgroundColor = useCallback((pressed) => {
+        return enabled ?
+            (themeColor === 'default' ? Utils.adjustLightness(colors.especiales.azul, -10) : undefined)
+            : Theme.colorButtonFooterDisabled;
+    }, [enabled, themeColor]);
+    const color = useMemo(() => themeColor === 'default' ? colors.especiales.celeste : Theme.text2, [themeColor]);
+    return (<Pressable disabled={!enabled} onPress={_onPress} style={{ width: '100%' }}>
+            <GlassView glassEffectStyle={themeColor === 'default' ? "clear" : "regular"} isInteractive={enabled} style={[
+            styles.button,
+            { backgroundColor: backgroundColor(true) }
+        ]}>
+                {!isLoading ? (<Text text={text} enabled={enabled} themeColor={themeColor}/>) : (<ActivityIndicator size='small' style={{ margin: 'auto' }} color={color}/>)}
+            </GlassView>
+        </Pressable>);
+});
+const styles = StyleSheet.create({
+    button: {
+        borderRadius: 99,
+        paddingHorizontal: 20,
+        paddingVertical: 15.5,
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+    },
+    text: {
+        fontSize: 17,
+        fontWeight: '600',
+    }
+});

package/dist/libs/footer/src/components/Button/index.ios.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Props } from './types';
-declare const _default: import("react").MemoExoticComponent<({ text, onPress, onSubmit, backgroundColorPage, enabled, themeColor }: Props) => import("react").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ text, onPress, onSubmit, backgroundColorPage, enabled, themeColor }: Props) => React.JSX.Element>;
 export default _default;

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

@@ -1,52 +1,23 @@
+import { Button, Text } from '@expo/ui/swift-ui';
+import { frame, font, foregroundStyle, buttonStyle, controlSize, disabled } from '@expo/ui/swift-ui/modifiers';
+import React, { memo, useMemo } from 'react';
+import { useWindowDimensions } from 'react-native';
 import colors from '../../constants';
-import { GlassView } from 'expo-glass-effect';
-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 Text from './Text';
 export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
-    const { colorScheme } = useApp();
-    const Theme = colors.theme[colorScheme];
-    const [isLoading, setIsLoading] = useState(false);
-    const _onPress = useCallback(async () => {
-        if (isLoading)
-            return;
-        if (onPress) {
-            setIsLoading(true);
-            const result = await onPress();
-            setIsLoading(false);
-            if (!result)
-                return;
-        }
-        onSubmit?.();
-    }, [onPress, onSubmit]);
-    const backgroundColor = useCallback((pressed) => {
-        return enabled ?
-            (themeColor === 'default' ? Utils.adjustLightness(colors.especiales.azul, -10) : undefined)
-            : Theme.colorButtonFooterDisabled;
-    }, [enabled, themeColor]);
-    const color = useMemo(() => themeColor === 'default' ? colors.especiales.celeste : Theme.text2, [themeColor]);
-    return (<Pressable disabled={!enabled} onPress={_onPress} style={{ width: '100%' }}>
-            <GlassView glassEffectStyle={themeColor === 'default' ? "clear" : "regular"} isInteractive={enabled} style={[
-            styles.button,
-            { backgroundColor: backgroundColor(true) }
-        ]}>
-                {!isLoading ? (<Text text={text} enabled={enabled} themeColor={themeColor}/>) : (<ActivityIndicator size='small' style={{ margin: 'auto' }} color={color}/>)}
-            </GlassView>
-        </Pressable>);
-});
-const styles = StyleSheet.create({
-    button: {
-        borderRadius: 99,
-        paddingHorizontal: 20,
-        paddingVertical: 15.5,
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: '100%',
-    },
-    text: {
-        fontSize: 17,
-        fontWeight: '600',
-    }
+    const { width } = useWindowDimensions();
+    const modifiers = useMemo(() => [
+        disabled(!enabled),
+        buttonStyle('glassProminent'),
+        controlSize('large')
+    ], [enabled]);
+    const modifiersText = useMemo(() => [
+        frame({ width: width - 110 }),
+        font({ weight: 'semibold' }),
+        foregroundStyle(colors.especiales.celeste)
+    ], [width]);
+    return (<Button onPress={onSubmit} modifiers={modifiers}>
+            <Text modifiers={modifiersText}>
+                Siguiente
+            </Text>
+        </Button>);
 });

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

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

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

@@ -0,0 +1,7 @@
+import React, { memo } from 'react';
+import { Overlay } from '@expo/ui/swift-ui';
+export default memo(({ children, backgroundColorPage }) => {
+    return (<Overlay.Content>
+            {children}
+        </Overlay.Content>);
+});

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

@@ -4,8 +4,8 @@ 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';
+import Background from '../Background';
+import ButtonView from '../View';
 export default memo(({ children, backgroundColorPage }) => {
     const insets = useSafeAreaInsets();
     return (<View style={styles.footer}>

package/package.json

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