native-pytech 1.0.49 → 1.0.52

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

@@ -0,0 +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>;
+export default _default;

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

@@ -0,0 +1,25 @@
+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]);
+    const cantLetras = text?.length ?? 0;
+    const modifiers = useMemo(() => [
+        frame({ width: typeSizes.diameter, height: typeSizes.diameter }),
+        font({ weight: 'semibold', size: typeSizes.fontSize[cantLetras] }),
+        foregroundStyle('white'),
+        background(colors[color].dark),
+        clipShape('circle'),
+    ], [typeSizes]);
+    // Return
+    if (text && cantLetras <= 3) {
+        return (<Text modifiers={[
+                font({ weight: 'semibold', size: typeSizes.fontSize[cantLetras] }),
+                ...modifiers
+            ]}>
+                {text}
+            </Text>);
+    }
+    return (<Image systemName={systemName} color='white' size={iconSize ?? typeSizes.diameter / 2}/>);
+});

package/dist/libs/editPage/src/components/Page/index.js

@@ -51,34 +51,34 @@ function Component({ data = [], renderItem, onSave, }) {
         isUniqueItem: (data?.length ?? 0) === 1,
         textFieldsRefs
     }), []);
-    return (<>
-			<Stack.Toolbar placement="left">
-				<Stack.Toolbar.Button onPress={() => router.back()}>
-					<Stack.Toolbar.Icon sf="xmark"/>
-				</Stack.Toolbar.Button>
-			</Stack.Toolbar>
-
-			<Stack.Toolbar placement="right">
-				<Stack.Toolbar.Button disabled={!saveEnabled} variant="done" onPress={onPressSave}>
-					<Stack.Toolbar.Icon sf="checkmark"/>
-				</Stack.Toolbar.Button>
-			</Stack.Toolbar>
-
-			<Host style={{ flex: 1 }}>
-				<List>
-					<Section>
-						<Provider value={value}>
+    return (<>
+			<Stack.Toolbar placement="left">
+				<Stack.Toolbar.Button onPress={() => router.back()}>
+					<Stack.Toolbar.Icon sf="xmark"/>
+				</Stack.Toolbar.Button>
+			</Stack.Toolbar>
+
+			<Stack.Toolbar placement="right">
+				<Stack.Toolbar.Button disabled={!saveEnabled} variant="done" onPress={onPressSave}>
+					<Stack.Toolbar.Icon sf="checkmark"/>
+				</Stack.Toolbar.Button>
+			</Stack.Toolbar>
+
+			<Host style={{ flex: 1 }}>
+				<List>
+					<Section>
+						<Provider value={value}>
 							{data.map((item, index) => {
             const nextIndex = index + 1;
             const value = { index, nextIndex: nextIndex < data.length ? nextIndex : undefined };
-            return (<ItemProvider key={index} value={value}>
-										{renderItem?.(item)}
+            return (<ItemProvider key={index} value={value}>
+										{renderItem?.(item)}
 									</ItemProvider>);
-        })}
-						</Provider>
-					</Section>
-				</List>
-			</Host>
+        })}
+						</Provider>
+					</Section>
+				</List>
+			</Host>
 		</>);
 }
 export default memo(Component);

package/dist/libs/login/src/Pages/Perfil.js

@@ -4,7 +4,7 @@ import { memo } from 'react';
 import Screen from '../Screen';
 import { handleSubmitLogInPerfil } from './utils';
 export default memo(({ routeOnSuccess, onSuccess }) => {
-    const { mail, first_name, gradient_text, color } = useLocalSearchParams();
+    const { mail, first_name, abbreviation, color } = useLocalSearchParams();
     const router = useRouter();
     const handleSubmit = async ({ value }) => {
         const { succeded, message } = await handleSubmitLogInPerfil({ mail, password: value });
@@ -15,5 +15,5 @@ export default memo(({ routeOnSuccess, onSuccess }) => {
         }
         return { succeded, message };
     };
-    return (<Screen iconPage={<Screen.Gradient text={`${gradient_text}`} color={color}/>} title={`¡Hola${first_name ? ` ${first_name}` : ''}!`} bottomElements={<Screen.Input placeholder='Contraseña' keyboardType='default' secureTextEntry={true} autoComplete='password' handleSubmit={handleSubmit} autoFocus={Platform.OS === 'web'}/>}/>);
+    return (<Screen iconPage={<Screen.Gradient text={`${abbreviation}`} color={color}/>} title={`¡Hola${first_name ? ` ${first_name}` : ''}!`} bottomElements={<Screen.Input placeholder='Contraseña' keyboardType='default' secureTextEntry={true} autoComplete='password' handleSubmit={handleSubmit} autoFocus={Platform.OS === 'web'}/>}/>);
 });

package/dist/libs/login/src/Pages/utils.d.ts

@@ -2,7 +2,7 @@ import { Router } from 'expo-router';
 import { PerfilColorType } from '../constants';
 export type LoginData = {
     first_name: string;
-    gradient_text: string;
+    abbreviation: string;
     color: PerfilColorType;
     mail: string;
 };

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

@@ -1,4 +1,4 @@
-import { Button, RNHostView, VStack } from '@expo/ui/swift-ui';
+import { Button, VStack } from '@expo/ui/swift-ui';
 import { frame, font, buttonStyle } from '@expo/ui/swift-ui/modifiers';
 import React, { memo } from 'react';
 import Gradient from '../../../../../libs/components/Gradient';
@@ -7,9 +7,7 @@ import Section from './Section';
 export default memo(({ title, subtitle, gradientProps, buttonProps, }) => {
     const spacing = gradientProps?.type === 'extraLarge' ? 10 : 20;
     return (<Section spacing={spacing}>
-            {gradientProps && (<RNHostView matchContents>
-                    <Gradient {...gradientProps}/>
-                </RNHostView>)}
+            {gradientProps && (<Gradient {...gradientProps}/>)}
 
             {(title || subtitle) && (subtitle ? (<VStack modifiers={[frame({ alignment: 'center' })]} spacing={2}>
                         <Title title={title}/>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-pytech",
-  "version": "1.0.49",
+  "version": "1.0.52",
   "description": "Libreria de React Native Pytech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,7 +10,7 @@
     "build": "node scripts/build.js",
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "npm run build",
-    "release": "npm version patch && npm publish"
+    "release": "dev git && npm version patch && npm publish"
   },
   "files": [
     "dist",

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

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

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

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