native-pytech 1.0.93 → 1.0.96

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

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

package/dist/libs/editPage/index.js

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

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

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

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

@@ -0,0 +1,4 @@
+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/src/components/Item/index.ios.js

@@ -0,0 +1,12 @@
+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/src/components/Item/index.js

@@ -1,12 +1 @@
-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>);
-});
+export default ({ ...props }) => null;

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

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

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

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

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

@@ -0,0 +1,25 @@
+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';
+export default memo(({ itemKey, label, defaultValue, minDate = new Date(new Date().setFullYear(new Date().getFullYear() - 100)), maxDate = new Date(), }) => {
+    const { store, registerItem } = usePage();
+    const key = registerItem(itemKey);
+    const [selection, setSelection] = useState(defaultValue);
+    // Hooks
+    useEffect(() => setSelection(defaultValue), [defaultValue]);
+    const onValueChange = useCallback((value) => {
+        setSelection(value);
+        store.values[key].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/src/components/ItemDate/index.js

@@ -1,26 +1 @@
-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>);
-});
+export default ({ ...props }) => null;

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

@@ -1,4 +1,8 @@
 type Props = {
+    /**
+        identification key of the item.
+    */
+    itemKey?: string;
     /**
         Title of the date picker.
     */

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

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

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

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

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

@@ -0,0 +1,8 @@
+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/src/components/Screen/index.js

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

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

@@ -0,0 +1,27 @@
+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/src/components/Screen/types.js

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+import React, { useMemo, memo, useRef, useCallback, useEffect } from "react";
+import { useValue } from "@legendapp/state/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';
+export default memo(({ itemKey, defaultValue, placeholder, keyboardType, autocapitalization = true, secureTextEntry, isValid, }) => {
+    const { store, registerItem, onSubmit: _onSubmit } = usePage();
+    const isUniqueItem = useValue(() => store.isUniqueItem.get());
+    const ref = useRef(null);
+    const key = registerItem(itemKey, ref);
+    console.log(placeholder, 'key', key);
+    useEffect(() => store.values[key].value.set(defaultValue), [defaultValue]);
+    // onChange
+    const onValueChange = useCallback((value) => {
+        const _value = value.trim() === '' ? null : value.trim();
+        store.values[key].set({
+            value: _value,
+            hasChanged: _value !== defaultValue,
+            isValid: isValid?.(_value) ?? true,
+        });
+    }, []);
+    // Props
+    const modifiers = useMemo(() => [
+        ...(isUniqueItem ? [submitLabel('done')] : []),
+        ...(keyboardType ? [keyboardTypeModifier(keyboardType)] : []),
+        ...(!autocapitalization ? [textInputAutocapitalization('never')] : []),
+        onSubmit(() => _onSubmit(key)),
+    ], [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/src/components/TextField/index.js

@@ -1,55 +1 @@
-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, }) => {
-    // ------------------- Variables -------------------
-    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]);
-    // -------------------- Functions --------------------
-    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 = useMemo(() => ({
-        autoFocus: isUniqueItem,
-        modifiers,
-        placeholder,
-        defaultValue,
-        onValueChange,
-    }), [modifiers, placeholder, defaultValue]);
-    if (secureTextEntry)
-        return <SecureField {...props} ref={ref}/>;
-    return <TextField {...props} ref={ref}/>;
-});
+export default ({ ...props }) => null;

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

@@ -1,5 +1,8 @@
-import { keyboardType } from "@expo/ui/swift-ui/modifiers";
 type Props = {
+    /**
+        identification key of the text field.
+    */
+    itemKey?: string;
     /**
         Default value of the text field.
     */
@@ -11,7 +14,7 @@ type Props = {
     /**
         Keyboard type. Uses the keyboardType modifier.
     */
-    keyboardType?: Parameters<typeof keyboardType>[0];
+    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

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

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

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

@@ -0,0 +1,84 @@
+import { useObservable, useValue } from '@legendapp/state/react';
+import { Stack, router } from 'expo-router';
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+import { Provider } from '../../context/page';
+import Screen from '../Screen';
+export default memo(({ children, onSave }) => {
+    const textFieldsRefs = useRef({});
+    const indexRef = useRef(0);
+    // Store
+    const store = useObservable({
+        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;
+        },
+        isUniqueItem: () => {
+            const listValues = Object.values(store.values.get());
+            return listValues.length === 1;
+        },
+    });
+    const saveEnabled = useValue(() => store.saveEnabled.get());
+    // onPress
+    const onPressSave = useCallback(async () => {
+        // Obtengo los valores del store
+        const values = store.values.peek();
+        const valuesToSave = Object.fromEntries(Object.entries(values).map(([key, value]) => [key, value.value ?? null]));
+        // Llamo a la función onSave
+        const result = await onSave?.(valuesToSave);
+        if (result === false)
+            return;
+        router.back();
+    }, [onSave, store.values]);
+    // Register
+    const registerItem = (itemKey, ref) => {
+        const key = itemKey ?? indexRef.current;
+        indexRef.current++;
+        ref && (textFieldsRefs.current[key] = ref);
+        return key;
+    };
+    const next = (itemKey) => {
+        const keys = Object.keys(textFieldsRefs.current);
+        const index = keys.findIndex(key => key > itemKey);
+        if (index === -1)
+            return;
+        const nextKey = keys[index + 1];
+        if (!nextKey)
+            return;
+        textFieldsRefs.current[nextKey].current?.focus();
+    };
+    const onSubmit = async (itemKey) => {
+        console.log('onSubmit', 'itemKey', itemKey);
+        // Guarda los cambios
+        if (store.isUniqueItem.peek()) {
+            if (!saveEnabled)
+                return;
+            await onPressSave();
+            return;
+        }
+        // Va al siguiente campo
+        next(itemKey);
+    };
+    const value = useMemo(() => ({ store, onSubmit, registerItem }), []);
+    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}>
+					{children}
+				</Provider>
+			</Screen>
+		</>);
+});

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

@@ -0,0 +1,23 @@
+type Props = {
+    /**
+        Children to be rendered inside the wrapper.
+    */
+    children: 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?: (items: Record<string, string | null | Date>) => boolean | void | Promise<boolean | void>;
+};
+export type Value = {
+    value?: string | null | Date;
+    hasChanged: boolean;
+    isValid: boolean;
+};
+export type Values = Record<string, Value>;
+export type Store = {
+    values: Values;
+    saveEnabled: boolean;
+    isUniqueItem: boolean;
+};
+export default Props;

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

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

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

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,12 @@
+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

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

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

@@ -0,0 +1,14 @@
+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/ItemDate/index.d.ts

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,26 @@
+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

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

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

@@ -0,0 +1,21 @@
+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

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

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,8 @@
+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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,52 @@
+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

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

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

@@ -0,0 +1,28 @@
+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

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

package/dist/libs/{editPage/src/components/Page/index.js → editPage copy/src/components/Wrapper/index.js }

@@ -1,10 +1,10 @@
-import { Host, List, Section } from '@expo/ui/swift-ui';
 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);
@@ -54,21 +54,17 @@ function Component({ data = [], renderItem, onSave, }) {
 				</Stack.Toolbar.Button>
 			</Stack.Toolbar>
 
-			<Host style={{ flex: 1 }}>
-				<List>
-					<Section>
-						<Provider value={value}>
-							{data.map((item, index) => {
+			<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>);
+								{renderItem?.(item)}
+							</ItemProvider>);
         })}
-						</Provider>
-					</Section>
-				</List>
-			</Host>
+				</Provider>
+			</Screen>
 		</>);
 }
 export default memo(Component);

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

@@ -0,0 +1,27 @@
+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

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

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

@@ -0,0 +1,18 @@
+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

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

package/package.json

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