native-pytech 1.0.37 → 1.0.40

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

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

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

@@ -0,0 +1,33 @@
+import React, { memo, useMemo } from 'react';
+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 }) => {
+    const typeSizes = useMemo(() => sizes[type], [type]);
+    const textComponent = useMemo(() => {
+        const cantLetras = text?.length;
+        if (!text || !cantLetras || systemName)
+            return null;
+        if (cantLetras > 3)
+            throw new Error('Text must be less than 3 characters');
+        return (<Text style={[styles.text, { fontSize: typeSizes.fontSize[cantLetras] }]} allowFontScaling={false}>
+                {text}
+            </Text>);
+    }, [text, typeSizes]);
+    return (<LinearGradient style={[styles.gradient, { height: typeSizes.diameter, borderRadius: typeSizes.diameter }]} colors={[colors[color].light, colors[color].dark]} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }}>
+            {textComponent ?? (systemName && <Icon systemName={systemName}/>)}
+        </LinearGradient>);
+});
+const styles = StyleSheet.create({
+    gradient: {
+        aspectRatio: 1, // width will automatically match height
+        justifyContent: 'center',
+        alignItems: 'center'
+    },
+    text: {
+        color: 'white',
+        fontWeight: 'bold',
+        letterSpacing: -0.5,
+    }
+});

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

@@ -0,0 +1,19 @@
+import colors, { sizesType } from '../../constants';
+import IconProps from '../Icon/types';
+export type Props = IconProps & {
+    /**
+        The text to display in the gradient.
+        Must be less than 3 characters.
+    */
+    text?: string;
+    /**
+        The color of the gradient.
+    */
+    color: keyof typeof colors;
+    /**
+        The size of the gradient.
+        @default 'small'
+    */
+    type: sizesType;
+};
+export default Props;

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

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

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

@@ -0,0 +1,3 @@
+import type Props from './types';
+declare const _default: ({ systemName, iconSize }: Props) => any;
+export default _default;

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

@@ -0,0 +1,3 @@
+import type Props from './types';
+declare const _default: ({ systemName, iconSize }: Props) => import("react").JSX.Element;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { Host, Image } from '@expo/ui/swift-ui';
+export default ({ systemName, iconSize = 100 }) => {
+    return (<Host matchContents>
+            <Image systemName={systemName} color='white' size={iconSize}/>
+        </Host>);
+};

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

@@ -0,0 +1 @@
+export default ({ systemName, iconSize = 100 }) => null;

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

@@ -0,0 +1,16 @@
+import { type SFSymbol } from 'sf-symbols-typescript';
+type Props = {
+    /**
+        The name of the system image (SF Symbol).
+        For example: 'photo', 'heart.fill', 'star.circle'
+        @ios
+    */
+    systemName?: SFSymbol;
+    /**
+        The size of the icon.
+        @ios
+        @default 100
+    */
+    iconSize?: number;
+};
+export default Props;

package/dist/libs/components/Gradient/components/Icon/types.js

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

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

@@ -1,21 +1,3 @@
-import React from 'react';
-import colors, { sizes, sizesType } from './constants';
-export { sizes };
-export type Props = {
-    /**
-        The text to display in the gradient.
-        Must be less than 3 characters.
-    */
-    text?: string;
-    /**
-        The color of the gradient.
-    */
-    color: keyof typeof colors;
-    /**
-        The size of the gradient.
-        @default 'small'
-    */
-    type: sizesType;
-};
-declare const _default: React.MemoExoticComponent<({ text, color, type }: Props) => React.JSX.Element>;
-export default _default;
+export { sizes } from './constants';
+export { Props } from './components/Gradient/types';
+export { default } from './components/Gradient';

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

@@ -1,33 +1,2 @@
-import React, { memo, useMemo } from 'react';
-import { StyleSheet, Text } from 'react-native';
-import { LinearGradient } from 'expo-linear-gradient';
-import colors, { sizes } from './constants';
-export { sizes };
-export default memo(({ text, color, type = 'small' }) => {
-    const typeSizes = useMemo(() => sizes[type], [type]);
-    const textComponent = useMemo(() => {
-        const cantLetras = text?.length;
-        if (!text || !cantLetras)
-            return null;
-        if (cantLetras > 3)
-            throw new Error('Text must be less than 3 characters');
-        return (<Text style={[styles.text, { fontSize: typeSizes.fontSize[cantLetras] }]} allowFontScaling={false}>
-                {text}
-            </Text>);
-    }, [text, typeSizes]);
-    return (<LinearGradient style={[styles.gradient, { height: typeSizes.diameter, borderRadius: typeSizes.diameter }]} colors={[colors[color].light, colors[color].dark]} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }}>
-            {textComponent}
-        </LinearGradient>);
-});
-const styles = StyleSheet.create({
-    gradient: {
-        aspectRatio: 1, // width will automatically match height
-        justifyContent: 'center',
-        alignItems: 'center'
-    },
-    text: {
-        color: 'white',
-        fontWeight: 'bold',
-        letterSpacing: -0.5,
-    }
-});
+export { sizes } from './constants';
+export { default } from './components/Gradient';

package/dist/libs/swiftui/src/components/IconSection/Section.js

@@ -1,15 +1,16 @@
 import { Section, VStack } from '@expo/ui/swift-ui';
 import { containerRelativeFrame, listRowBackground, frame, listRowInsets } from '@expo/ui/swift-ui/modifiers';
-import React, { memo } from 'react';
+import React, { memo, useMemo } from 'react';
 export default memo(({ children, modifiers, ...vStackProps }) => {
-    const _modifiers = [
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
         frame({ alignment: 'center' }),
         containerRelativeFrame({ axes: 'horizontal' }),
         listRowBackground('transparent'),
         listRowInsets({ bottom: 0.1 })
-    ];
+    ], [modifiers]);
     return (<Section>
-            <VStack spacing={20} modifiers={[...(modifiers || []), ..._modifiers]} {...vStackProps}>
+            <VStack spacing={20} modifiers={_modifiers} {...vStackProps}>
                 {children}
             </VStack>
         </Section>);

package/dist/libs/swiftui/src/components/List/BaseList/index.d.ts

@@ -6,5 +6,5 @@ import type Props from './types';
     Este componente extiende "List" de @expo/ui/swift-ui y agrega automáticamente:
     - padding({ top: -15 })
 */
-declare const _default: React.MemoExoticComponent<({ children, modifiers, disablePaddingTop, ...listProps }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ children, modifiers, disablePaddingTop, onRefresh, ...listProps }: Props) => React.JSX.Element>;
 export default _default;

package/dist/libs/swiftui/src/components/List/BaseList/index.js

@@ -1,5 +1,5 @@
 import { List } from '@expo/ui/swift-ui';
-import { padding } from '@expo/ui/swift-ui/modifiers';
+import { padding, refreshable } from '@expo/ui/swift-ui/modifiers';
 import React, { memo, useMemo } from 'react';
 /**
     Wrapper de List que aplica un padding superior negativo por defecto.
@@ -7,9 +7,13 @@ import React, { memo, useMemo } from 'react';
     Este componente extiende "List" de @expo/ui/swift-ui y agrega automáticamente:
     - padding({ top: -15 })
 */
-export default memo(({ children, modifiers, disablePaddingTop = false, ...listProps }) => {
-    const _modifiers = useMemo(() => disablePaddingTop ? [] : [padding({ top: -15 })], [disablePaddingTop]);
-    return (<List modifiers={[...(modifiers || []), ..._modifiers]} {...listProps}>
+export default memo(({ children, modifiers, disablePaddingTop, onRefresh, ...listProps }) => {
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        ...(disablePaddingTop ? [padding({ top: -15 })] : []),
+        ...(onRefresh ? [refreshable(onRefresh)] : []),
+    ], [modifiers, disablePaddingTop, onRefresh]);
+    return (<List modifiers={_modifiers} {...listProps}>
             {children}
         </List>);
 });

package/dist/libs/swiftui/src/components/List/BaseList/types.d.ts

@@ -2,8 +2,11 @@ import { ListProps } from "@expo/ui/swift-ui";
 type Props = ListProps & {
     /**
         Whether to disable the padding top of the list.
-        @default false
     */
     disablePaddingTop?: boolean;
+    /**
+        The function to handle the refresh event.
+    */
+    onRefresh?: () => Promise<void>;
 };
 export default Props;

package/dist/libs/swiftui/src/components/List/Editable/List/index.js

@@ -4,13 +4,14 @@ import BaseList from "../../BaseList";
 import { Provider } from '../../../../context/ListEditable';
 export default memo(({ children, editMode, moveEnabled, deleteEnabled, modifiers, ...listProps }) => {
     const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
         listStyle('inset'),
         environment('editMode', editMode ? 'active' : 'inactive'),
-        moveDisabled(!(moveEnabled ?? true)),
-        deleteDisabled(!(deleteEnabled ?? true)),
-    ], [editMode, moveEnabled, deleteEnabled]);
+        ...(moveEnabled ? [moveDisabled(false)] : []),
+        ...(deleteEnabled ? [deleteDisabled(false)] : []),
+    ], [modifiers, editMode, moveEnabled, deleteEnabled]);
     const value = useMemo(() => ({ enableMove: moveEnabled, enableDelete: deleteEnabled }), [moveEnabled, deleteEnabled]);
-    return (<BaseList {...listProps} modifiers={[...(modifiers || []), ..._modifiers]}>
+    return (<BaseList {...listProps} modifiers={_modifiers}>
             <Provider value={value}>
                 {children}
             </Provider>

package/dist/libs/swiftui/src/components/List/Editable/Section/index.js

@@ -7,7 +7,6 @@ function Component({ data = [], keyExtractor, onDelete, onMove, renderItem }) {
     // ---------------------- Variables ----------------------
     const { enableMove, enableDelete } = useListEditable();
     const [_data, setData] = useState(data ?? []);
-    // ---------------------- Hooks ----------------------
     Hooks.useEffectWithoutFirstRender(() => setData(data ?? []), [data]);
     // ---------------------- Functions ----------------------
     const handleDelete = useCallback((indices) => {

package/dist/libs/swiftui/src/components/NavigationLink/index.js

@@ -1,17 +1,20 @@
 import { Button, HStack, Label } from '@expo/ui/swift-ui';
 import { foregroundStyle } from '@expo/ui/swift-ui/modifiers';
 import { Color } from 'expo-router';
-import React, { memo } from 'react';
+import React, { memo, useMemo } from 'react';
 import Trailing from './Trailing';
 export default memo(({ children, systemImage, label, modifiers, maintainButtonStyle = false, textTrailing, textTrailingProps, ...buttonProps }) => {
     // Va a poner una Label cuando no tenga que mantener el estilo del button y haya una imagen.
     // Si no tiene que mantener el estilo del button y no hay una imagen, solo va a cambiar el foregroundColor.
     const renderLabel = !maintainButtonStyle && systemImage !== undefined;
-    const _modifiers = (!maintainButtonStyle && !renderLabel) ? [foregroundStyle(Color.ios.label)] : [];
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        ...(!maintainButtonStyle && !renderLabel ? [foregroundStyle(Color.ios.label)] : []),
+    ], [modifiers, maintainButtonStyle, renderLabel]);
     const buttonSystemImage = !renderLabel ? systemImage : undefined;
     const buttonLabel = !renderLabel ? label : undefined;
     return (<HStack>
-            <Button modifiers={[...(modifiers || []), ..._modifiers]} systemImage={buttonSystemImage} label={buttonLabel} {...buttonProps}>
+            <Button modifiers={_modifiers} systemImage={buttonSystemImage} label={buttonLabel} {...buttonProps}>
                 {children}
             </Button>
             {!children && renderLabel && (<Label title={label} systemImage={systemImage}/>)}

package/dist/libs/swiftui/src/components/Picker.js

@@ -2,8 +2,11 @@ import { Picker, Text } from '@expo/ui/swift-ui';
 import { pickerStyle, tag } from "@expo/ui/swift-ui/modifiers";
 import React, { memo, useMemo } from 'react';
 export default memo(({ modifiers, data = [], ...pickerProps }) => {
-    const _modifiers = useMemo(() => [pickerStyle('menu')], []);
-    return (<Picker modifiers={[...(modifiers || []), ..._modifiers]} {...pickerProps}>
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        pickerStyle('menu'),
+    ], [modifiers]);
+    return (<Picker modifiers={_modifiers} {...pickerProps}>
             {data.map(item => (<Text key={item} modifiers={[tag(item)]}>
                     {item}
                 </Text>))}

package/dist/libs/swiftui/src/components/Text.js

@@ -2,6 +2,9 @@ import { Text } from '@expo/ui/swift-ui';
 import { foregroundStyle } from '@expo/ui/swift-ui/modifiers';
 import React, { memo, useMemo } from 'react';
 export default memo(({ modifiers, secondary = false, ...restProps }) => {
-    const _modifiers = useMemo(() => secondary ? [foregroundStyle({ type: 'hierarchical', style: 'secondary' })] : [], [secondary]);
-    return (<Text modifiers={[...(modifiers || []), ..._modifiers]} {...restProps}/>);
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        ...(secondary ? [foregroundStyle({ type: 'hierarchical', style: 'secondary' })] : []),
+    ], [modifiers, secondary]);
+    return (<Text modifiers={_modifiers} {...restProps}/>);
 });

package/package.json

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