native-pytech 1.0.175 → 1.0.176

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, }: Props) => import("react").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ itemKey, label, 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, }: Props) => import("react").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ itemKey, label, defaultValue, minDate, maxDate, onValueChange, }: Props) => import("react").JSX.Element>;
 export default _default;

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

@@ -2,7 +2,7 @@ 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 = new Date(new Date().setFullYear(new Date().getFullYear() - 100)), maxDate = new Date(), }) => {
+export default memo(({ itemKey, label, defaultValue, minDate = new Date(new Date().setFullYear(new Date().getFullYear() - 100)), maxDate = new Date(), onValueChange, }) => {
     const { store, registerItem } = usePage();
     const [selection, setSelection] = useState(defaultValue);
     // Key
@@ -12,16 +12,17 @@ export default memo(({ itemKey, label, defaultValue, minDate = new Date(new Date
     }, []);
     // Hooks
     useEffect(() => setSelection(defaultValue), [defaultValue]);
-    const onValueChange = useCallback((value) => {
+    const _onValueChange = useCallback((value) => {
         setSelection(value);
         store.values[keyRef.current ?? 0].set({
             value: value,
             hasChanged: value.getTime() !== defaultValue?.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} onDateChange={_onValueChange} modifiers={[environment('locale', 'es_ES')]} range={{
             start: minDate,
             end: maxDate,
         }}/>

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

@@ -5,7 +5,7 @@ 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 = new Date(new Date().setFullYear(new Date().getFullYear() - 100)), maxDate = new Date(), }) => {
+export default memo(({ itemKey, label, defaultValue, minDate = new Date(new Date().setFullYear(new Date().getFullYear() - 100)), maxDate = new Date(), onValueChange, }) => {
     const { colorScheme } = useApp();
     const { store, registerItem } = usePage();
     const [selection, setSelection] = useState(defaultValue ?? new Date());
@@ -19,9 +19,9 @@ export default memo(({ itemKey, label, defaultValue, minDate = new Date(new Date
     useEffect(() => {
         setSelection(defaultValue ?? new Date());
         if (defaultValue === undefined)
-            onValueChange(Formats.dateToTextFormat(selection, 'yyyy-MM-dd'));
+            _onValueChange(Formats.dateToTextFormat(selection, 'yyyy-MM-dd'));
     }, [defaultValue]);
-    const onValueChange = useCallback((value_str) => {
+    const _onValueChange = useCallback((value_str) => {
         const [year, month, day] = value_str.split('-').map(Number);
         const value = new Date(year, month - 1, day);
         setSelection(value);
@@ -30,11 +30,12 @@ export default memo(({ itemKey, label, defaultValue, minDate = new Date(new Date
             hasChanged: value.getTime() !== defaultValue?.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={{
+                        <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

@@ -21,5 +21,9 @@ type Props = {
         @default today
     */
     maxDate?: Date;
+    /**
+        Callback function to be called when the value changes.
+    */
+    onValueChange?: (value: Date) => void;
 };
 export default Props;

package/package.json

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