native-pytech 1.0.94 → 1.0.96

package/dist/libs/editPage/src/components/ItemDate/index.ios.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: React.MemoExoticComponent<({ itemKey, label, defaultValue, minDate, maxDate, }: Props) => React.JSX.Element>;
 export default _default;

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

@@ -2,16 +2,15 @@ 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();
+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[index].set({
+        store.values[key].set({
             value: value,
             hasChanged: value.getTime() !== defaultValue?.getTime(),
             isValid: true,

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/TextField/index.ios.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: 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

@@ -1,51 +1,32 @@
 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';
-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();
+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);
-    textFieldsRefs.current[index] = ref;
-    useEffect(() => store.values[index].value.set(defaultValue), [defaultValue]);
+    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[index].set({
+        store.values[key].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),
+        onSubmit(() => _onSubmit(key)),
     ], [keyboardType, autocapitalization, isUniqueItem]);
-    const props = {
-        autoFocus: isUniqueItem,
-        modifiers,
-        placeholder,
-        defaultValue,
-        onValueChange,
-    };
+    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/types.d.ts

@@ -1,4 +1,8 @@
 type Props = {
+    /**
+        identification key of the text field.
+    */
+    itemKey?: string;
     /**
         Default value of the text field.
     */

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

@@ -1,5 +1,4 @@
 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;
+declare const _default: React.MemoExoticComponent<({ children, onSave }: Props) => React.JSX.Element>;
 export default _default;

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

@@ -1,46 +1,67 @@
 import { useObservable, useValue } from '@legendapp/state/react';
-import { Stack, useRouter } from 'expo-router';
+import { Stack, router } 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);
+export default memo(({ children, onSave }) => {
+    const textFieldsRefs = useRef({});
+    const indexRef = useRef(0);
     // Store
-    const values = (data ?? []).reduce((acc, item, index) => {
-        acc[index] = {
-            value: undefined,
-            hasChanged: false,
-            isValid: true,
-        };
-        return acc;
-    }, {});
     const store = useObservable({
-        values: 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;
         },
+        isUniqueItem: () => {
+            const listValues = Object.values(store.values.get());
+            return listValues.length === 1;
+        },
     });
     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);
+        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]);
-    const value = useMemo(() => ({ store, saveEnabledRef, onPressSave, isUniqueItem: (data?.length ?? 0) === 1, textFieldsRefs }), []);
+    // 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()}>
@@ -56,15 +77,8 @@ function Component({ data = [], renderItem, onSave, }) {
 
 			<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>);
-        })}
+					{children}
 				</Provider>
 			</Screen>
 		</>);
-}
-export default memo(Component);
+});

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

@@ -1,27 +1,23 @@
-type Props<T> = {
+type Props = {
     /**
-        The data items to be rendered inside the list.
-        @default []
+        Children to be rendered inside the wrapper.
     */
-    data?: T[];
-    /**
-        The function to render the item.
-    */
-    renderItem?: (item: T) => React.ReactNode;
+    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?: (values: (string | null | Date)[]) => boolean | Promise<boolean>;
+    onSave?: (items: Record<string, string | null | Date>) => boolean | void | Promise<boolean | void>;
 };
 export type Value = {
-    value: string | null | Date | undefined;
+    value?: string | null | Date;
     hasChanged: boolean;
     isValid: boolean;
 };
-export type Values = Record<number, Value>;
+export type Values = Record<string, Value>;
 export type Store = {
     values: Values;
     saveEnabled: boolean;
+    isUniqueItem: boolean;
 };
 export default Props;

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 { RefObject } from 'react';
 import type { Store } from '../components/Wrapper/types';
-export type TextFieldsRefsType = Record<number, RefObject<TextFieldRef | null>>;
+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/Item/types.js

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

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.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/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 copy/src/components/Wrapper/index.d.ts

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

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

@@ -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.94",
+  "version": "1.0.96",
   "description": "Libreria de React Native Pytech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",