native-pytech 1.0.57 → 1.0.60

package/dist/libs/components/Gradient/components/Gradient/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type Props from './types';
-declare const _default: React.MemoExoticComponent<({ text, color, type, systemName, iconSize, }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ text, color, type, sizeDiameter, systemName, iconSize, }: Props) => React.JSX.Element>;
 export default _default;

package/dist/libs/components/Gradient/components/Gradient/index.ios.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type Props from './types';
-declare const _default: React.MemoExoticComponent<({ text, color, type, systemName, iconSize, }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ text, color, type, sizeDiameter, systemName, iconSize, }: Props) => React.JSX.Element>;
 export default _default;

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

@@ -2,8 +2,19 @@ import React, { memo, useMemo } from 'react';
 import { frame, font, foregroundStyle, background, clipShape } from '@expo/ui/swift-ui/modifiers';
 import { Text, Image } from '@expo/ui/swift-ui';
 import colors, { sizes } from '../../constants';
-export default memo(({ text, color, type = 'small', systemName, iconSize, }) => {
-    const typeSizes = useMemo(() => sizes[type], [type]);
+export default memo(({ text, color = 'default', type = 'small', sizeDiameter, systemName, iconSize, }) => {
+    const typeSizes = useMemo(() => {
+        if (!sizeDiameter)
+            return sizes[type];
+        return {
+            diameter: sizeDiameter,
+            fontSize: {
+                1: sizeDiameter * 0.53,
+                2: sizeDiameter * 0.48,
+                3: sizeDiameter * 0.43
+            }
+        };
+    }, [type]);
     const cantLetras = text?.length ?? 0;
     const modifiers = useMemo(() => [
         frame({ width: typeSizes.diameter, height: typeSizes.diameter }),

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

@@ -3,7 +3,7 @@ import { StyleSheet, Text } from 'react-native';
 import { LinearGradient } from 'expo-linear-gradient';
 import colors, { sizes } from '../../constants';
 import Icon from '../Icon';
-export default memo(({ text, color, type = 'small', systemName, iconSize, }) => {
+export default memo(({ text, color = 'default', type = 'small', sizeDiameter, systemName, iconSize, }) => {
     const typeSizes = useMemo(() => sizes[type], [type]);
     const textComponent = useMemo(() => {
         const cantLetras = text?.length;

package/dist/libs/components/Gradient/components/Gradient/types.d.ts

@@ -8,13 +8,18 @@ export type Props = Omit<IconProps, 'size'> & {
     text?: string;
     /**
         The color of the gradient.
+        @default 'default'
     */
-    color: keyof typeof colors;
+    color?: keyof typeof colors;
     /**
         The size of the gradient.
         @default 'small'
     */
-    type: sizesType;
+    type?: sizesType;
+    /**
+        The size of the gradient. If "type" is provided, this will be ignored.
+    */
+    sizeDiameter?: number;
     /**
         The size of the icon.
         @ios

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

@@ -1,6 +1,6 @@
 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 React, { memo, useCallback, useMemo } from 'react';
 import { useWindowDimensions } from 'react-native';
 export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = true, themeColor = 'default' }) => {
     const { width } = useWindowDimensions();
@@ -14,7 +14,15 @@ export default memo(({ text, onPress, onSubmit, backgroundColorPage, enabled = t
         font({ weight: 'semibold' }),
         ...(enabled ? [foregroundStyle('#85fffd')] : []), // colors.especiales.celeste
     ], [width, enabled]);
-    return (<Button onPress={onSubmit} modifiers={modifiers}>
+    const _onPress = useCallback(async () => {
+        if (onPress) {
+            const result = await onPress();
+            if (!result)
+                return;
+        }
+        onSubmit?.();
+    }, [onPress, onSubmit]);
+    return (<Button onPress={_onPress} modifiers={modifiers}>
             <Text modifiers={modifiersText}>
                 {text}
             </Text>

package/package.json

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

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

@@ -1,3 +0,0 @@
-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

@@ -1,52 +0,0 @@
-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',
-    }
-});