native-pytech 1.0.129 → 1.0.130

package/dist/libs/login/src/Screen/components/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Input } from './Input';
+export { default as Gradient } from './Gradient';
+export { default as SvgPytech } from './SvgPytech';
+export { default as SvgLogoPytech } from './SvgLogoPytech';

package/dist/libs/login/src/Screen/components/index.js

@@ -0,0 +1,4 @@
+export { default as Input } from './Input';
+export { default as Gradient } from './Gradient';
+export { default as SvgPytech } from './SvgPytech';
+export { default as SvgLogoPytech } from './SvgLogoPytech';

package/dist/libs/login/src/Screen/index.d.ts

@@ -0,0 +1,4 @@
+import Props, { Component } from './types';
+export { Props };
+declare const LogIn: Component;
+export default LogIn;

package/dist/libs/login/src/Screen/index.js

@@ -0,0 +1,59 @@
+import { useApp } from "../../../../libs/providers/App";
+import { memo } from 'react';
+import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import colors from '../constants';
+import { Gradient, Input, SvgLogoPytech, SvgPytech } from './components';
+import Container from './Container';
+const LogIn = memo(({ title, subtitle, iconPage, bottomElements, }) => {
+    const { height } = useWindowDimensions();
+    const { colorScheme } = useApp();
+    const Theme = colors.theme[colorScheme];
+    return (<Container>
+            {iconPage &&
+            <View style={{ marginTop: height * 0.18 }}>
+                    {iconPage}
+                </View>}
+
+            <View style={styles.viewText}>
+                <Text style={[styles.title, { color: Theme.text }]}>{title}</Text>
+                {subtitle && <Text style={[styles.subtitle, { color: Theme.text2 }]}>{subtitle}</Text>}
+            </View>
+            
+            {bottomElements &&
+            <View style={styles.viewBottom}>
+                    {bottomElements}
+                </View>}
+            
+        </Container>);
+});
+LogIn.Input = Input;
+LogIn.Gradient = Gradient;
+LogIn.SvgPytech = SvgPytech;
+LogIn.SvgLogoPytech = SvgLogoPytech;
+export default LogIn;
+const styles = StyleSheet.create({
+    viewText: {
+        marginTop: 32,
+        gap: 16,
+        width: '70%',
+        maxWidth: 400
+    },
+    title: {
+        margin: 'auto',
+        textAlign: 'center',
+        fontSize: 32,
+        fontWeight: 'bold',
+    },
+    subtitle: {
+        margin: 'auto',
+        textAlign: 'center',
+        fontSize: 17,
+    },
+    viewBottom: {
+        width: '80%',
+        maxWidth: 460,
+        display: 'flex',
+        marginTop: 32,
+        gap: 10
+    }
+});

package/dist/libs/login/src/Screen/types.d.ts

@@ -0,0 +1,14 @@
+import { Input, Gradient, SvgPytech, SvgLogoPytech } from './components';
+type Props = {
+    title: string;
+    subtitle?: string;
+    iconPage?: React.ReactNode;
+    bottomElements?: React.ReactNode[] | React.ReactNode;
+};
+export type Component = React.MemoExoticComponent<React.FC<Props>> & {
+    Gradient: typeof Gradient;
+    Input: typeof Input;
+    SvgPytech: typeof SvgPytech;
+    SvgLogoPytech: typeof SvgLogoPytech;
+};
+export default Props;

package/dist/libs/login/src/Screen/types.js

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

package/dist/libs/login/src/constants.d.ts

@@ -0,0 +1,98 @@
+export declare const colors: {
+    theme: {
+        light: {
+            text: string;
+            text2: string;
+            focus: string;
+            backgroundColor: string;
+            backgroundColor2: string;
+            backgroundColorError: string;
+            borderColor: string;
+            borderColor5: string;
+            borderColorError: string;
+            backgroundColorModal2: string;
+        };
+        dark: {
+            text: string;
+            text2: string;
+            focus: string;
+            backgroundColor: string;
+            backgroundColor2: string;
+            backgroundColorError: string;
+            borderColor: string;
+            borderColor5: string;
+            borderColorError: string;
+            backgroundColorModal2: string;
+        };
+    };
+    perfil: {
+        default: {
+            dark: string;
+            light: string;
+        };
+        rojo: {
+            dark: string;
+            light: string;
+        };
+        amarillo: {
+            dark: string;
+            light: string;
+        };
+        azul_oscuro: {
+            dark: string;
+            light: string;
+        };
+        naranja: {
+            dark: string;
+            light: string;
+        };
+        marron_claro: {
+            dark: string;
+            light: string;
+        };
+        verde_agua: {
+            dark: string;
+            light: string;
+        };
+        marron_oscuro: {
+            dark: string;
+            light: string;
+        };
+        rosa: {
+            dark: string;
+            light: string;
+        };
+        azul_claro: {
+            dark: string;
+            light: string;
+        };
+        violeta: {
+            dark: string;
+            light: string;
+        };
+        celeste_oscuro: {
+            dark: string;
+            light: string;
+        };
+        gris: {
+            dark: string;
+            light: string;
+        };
+        celeste_claro: {
+            dark: string;
+            light: string;
+        };
+        verde_oscuro: {
+            dark: string;
+            light: string;
+        };
+        verde_claro: {
+            dark: string;
+            light: string;
+        };
+    };
+};
+export type ColorSchemeType = 'light' | 'dark';
+export type ThemeType = typeof colors['theme']['light'];
+export type PerfilColorType = keyof typeof colors['perfil'];
+export default colors;

package/dist/libs/login/src/constants.js

@@ -0,0 +1,48 @@
+import colorsLib from "../../../libs/constants/colors";
+export const colors = {
+    theme: {
+        light: {
+            text: 'hsl(0, 0%, 0%)',
+            text2: 'hsl(0, 0%, 10%)',
+            focus: 'hsl(208, 100%, 43.70%)',
+            backgroundColor: 'hsl(0, 0%, 100%)',
+            backgroundColor2: 'hsl(0, 0%, 100%)',
+            backgroundColorError: 'hsl(351, 100%, 97.50%)',
+            borderColor: 'rgba(150, 150, 150, 1)',
+            borderColor5: 'rgba(150, 150, 150, 0.5)',
+            borderColorError: 'hsl(0, 100%, 44.50%)',
+            backgroundColorModal2: colorsLib.light.backgroundColorModal2
+        },
+        dark: {
+            text: 'hsl(0, 0%, 100%)',
+            text2: 'hsl(0, 0%, 90%)',
+            focus: 'hsl(208, 100%, 43.70%)',
+            backgroundColor: 'hsl(240, 3.40%, 11.40%)',
+            backgroundColor2: 'hsl(240, 2.60%, 14.90%)',
+            backgroundColorError: 'hsl(0, 100%, 20%)',
+            borderColor: 'rgba(150, 150, 150, 1)',
+            borderColor5: 'rgba(150, 150, 150, 0.5)',
+            borderColorError: 'hsl(358, 100%, 59.40%)',
+            backgroundColorModal2: colorsLib.dark.backgroundColorModal2
+        },
+    },
+    perfil: {
+        default: { dark: '#7580ba', light: '#b1c6e4' },
+        rojo: { dark: '#b12309', light: '#ff856a' },
+        amarillo: { dark: '#c97c00', light: '#ffe535' },
+        azul_oscuro: { dark: '#0f236d', light: '#6a7ec9' },
+        naranja: { dark: '#9c4d00', light: '#ffba53' },
+        marron_claro: { dark: '#75582e', light: '#e4c79d' },
+        verde_agua: { dark: '#105951', light: '#80c3ba' },
+        marron_oscuro: { dark: '#4f2a00', light: '#aa855a' },
+        rosa: { dark: '#892466', light: '#f08bcc' },
+        azul_claro: { dark: '#334696', light: '#9eb1ff' },
+        violeta: { dark: '#482d76', light: '#ac90d9' },
+        celeste_oscuro: { dark: '#005095', light: '#6dbfff' },
+        gris: { dark: '#445255', light: '#b0bec1' },
+        celeste_claro: { dark: '#237286', light: '#98e7fb' },
+        verde_oscuro: { dark: '#215b1d', light: '#8ac487' },
+        verde_claro: { dark: '#4b5f13', light: '#bbce82' }
+    }
+};
+export default colors;

package/dist/libs/page/index.d.ts

@@ -0,0 +1 @@
+export { default } from './src/components/PageWrapper';

package/dist/libs/page/index.js

@@ -0,0 +1 @@
+export { default } from './src/components/PageWrapper';

package/dist/libs/page/src/components/Page/index.android.d.ts

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

package/dist/libs/page/src/components/Page/index.android.js

@@ -0,0 +1,11 @@
+import React, { memo } from 'react';
+import { KeyboardAvoidingView, ScrollView } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+export default memo(({ children, style }) => {
+    const { bottom, top } = useSafeAreaInsets();
+    return (<KeyboardAvoidingView style={{ flex: 1 }} behavior={'height'} keyboardVerticalOffset={bottom + top}>
+            <ScrollView contentContainerStyle={[{ flexGrow: 1 }, style]}>
+                {children}
+            </ScrollView>
+        </KeyboardAvoidingView>);
+});

package/dist/libs/page/src/components/Page/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import React, { memo } from 'react';
+import { Platform, ScrollView } from 'react-native';
+export default memo(({ children, style }) => {
+    return (<ScrollView style={{ flex: 1 }} automaticallyAdjustKeyboardInsets={true} contentContainerStyle={style} showsVerticalScrollIndicator={Platform.OS === 'web' ? false : undefined}>
+            {children}
+        </ScrollView>);
+});

package/dist/libs/page/src/components/PageWrapper/index.d.ts

@@ -0,0 +1,6 @@
+import { Component } from './types';
+/**
+    Crea una Página con ScrollView.
+*/
+declare const PageComponent: Component;
+export default PageComponent;

package/dist/libs/page/src/components/PageWrapper/index.js

@@ -0,0 +1,13 @@
+import React, { memo } from 'react';
+import WithIcon from '../WithIcon';
+import Page from '../Page';
+/**
+    Crea una Página con ScrollView.
+*/
+const PageComponent = memo(({ children, style }) => {
+    return (<Page style={style}>
+            {children}
+        </Page>);
+});
+PageComponent.WithIcon = WithIcon;
+export default PageComponent;

package/dist/libs/page/src/components/PageWrapper/types.d.ts

@@ -0,0 +1,16 @@
+import { StyleProp, ViewStyle } from "react-native";
+import WithIcon from "../WithIcon";
+type Props = {
+    /**
+        Children
+    */
+    children: React.ReactNode;
+    /**
+        contentContainerStyle de la ScrollView.
+    */
+    style?: StyleProp<ViewStyle>;
+};
+export type Component = React.MemoExoticComponent<React.FC<Props>> & {
+    WithIcon: typeof WithIcon;
+};
+export default Props;

package/dist/libs/page/src/components/PageWrapper/types.js

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

package/dist/libs/page/src/components/Subtitle.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<({ text }: {
+    text: string;
+}) => React.JSX.Element>;
+export default _default;

package/dist/libs/page/src/components/Subtitle.js

@@ -0,0 +1,9 @@
+import React, { memo } from "react";
+import { Text } from "react-native";
+import colors from "../constants";
+import { useApp } from "../../../../libs/providers/App";
+export default memo(({ text }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors[colorScheme];
+    return <Text style={{ color: Theme.text2, fontSize: 22 }}>{text}</Text>;
+});

package/dist/libs/page/src/components/WithIcon/index.d.ts

@@ -0,0 +1,3 @@
+import { Component } from './types';
+declare const WithIcon: Component;
+export default WithIcon;

package/dist/libs/page/src/components/WithIcon/index.js

@@ -0,0 +1,47 @@
+import React, { memo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useApp } from "../../../../../libs/providers/App";
+import colors from '../../constants';
+import PageWrapper from '../PageWrapper';
+import Subtitle from '../Subtitle';
+const WithIcon = memo(({ children, renderIcon, style, title, subtitle, renderSubtitle }) => {
+    const { colorScheme } = useApp();
+    const Theme = colors[colorScheme];
+    return (<PageWrapper style={style}>
+            {renderIcon &&
+            <View style={styles.viewIcon}>
+                    {renderIcon()}
+                </View>}
+            {(title || renderSubtitle) && (<View style={styles.viewTitle}>
+                    {title && <Text style={[styles.title, { color: Theme.text }]}>{title}</Text>}
+                    {subtitle && <Text style={[styles.subtitle, { color: Theme.text2 }]}>{subtitle}</Text>}
+                    {renderSubtitle?.()}
+                </View>)}
+            {children}
+        </PageWrapper>);
+});
+WithIcon.Subtitle = Subtitle;
+export default WithIcon;
+const styles = StyleSheet.create({
+    viewIcon: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: 83,
+        marginTop: 22,
+        marginBottom: 39.5,
+    },
+    viewTitle: {
+        gap: 1,
+        marginHorizontal: 38,
+        marginBottom: 30,
+        flex: 1,
+    },
+    title: {
+        fontSize: 22,
+        fontWeight: '700',
+    },
+    subtitle: {
+        fontSize: 22,
+    }
+});

package/dist/libs/page/src/components/WithIcon/types.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import Subtitle from '../Subtitle';
+import PropsPageWrapper from '../PageWrapper/types';
+type Props = {
+    children?: React.ReactNode;
+    renderIcon?: () => React.ReactNode;
+    style?: PropsPageWrapper['style'];
+    title?: string;
+    subtitle?: string;
+    renderSubtitle?: () => React.ReactElement<typeof Subtitle>;
+};
+export type Component = React.MemoExoticComponent<React.FC<Props>> & {
+    Subtitle: typeof Subtitle;
+};
+export default Props;

package/dist/libs/page/src/components/WithIcon/types.js

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

package/dist/libs/page/src/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const colors: {
+    light: {
+        text: string;
+        text2: string;
+    };
+    dark: {
+        text: string;
+        text2: string;
+    };
+};
+export { type ColorSchemeType } from "../../../libs/constants/colors";
+export default colors;

package/dist/libs/page/src/constants.js

@@ -0,0 +1,12 @@
+import colorsLib from "../../../libs/constants/colors";
+export const colors = {
+    light: {
+        text: colorsLib.light.text,
+        text2: colorsLib.light.text2Libretas
+    },
+    dark: {
+        text: colorsLib.dark.text,
+        text2: colorsLib.dark.text2Libretas
+    }
+};
+export default colors;

package/dist/libs/pickerPage/index.d.ts

@@ -0,0 +1,7 @@
+import Page from './src/components/Page';
+import Item from './src/components/Item';
+type PickerPageComponent = typeof Page & {
+    Item: typeof Item;
+};
+declare const PickerPage: PickerPageComponent;
+export default PickerPage;

package/dist/libs/pickerPage/index.js

@@ -0,0 +1,5 @@
+import Page from './src/components/Page';
+import Item from './src/components/Item';
+const PickerPage = Page;
+PickerPage.Item = Item;
+export default PickerPage;

package/dist/libs/pickerPage/src/components/Content/index.d.ts

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

package/dist/libs/pickerPage/src/components/Content/index.ios.d.ts

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

package/dist/libs/pickerPage/src/components/Content/index.ios.js

@@ -0,0 +1,19 @@
+import { Host, Section, Picker } from '@expo/ui/swift-ui';
+import { listRowInsets, listStyle, pickerStyle } from '@expo/ui/swift-ui/modifiers';
+import React, { memo, useMemo } from 'react';
+import { List } from "../../../../../libs/swiftui";
+export default memo(({ children, selected, onSelectionChange, adjustRowInsets }) => {
+    const _modifiersPicker = useMemo(() => [
+        pickerStyle('inline'),
+        ...(adjustRowInsets ? [listRowInsets({ top: 20, bottom: 20, leading: 25, trailing: 20 })] : []),
+    ], [adjustRowInsets]);
+    return (<Host style={{ flex: 1 }}>
+			<List modifiers={[listStyle('inset')]} disablePaddingTop>
+				<Section>
+					<Picker selection={selected} onSelectionChange={onSelectionChange} modifiers={_modifiersPicker}>
+						{children}
+					</Picker>
+				</Section>
+			</List>
+		</Host>);
+});

package/dist/libs/pickerPage/src/components/Content/index.js

@@ -0,0 +1,14 @@
+import React, { memo, useMemo } from 'react';
+import { ScrollView } from 'react-native';
+import Table from "../../../../../libs/table";
+import { Provider } from '../../context/page';
+export default memo(({ children, selected, onSelectionChange }) => {
+    const value = useMemo(() => ({ selected, onSelectionChange }), [selected]);
+    return (<Provider value={value}>
+			<ScrollView>
+				<Table>
+					{children}
+				</Table>
+			</ScrollView>
+		</Provider>);
+});

package/dist/libs/pickerPage/src/components/Content/types.d.ts

@@ -0,0 +1,3 @@
+import type PropsPage from '../Page/types';
+type Props = Omit<PropsPage, 'onChangeSearchText'>;
+export default Props;

package/dist/libs/pickerPage/src/components/Content/types.js

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

package/dist/libs/pickerPage/src/components/Item/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type Props from "./types";
+declare const _default: React.MemoExoticComponent<({ itemKey, title, ionIconName, icon }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/pickerPage/src/components/Item/index.ios.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type Props from "./types";
+/**
+    Item component for the picker page.
+    It is necessary to use the tag modifier to display the item in the picker.
+*/
+declare const _default: React.MemoExoticComponent<({ itemKey, title, systemImage, icon }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/pickerPage/src/components/Item/index.ios.js

@@ -0,0 +1,8 @@
+import React, { memo } from "react";
+import { Label } from "@expo/ui/swift-ui";
+import { tag } from "@expo/ui/swift-ui/modifiers";
+/**
+    Item component for the picker page.
+    It is necessary to use the tag modifier to display the item in the picker.
+*/
+export default memo(({ itemKey, title, systemImage, icon }) => (<Label title={title} systemImage={systemImage} icon={icon} modifiers={[tag(itemKey)]}/>));

package/dist/libs/pickerPage/src/components/Item/index.js

@@ -0,0 +1,14 @@
+import React, { memo } from "react";
+import { Ionicons } from '@expo/vector-icons';
+import { useApp } from "../../../../../libs/providers/App";
+import Table from "../../../../../libs/table";
+import Colors from "../../../../../libs/constants/colors";
+import { usePage } from '../../context/page';
+export default memo(({ itemKey, title, ionIconName, icon }) => {
+    const { colorScheme } = useApp();
+    const { selected, onSelectionChange } = usePage();
+    return (<Table.Option id={itemKey} onPress={() => onSelectionChange?.(itemKey)} colorScheme={colorScheme} childrenLeft={<>
+                {icon ?? (ionIconName && <Ionicons name={ionIconName} size={24} color={Colors.especiales.azul}/>)}
+                {title && <Table.Option.Components.Text text={title}/>}
+            </>} childrenRight={itemKey !== selected ? undefined : (<Ionicons name='checkmark-circle' size={24} color={Colors.especiales.azul}/>)}/>);
+});

package/dist/libs/pickerPage/src/components/Item/types.d.ts

@@ -0,0 +1,28 @@
+import type { SFSymbol } from 'sf-symbols-typescript';
+import { Ionicons } from '@expo/vector-icons';
+type Props = {
+    /**
+        The key of the item to be used in the tag modifier.
+        Is the value that will be selected when the item is clicked.
+    */
+    itemKey: string;
+    /**
+        The title text to be displayed in the label.
+    */
+    title?: string;
+    /**
+        The name of the SFSymbol to be displayed in the label.
+        @platform ios
+    */
+    systemImage?: SFSymbol;
+    /**
+        The name of the Ionicon to be displayed in the label.
+    */
+    ionIconName?: keyof typeof Ionicons.glyphMap;
+    /**
+        Custom icon view to be displayed in the label.
+        When provided, this takes precedence over `systemImage`.
+    */
+    icon?: React.ReactNode;
+};
+export default Props;

package/dist/libs/pickerPage/src/components/Item/types.js

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

package/dist/libs/pickerPage/src/components/Page/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type Props from './types';
+declare const _default: React.MemoExoticComponent<({ children, onChangeSearchText, onSelectionChange, placeholderSearchBar, ...props }: Props) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,22 @@
+import { Stack, router } from "expo-router";
+import React, { memo } from "react";
+import Content from '../Content';
+export default memo(({ children, onChangeSearchText, onSelectionChange, placeholderSearchBar = 'Buscar', ...props }) => {
+    const _onSelectionChange = async (selection) => {
+        await onSelectionChange?.(selection);
+        router.back();
+    };
+    return (<>
+            <Stack.Toolbar placement="right">
+				<Stack.Toolbar.Button onPress={() => router.back()}>
+					<Stack.Toolbar.Icon sf="xmark"/>
+				</Stack.Toolbar.Button>
+			</Stack.Toolbar>
+
+            <Stack.SearchBar placeholder={placeholderSearchBar} onChangeText={(e) => onChangeSearchText?.(e.nativeEvent.text)}/>
+
+			<Content onSelectionChange={_onSelectionChange} {...props}>
+				{children}
+			</Content>
+        </>);
+});

package/dist/libs/pickerPage/src/components/Page/types.d.ts

@@ -0,0 +1,30 @@
+type Props = {
+    /**
+        Children to be rendered inside the picker.
+    */
+    children: React.ReactNode;
+    /**
+        Selected value.
+    */
+    selected?: string;
+    /**
+        Function to be called when the user selects a selection.
+    */
+    onSelectionChange?: (selection: string) => void | Promise<void>;
+    /**
+        Function to be called when the user changes the search text.
+    */
+    onChangeSearchText?: (text: string) => void;
+    /**
+        Placeholder for the search bar.
+        @default 'Buscar'
+    */
+    placeholderSearchBar?: string;
+    /**
+        Adjusts the row insets on ios.
+        Is is useful when uses items with gradients.
+        @platform ios
+    */
+    adjustRowInsets?: boolean;
+};
+export default Props;