native-pytech 1.0.205 → 1.0.207

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

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

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

@@ -3,8 +3,19 @@ import { StyleSheet, Text } from 'react-native';
 import { LinearGradient } from 'expo-linear-gradient';
 import { Ionicons } from '@expo/vector-icons';
 import colors, { sizes } from '../../constants';
-export default memo(({ text, color = 'default', type = 'small', icon, ionIconName, }) => {
-    const typeSizes = useMemo(() => sizes[type], [type]);
+export default memo(({ text, color = 'default', type = 'small', icon, ionIconName, sizeDiameter }) => {
+    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 iconSize = typeSizes.diameter * 0.5;
     const textComponent = useMemo(() => {
         const cantLetras = text?.length;

package/dist/libs/table/src/components/OptionComponents/textInput.d.ts

@@ -3,7 +3,7 @@ export declare const selectAll: (input: TextInput | any, value: string | null) =
 /**
     Pone el color del texto según el tema y agrega unos estilos para que ocupen todo el ancho.
 */
-declare const _default: import("react").MemoExoticComponent<({ value, numberOfLines, onFocus, onBlur, onChangeText, mask, ...props }: {
+declare const _default: import("react").MemoExoticComponent<({ value, numberOfLines, onFocus, onBlur, onChangeText, mask, autoFocus, ...props }: {
     /**
         Valor inicial del input.
     */

package/dist/libs/table/src/components/OptionComponents/textInput.js

@@ -13,7 +13,7 @@ export const selectAll = (input, value) => {
 /**
     Pone el color del texto según el tema y agrega unos estilos para que ocupen todo el ancho.
 */
-export default memo(({ value, numberOfLines = 1, onFocus, onBlur, onChangeText, mask, ...props }) => {
+export default memo(({ value, numberOfLines = 1, onFocus, onBlur, onChangeText, mask, autoFocus, ...props }) => {
     const { colorScheme } = useApp();
     const Theme = colors.theme[colorScheme];
     const inputRef = useRef(null);
@@ -28,6 +28,12 @@ export default memo(({ value, numberOfLines = 1, onFocus, onBlur, onChangeText,
         if (isFocused)
             selectAll(inputRef.current, rawValue);
     }, [isFocused]);
+    // Autofocus en Web tiene que hacer esto, sino no funciona
+    useEffect(() => {
+        if (!autoFocus || Platform.OS !== 'web')
+            return;
+        setTimeout(() => inputRef.current?.focus(), 100);
+    }, [autoFocus]);
     return (<TextInput style={[styles.textInput, { color: Theme.text }]} ref={inputRef} numberOfLines={numberOfLines} multiline={Platform.OS === 'android'} value={displayValue == null ? '' : displayValue} selectTextOnFocus={true} onFocus={(e) => {
             setIsFocused(true);
             onFocus?.(e);
@@ -37,7 +43,7 @@ export default memo(({ value, numberOfLines = 1, onFocus, onBlur, onChangeText,
         }} onChangeText={(text) => {
             setRawValue(text === '' ? null : text);
             onChangeText?.(text);
-        }} clearButtonMode='while-editing' {...props}/>);
+        }} clearButtonMode='while-editing' autoFocus={autoFocus} {...props}/>);
 });
 const styles = StyleSheet.create({
     textInput: {

package/package.json

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