@zydon/common 2.0.5 → 2.0.6

package/dist/components/form/DatePicker/index.d.ts

@@ -5,11 +5,12 @@ import { Dayjs } from 'dayjs';
 import { BaseField } from '../../../types/baseField.js';
 import 'react-hook-form';
 
-type DatePickerProps = BaseField<Omit<DatePickerProps$1<Dayjs>, 'value'>> & {
+type DatePickerProps = BaseField<Omit<DatePickerProps$1<Dayjs>, 'value' | 'onChange'>> & {
     tabIndex?: number;
     helperText?: ReactNode;
     required?: boolean;
     value?: Date | null | undefined;
+    onChange(value: Date | null | undefined): void;
 };
 
 declare const DatePicker: ({ name, rules, tabIndex, helperText, required, ...other }: DatePickerProps) => react_jsx_runtime.JSX.Element;

package/dist/components/form/DatePicker/index.mjs

@@ -1,8 +1,8 @@
 import { useFormContext, Controller } from 'react-hook-form';
 import { DatePicker } from '@mui/x-date-pickers-pro';
-import k from 'dayjs';
+import C from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
 
-var d=({name:p,rules:s,tabIndex:t,helperText:i,required:n,...o})=>{let{control:u}=useFormContext();return jsx(Controller,{name:p,control:u,rules:s,render:({field:{ref:m,onChange:f,...e},fieldState:{error:r}})=>jsx(DatePicker,{inputRef:m,format:"DD/MM/YYYY",...e,...o,value:e.value?k(e.value):null,onChange:l=>f(l?l.toDate():null),slotProps:{textField:{...o.slotProps?.textField,required:n,error:!!r,helperText:r?.message||i,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}})})},x=d;
+var d=({name:s,rules:p,tabIndex:o,helperText:u,required:i,...e})=>{let{control:m}=useFormContext();return jsx(Controller,{name:s,control:m,rules:p,render:({field:{ref:c,onChange:f,...t},fieldState:{error:r}})=>jsx(DatePicker,{inputRef:c,format:"DD/MM/YYYY",...t,...e,value:t.value?C(t.value):null,onChange:l=>{let a=l?l.toDate():null;f(a),e.onChange(a);},slotProps:{textField:{...e.slotProps?.textField,required:i,error:!!r,helperText:r?.message||u,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}})})},x=d;
 
 export { x as default };

package/dist/components/form/DateRangePicker/index.d.ts

@@ -5,7 +5,13 @@ import { Dayjs } from 'dayjs';
 import { BaseField } from '../../../types/baseField.js';
 import 'react-hook-form';
 
-type DateRangePickerProps = BaseField<DateRangePickerProps$1<Dayjs>> & {
+type DateRange = {
+    startDate?: Date | null | undefined;
+    endDate?: Date | null | undefined;
+};
+type DateRangePickerProps = BaseField<Omit<DateRangePickerProps$1<Dayjs>, 'value' | 'onChange'>> & {
+    value?: DateRange;
+    onChange(value?: DateRange): void;
     tabIndex?: number;
     helperText?: ReactNode;
     required?: boolean;

package/dist/components/form/DateRangePicker/index.mjs

@@ -1,8 +1,8 @@
 import { useFormContext, Controller } from 'react-hook-form';
 import { DateRangePicker } from '@mui/x-date-pickers-pro';
-import l from 'dayjs';
+import s from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
 
-var k=({name:r,label:o,rules:i,tabIndex:D,helperText:d,required:p,...a})=>{let{control:f,setError:m}=useFormContext();return jsx(Controller,{name:r,control:f,rules:i,render:({field:{value:t,onChange:u},fieldState:{error:n}})=>jsx(DateRangePicker,{format:"DD/MM/YYYY",value:[t?.startDate?l(t.startDate):null,t?.endDate?l(t.endDate):null],onChange:e=>u({startDate:e[0]?e[0].toDate():null,endDate:e[1]?e[1].toDate():null}),onError:e=>{m(r,{message:e[0]||e[1]||void 0});},...a,slotProps:{textField:({position:e})=>({...a.slotProps?.textField,required:p,error:!!n,helperText:n?.message||d,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:e==="start"?`${o} (Dt. In\xEDcio)`:`${o} (Dt. Fim)`,inputProps:{tabIndex:D}})},sx:{width:1}})})},h=k;
+var C=({name:o,label:a,rules:D,tabIndex:d,helperText:p,required:f,...r})=>{let{control:m,setError:u}=useFormContext();return jsx(Controller,{name:o,control:m,rules:D,render:({field:{value:t,onChange:c},fieldState:{error:n}})=>jsx(DateRangePicker,{...r,format:"DD/MM/YYYY",value:[t?.startDate?s(t.startDate):null,t?.endDate?s(t.endDate):null],onChange:e=>{let l={startDate:e[0]?e[0].toDate():null,endDate:e[1]?e[1].toDate():null};c(l),r.onChange(l);},onError:e=>{u(o,{message:e[0]||e[1]||void 0});},slotProps:{textField:({position:e})=>({...r.slotProps?.textField,required:f,error:!!n,helperText:n?.message||p,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:e==="start"?`${a} (Dt. In\xEDcio)`:`${a} (Dt. Fim)`,inputProps:{tabIndex:d}})},sx:{width:1}})})},F=C;
 
-export { h as default };
+export { F as default };

package/dist/components/form/DateTimePicker/index.d.ts

@@ -5,11 +5,12 @@ import { Dayjs } from 'dayjs';
 import { BaseField } from '../../../types/baseField.js';
 import 'react-hook-form';
 
-type DateTimePickerProps = BaseField<Omit<DateTimePickerProps$1<Dayjs>, 'value'>> & {
+type DateTimePickerProps = BaseField<Omit<DateTimePickerProps$1<Dayjs>, 'value' | 'onChange'>> & {
     tabIndex?: number;
     helperText?: ReactNode;
     required?: boolean;
     value?: Date | null | undefined;
+    onChange(value: Date | null | undefined): void;
 };
 
 declare const DateTimePicker: ({ name, rules, tabIndex, helperText, required, ...other }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;

package/dist/components/form/DateTimePicker/index.mjs

@@ -1,8 +1,8 @@
 import { useFormContext, Controller } from 'react-hook-form';
 import { DateTimePicker } from '@mui/x-date-pickers-pro';
-import k from 'dayjs';
+import C from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
 
-var T=({name:m,rules:a,tabIndex:t,helperText:p,required:s,...o})=>{let{control:n}=useFormContext();return jsx(Controller,{name:m,control:n,rules:a,render:({field:{ref:u,onChange:f,...e},fieldState:{error:r}})=>jsx(DateTimePicker,{format:"DD/MM/YYYY HH:mm",inputRef:u,...e,...o,value:e.value?k(e.value):null,onChange:l=>f(l?l.toDate():null),slotProps:{textField:{...o.slotProps?.textField,required:s,error:!!r,helperText:r?.message||p,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}})})},h=T;
+var T=({name:m,rules:n,tabIndex:o,helperText:s,required:p,...e})=>{let{control:u}=useFormContext();return jsx(Controller,{name:m,control:u,rules:n,render:({field:{ref:c,onChange:f,...t},fieldState:{error:r}})=>jsx(DateTimePicker,{format:"DD/MM/YYYY HH:mm",inputRef:c,...t,...e,value:t.value?C(t.value):null,onChange:l=>{let i=l?l.toDate():null;f(i),e.onChange(i);},slotProps:{textField:{...e.slotProps?.textField,required:p,error:!!r,helperText:r?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}})})},h=T;
 
 export { h as default };

package/dist/components/form/TimePicker/index.d.ts

@@ -5,11 +5,12 @@ import { Dayjs } from 'dayjs';
 import { BaseField } from '../../../types/baseField.js';
 import 'react-hook-form';
 
-type TimePickerProps = BaseField<Omit<TimePickerProps$1<Dayjs>, 'components' | 'value'>> & {
+type TimePickerProps = BaseField<Omit<TimePickerProps$1<Dayjs>, 'components' | 'value' | 'onChange'>> & {
     tabIndex?: number;
     helperText?: ReactNode;
     required?: boolean;
     value?: Date | null | undefined;
+    onChange(value: Date | null | undefined): void;
 };
 
 declare const TimePicker: ({ name, rules, tabIndex, helperText, required, ...other }: TimePickerProps) => react_jsx_runtime.JSX.Element;

package/dist/components/form/TimePicker/index.mjs

@@ -3,6 +3,6 @@ import { TimePicker } from '@mui/x-date-pickers-pro';
 import T from 'dayjs';
 import { jsx } from 'react/jsx-runtime';
 
-var d=({name:i,rules:p,tabIndex:o,helperText:s,required:n,...r})=>{let{control:u}=useFormContext();return jsx(Controller,{name:i,control:u,rules:p,render:({field:{ref:a,onChange:f,...e},fieldState:{error:t}})=>jsx(TimePicker,{ampm:!1,format:"HH:mm",inputRef:a,...e,...r,value:e.value?T(e.value):null,onChange:l=>f(l?l.toDate():null),slotProps:{textField:{...r.slotProps?.textField,error:!!t,required:n,helperText:t?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:o}},openPickerButton:{tabIndex:o}}})})},F=d;
+var d=({name:n,rules:s,tabIndex:t,helperText:p,required:a,...e})=>{let{control:u}=useFormContext();return jsx(Controller,{name:n,control:u,rules:s,render:({field:{ref:f,onChange:c,...o},fieldState:{error:r}})=>jsx(TimePicker,{ampm:!1,format:"HH:mm",inputRef:f,...o,...e,value:o.value?T(o.value):null,onChange:l=>{let m=l?l.toDate():null;c(m),e.onChange(m);},slotProps:{textField:{...e.slotProps?.textField,error:!!r,required:a,helperText:r?.message||p,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}})})},F=d;
 
 export { F as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "license": "MIT",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",