@zydon/common 2.0.4 → 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/dist/components/form/Webhook/index.mjs

@@ -5,15 +5,15 @@ import '../../../chunk-D6NU2WRK.mjs';
 import { a as a$1 } from '../../../chunk-QHCGLZFD.mjs';
 import '../../../chunk-KLIYANST.mjs';
 import { useFormContext, useFieldArray } from 'react-hook-form';
-import w from '@mui/material/Divider';
+import D from '@mui/material/Divider';
 import T from '@mui/material/IconButton';
 import q from '@mui/material/InputAdornment';
 import l from '@mui/material/Stack';
 import O from '@mui/material/Typography';
-import x from '@mui/material/Alert';
+import I from '@mui/material/Alert';
 import { styled, alpha } from '@mui/material/styles';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var s=[{label:"XML",value:"XML"},{label:"JSON",value:"JSON"},{label:"BYTEA",value:"BYTEA"}],c=[{label:"GET",value:"GET"},{label:"POST",value:"POST"},{label:"DELETE",value:"DELETE"},{label:"PUT",value:"PUT"}];var b=styled(T)(({theme:o})=>({svg:{color:`${o.palette.primary.main} !important`}}));styled(T)(()=>({height:"38px",alignSelf:"center"}));var y=styled(O)(()=>({textDecoration:"underline",fontWeight:"600",cursor:"pointer"})),h=styled(x)(({theme:o})=>({backgroundColor:`${alpha(o.palette.primary.main,.03)}`,border:`1px solid ${alpha(o.palette.primary.main,.4)}`,flexDirection:"row",alignItems:"center",padding:"2px 12px",gap:8,borderRadius:8,marginBottom:16,"& svg":{color:o.palette.primary.main}}));var W=()=>{let o=()=>{let a="https://ajuda.zydon.com.br/pt-BR/articles/9180603-sobre-webhooks";window.open(a,"_blank");};return jsx(h,{severity:"info",children:jsxs(O,{color:"grey",variant:"caption",children:["Webhooks permitem que servi\xE7os externos sejam notificados quando determinados eventos acontecem. Saiba mais"," ",jsx(y,{variant:"caption",color:"primary",onClick:()=>o(),children:"acessando a documenta\xE7\xE3o do Webhook"})]})})},g=W;var U=({webhookData:o,isEditing:a$4=!1,haveTip:S=!1})=>{let{control:k}=useFormContext(),{fields:E,append:A,remove:C}=useFieldArray({name:"headers",control:k}),I=()=>{A({value:"",name:""});};return jsxs(Fragment,{children:[S&&jsx(g,{}),a$4&&jsx(a,{name:"name",label:"Nome do webhook"}),jsxs(l,{direction:"row",gap:2,children:[jsx(a,{name:"url",label:"URL de endpoint",rules:{required:{value:!0,message:"Url \xE9 obrigat\xF3rio"}}}),jsx(a,{name:"filter",label:"Filtro"})]}),a$4&&o&&jsxs(Fragment,{children:[jsx(a,{variant:"filled",name:"solution",label:"Solu\xE7\xE3o",disabled:!0}),jsxs(l,{direction:"row",gap:2,children:[jsx(a,{variant:"filled",name:"resource",label:"Origem",disabled:!0}),jsx(a,{variant:"filled",name:"resourceID",label:"ID origem",disabled:!0,InputProps:{endAdornment:jsx(q,{position:"end",children:jsx(b,{onClick:()=>navigator.clipboard.writeText(o.resourceID),children:jsx(a$1,{className:"copyIcon",icon:"COPY_CONTENT"})})})}}),jsx(a,{variant:"filled",name:"event",label:"Evento",disabled:!0})]})]}),jsxs(l,{direction:"row",gap:2,alignItems:"center",children:[jsx(a$2,{fullWidth:!0,options:s,name:"content_type",label:"Tipo de conte\xFAdo",required:!0,rules:{required:{value:!0,message:"Campo Tipo de conte\xFAdo \xE9 obrigat\xF3rio"}}}),jsx(a$2,{fullWidth:!0,options:c,name:"http_method",label:"M\xE9todo HTTP",required:!0,rules:{required:{value:!0,message:"Campo M\xE9todo HTTP \xE9 obrigat\xF3rio"}}})]}),jsx(O,{variant:"overline",color:"grey",children:"Cabe\xE7alho"}),E?.map((P,i)=>jsxs(l,{direction:"row",gap:2,alignItems:"center",children:[jsx(a,{name:`headers.${i}.name`,label:"Chave",required:!0,rules:{required:{value:!0,message:""}}}),jsx(a,{name:`headers.${i}.value`,label:"Valor"}),jsx(T,{color:"error",onClick:()=>C(i),children:jsx(a$1,{icon:"DELETE_MARK_BUTTON_02"})})]},P.id)),jsx(a$3,{actionType:"NEW",size:"large",variant:"outlined",color:"inherit",fullWidth:!0,onClick:()=>I(),children:"Adicionar novo cabe\xE7alho"}),jsx(w,{})]})},se=U;
+var s=[{label:"XML",value:"XML"},{label:"JSON",value:"JSON"},{label:"BYTEA",value:"BYTEA"}],c=[{label:"GET",value:"GET"},{label:"POST",value:"POST"},{label:"DELETE",value:"DELETE"},{label:"PUT",value:"PUT"}];var b=styled(T)(({theme:o})=>({svg:{color:`${o.palette.primary.main} !important`}}));styled(T)(()=>({height:"38px",alignSelf:"center"}));var y=styled(O)(()=>({textDecoration:"underline",fontWeight:"600",cursor:"pointer"})),h=styled(I)(({theme:o})=>({backgroundColor:`${alpha(o.palette.primary.main,.03)}`,border:`1px solid ${alpha(o.palette.primary.main,.4)}`,flexDirection:"row",alignItems:"center",padding:"2px 12px",gap:8,borderRadius:8,marginBottom:16,"& svg":{color:o.palette.primary.main}}));var W=()=>{let o=()=>{let a="https://ajuda.zydon.com.br/pt-BR/articles/9180603-sobre-webhooks";window.open(a,"_blank");};return jsx(h,{severity:"info",children:jsxs(O,{color:"grey",variant:"caption",children:["Webhooks permitem que servi\xE7os externos sejam notificados quando determinados eventos acontecem. Saiba mais"," ",jsx(y,{variant:"caption",color:"primary",onClick:()=>o(),children:"acessando a documenta\xE7\xE3o do Webhook"})]})})},g=W;var _=({webhookData:o,isEditing:a$4=!1,haveTip:S=!1})=>{let{control:k}=useFormContext(),{fields:E,append:A,remove:C}=useFieldArray({name:"headers",control:k}),P=()=>{A({value:"",name:""});};return jsxs(Fragment,{children:[S&&jsx(g,{}),a$4&&jsx(a,{name:"name",label:"Nome do webhook"}),jsxs(l,{direction:"row",gap:2,children:[jsx(a,{name:"url",label:"URL de endpoint",rules:{required:{value:!0,message:"Url \xE9 obrigat\xF3rio"}}}),jsx(a,{name:"filter",label:"Filtro"})]}),a$4&&o&&jsxs(Fragment,{children:[jsx(a,{variant:"filled",name:"solution",label:"Solu\xE7\xE3o",disabled:!0}),jsxs(l,{direction:"row",gap:2,children:[jsx(a,{variant:"filled",name:"resource",label:"Origem",disabled:!0}),jsx(a,{variant:"filled",name:"resource_id",label:"ID origem",disabled:!0,InputProps:{endAdornment:jsx(q,{position:"end",children:jsx(b,{onClick:()=>navigator.clipboard.writeText(o.resource_id),children:jsx(a$1,{className:"copyIcon",icon:"COPY_CONTENT"})})})}}),jsx(a,{variant:"filled",name:"event",label:"Evento",disabled:!0})]})]}),jsxs(l,{direction:"row",gap:2,alignItems:"center",children:[jsx(a$2,{fullWidth:!0,options:s,name:"content_type",label:"Tipo de conte\xFAdo",required:!0,rules:{required:{value:!0,message:"Campo Tipo de conte\xFAdo \xE9 obrigat\xF3rio"}}}),jsx(a$2,{fullWidth:!0,options:c,name:"http_method",label:"M\xE9todo HTTP",required:!0,rules:{required:{value:!0,message:"Campo M\xE9todo HTTP \xE9 obrigat\xF3rio"}}})]}),jsx(O,{variant:"overline",color:"grey",children:"Cabe\xE7alho"}),E?.map((x,i)=>jsxs(l,{direction:"row",gap:2,alignItems:"center",children:[jsx(a,{name:`headers.${i}.name`,label:"Chave",required:!0,rules:{required:{value:!0,message:""}}}),jsx(a,{name:`headers.${i}.value`,label:"Valor"}),jsx(T,{color:"error",onClick:()=>C(i),children:jsx(a$1,{icon:"DELETE_MARK_BUTTON_02"})})]},x.id)),jsx(a$3,{actionType:"NEW",size:"large",variant:"outlined",color:"inherit",fullWidth:!0,onClick:()=>P(),children:"Adicionar novo cabe\xE7alho"}),jsx(D,{})]})},se=_;
 
 export { se as default };

package/dist/types/webhook.d.ts

@@ -2,7 +2,7 @@ interface WebhookType {
     id: string;
     name: string;
     resource: string;
-    resourceID: string;
+    resource_id: string;
     event: string;
     content_type: ContentTypeStatus;
     url: string;

package/package.json

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