native-pytech 1.0.200 → 1.0.203

package/dist/libs/constants/utils.js

@@ -0,0 +1,75 @@
+import { Platform } from 'react-native';
+import React, { createContext as reactCreateContext, useContext } from 'react';
+import * as Device from 'expo-device';
+import { hsla, parseToHsla, parseToRgba } from 'color2k';
+const addProps = (element, additionalStyles = [], extraProps = {}) => {
+    if (!React.isValidElement(element))
+        return null;
+    return React.cloneElement(element, {
+        style: [
+            element.props.style,
+            ...additionalStyles
+        ],
+        ...extraProps
+    });
+};
+const isValidMail = (mail) => {
+    return mail.includes('@') && mail.endsWith('.com');
+};
+const applyOpacity = (color, opacity) => {
+    try {
+        const [r, g, b] = parseToRgba(color); // ignoro alpha original
+        return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+    }
+    catch (e) {
+        console.error('Color inválido:', color);
+        return color;
+    }
+};
+const adjustLightness = (color, percentage) => {
+    try {
+        const [h, s, l, a] = parseToHsla(color);
+        // Ajustar luminosidad: percentage puede ser positivo (aclarar) o negativo (oscurecer)
+        // l está en rango 0-1, percentage es de -100 a +100
+        const newL = Math.max(0, Math.min(1, l + (percentage / 100)));
+        return hsla(h, s, newL, a);
+    }
+    catch (e) {
+        console.error('Color inválido:', color);
+        return color;
+    }
+};
+const _getDeviceTier = () => {
+    if (Platform.OS !== 'android')
+        return 'high';
+    const ramGB = Device.totalMemory
+        ? Device.totalMemory / 1024 / 1024 / 1024
+        : 0;
+    if (ramGB > 0 && ramGB <= 4)
+        return 'low';
+    if (ramGB <= 6)
+        return 'medium';
+    return 'high';
+};
+const createCtx = () => {
+    const context = reactCreateContext(null);
+    const useCtx = () => createUseContext(context);
+    return [context.Provider, useCtx];
+};
+const createUseContext = (context) => {
+    const ctx = useContext(context);
+    if (!ctx)
+        throw new Error('useContext debe usarse dentro de un context.Provider');
+    return ctx;
+};
+// ------------------- Export -------------------
+const Utils = {
+    addProps,
+    isValidMail,
+    applyOpacity,
+    adjustLightness,
+    _getDeviceTier,
+    createCtx,
+    createUseContext,
+};
+export default Utils;

package/dist/libs/editPage/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/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/src/components/Header/index.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ saveEnabled, onPressSave }: Props) => import("react").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,17 @@
+import { memo } from "react";
+import { router, Stack } from "expo-router";
+export default memo(({ saveEnabled, onPressSave }) => {
+    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>
+        </>);
+});

package/dist/libs/editPage/src/components/Header/index.web.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ saveEnabled, onPressSave }: Props) => import("react").JSX.Element>;
+export default _default;

package/dist/libs/editPage/src/components/Header/index.web.js

@@ -0,0 +1,17 @@
+import { memo } from "react";
+import { Stack } from "expo-router";
+import { Pressable, StyleSheet } from "react-native";
+import { Ionicons } from "@expo/vector-icons";
+import Colors from "../../../../../libs/constants/colors";
+export default memo(({ saveEnabled, onPressSave }) => {
+    return (<Stack.Screen options={{
+            headerRight: () => (<Pressable disabled={!saveEnabled} onPress={onPressSave} style={[styles.pressable, { opacity: saveEnabled ? 1 : 0.5 }]}>
+                        <Ionicons name="checkmark" size={24} color={Colors.especiales.azul}/>
+                    </Pressable>)
+        }}/>);
+});
+const styles = StyleSheet.create({
+    pressable: {
+        padding: 10,
+    }
+});

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

@@ -0,0 +1,5 @@
+type Props = {
+    saveEnabled: boolean;
+    onPressSave: () => Promise<void>;
+};
+export default Props;

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

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

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

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

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

@@ -0,0 +1,3 @@
+import type Props from './types';
+declare const _default: import("react").MemoExoticComponent<({ label, minLengthSpacer, ...textFieldProps }: Props) => import("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 { 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

@@ -0,0 +1,8 @@
+import { memo } from 'react';
+import Table from '../../../../../libs/table';
+import { useApp } from '../../../../../libs/providers/App';
+import TextField from '../TextField';
+export default memo(({ label, minLengthSpacer, placeholder, ...textFieldProps }) => {
+    const { colorScheme } = useApp();
+    return (<Table.Option id={label ?? ''} colorScheme={colorScheme} childrenLeft={label ? <Table.Option.Components.Text text={label}/> : <Table.Option.Components.Text text={placeholder ?? ''}/>} childrenRight={<TextField placeholder={label ? placeholder : undefined} {...textFieldProps}/>}/>);
+});

package/dist/libs/editPage/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/src/components/Item/types.js

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { DatePicker } from '@expo/ui/swift-ui';
+import { memo } from 'react';
+import { environment } from '@expo/ui/swift-ui/modifiers';
+export default memo(({ label, selection, minDate, maxDate, onValueChange }) => (<DatePicker title={label} selection={selection} onDateChange={onValueChange} modifiers={[environment('locale', 'es_ES')]} range={{
+        start: minDate,
+        end: maxDate,
+    }}/>));

package/dist/libs/editPage/src/components/ItemDate/Picker/Date/index.js

@@ -0,0 +1,33 @@
+import { memo, useCallback, useRef } from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Table from '../../../../../../../libs/table';
+import { useApp } from '../../../../../../../libs/providers/App';
+import Formats from '../../../../../../../libs/constants/formats';
+import Colors from '../../../../../../../libs/constants/colors';
+export default memo(({ label, selection, minDate, maxDate, onValueChange, }) => {
+    const { colorScheme } = useApp();
+    const inputRef = useRef(null);
+    const _onValueChange = useCallback((value_str) => {
+        const [year, month, day] = value_str.split('-').map(Number);
+        const value = new Date(year, month - 1, day);
+        onValueChange?.(value);
+    }, []);
+    return (<Table.Option id={label ?? ''} colorScheme={colorScheme} childrenLeft={<Table.Option.Components.Text text={label ?? 'Seleccione una fecha'}/>} childrenRight={(<>
+                    <Pressable onPress={() => inputRef.current?.showPicker()} style={[styles.container, { backgroundColor: Colors.especiales.azul }]}>
+                        <Table.Option.Components.Text text={Formats.dateToTextFormat(selection, 'dd/MM/yyyy')} style={{ color: 'white', userSelect: 'none' }}/>
+                        <input ref={inputRef} type="date" value={Formats.dateToTextFormat(selection, 'yyyy-MM-dd')} onChange={(e) => _onValueChange(e.target.value)} style={{
+                all: 'unset',
+                visibility: 'hidden',
+                width: 0,
+                position: 'absolute'
+            }}/>
+                    </Pressable>
+                </>)}/>);
+});
+const styles = StyleSheet.create({
+    container: {
+        padding: 7,
+        paddingHorizontal: 30,
+        borderRadius: 20
+    },
+});

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { DatePicker } from '@expo/ui/swift-ui';
+import { memo } from 'react';
+import { environment } from '@expo/ui/swift-ui/modifiers';
+export default memo(({ label, selection, minDate, maxDate, onValueChange }) => (<DatePicker title={label} selection={selection} onDateChange={onValueChange} modifiers={[environment('locale', 'es_ES')]} displayedComponents={['hourAndMinute']}/>));

package/dist/libs/editPage/src/components/ItemDate/Picker/Time/index.js

@@ -0,0 +1,36 @@
+import { memo, useCallback, useRef } from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Table from '../../../../../../../libs/table';
+import { useApp } from '../../../../../../../libs/providers/App';
+import Formats from '../../../../../../../libs/constants/formats';
+import Colors from '../../../../../../../libs/constants/colors';
+export default memo(({ label, selection, minDate, maxDate, onValueChange, }) => {
+    const { colorScheme } = useApp();
+    const inputRef = useRef(null);
+    const _onValueChange = useCallback((value_str) => {
+        const [hours, minutes] = value_str.split(':').map(Number);
+        if (Number.isNaN(hours) || Number.isNaN(minutes))
+            return;
+        const value = new Date();
+        value.setHours(hours, minutes, 0, 0);
+        onValueChange?.(value);
+    }, []);
+    return (<Table.Option id={label ?? ''} colorScheme={colorScheme} childrenLeft={<Table.Option.Components.Text text={label ?? 'Seleccione una hora'}/>} childrenRight={(<>
+                    <Pressable onPress={() => inputRef.current?.showPicker()} style={[styles.container, { backgroundColor: Colors.especiales.azul }]}>
+                        <Table.Option.Components.Text text={Formats.dateToTextFormat(selection, 'HH:mm')} style={{ color: 'white', userSelect: 'none' }}/>
+                        <input ref={inputRef} type="date" value={Formats.dateToTextFormat(selection, 'HH:mm')} onChange={(e) => _onValueChange(e.target.value)} style={{
+                all: 'unset',
+                visibility: 'hidden',
+                width: 0,
+                position: 'absolute'
+            }}/>
+                    </Pressable>
+                </>)}/>);
+});
+const styles = StyleSheet.create({
+    container: {
+        padding: 7,
+        paddingHorizontal: 30,
+        borderRadius: 20
+    },
+});

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

@@ -0,0 +1,23 @@
+type Props = {
+    /**
+        Title of the date picker.
+    */
+    label?: string;
+    /**
+        Selection of the date picker.
+    */
+    selection: Date;
+    /**
+        Minimum date allowed.
+    */
+    minDate?: Date;
+    /**
+        Maximum date allowed.
+    */
+    maxDate?: Date;
+    /**
+        Callback function to be called when the value changes.
+    */
+    onValueChange?: (value: Date) => void;
+};
+export default Props;

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

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

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

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

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

@@ -0,0 +1,46 @@
+import { memo, useCallback, useEffect, useRef, useState, useMemo } from 'react';
+import { usePage } from '../../context/page';
+import Hooks from '../../../../../libs/constants/hooks';
+import DatePicker from './Picker/Date';
+import TimePicker from './Picker/Time';
+export default memo(({ itemKey, label, selection, defaultValue, minDate, maxDate, type = 'date', onValueChange, }) => {
+    const { store, registerItem } = usePage();
+    const [_selection, setSelection] = useState(selection);
+    const currentDate = useMemo(() => _selection ?? defaultValue ?? new Date(), [_selection, defaultValue]);
+    const currentDateRanged = useMemo(() => {
+        if (maxDate && currentDate > maxDate)
+            return maxDate;
+        if (minDate && currentDate < minDate)
+            return minDate;
+        return currentDate;
+    }, [currentDate, minDate, maxDate]);
+    // Key
+    const keyRef = useRef(itemKey);
+    useEffect(() => {
+        keyRef.current = registerItem(itemKey);
+        _onValueChange(currentDate);
+    }, []);
+    // Hooks
+    useEffect(() => setSelection(selection), [selection]);
+    Hooks.useEffectWithoutFirstRender(() => {
+        setSelection(currentDateRanged);
+        _onValueChange(currentDateRanged);
+    }, [currentDateRanged]);
+    const _onValueChange = useCallback((value) => {
+        setSelection(value);
+        store.values[keyRef.current ?? 0].set({
+            value: value,
+            hasChanged: value.getTime() !== selection?.getTime(),
+            isValid: true,
+        });
+        onValueChange?.(value);
+    }, []);
+    const props = {
+        label: label,
+        selection: currentDateRanged,
+        onValueChange: _onValueChange,
+        minDate: minDate,
+        maxDate: maxDate,
+    };
+    return (type === 'date' ? <DatePicker {...props}/> : <TimePicker {...props}/>);
+});

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

@@ -0,0 +1,22 @@
+import DatePickerProps from './Picker/types';
+type Props = Omit<DatePickerProps, 'selection'> & {
+    /**
+        identification key of the item.
+    */
+    itemKey?: string;
+    /**
+        The value that applies when selection is undefined.
+        @default Date()
+    */
+    defaultValue?: Date;
+    /**
+        Selection of the date picker.
+    */
+    selection?: Date;
+    /**
+        Type of the date picker.
+        @default 'date'
+    */
+    type?: 'date' | 'time';
+};
+export default Props;

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

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

package/dist/libs/editPage/src/components/ItemTime/TimePicker/index.d.ts

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

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

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

package/dist/libs/editPage/src/components/ItemTime/TimePicker/index.ios.js

@@ -0,0 +1,4 @@
+import { DatePicker } from '@expo/ui/swift-ui';
+import { memo } from 'react';
+import { environment } from '@expo/ui/swift-ui/modifiers';
+export default memo(({ label, selection, minDate, maxDate, onValueChange }) => (<DatePicker title={label} selection={selection} onDateChange={onValueChange} modifiers={[environment('locale', 'es_ES')]} displayedComponents={['hourAndMinute']}/>));

package/dist/libs/editPage/src/components/ItemTime/TimePicker/index.js

@@ -0,0 +1,36 @@
+import { memo, useCallback, useRef } from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Table from '../../../../../../libs/table';
+import { useApp } from '../../../../../../libs/providers/App';
+import Formats from '../../../../../../libs/constants/formats';
+import Colors from '../../../../../../libs/constants/colors';
+export default memo(({ label, selection, minDate, maxDate, onValueChange, }) => {
+    const { colorScheme } = useApp();
+    const inputRef = useRef(null);
+    const _onValueChange = useCallback((value_str) => {
+        const [hours, minutes] = value_str.split(':').map(Number);
+        if (Number.isNaN(hours) || Number.isNaN(minutes))
+            return;
+        const value = new Date();
+        value.setHours(hours, minutes, 0, 0);
+        onValueChange?.(value);
+    }, []);
+    return (<Table.Option id={label ?? ''} colorScheme={colorScheme} childrenLeft={<Table.Option.Components.Text text={label ?? 'Seleccione una hora'}/>} childrenRight={(<>
+                    <Pressable onPress={() => inputRef.current?.showPicker()} style={[styles.container, { backgroundColor: Colors.especiales.azul }]}>
+                        <Table.Option.Components.Text text={Formats.dateToTextFormat(selection, 'HH:mm')} style={{ color: 'white', userSelect: 'none' }}/>
+                        <input ref={inputRef} type="date" value={Formats.dateToTextFormat(selection, 'HH:mm')} onChange={(e) => _onValueChange(e.target.value)} style={{
+                all: 'unset',
+                visibility: 'hidden',
+                width: 0,
+                position: 'absolute'
+            }}/>
+                    </Pressable>
+                </>)}/>);
+});
+const styles = StyleSheet.create({
+    container: {
+        padding: 7,
+        paddingHorizontal: 30,
+        borderRadius: 20
+    },
+});

package/dist/libs/editPage/src/components/ItemTime/TimePicker/types.d.ts

@@ -0,0 +1,23 @@
+type Props = {
+    /**
+        Title of the date picker.
+    */
+    label?: string;
+    /**
+        Selection of the date picker.
+    */
+    selection: Date;
+    /**
+        Minimum date allowed.
+    */
+    minDate?: Date;
+    /**
+        Maximum date allowed.
+    */
+    maxDate?: Date;
+    /**
+        Callback function to be called when the value changes.
+    */
+    onValueChange?: (value: Date) => void;
+};
+export default Props;

package/dist/libs/editPage/src/components/ItemTime/TimePicker/types.js

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

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

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

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

@@ -0,0 +1,38 @@
+import { memo, useCallback, useEffect, useRef, useState, useMemo } from 'react';
+import { usePage } from '../../context/page';
+import Hooks from '../../../../../libs/constants/hooks';
+import DatePicker from './TimePicker';
+export default memo(({ itemKey, label, selection, defaultValue, minDate, maxDate, onValueChange, }) => {
+    const { store, registerItem } = usePage();
+    const [_selection, setSelection] = useState(selection);
+    const currentDate = useMemo(() => _selection ?? defaultValue ?? new Date(), [_selection, defaultValue]);
+    const currentDateRanged = useMemo(() => {
+        if (maxDate && currentDate > maxDate)
+            return maxDate;
+        if (minDate && currentDate < minDate)
+            return minDate;
+        return currentDate;
+    }, [currentDate, minDate, maxDate]);
+    // Key
+    const keyRef = useRef(itemKey);
+    useEffect(() => {
+        keyRef.current = registerItem(itemKey);
+        _onValueChange(currentDate);
+    }, []);
+    // Hooks
+    useEffect(() => setSelection(selection), [selection]);
+    Hooks.useEffectWithoutFirstRender(() => {
+        setSelection(currentDateRanged);
+        _onValueChange(currentDateRanged);
+    }, [currentDateRanged]);
+    const _onValueChange = useCallback((value) => {
+        setSelection(value);
+        store.values[keyRef.current ?? 0].set({
+            value: value,
+            hasChanged: value.getTime() !== selection?.getTime(),
+            isValid: true,
+        });
+        onValueChange?.(value);
+    }, []);
+    return (<DatePicker label={label} selection={currentDateRanged} onValueChange={_onValueChange} minDate={minDate} maxDate={maxDate}/>);
+});

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

@@ -0,0 +1,17 @@
+import DatePickerProps from './TimePicker/types';
+type Props = Omit<DatePickerProps, 'selection'> & {
+    /**
+        identification key of the item.
+    */
+    itemKey?: string;
+    /**
+        The value that applies when selection is undefined.
+        @default Date()
+    */
+    defaultValue?: Date;
+    /**
+        Selection of the date picker.
+    */
+    selection?: Date;
+};
+export default Props;

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

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

package/dist/libs/editPage/src/components/Screen/index.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.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,7 @@
+import { ScrollView } from 'react-native';
+import Table from '../../../../../libs/table';
+export default ({ children }) => (<ScrollView>
+		<Table>
+			{children}
+		</Table>
+	</ScrollView>);

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

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

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

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