native-pytech 1.0.93 → 1.0.94

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<({ label, defaultValue, minDate, maxDate }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/editPage/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/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/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/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<({ 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,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/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,4 +1,3 @@
-import { keyboardType } from "@expo/ui/swift-ui/modifiers";
 type Props = {
     /**
         Default value of the text field.
@@ -11,7 +10,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/{Page → 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/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/src/components/Wrapper/types.js

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

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

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

package/package.json

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