native-pytech 1.0.24 → 1.0.25

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

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

package/dist/libs/editPage/index.js

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

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

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

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

@@ -0,0 +1,32 @@
+import { Section, DatePicker } from '@expo/ui/swift-ui';
+import React, { memo, useCallback, useEffect, useMemo } 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(), modifiers, ...restProps }) => {
+    // ------------------- Variables -------------------
+    const { store } = usePage();
+    const { index } = useItem();
+    // ------------------- Hooks -------------------
+    useEffect(() => {
+        store.values[index].value.set(defaultValue);
+    }, [defaultValue]);
+    // -------------------- Functions --------------------
+    const onValueChange = useCallback((value) => {
+        store.values[index].set({
+            value: value,
+            hasChanged: value !== defaultValue,
+            isValid: true,
+        });
+    }, []);
+    const _modifiers = useMemo(() => [
+        environment('locale', 'es_ES'),
+        ...(modifiers ?? []),
+    ], [modifiers]);
+    return (<Section>
+			<DatePicker title={label} selection={defaultValue} onDateChange={onValueChange} modifiers={_modifiers} range={{
+            start: minDate,
+            end: maxDate,
+        }} {...restProps}/>
+		</Section>);
+});

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

@@ -0,0 +1,22 @@
+import type { DatePickerProps } from '@expo/ui/swift-ui';
+type Props = Omit<DatePickerProps, 'title' | 'selection' | 'range' | 'onDateChange'> & {
+    /**
+        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/src/components/ItemDate/types.js

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

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

@@ -12,10 +12,10 @@ type Props<T> = {
         Function to be called when the user saves the changes.
         If the function returns true, the user will be redirected to the previous screen.
     */
-    onSave?: (values: (string | null)[]) => boolean | Promise<boolean>;
+    onSave?: (values: (string | null | Date)[]) => boolean | Promise<boolean>;
 };
 export type Values = Record<number, {
-    value: string | null | undefined;
+    value: string | null | Date | undefined;
     hasChanged: boolean;
     isValid: boolean;
 }>;

package/package.json

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