native-pytech 1.0.196 → 1.0.200

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

@@ -1,24 +0,0 @@
-import { BlurEvent, FocusEvent, TextInput, TextInputProps } from 'react-native';
-export declare const selectAll: (input: TextInput | any, value: string | null) => void;
-/**
-    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 }: {
-    /**
-        Valor inicial del input.
-    */
-    value?: any;
-    /**
-        Por default es 1.
-    */
-    numberOfLines?: number;
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: BlurEvent) => void) | undefined;
-    onChangeText?: ((text: string) => void) | undefined;
-    /**
-        Función para aplicar una máscara al valor del input.
-        Ejemplo: {(value) => value ? formatPeso(value) : formatPeso(0)}
-    */
-    mask?: ((value: any) => string) | undefined;
-} & TextInputProps) => import("react").JSX.Element>;
-export default _default;

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

@@ -1,49 +0,0 @@
-import { memo, useEffect, useRef, useState } from 'react';
-import { Platform, StyleSheet, TextInput } from 'react-native';
-import colors from '../../constants';
-import { useApp } from '../../../../../libs/providers/App';
-export const selectAll = (input, value) => {
-    if (value === null)
-        return;
-    if (Platform.OS !== 'web')
-        input.setSelection(0, value.toString().length);
-    else
-        input.select();
-};
-/**
-    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 }) => {
-    const { colorScheme } = useApp();
-    const Theme = colors.theme[colorScheme];
-    const inputRef = useRef(null);
-    const [isFocused, setIsFocused] = useState(false);
-    const [rawValue, setRawValue] = useState(value);
-    // Determinar el valor visual basado en el estado de foco
-    const displayValue = rawValue == null ? null :
-        isFocused || !mask
-            ? rawValue.toString()
-            : mask(rawValue);
-    useEffect(() => {
-        if (isFocused)
-            selectAll(inputRef.current, rawValue);
-    }, [isFocused]);
-    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);
-        }} onBlur={(e) => {
-            setIsFocused(false);
-            onBlur?.(e);
-        }} onChangeText={(text) => {
-            setRawValue(text === '' ? null : text);
-            onChangeText?.(text);
-        }} clearButtonMode='while-editing' {...props}/>);
-});
-const styles = StyleSheet.create({
-    textInput: {
-        fontSize: 17,
-        flex: 1,
-        outlineStyle: 'none', // Le tuve que poner el "as any" porque no existe esta propiedad en dispositivos.
-        textAlign: 'right',
-    },
-});

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

@@ -1,7 +0,0 @@
-import { TextInputProps } from 'react-native';
-/**
-    Se utiliza específicamente para formatear el valor del input a pesos.
-    Utiliza el componente de TextInputOption.
-*/
-declare const _default: import("react").MemoExoticComponent<({ ...props }: TextInputProps) => import("react").JSX.Element>;
-export default _default;

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

@@ -1,10 +0,0 @@
-import { memo } from 'react';
-import TextInputOption from './textInput';
-import Formats from '../../../../../libs/constants/formats';
-/**
-    Se utiliza específicamente para formatear el valor del input a pesos.
-    Utiliza el componente de TextInputOption.
-*/
-export default memo(({ ...props }) => {
-    return (<TextInputOption keyboardType='numeric' autoCapitalize='none' autoCorrect={false} placeholder={'$0'} mask={(value) => value ? Formats.numberToTextCurrency(value) : Formats.numberToTextCurrency(0)} {...props}/>);
-});

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-import Text from './text';
-type TextType = (React.ReactElement<typeof Text>);
-type Props = {
-    children: TextType | TextType[] | React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    isSingleLine?: boolean;
-};
-/**
-    Pone el padding según el typeOption.
-*/
-declare const _default: React.MemoExoticComponent<({ children, style, isSingleLine, ...props }: Props & ViewProps) => React.JSX.Element>;
-export default _default;

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

@@ -1,18 +0,0 @@
-import React, { memo, useMemo } from 'react';
-import { StyleSheet, View } from 'react-native';
-/**
-    Pone el padding según el typeOption.
-*/
-export default memo(({ children, style = {}, isSingleLine, ...props }) => {
-    isSingleLine = useMemo(() => isSingleLine ?? (React.Children.count(children) <= 1), [children]);
-    const containerStyle = useMemo(() => [styles.container, { paddingVertical: isSingleLine ? 16.35 : 10 }, style], [isSingleLine, style]);
-    return (<View style={containerStyle} {...props}>
-            {children}
-        </View>);
-});
-const styles = StyleSheet.create({
-    container: {
-        flexDirection: 'column',
-        gap: 2,
-    }
-});

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

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

package/dist/libs/table/src/components/OptionWrapper/index.js

@@ -1,9 +0,0 @@
-import { memo } from 'react';
-import ThemeComponent from '../../../../../libs/components/Theme';
-import * as OptionComponents from '../OptionComponents';
-import Wrapper from '../Wrapper';
-const OptionWrapper = memo(({ ...props }) => {
-    return <ThemeComponent component={Wrapper} {...props}/>;
-});
-OptionWrapper.Components = OptionComponents;
-export default OptionWrapper;

package/dist/libs/table/src/components/OptionWrapper/types.d.ts

@@ -1,37 +0,0 @@
-import React from "react";
-import { ViewProps } from "react-native";
-import { type ColorSchemeType } from "../../constants";
-import OptionProps from "../Option/types";
-import { DeleteIcon, DragIcon, Icon, Image, Text, TextInput, TextInputCurrency, TextView } from '../OptionComponents';
-export type Props = Omit<OptionProps, 'colorScheme'> & {
-    id: string;
-    /**
-        @default false
-    */
-    isAnimated?: boolean;
-    /**
-        @default '{ left: left, right: right, shownTop: null, shownBottom: null, color: null }'
-    */
-    borders?: {
-        color: string | null;
-        shownTop: boolean | null;
-        shownBottom: boolean | null;
-        left: number;
-        right: number;
-    };
-} & ViewProps;
-export type OptionComponent = React.MemoExoticComponent<React.FC<Props & {
-    colorScheme?: ColorSchemeType;
-}>> & {
-    Components: {
-        DeleteIcon: typeof DeleteIcon;
-        DragIcon: typeof DragIcon;
-        Icon: typeof Icon;
-        Image: typeof Image;
-        Text: typeof Text;
-        TextInput: typeof TextInput;
-        TextInputCurrency: typeof TextInputCurrency;
-        TextView: typeof TextView;
-    };
-};
-export default Props;

package/dist/libs/table/src/components/OptionWrapper/types.js

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

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

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

package/dist/libs/table/src/components/Table/index.js

@@ -1,90 +0,0 @@
-import { useObservable } from '@legendapp/state/react';
-import { memo, useMemo } from 'react';
-import { Platform, StyleSheet } from 'react-native';
-import Animated, { Easing, FadeIn, FadeOut, LinearTransition } from 'react-native-reanimated';
-import colors from '../../constants';
-import Hooks from '../../../../../libs/constants/hooks';
-import { useApp } from '../../../../../libs/providers/App';
-import { isLowTier } from '../../../../../libs/constants/consts';
-import { BordersProvider, StoreProvider, TableProvider } from '../../context/table';
-import OptionWrapper from '../OptionWrapper';
-import Detail from '../Detail';
-const Table = memo(({ children, title, renderDetail, colorThemeType = 'default', type = 'default', style, contentContainerStyle, allBorders = false, keys, disableLayoutAnimation }) => {
-    // ------------- Variables -------------
-    const { colorScheme } = useApp();
-    const Theme = colors.theme[colorScheme];
-    const store = useObservable({
-        pressed_id: null,
-        deleted: {
-            setted: false,
-            id: null,
-            keys: keys,
-            lastId: (() => {
-                const newKeys = store.deleted.keys.get();
-                return (newKeys?.[newKeys.length - 1] ?? null);
-            }),
-            firstId: (() => {
-                const newKeys = store.deleted.keys.get();
-                return (newKeys?.[0] ?? null);
-            }),
-        },
-        borders: new Map()
-    });
-    const layoutAnimation = disableLayoutAnimation ? undefined : (isLowTier ? LinearTransition.duration(500) : LinearTransition.easing(Easing.bezier(0.2, 0.2, 0, 1)).duration(600));
-    // ------------- useEffect -------------
-    Hooks.useEffectWithoutFirstRender(() => store.deleted.keys.set(keys), [keys]);
-    const value = useMemo(() => ({ colorThemeType, type, keys, allBorders }), [colorThemeType, type, keys, allBorders]);
-    return (<Animated.View key={title || 'title'} layout={Platform.OS === 'web' ? undefined : LinearTransition.duration(100).easing(Easing.bezier(0.1, 0.1, 0, 1))} style={[
-            styles.container,
-            type === 'default' ? { marginRight: 16, marginLeft: 16, marginBottom: renderDetail ? 20 : 30 } : {},
-            style
-        ]}>
-            {title &&
-            <Animated.Text key={title} style={[styles.title, { color: Theme.text2 }]} exiting={FadeOut.duration(100)} entering={FadeIn.duration(100)}>
-                    {title}
-                </Animated.Text>}
-
-            <Animated.View exiting={FadeOut.duration(100)} entering={FadeIn.duration(100)} layout={layoutAnimation} style={[
-            styles.contentContainer,
-            { backgroundColor: colors.table[colorThemeType][colorScheme].background },
-            contentContainerStyle,
-            type === 'default' ? { borderRadius: 26 } : {},
-        ]}>
-                <TableProvider value={value}>
-                    <StoreProvider value={store}>
-                        <BordersProvider value={store.borders}>
-                            {children}
-                        </BordersProvider>
-                    </StoreProvider>
-                </TableProvider>
-            </Animated.View>
-
-
-            {renderDetail &&
-            <Animated.View entering={FadeIn.duration(100)} exiting={FadeOut.duration(100)}>
-                    {renderDetail()}
-                </Animated.View>}
-        </Animated.View>);
-});
-const styles = StyleSheet.create({
-    container: {
-        gap: 6,
-    },
-    title: {
-        marginLeft: 16,
-        fontSize: 17,
-        fontWeight: '600',
-    },
-    contentContainer: {
-        overflow: 'hidden',
-        position: 'relative',
-    },
-    viewDetail: {
-        marginTop: 1.5,
-        marginLeft: 15,
-        marginRight: 16
-    }
-});
-Table.Detail = Detail;
-Table.Option = OptionWrapper;
-export default Table;

package/dist/libs/table/src/components/Table/types.d.ts

@@ -1,74 +0,0 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import { type ColorThemeType } from '../../constants';
-import OptionWrapper from '../OptionWrapper';
-import Detail from '../Detail';
-type Props = {
-    /**
-        Opciones de la tabla.
-        Tiene que ser una lista de Options.
-    */
-    children?: React.ReactNode | React.ReactNode[];
-    /**
-        Texto que aparece arriba de la tabla.
-        Si es null, no se muestra.
-    */
-    title?: string;
-    /**
-        Item que aparece abajo de la tabla.
-        Si es null, no se muestra.
-        Tiene que ser un Animated.Text.
-    */
-    renderDetail?: () => React.ReactElement<typeof Detail>;
-    /**
-        Tipo de tema de la tabla.
-    */
-    colorThemeType?: ColorThemeType;
-    /**
-        Tipo de tema de la tabla.
-        'default' | 'full'.
-    */
-    type?: 'default' | 'full';
-    /**
-        Estilos de la contTable.
-        Es un Animated.View.
-    */
-    style?: StyleProp<ViewStyle>;
-    /**
-        Estilos de la contTable.
-        Es un Animated.View.
-    */
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    /**
-        Lista de keys de los children. Sirve para el delete.
-    */
-    keys?: string[] | undefined;
-    /**
-        Indica si se muestran todos los bordes de las opciones.
-        Se muestran todos los bottom y el top del primero
-    */
-    allBorders?: boolean;
-    /**
-        Si le aplica la layoutAnimation.
-    */
-    disableLayoutAnimation?: boolean;
-};
-export type Component = React.MemoExoticComponent<React.FC<Props>> & {
-    Option: typeof OptionWrapper;
-    Detail: typeof Detail;
-};
-export type Store = {
-    pressed_id: string | null;
-    deleted: {
-        setted: boolean;
-        id: string | null;
-        keys: string[] | undefined;
-        lastId: string | null;
-        firstId: string | null;
-    };
-    borders: Map<string, {
-        top: (show: boolean) => void;
-        bottom: (show: boolean) => void;
-    }>;
-};
-export default Props;

package/dist/libs/table/src/components/Table/types.js

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

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

@@ -1,6 +0,0 @@
-import { type ColorSchemeType } from '../constants';
-import Props from './OptionWrapper/types';
-declare const _default: import("react").MemoExoticComponent<({ children, childrenLeft, childrenRight, onPress, onDelete, onDeleteShown, removeWidth, id, style, isAnimated, borders, backgroundColorPressed, LinearGradientProps, layoutAnimation, colorScheme, hasTextView, hasNavigationArrow, ...props }: Props & {
-    colorScheme: ColorSchemeType;
-}) => import("react").JSX.Element>;
-export default _default;

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

@@ -1,49 +0,0 @@
-import Animated, { Easing, FadeIn, FadeOut, LinearTransition } from 'react-native-reanimated';
-import { View } from 'react-native';
-import { memo } from 'react';
-import colors from '../constants';
-import { isLowTier } from '../../../../libs/constants/consts';
-import { useTable } from '../context/table';
-import Delete from './Delete';
-import BordersContextWrapper from '../context/borders';
-import Borders from './Borders';
-import Option, { left, right } from './Option';
-const ViewDelete = memo(({ children, colorScheme, ...props }) => {
-    const { colorThemeType } = useTable();
-    return (<View style={{ backgroundColor: colors.table[colorThemeType][colorScheme].background }} {...props}>
-            {children}
-        </View>);
-});
-export default memo(({ children, childrenLeft, childrenRight, onPress, onDelete, onDeleteShown, removeWidth, id, style, isAnimated = true, borders = {
-    left: left,
-    right: right,
-    shownTop: null,
-    shownBottom: null,
-    color: null
-}, backgroundColorPressed, LinearGradientProps, layoutAnimation = isLowTier ?
-    LinearTransition.duration(500) : LinearTransition.easing(Easing.bezier(0.2, 0.2, 0, 1)).duration(600), colorScheme, hasTextView, hasNavigationArrow, ...props }) => {
-    // Restricciones
-    if (onDelete && onPress)
-        throw new Error('onDelete y onPress no pueden ser usados juntos');
-    let content = (<>
-        <Option colorScheme={colorScheme} hasNavigationArrow={hasNavigationArrow} hasTextView={hasTextView} childrenLeft={childrenLeft} childrenRight={childrenRight} onPress={onPress} style={style} backgroundColorPressed={backgroundColorPressed} LinearGradientProps={LinearGradientProps}>
-            {children}
-        </Option>
-        {borders && <Borders id={id} borders={borders}/>}
-    </>);
-    // onDelete
-    content = onDelete ? (<Delete id={id} removeWidth={removeWidth} onDelete={onDelete} onDeleteShown={onDeleteShown}>
-            <ViewDelete colorScheme={colorScheme} {...props}>
-                {content}
-            </ViewDelete>
-        </Delete>) : (props ? <View {...props}>{content}</View> : content);
-    // Borders
-    content = borders && (borders?.shownTop == null || borders?.shownBottom == null) ? (<BordersContextWrapper>
-            {content}
-        </BordersContextWrapper>) : content;
-    if (!isAnimated)
-        return content;
-    return (<Animated.View layout={layoutAnimation} exiting={FadeOut.duration(100)} entering={FadeIn.duration(100)}>
-            {content}
-        </Animated.View>);
-});

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

@@ -1,108 +0,0 @@
-export declare const colors: {
-    theme: {
-        light: {
-            text: string;
-            text2: string;
-            icon: string;
-            borderColorContCliente: string;
-        };
-        dark: {
-            text: string;
-            text2: string;
-            icon: string;
-            borderColorContCliente: string;
-        };
-    };
-    especiales: {
-        rojo: string;
-    };
-    table: {
-        default: {
-            light: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-            dark: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-        };
-        modal: {
-            light: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-            dark: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-        };
-        modal2: {
-            light: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-            dark: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-        };
-        light: {
-            light: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-            dark: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-        };
-        lightBlue: {
-            light: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-            dark: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-        };
-        orange: {
-            light: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-            dark: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-        };
-        full: {
-            light: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-            dark: {
-                background: string;
-                background_pressed: string;
-                border: string;
-            };
-        };
-    };
-};
-export { type ColorSchemeType } from "../../../libs/constants/colors";
-export type ColorThemeType = keyof typeof colors.table;
-export default colors;

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

@@ -1,107 +0,0 @@
-import colorsLib from "../../../libs/constants/colors";
-export const colors = {
-    theme: {
-        light: {
-            text: colorsLib.light.text,
-            text2: colorsLib.light.text2Libretas,
-            icon: 'hsl(0, 0%, 76%)',
-            borderColorContCliente: 'hsl(240, 2.40%, 92.00%)',
-        },
-        dark: {
-            text: colorsLib.dark.text,
-            text2: colorsLib.dark.text2Libretas,
-            icon: 'hsl(252, 3%, 35%)',
-            borderColorContCliente: 'hsl(252, 3%, 30%)', //'hsl(240, 2%, 22%)',
-        }
-    },
-    especiales: {
-        rojo: colorsLib.especiales.rojo
-    },
-    table: {
-        default: {
-            light: {
-                background: 'hsl(120, 100%, 100%)',
-                background_pressed: 'hsl(240, 5%, 83%)',
-                border: 'hsl(240, 2%, 91%)'
-            },
-            dark: {
-                background: 'hsl(240, 3%, 10.5%)',
-                background_pressed: 'hsl(240, 2%, 22.5%)',
-                border: 'hsl(240, 3%, 22.5%)'
-            }
-        },
-        modal: {
-            light: {
-                background: 'hsl(120, 100%, 100%)',
-                background_pressed: 'hsl(240, 5%, 83%)',
-                border: 'hsl(240, 2%, 91%)'
-            },
-            dark: {
-                background: 'hsl(240, 2%, 17.5%)',
-                background_pressed: 'hsl(240, 2%, 29.5%)',
-                border: 'hsl(240, 2%, 25.5%)'
-            }
-        },
-        modal2: {
-            light: {
-                background: 'hsl(240, 18%, 96%)',
-                background_pressed: 'hsl(252, 22%, 79%)',
-                border: 'hsl(240, 10%, 88%)'
-            },
-            dark: {
-                background: 'hsl(240, 2%, 17.5%)',
-                background_pressed: 'hsl(240, 2%, 29.5%)',
-                border: 'hsl(240, 2%, 25.5%)'
-            }
-        },
-        light: {
-            light: {
-                background: 'hsl(240, 18%, 96%)',
-                background_pressed: 'hsl(240, 8%, 91%)',
-                border: 'hsl(240, 10%, 88%)'
-            },
-            dark: {
-                background: 'hsl(240, 3%, 10.5%)',
-                background_pressed: 'hsl(240, 2%, 22.5%)',
-                border: 'hsl(240, 3%, 22.5%)'
-            }
-        },
-        lightBlue: {
-            light: {
-                background: 'hsl(190, 79%, 94%)',
-                background_pressed: 'hsl(190, 82%, 89%)',
-                border: ''
-            },
-            dark: {
-                background: 'hsl(194, 62%, 11.5%)',
-                background_pressed: 'hsl(193, 62%, 18%)',
-                border: ''
-            }
-        },
-        orange: {
-            light: {
-                background: 'hsl(37, 76.5%, 90%)',
-                background_pressed: 'hsl(36, 80%, 85%)',
-                border: ''
-            },
-            dark: {
-                background: 'hsl(38, 63.6%, 16.8%)',
-                background_pressed: 'hsl(36, 64.6%, 22.3%)',
-                border: ''
-            }
-        },
-        full: {
-            light: {
-                background: 'hsl(0, 0.00%, 100.00%)',
-                background_pressed: 'hsl(240, 5%, 83%)',
-                border: 'hsl(240, 2%, 91%)'
-            },
-            dark: {
-                background: 'hsl(0, 0.00%, 0.00%)',
-                background_pressed: 'hsl(240, 2%, 22.5%)',
-                border: 'hsl(240, 3%, 22.5%)'
-            }
-        },
-    }
-};
-export default colors;

package/dist/libs/table/src/context/borders.d.ts

@@ -1,10 +0,0 @@
-import { Dispatch, SetStateAction, RefObject } from "react";
-declare const useBorder: () => RefObject<Record<string, any> | {
-    top: Dispatch<SetStateAction<boolean>>;
-    bottom: Dispatch<SetStateAction<boolean>>;
-}>;
-export { useBorder };
-declare const _default: ({ children }: {
-    children: React.ReactNode;
-}) => import("react").JSX.Element;
-export default _default;

package/dist/libs/table/src/context/borders.js

@@ -1,11 +0,0 @@
-import { useMemo, useRef } from "react";
-import Utils from "../../../../libs/constants/utils";
-const [Provider, useBorder] = Utils.createCtx();
-export { useBorder };
-export default ({ children }) => {
-    const bordersRef = useRef({});
-    const valueBorders = useMemo(() => (bordersRef), []);
-    return (<Provider value={valueBorders}>
-            {children}
-        </Provider>);
-};

package/dist/libs/table/src/context/delete.d.ts

@@ -1 +0,0 @@
-export declare const DeleteProvider: import("react").Provider<(() => void) | null>, useDelete: () => () => void;

package/dist/libs/table/src/context/delete.js

@@ -1,2 +0,0 @@
-import Utils from "../../../../libs/constants/utils";
-export const [DeleteProvider, useDelete] = Utils.createCtx();