native-pytech 1.0.178 → 1.0.179

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

@@ -1,3 +1,3 @@
 import type Props from './types';
-declare const _default: import("react").MemoExoticComponent<({ itemKey, label, defaultValue, minDate, maxDate, onValueChange, }: Props) => import("react").JSX.Element>;
+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/ItemDate/index.ios.d.ts

@@ -1,3 +1,3 @@
 import type Props from './types';
-declare const _default: import("react").MemoExoticComponent<({ itemKey, label, defaultValue, minDate, maxDate, onValueChange, }: Props) => import("react").JSX.Element>;
+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/ItemDate/index.ios.js

@@ -2,28 +2,28 @@ import { Section, DatePicker } from '@expo/ui/swift-ui';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { environment } from '@expo/ui/swift-ui/modifiers';
 import { usePage } from '../../context/page';
-export default memo(({ itemKey, label, defaultValue, minDate, maxDate, onValueChange, }) => {
+export default memo(({ itemKey, label, selection, defaultValue, minDate, maxDate, onValueChange, }) => {
     const { store, registerItem } = usePage();
-    const [selection, setSelection] = useState(defaultValue);
+    const [_selection, setSelection] = useState(selection);
     // Key
     const keyRef = useRef(itemKey);
     useEffect(() => {
         keyRef.current = registerItem(itemKey);
-        _onValueChange(selection ?? new Date());
+        _onValueChange(_selection ?? defaultValue ?? new Date());
     }, []);
     // Hooks
-    useEffect(() => setSelection(defaultValue), [defaultValue]);
+    useEffect(() => setSelection(selection), [selection]);
     const _onValueChange = useCallback((value) => {
         setSelection(value);
         store.values[keyRef.current ?? 0].set({
             value: value,
-            hasChanged: value.getTime() !== defaultValue?.getTime(),
+            hasChanged: value.getTime() !== selection?.getTime(),
             isValid: true,
         });
         onValueChange?.(value);
     }, []);
     return (<Section>
-			<DatePicker title={label} selection={selection} onDateChange={_onValueChange} modifiers={[environment('locale', 'es_ES')]} range={{
+			<DatePicker title={label} selection={_selection ?? defaultValue} onDateChange={_onValueChange} modifiers={[environment('locale', 'es_ES')]} range={{
             start: minDate,
             end: maxDate,
         }}/>

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

@@ -5,38 +5,38 @@ import { useApp } from '../../../../../libs/providers/App';
 import Formats from '../../../../../libs/constants/formats';
 import { usePage } from '../../context/page';
 import Colors from '../../../../../libs/constants/colors';
-export default memo(({ itemKey, label, defaultValue, minDate, maxDate, onValueChange, }) => {
+export default memo(({ itemKey, label, selection, defaultValue, minDate, maxDate, onValueChange, }) => {
     const { colorScheme } = useApp();
     const { store, registerItem } = usePage();
-    const [selection, setSelection] = useState(defaultValue ?? new Date());
+    const [_selection, setSelection] = useState(selection ?? defaultValue ?? new Date());
     const inputRef = useRef(null);
     // Key
     const keyRef = useRef(itemKey);
     useEffect(() => {
         keyRef.current = registerItem(itemKey);
-        _onValueChange(Formats.dateToTextFormat(selection, 'yyyy-MM-dd'));
+        _onValueChange(Formats.dateToTextFormat(_selection, 'yyyy-MM-dd'));
     }, []);
     // Hooks
     useEffect(() => {
-        setSelection(defaultValue ?? new Date());
-        if (defaultValue === undefined)
-            _onValueChange(Formats.dateToTextFormat(selection, 'yyyy-MM-dd'));
-    }, [defaultValue]);
+        setSelection(selection ?? defaultValue ?? new Date());
+        if (selection === undefined)
+            _onValueChange(Formats.dateToTextFormat(_selection, 'yyyy-MM-dd'));
+    }, [selection]);
     const _onValueChange = useCallback((value_str) => {
         const [year, month, day] = value_str.split('-').map(Number);
         const value = new Date(year, month - 1, day);
         setSelection(value);
         store.values[keyRef.current ?? 0].set({
             value: value,
-            hasChanged: value.getTime() !== defaultValue?.getTime(),
+            hasChanged: value.getTime() !== selection?.getTime(),
             isValid: true,
         });
         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={{
+                        <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,

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

@@ -8,7 +8,12 @@ type Props = {
     */
     label?: string;
     /**
-        Default value of the date picker.
+        Selection of the date picker.
+    */
+    selection?: Date;
+    /**
+        The value that applies when selection is undefined.
+        @default Date()
     */
     defaultValue?: Date;
     /**

package/package.json

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