native-pytech 1.0.1

package/dist/libs/swiftui/index.js

@@ -0,0 +1,7 @@
+export { default as NavigationLink } from './src/NavigationLink';
+export { default as Icon } from './src/Icon';
+export { default as IconSection } from './src/IconSection';
+export { default as List } from './src/List';
+export { default as Text } from './src/Text';
+export { default as Picker } from './src/Picker';
+export { default as TextSubtitle } from './src/TextSubtitle';

package/dist/libs/swiftui/src/Icon.d.ts

@@ -0,0 +1,10 @@
+import { LabelProps } from '@expo/ui/swift-ui';
+import React from 'react';
+type Props = Omit<LabelProps, 'title'> & {
+    /**
+        Children to display on the right side of the label.
+    */
+    children?: React.ReactNode;
+};
+declare const _default: React.MemoExoticComponent<({ children, ...labelProps }: Props) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import { Label, HStack } from '@expo/ui/swift-ui';
+import React, { memo } from 'react';
+export default memo(({ children, ...labelProps }) => {
+    return (<HStack>
+            <Label {...labelProps} title=""/>
+            {children}
+        </HStack>);
+});

package/dist/libs/swiftui/src/IconSection/Icon.d.ts

@@ -0,0 +1,27 @@
+import { ButtonProps } from '@expo/ui/swift-ui';
+import React from 'react';
+import { Props as GradientProps } from '../../../../libs/components/Gradient';
+type Props = {
+    /**
+        The title of the icon section.
+    */
+    title?: string;
+    /**
+        The subtitle of the icon section.
+    */
+    subtitle?: string;
+    /**
+        If it is given, displays a gradient.
+    */
+    gradientProps?: {
+        text: GradientProps['text'];
+        color: GradientProps['color'];
+        type: 'extraLarge' | 'extraExtraLarge';
+    };
+    /**
+        If it is given, displays a button.
+    */
+    buttonProps?: ButtonProps;
+};
+declare const _default: React.MemoExoticComponent<({ title, subtitle, gradientProps, buttonProps, }: Props) => React.JSX.Element>;
+export default _default;

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

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

package/dist/libs/swiftui/src/IconSection/Section.d.ts

@@ -0,0 +1,7 @@
+import { VStackProps } from '@expo/ui/swift-ui';
+import React from 'react';
+type Props = VStackProps & {
+    children: React.ReactNode;
+};
+declare const _default: React.MemoExoticComponent<({ children, modifiers, ...vStackProps }: Props) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +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';
+export default memo(({ children, modifiers, ...vStackProps }) => {
+    const _modifiers = [
+        frame({ alignment: 'center' }),
+        containerRelativeFrame({ axes: 'horizontal' }),
+        listRowBackground('transparent'),
+        listRowInsets({ bottom: 0.1 })
+    ];
+    return (<Section>
+            <VStack spacing={20} modifiers={[..._modifiers, ...(modifiers || [])]} {...vStackProps}>
+                {children}
+            </VStack>
+        </Section>);
+});

package/dist/libs/swiftui/src/IconSection/index.d.ts

@@ -0,0 +1,7 @@
+import Section from './Section';
+import Icon from './Icon';
+type Component = typeof Section & {
+    Icon: typeof Icon;
+};
+declare const IconSection: Component;
+export default IconSection;

package/dist/libs/swiftui/src/IconSection/index.js

@@ -0,0 +1,5 @@
+import Section from './Section';
+import Icon from './Icon';
+const IconSection = Section;
+IconSection.Icon = Icon;
+export default IconSection;

package/dist/libs/swiftui/src/List/Editable/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type Props from "./types";
+declare function Component<T>({ children, data, keyExtractor, editMode, onDelete, onMove, renderItem, listProps, listForEachProps, listSectionProps, enableMove, enableDelete, withoutTopPadding, }: Props<T>): React.JSX.Element;
+declare const _default: typeof Component;
+export default _default;

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

@@ -0,0 +1,51 @@
+import { List, Section } from "@expo/ui/swift-ui";
+import { listStyle, environment, moveDisabled, tag, deleteDisabled, padding } from "@expo/ui/swift-ui/modifiers";
+import React, { memo, useCallback, useMemo, useState } from "react";
+import { useEffectWithoutFirstRender } from '../../../../../libs/constants/hooks';
+function Component({ children, data = [], keyExtractor, editMode = false, onDelete, onMove, renderItem, listProps, listForEachProps, listSectionProps, enableMove = false, enableDelete = false, withoutTopPadding = false, }) {
+    // ---------------------- Variables ----------------------
+    const [_data, setData] = useState(data ?? []);
+    // ---------------------- Hooks ----------------------
+    useEffectWithoutFirstRender(() => setData(data ?? []), [data]);
+    // ---------------------- Modifiers ----------------------
+    const modifiersList = useMemo(() => [
+        listStyle('inset'),
+        environment('editMode', editMode ? 'active' : 'inactive'),
+        moveDisabled(!enableMove),
+        deleteDisabled(!enableDelete),
+        ...(withoutTopPadding ? [padding({ top: -15 })] : []),
+    ], [editMode, enableMove, enableDelete, withoutTopPadding]);
+    const modifiersListForEach = useMemo(() => [
+        moveDisabled(!enableMove),
+        deleteDisabled(!enableDelete)
+    ], [enableMove, enableDelete]);
+    // ---------------------- Functions ----------------------
+    const handleDelete = useCallback((indices) => {
+        setData(prev => prev.filter((_, i) => !indices.includes(i)));
+        for (const index of indices) {
+            onDelete?.({ index });
+        }
+    }, [onDelete]);
+    const handleMove = useCallback((sourceIndices, destination) => {
+        const adjustedDest = sourceIndices[0] < destination ? destination - 1 : destination;
+        setData(prev => {
+            const newData = [...prev];
+            const [removed] = newData.splice(sourceIndices[0], 1);
+            newData.splice(adjustedDest, 0, removed);
+            return newData;
+        });
+        onMove?.({ listIndexes: sourceIndices, destinationIndex: adjustedDest });
+    }, [onMove]);
+    return (<List {...listProps} modifiers={[...modifiersList, ...(listProps?.modifiers || [])]}>
+            {children}
+            <Section {...listSectionProps}>
+                <List.ForEach {...listForEachProps} onDelete={handleDelete} onMove={handleMove} modifiers={[...modifiersListForEach, ...(listForEachProps?.modifiers || [])]}>
+                    {_data.map((item, index) => {
+            const key = keyExtractor?.(item) ?? index;
+            return renderItem?.({ item, modifier: tag(key) });
+        })}
+                </List.ForEach>
+            </Section>
+        </List>);
+}
+export default memo(Component);

package/dist/libs/swiftui/src/List/Editable/types.d.ts

@@ -0,0 +1,76 @@
+import { ListProps, ListForEachProps, SectionProps } from "@expo/ui/swift-ui";
+import { ViewModifier } from "@expo/ui/swift-ui/modifiers";
+type Props<T> = {
+    /**
+        The children elements to be rendered inside the list.
+        They will be rendered before the data items.
+    */
+    children?: React.ReactNode;
+    /**
+        The data items to be rendered inside the list.
+        @default []
+    */
+    data?: T[];
+    /**
+        The function to extract the key from the data item.
+        @example
+        keyExtractor={(item) => item.id}
+    */
+    keyExtractor?: (item: T) => string | number;
+    /**
+        Whether the list is in edit mode.
+        @default false
+    */
+    editMode?: boolean;
+    /**
+        The function to handle the delete event.
+        
+    */
+    onDelete?: ({ index }: {
+        index: number;
+    }) => void;
+    /**
+        The function to handle the move event.
+    */
+    onMove?: ({ listIndexes, destinationIndex }: {
+        listIndexes: number[];
+        destinationIndex: number;
+    }) => void;
+    /**
+        The function to render the item.
+        The prop "modifier" is the modifier to be applied to the item [tag(key)].
+    */
+    renderItem?: ({ item, modifier }: {
+        item: T;
+        modifier: ViewModifier;
+    }) => React.ReactNode;
+    /**
+        The props to be applied to the list.
+    */
+    listProps?: Omit<ListProps, 'children'>;
+    /**
+        The props to be applied to the list.
+    */
+    listForEachProps?: Omit<ListForEachProps, 'children' | 'onDelete' | 'onMove'>;
+    /**
+        The props to be applied to the list.
+    */
+    listSectionProps?: SectionProps;
+    /**
+        Whether to enable the move of the items.
+        @default false
+    */
+    enableMove?: boolean;
+    /**
+        Whether to enable the delete of the items.
+        @default false
+    */
+    enableDelete?: boolean;
+    /**
+        Whether to remove the top padding of the list.
+        It puts [padding({ top: -15 })] to the list.
+        @default false
+    */
+    withoutTopPadding?: boolean;
+};
+export default Props;

package/dist/libs/swiftui/src/List/Editable/types.js

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

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

@@ -0,0 +1,16 @@
+import { ListProps } from '@expo/ui/swift-ui';
+import React from 'react';
+import Editable from './Editable';
+/**
+    Wrapper de List que aplica un padding superior negativo por defecto.
+
+    Este componente extiende "List" de @expo/ui/swift-ui y agrega automáticamente:
+    - padding({ top: -15 })
+
+    También expone "List.Editable" para usar una versión editable de la lista.
+    Para ponerle el padding superior negativo, se puede usar el prop "withoutTopPadding" = true en "List.Editable".
+*/
+declare const Component: React.MemoExoticComponent<React.FC<ListProps>> & {
+    Editable: typeof Editable;
+};
+export default Component;

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

@@ -0,0 +1,21 @@
+import { List } from '@expo/ui/swift-ui';
+import { padding } from '@expo/ui/swift-ui/modifiers';
+import React, { memo, useMemo } from 'react';
+import Editable from './Editable';
+/**
+    Wrapper de List que aplica un padding superior negativo por defecto.
+
+    Este componente extiende "List" de @expo/ui/swift-ui y agrega automáticamente:
+    - padding({ top: -15 })
+
+    También expone "List.Editable" para usar una versión editable de la lista.
+    Para ponerle el padding superior negativo, se puede usar el prop "withoutTopPadding" = true en "List.Editable".
+*/
+const Component = memo(({ children, modifiers, ...listProps }) => {
+    const _modifiers = useMemo(() => [padding({ top: -15 })], []);
+    return (<List modifiers={[..._modifiers, ...(modifiers || [])]} {...listProps}>
+            {children}
+        </List>);
+});
+Component.Editable = Editable;
+export default Component;

package/dist/libs/swiftui/src/NavigationLink/Trailing.d.ts

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

package/dist/libs/swiftui/src/NavigationLink/Trailing.js

@@ -0,0 +1,14 @@
+import { Spacer, Image, HStack } from '@expo/ui/swift-ui';
+import { Color } from 'expo-router';
+import React, { memo } from 'react';
+import Text from '../Text';
+export default memo(({ text, textProps }) => {
+    return (<>
+            <Spacer />
+            {text ? (<HStack spacing={10}>
+                    <Text {...textProps} secondary>{text}</Text>
+                    <ChevronRight />
+                </HStack>) : (<ChevronRight />)}
+        </>);
+});
+const ChevronRight = memo(() => <Image systemName='chevron.right' size={16} color={Color.ios.opaqueSeparator}/>);

package/dist/libs/swiftui/src/NavigationLink/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type Props from './types';
+declare const _default: React.MemoExoticComponent<({ children, systemImage, label, modifiers, maintainButtonStyle, textTrailing, textTrailingProps, ...buttonProps }: Props) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +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 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 buttonSystemImage = !renderLabel ? systemImage : undefined;
+    const buttonLabel = !renderLabel ? label : undefined;
+    return (<HStack>
+            <Button modifiers={[..._modifiers, ...(modifiers || [])]} systemImage={buttonSystemImage} label={buttonLabel} {...buttonProps}>
+                {children}
+            </Button>
+            {!children && renderLabel && (<Label title={label} systemImage={systemImage}/>)}
+            <Trailing text={textTrailing} textProps={textTrailingProps}/>
+        </HStack>);
+});

package/dist/libs/swiftui/src/NavigationLink/types.d.ts

@@ -0,0 +1,27 @@
+import { ButtonProps, TextProps } from "@expo/ui/swift-ui";
+export type TrailingProps = {
+    /**
+        Text to display on the Trailing Stack.
+    */
+    text?: string;
+    /**
+        TextProps to apply to the Trailing Stack text.
+    */
+    textProps?: TextProps;
+};
+type Props = ButtonProps & {
+    /**
+        Text to display on the Trailing Stack.
+    */
+    textTrailing?: TrailingProps['text'];
+    /**
+        TextProps to apply to the Trailing Stack text.
+    */
+    textTrailingProps?: TrailingProps['textProps'];
+    /**
+        false: Renders a Label if systemImage is provided, otherwise put a foregroundStyle(Color.ios.label) modifier.
+        @default false
+    */
+    maintainButtonStyle?: boolean;
+};
+export default Props;

package/dist/libs/swiftui/src/NavigationLink/types.js

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

package/dist/libs/swiftui/src/Picker.d.ts

@@ -0,0 +1,11 @@
+import { PickerProps } from '@expo/ui/swift-ui';
+import React from 'react';
+type Props = Omit<PickerProps, 'children'> & {
+    /**
+        The data items to be rendered inside the picker.
+        @default []
+    */
+    data?: (string | number)[];
+};
+declare const _default: React.MemoExoticComponent<({ modifiers, data, ...pickerProps }: Props) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,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}>
+            {data.map(item => (<Text key={item} modifiers={[tag(item)]}>
+                    {item}
+                </Text>))}
+        </Picker>);
+});

package/dist/libs/swiftui/src/Text.d.ts

@@ -0,0 +1,6 @@
+import { TextProps } from '@expo/ui/swift-ui';
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ modifiers, secondary, ...restProps }: TextProps & {
+    secondary?: boolean;
+}) => React.JSX.Element>;
+export default _default;

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

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

package/dist/libs/swiftui/src/TextSubtitle.d.ts

@@ -0,0 +1,22 @@
+import { TextProps } from '@expo/ui/swift-ui';
+import React from 'react';
+type Props = {
+    /**
+        Title to display in the label.
+    */
+    title?: string;
+    /**
+        Subtitle to display in the label.
+    */
+    subtitle?: string;
+    /**
+        Props to apply to the title.
+    */
+    titleTextProps?: TextProps;
+    /**
+        Props to apply to the subtitle.
+    */
+    subtitleTextProps?: TextProps;
+};
+declare const _default: React.MemoExoticComponent<({ title, subtitle, titleTextProps, subtitleTextProps }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/swiftui/src/TextSubtitle.js

@@ -0,0 +1,9 @@
+import { VStack } from '@expo/ui/swift-ui';
+import React, { memo } from 'react';
+import Text from './Text';
+export default memo(({ title, subtitle, titleTextProps, subtitleTextProps }) => {
+    return (<VStack alignment='leading' spacing={2}>
+            <Text {...titleTextProps}>{title}</Text>
+            <Text {...subtitleTextProps} secondary>{subtitle}</Text>
+        </VStack>);
+});

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

@@ -0,0 +1,5 @@
+export { default } from './src/components/Table';
+export { useBorders, useStore, useTable } from './src/context/table';
+export { useDelete } from './src/context/delete';
+export { useBorder } from './src/context/borders';
+export { type ColorThemeType, type ColorSchemeType, colors } from './src/constants';

package/dist/libs/table/index.js

@@ -0,0 +1,5 @@
+export { default } from './src/components/Table';
+export { useBorders, useStore, useTable } from './src/context/table';
+export { useDelete } from './src/context/delete';
+export { useBorder } from './src/context/borders';
+export { colors } from './src/constants';

package/dist/libs/table/src/components/Borders.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ id, borders }: {
+    id: string;
+    borders: any;
+}) => React.JSX.Element>;
+export default _default;

package/dist/libs/table/src/components/Borders.js

@@ -0,0 +1,83 @@
+import { useValue } from '@legendapp/state/react';
+import React, { memo, useEffect, useState } from 'react';
+import { PixelRatio, View, StyleSheet } from 'react-native';
+import colors from '../constants';
+import { useEffectWithoutFirstRender } from '../../../../libs/constants/hooks';
+import { useApp } from '../../../../libs/providers/App';
+import { useStore, useTable } from '../context/table';
+import { useBorder } from '../context/borders';
+import { left, right } from './Option';
+const heightPixel = PixelRatio.roundToNearestPixel(1);
+export default memo(({ id, borders }) => {
+    if (borders.color)
+        return <Component id={id} borders={borders}/>;
+    const { colorScheme } = useApp();
+    const { colorThemeType } = useTable();
+    borders.color = colors.table[colorThemeType][colorScheme].border;
+    return <Component id={id} borders={borders}/>;
+});
+const Component = memo(({ id, borders }) => {
+    const shownTop = borders?.shownTop;
+    const shownBottom = borders?.shownBottom;
+    const justTop = shownTop === true && shownBottom === false;
+    const justBottom = shownTop === false && shownBottom === true;
+    const styleSpaces = { left: borders?.left ?? left, right: borders?.right ?? right };
+    //Si solo hay 1 border y ambos estan predefinidos...
+    if (justTop || justBottom) {
+        //Version super light
+        const style = justTop ? { bottom: null } : { top: null }; //Cancela el bottom o el top de styles.space
+        return <View style={[styles.space, styles.border, styleSpaces, style, { backgroundColor: borders.color }]}/>;
+    }
+    return (<View style={[styles.space, styleSpaces]}>
+            {shownTop == null ?
+            <BorderExtended isTop={true} id={id} color={borders.color}/> :
+            <Border show={borders.shownTop} color={borders.color}/>}
+            {shownBottom == null ?
+            <BorderExtended isTop={false} id={id} color={borders.color}/> :
+            <Border show={borders.shownBottom} color={borders.color}/>}
+        </View>);
+});
+const BorderExtended = memo(({ isTop, id, color }) => {
+    const { keys, allBorders } = useTable();
+    const store = useStore();
+    const hasKeys = keys && keys.length > 0;
+    const showStore = useValue(() => {
+        if (isTop) {
+            const isFirstId = store.deleted.firstId.get() === id;
+            return allBorders ? (hasKeys ? isFirstId : false) : !hasKeys;
+        }
+        else {
+            const isLastId = store.deleted.lastId.get() === id;
+            return allBorders ? true : (hasKeys ? !isLastId : false);
+        }
+    });
+    const [Show, setShow] = useState(showStore);
+    const bordersRef = useBorder();
+    useEffect(() => {
+        if (isTop)
+            bordersRef.current.top = setShow;
+        else
+            bordersRef.current.bottom = setShow;
+    }, []);
+    useEffectWithoutFirstRender(() => {
+        setShow(showStore);
+    }, [showStore]);
+    return <Border show={Show} color={color}/>;
+});
+const Border = memo(({ show, color }) => {
+    return <View style={[styles.border, { backgroundColor: show ? color : 'transparent' }]}/>;
+});
+const styles = StyleSheet.create({
+    space: {
+        position: 'absolute',
+        justifyContent: 'space-between',
+        flexDirection: 'column',
+        left: left,
+        right: right,
+        bottom: 0,
+        top: -heightPixel
+    },
+    border: {
+        height: heightPixel,
+    }
+});

package/dist/libs/table/src/components/Delete/index.d.ts

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