native-pytech 1.0.100 → 1.0.103

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

@@ -1,4 +1,5 @@
 export { default as NavigationLink } from './src/components/NavigationLink';
+export { default as Host } from './src/components/Host';
 export { default as Icon } from './src/components/Icon';
 export { default as IconSection } from './src/components/IconSection';
 export { default as List } from './src/components/List';

package/dist/libs/swiftui/index.js

@@ -1,4 +1,5 @@
 export { default as NavigationLink } from './src/components/NavigationLink';
+export { default as Host } from './src/components/Host';
 export { default as Icon } from './src/components/Icon';
 export { default as IconSection } from './src/components/IconSection';
 export { default as List } from './src/components/List';

package/dist/libs/swiftui/src/components/Host.d.ts

@@ -0,0 +1,6 @@
+import { HostProps } from '@expo/ui/swift-ui';
+/**
+    Le pone el style "{ flex: 1 }" por defecto
+*/
+declare const _default: ({ style, ...props }: HostProps) => import("react").JSX.Element;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { Host } from '@expo/ui/swift-ui';
+/**
+    Le pone el style "{ flex: 1 }" por defecto
+*/
+export default ({ style, ...props }) => (<Host style={[{ flex: 1 }, style]} {...props}/>);

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

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

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

@@ -1,23 +1,13 @@
 import { Button, HStack, Label } from '@expo/ui/swift-ui';
-import { foregroundStyle } from '@expo/ui/swift-ui/modifiers';
-import { Color } from 'expo-router';
+import { listRowInsets as listRowInsetsModifier } from '@expo/ui/swift-ui/modifiers';
 import React, { memo, useMemo } from 'react';
 import Trailing from './Trailing';
-export default memo(({ children, systemImage, label, modifiers, maintainButtonStyle = false, textTrailing, textTrailingProps, hStackProps, ...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 = useMemo(() => [
-        ...(modifiers ?? []),
-        ...(!maintainButtonStyle && !renderLabel ? [foregroundStyle(Color.ios.label)] : []),
-    ], [modifiers, maintainButtonStyle, renderLabel]);
-    const buttonSystemImage = !renderLabel ? systemImage : undefined;
-    const buttonLabel = !renderLabel ? label : undefined;
-    return (<HStack {...hStackProps}>
-            <Button modifiers={_modifiers} systemImage={buttonSystemImage} label={buttonLabel} {...buttonProps}>
-                {children}
+export default memo(({ children, onPress, icon, label, systemImage, listRowInsets = false, textTrailing, textTrailingProps }) => {
+    const modifiers = useMemo(() => listRowInsets ? [listRowInsetsModifier({ top: 20, bottom: 20, leading: 25, trailing: 20 })] : [], [listRowInsets]);
+    return (<HStack modifiers={modifiers}>
+            <Button onPress={onPress}>
+                {children ?? <Label title={label} systemImage={systemImage} icon={icon}/>}
             </Button>
-            {!children && renderLabel && (<Label title={label} systemImage={systemImage}/>)}
             <Trailing text={textTrailing} textProps={textTrailingProps}/>
         </HStack>);
 });

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

@@ -1,4 +1,4 @@
-import { ButtonProps, HStackProps, TextProps } from "@expo/ui/swift-ui";
+import { ButtonProps, LabelProps, TextProps } from "@expo/ui/swift-ui";
 export type TrailingProps = {
     /**
         Text to display on the Trailing Stack.
@@ -9,23 +9,23 @@ export type TrailingProps = {
     */
     textProps?: TextProps;
 };
-type Props = ButtonProps & {
+type Props = Pick<ButtonProps, 'children' | 'onPress' | 'systemImage' | 'label'> & {
     /**
-        Text to display on the Trailing Stack.
+        Whether to apply the listRowInsets modifier to the HStack.
+        @default false
     */
-    textTrailing?: TrailingProps['text'];
+    listRowInsets?: boolean;
     /**
-        TextProps to apply to the Trailing Stack text.
+        Icon to display on the Label.
     */
-    textTrailingProps?: TrailingProps['textProps'];
+    icon?: LabelProps['icon'];
     /**
-        false: Renders a Label if systemImage is provided, otherwise put a foregroundStyle(Color.ios.label) modifier.
-        @default false
+        Text to display on the Trailing Stack.
     */
-    maintainButtonStyle?: boolean;
+    textTrailing?: TrailingProps['text'];
     /**
-        HStackProps to apply to the HStack.
+        TextProps to apply to the Trailing Stack text.
     */
-    hStackProps?: Omit<HStackProps, 'children'>;
+    textTrailingProps?: TrailingProps['textProps'];
 };
 export default Props;

package/package.json

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

package/dist/libs/editPage copy/index.d.ts

@@ -1,9 +0,0 @@
-import Wrapper from './src/components/Wrapper';
-import Item from './src/components/Item';
-import ItemDate from './src/components/ItemDate';
-type Component = typeof Wrapper & {
-    Item: typeof Item;
-    ItemDate: typeof ItemDate;
-};
-declare const Screen: Component;
-export default Screen;

package/dist/libs/editPage copy/index.js

@@ -1,7 +0,0 @@
-import Wrapper from './src/components/Wrapper';
-import Item from './src/components/Item';
-import ItemDate from './src/components/ItemDate';
-const Screen = Wrapper;
-Screen.Item = Item;
-Screen.ItemDate = ItemDate;
-export default Screen;

package/dist/libs/editPage copy/src/components/Item/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: ({ ...props }: {
-    [x: string]: any;
-}) => any;
-export default _default;

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

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

package/dist/libs/editPage copy/src/components/Item/index.ios.js

@@ -1,12 +0,0 @@
-import { HStack, Spacer, Text } from '@expo/ui/swift-ui';
-import React, { memo } from 'react';
-import TextField from '../TextField';
-export default memo(({ label, minLengthSpacer, ...textFieldProps }) => {
-    if (!label)
-        return <TextField {...textFieldProps}/>;
-    return (<HStack>
-            <Text>{label}</Text>
-			<Spacer minLength={minLengthSpacer}/>
-			<TextField {...textFieldProps}/>
-        </HStack>);
-});

package/dist/libs/editPage copy/src/components/Item/index.js

@@ -1 +0,0 @@
-export default ({ ...props }) => null;

package/dist/libs/editPage copy/src/components/Item/types.d.ts

@@ -1,14 +0,0 @@
-import type TextFieldProps from '../TextField/types';
-type Props = TextFieldProps & {
-    /**
-        Text to display on the left of the text field.
-        If not provided, the item will be only a text field.
-    */
-    label?: string;
-    /**
-        Minimum length of the spacer between the title and the text field.
-        If the title is not provided, will not be displayed.
-    */
-    minLengthSpacer?: number;
-};
-export default Props;

package/dist/libs/editPage copy/src/components/Item/types.js

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

package/dist/libs/editPage copy/src/components/ItemDate/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: ({ ...props }: {
-    [x: string]: any;
-}) => any;
-export default _default;

package/dist/libs/editPage copy/src/components/ItemDate/index.ios.d.ts

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

package/dist/libs/editPage copy/src/components/ItemDate/index.ios.js

@@ -1,26 +0,0 @@
-import { Section, DatePicker } from '@expo/ui/swift-ui';
-import React, { memo, useCallback, useEffect, useState } from 'react';
-import { environment } from '@expo/ui/swift-ui/modifiers';
-import { usePage } from '../../context/page';
-import { useItem } from '../../context/item';
-export default memo(({ label, defaultValue, minDate = new Date(new Date().setFullYear(new Date().getFullYear() - 100)), maxDate = new Date() }) => {
-    const { store } = usePage();
-    const { index } = useItem();
-    const [selection, setSelection] = useState(defaultValue);
-    // Hooks
-    useEffect(() => setSelection(defaultValue), [defaultValue]);
-    const onValueChange = useCallback((value) => {
-        setSelection(value);
-        store.values[index].set({
-            value: value,
-            hasChanged: value.getTime() !== defaultValue?.getTime(),
-            isValid: true,
-        });
-    }, []);
-    return (<Section>
-			<DatePicker title={label} selection={selection} onDateChange={onValueChange} modifiers={[environment('locale', 'es_ES')]} range={{
-            start: minDate,
-            end: maxDate,
-        }}/>
-		</Section>);
-});

package/dist/libs/editPage copy/src/components/ItemDate/index.js

@@ -1 +0,0 @@
-export default ({ ...props }) => null;

package/dist/libs/editPage copy/src/components/ItemDate/types.d.ts

@@ -1,21 +0,0 @@
-type Props = {
-    /**
-        Title of the date picker.
-    */
-    label?: string;
-    /**
-        Default value of the date picker.
-    */
-    defaultValue?: Date;
-    /**
-        Minimum date allowed.
-        @default 100 years ago
-    */
-    minDate?: Date;
-    /**
-        Maximum date allowed.
-        @default today
-    */
-    maxDate?: Date;
-};
-export default Props;

package/dist/libs/editPage copy/src/components/ItemDate/types.js

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

package/dist/libs/editPage copy/src/components/Screen/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: ({ children }: {
-    children: React.ReactNode;
-}) => any;
-export default _default;

package/dist/libs/editPage copy/src/components/Screen/index.ios.d.ts

@@ -1,4 +0,0 @@
-declare const _default: ({ children }: {
-    children: React.ReactNode;
-}) => import("react").JSX.Element;
-export default _default;

package/dist/libs/editPage copy/src/components/Screen/index.ios.js

@@ -1,8 +0,0 @@
-import { Host, List, Section } from '@expo/ui/swift-ui';
-export default ({ children }) => (<Host style={{ flex: 1 }}>
-		<List>
-			<Section>
-				{children}
-			</Section>
-		</List>
-	</Host>);

package/dist/libs/editPage copy/src/components/Screen/index.js

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

package/dist/libs/editPage copy/src/components/Screen/types.d.ts

@@ -1,27 +0,0 @@
-type Props<T> = {
-    /**
-        The data items to be rendered inside the list.
-        @default []
-    */
-    data?: T[];
-    /**
-        The function to render the item.
-    */
-    renderItem?: (item: T) => React.ReactNode;
-    /**
-        Function to be called when the user saves the changes.
-        If the function returns false, the user will not be redirected to the previous screen.
-    */
-    onSave?: (values: (string | null | Date)[]) => boolean | Promise<boolean>;
-};
-export type Value = {
-    value: string | null | Date | undefined;
-    hasChanged: boolean;
-    isValid: boolean;
-};
-export type Values = Record<number, Value>;
-export type Store = {
-    values: Values;
-    saveEnabled: boolean;
-};
-export default Props;

package/dist/libs/editPage copy/src/components/Screen/types.js

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

package/dist/libs/editPage copy/src/components/TextField/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: ({ ...props }: {
-    [x: string]: any;
-}) => any;
-export default _default;

package/dist/libs/editPage copy/src/components/TextField/index.ios.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type Props from './types';
-declare const _default: React.MemoExoticComponent<({ defaultValue, placeholder, keyboardType, autocapitalization, secureTextEntry, isValid, }: Props) => React.JSX.Element>;
-export default _default;

package/dist/libs/editPage copy/src/components/TextField/index.ios.js

@@ -1,52 +0,0 @@
-import React, { useMemo, memo, useRef, useCallback, useEffect } from "react";
-import { SecureField, TextField } from "@expo/ui/swift-ui";
-import { keyboardType as keyboardTypeModifier, submitLabel, textInputAutocapitalization, onSubmit } from '@expo/ui/swift-ui/modifiers';
-import { usePage } from '../../context/page';
-import { useItem } from '../../context/item';
-export default memo(({ defaultValue, placeholder, keyboardType, autocapitalization = true, secureTextEntry, isValid, }) => {
-    const { store, isUniqueItem, saveEnabledRef, onPressSave, textFieldsRefs } = usePage();
-    const { index, nextIndex } = useItem();
-    const ref = useRef(null);
-    textFieldsRefs.current[index] = ref;
-    useEffect(() => store.values[index].value.set(defaultValue), [defaultValue]);
-    // onChange
-    const onValueChange = useCallback((value) => {
-        const _value = value.trim() === '' ? null : value.trim();
-        store.values[index].set({
-            value: _value,
-            hasChanged: _value !== defaultValue,
-            isValid: isValid?.(_value) ?? true,
-        });
-    }, []);
-    const _onSubmit = useCallback(() => {
-        // Guarda los cambios
-        if (isUniqueItem) {
-            const saveEnabled = saveEnabledRef.current;
-            if (!saveEnabled)
-                return;
-            onPressSave();
-            return;
-        }
-        // Va al siguiente campo
-        if (!nextIndex)
-            return;
-        textFieldsRefs.current[nextIndex].current?.focus();
-    }, []);
-    // Props
-    const modifiers = useMemo(() => [
-        ...(isUniqueItem ? [submitLabel('done')] : []),
-        ...(keyboardType ? [keyboardTypeModifier(keyboardType)] : []),
-        ...(!autocapitalization ? [textInputAutocapitalization('never')] : []),
-        onSubmit(_onSubmit),
-    ], [keyboardType, autocapitalization, isUniqueItem]);
-    const props = {
-        autoFocus: isUniqueItem,
-        modifiers,
-        placeholder,
-        defaultValue,
-        onValueChange,
-    };
-    if (secureTextEntry)
-        return <SecureField {...props} ref={ref}/>;
-    return <TextField {...props} ref={ref}/>;
-});

package/dist/libs/editPage copy/src/components/TextField/index.js

@@ -1 +0,0 @@
-export default ({ ...props }) => null;

package/dist/libs/editPage copy/src/components/TextField/types.d.ts

@@ -1,28 +0,0 @@
-type Props = {
-    /**
-        Default value of the text field.
-    */
-    defaultValue?: string;
-    /**
-        Placeholder of the text field.
-    */
-    placeholder?: string;
-    /**
-        Keyboard type. Uses the keyboardType modifier.
-    */
-    keyboardType?: "default" | "email-address" | "numeric" | "phone-pad" | "ascii-capable" | "numbers-and-punctuation" | "url" | "name-phone-pad" | "decimal-pad" | "twitter" | "web-search" | "ascii-capable-number-pad";
-    /**
-        If true, the text field will be autocapitalized. Uses the textInputAutocapitalization modifier.
-        @default true
-    */
-    autocapitalization?: boolean;
-    /**
-        If true, the text field will be secure (password).
-    */
-    secureTextEntry?: boolean;
-    /**
-        Function to validate the value.
-    */
-    isValid?: (value: string | null) => boolean;
-};
-export default Props;

package/dist/libs/editPage copy/src/components/TextField/types.js

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

package/dist/libs/editPage copy/src/components/Wrapper/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import Props from './types';
-declare function Component<T>({ data, renderItem, onSave, }: Props<T>): React.JSX.Element;
-declare const _default: typeof Component;
-export default _default;

package/dist/libs/editPage copy/src/components/Wrapper/index.js

@@ -1,70 +0,0 @@
-import { useObservable, useValue } from '@legendapp/state/react';
-import { Stack, useRouter } from 'expo-router';
-import React, { memo, useCallback, useMemo, useRef } from 'react';
-import Hooks from '../../../../../libs/constants/hooks';
-import { Provider } from '../../context/page';
-import { Provider as ItemProvider } from '../../context/item';
-import Screen from '../Screen';
-function Component({ data = [], renderItem, onSave, }) {
-    const router = useRouter();
-    const saveEnabledRef = useRef(false);
-    // Store
-    const values = (data ?? []).reduce((acc, item, index) => {
-        acc[index] = {
-            value: undefined,
-            hasChanged: false,
-            isValid: true,
-        };
-        return acc;
-    }, {});
-    const store = useObservable({
-        values: values,
-        saveEnabled: () => {
-            const listValues = Object.values(store.values.get());
-            const hasChanged = listValues.some(value => value.hasChanged);
-            const allValid = listValues.every(value => value.isValid);
-            return hasChanged && allValid;
-        },
-    });
-    const saveEnabled = useValue(() => store.saveEnabled.get());
-    Hooks.useEffectWithoutFirstRender(() => saveEnabledRef.current = saveEnabled, [saveEnabled]);
-    const textFieldsRefs = useRef({});
-    // onPress
-    const onPressSave = useCallback(async () => {
-        // Obtengo los valores del store
-        const values = store.values.peek();
-        const valuesToSave = Object.values(values).map(value => value.value ?? null);
-        // Llamo a la función onSave
-        const result = await onSave?.(valuesToSave);
-        if (result === false)
-            return;
-        router.back();
-    }, [onSave, store.values]);
-    const value = useMemo(() => ({ store, saveEnabledRef, onPressSave, 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>
-
-			<Screen>
-				<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)}
-							</ItemProvider>);
-        })}
-				</Provider>
-			</Screen>
-		</>);
-}
-export default memo(Component);

package/dist/libs/editPage copy/src/components/Wrapper/types.d.ts

@@ -1,27 +0,0 @@
-type Props<T> = {
-    /**
-        The data items to be rendered inside the list.
-        @default []
-    */
-    data?: T[];
-    /**
-        The function to render the item.
-    */
-    renderItem?: (item: T) => React.ReactNode;
-    /**
-        Function to be called when the user saves the changes.
-        If the function returns false, the user will not be redirected to the previous screen.
-    */
-    onSave?: (values: (string | null | Date)[]) => boolean | Promise<boolean>;
-};
-export type Value = {
-    value: string | null | Date | undefined;
-    hasChanged: boolean;
-    isValid: boolean;
-};
-export type Values = Record<number, Value>;
-export type Store = {
-    values: Values;
-    saveEnabled: boolean;
-};
-export default Props;

package/dist/libs/editPage copy/src/components/Wrapper/types.js

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

package/dist/libs/editPage copy/src/context/item.d.ts

@@ -1,7 +0,0 @@
-export declare const Provider: import("react").Provider<{
-    index: number;
-    nextIndex?: number;
-}>, useItem: () => {
-    index: number;
-    nextIndex?: number;
-};

package/dist/libs/editPage copy/src/context/item.js

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

package/dist/libs/editPage copy/src/context/page.d.ts

@@ -1,18 +0,0 @@
-import type { Observable } from '@legendapp/state';
-import { TextFieldRef } from '@expo/ui/swift-ui';
-import { RefObject } from 'react';
-import type { Store } from '../components/Wrapper/types';
-export type TextFieldsRefsType = Record<number, RefObject<TextFieldRef | null>>;
-export declare const Provider: import("react").Provider<{
-    store: Observable<Store>;
-    saveEnabledRef: RefObject<boolean>;
-    onPressSave: () => Promise<void>;
-    isUniqueItem: boolean;
-    textFieldsRefs: RefObject<TextFieldsRefsType>;
-}>, usePage: () => {
-    store: Observable<Store>;
-    saveEnabledRef: RefObject<boolean>;
-    onPressSave: () => Promise<void>;
-    isUniqueItem: boolean;
-    textFieldsRefs: RefObject<TextFieldsRefsType>;
-};

package/dist/libs/editPage copy/src/context/page.js

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