@loja-integrada/admin-components 1.0.23 → 1.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-NJVMNS6O.js +14 -0
- package/dist/forms/Calendar/Calendar.client.d.ts +8 -0
- package/dist/forms/Calendar/constants.d.ts +1 -0
- package/dist/forms/Calendar/index.js +1 -1
- package/dist/forms/index.js +1 -1
- package/dist/index.js +1 -1
- package/dist/navigation/Pagination/index.js +1 -1
- package/dist/navigation/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-KABHIGQ4.js +0 -14
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { b } from './chunk-2JW67CO5.js';
|
|
2
|
+
import { a as a$1 } from './chunk-OWG2V7MG.js';
|
|
3
|
+
import { a as a$2 } from './chunk-HHPP5PSK.js';
|
|
4
|
+
import { a } from './chunk-HQ53LHR2.js';
|
|
5
|
+
import { subDays, subMonths, addDays, parse, isBefore, isValid, isWithinInterval, isEqual, isAfter, format } from 'date-fns';
|
|
6
|
+
import { ptBR } from 'date-fns/locale/pt-BR';
|
|
7
|
+
import k, { useState, useRef, useEffect } from 'react';
|
|
8
|
+
import De, { registerLocale } from 'react-datepicker';
|
|
9
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
10
|
+
|
|
11
|
+
function je(f){let[c,g]=useState(!1);return useEffect(()=>{let n=window.matchMedia(f);n.matches!==c&&g(n.matches);let l=()=>{g(n.matches);};return typeof n.addEventListener=="function"?n.addEventListener("change",l):n.addListener(l),()=>{typeof n.removeEventListener=="function"?n.removeEventListener("change",l):n.removeListener(l);}},[c,f]),c}var fe=()=>je("(min-width: 1024px)");var te={id:"ontem",label:"Ontem",value:1},re={id:"7-dias",label:"7 dias",value:7},ae={id:"30-dias",label:"30 dias",value:30},R={id:"selecionar-periodo",label:"Selecionar per\xEDodo",icon:"calendarAlt"},ie=[te,re,ae,R],S=["Janeiro","Fevereiro","Mar\xE7o","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],ge=100,T=200,be=29;var oe=(f,c,g,n,l)=>{let p=f.setHours(0,0,0,0),C=g.setHours(0,0,0,0),d=n.setHours(0,0,0,0);if(l==="start"){if(p===C)return "!bg-primary !rounded-l !rounded-r !text-base-1 !font-bold before:left-5";if(p===d)return "!rounded-r"}if(l==="end"){if(p===d)return "!bg-primary !rounded-l !rounded-r !text-base-1 !font-bold before:right-5";if(p===C)return "!rounded-l"}return c?p<C||p>d?"!bg-base-1 hover:!rounded-l hover:!rounded-r hover:!bg-primary hover:!text-base-1 hover:!font-bold":"hover:!text-base-1 hover:font-bold":""},L=f=>S[f].slice(0,3).toUpperCase(),xe=(f,c)=>{let g=f.getDate(),n=c.getDate(),l=S[f.getMonth()],p=S[c.getMonth()];return g===n&&l===p?`${g} de ${l} `:`${g} de ${l} - ${n} de ${p}`};var ne=De.default??De;registerLocale("pt-BR",ptBR);var Ge=new Date,bt=k.memo(({className:f="",periods:c=ie,prevMonths:g=3,position:n="left",disabled:l=!1,maxInterval:p=be,onDatesChange:C,today:d=Ge,testOnDesktop:Ce=!1})=>{let M=k.useMemo(()=>subDays(d,1),[d]),de=k.useMemo(()=>subDays(M,30),[M]),m=k.useMemo(()=>subMonths(d,g),[d,g]),_=k.useMemo(()=>M,[M]),[P,U]=useState(c[0].id),[Me,E]=useState(!1),[a$3,x]=useState(subDays(d,c[0].value||30)),[i,N]=useState(M),[V,pe]=useState(!1),[q,le]=useState(!1),[I,u]=useState(!1),[Ne,j]=useState(0),[Ie,F]=useState(0),[Te,_e]=useState(0),[Pe,J]=useState(0),[Ee,Oe]=useState(0),[Re,O]=useState(T),se=useRef(null),me=useRef(null),v=useRef([]),Se=fe(),X=Ce||Se;useEffect(()=>{U(c[0].id);},[]),useEffect(()=>{let e=document.getElementById(c[0].id);e!==void 0&&(j(e?.offsetLeft||0),F(e?.offsetTop||0),_e(e?.offsetHeight||0),J(e?.offsetWidth||0));},[c]),useEffect(()=>{Oe(document.getElementById(R.id)?.offsetWidth||0);},[a$3,i]),useEffect(()=>{let e=t=>{X?se.current?.contains(t.target)||(E(!1),O(T)):me.current?.contains(t.target)||(E(!1),O(T));};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e);}},[X]),useEffect(()=>{let e=c.findIndex(t=>t.id===P);j(v.current[e]?.offsetLeft||0),F(v.current[e]?.offsetTop||0),J(v.current[e]?.offsetWidth||0);},[P,c]);let ke=k.useCallback((e,t,o,s,Q)=>{let H=e.setHours(0,0,0,0),K=t.setHours(0,0,0,0),Z=o.setHours(0,0,0,0),$e=subDays(s,7).setHours(0,0,0,0),We=addDays(Q,1).setHours(0,0,0,0);if(I){if(H===K&&H===Z)return O(T),u(!1),te.id;if(H===$e&&K===Z)return O(T),u(!1),re.id;if(H===We&&K===Z)return O(T),u(!1),ae.id}return O(ge),R.id},[I]),ze=k.useCallback((e,t)=>{if(e==P)return;if(U(e),!t){E(!0);return}let o=subDays(d,t);x(o),N(_),u(!1),C(o,_);},[d,_,P]);useEffect(()=>{c===ie&&I&&U(ke(a$3,i,M,d,de));},[a$3,i,I,ke,de,c,d,M]);let qe=k.useCallback(e=>{let t=parse(e,"dd/MM/yyyy",d);if(isBefore(t,m)){x(m);return}let o=subDays(i,p);if(isBefore(t,o)){let s=addDays(t,p);N(s);return}isValid(t)&&isWithinInterval(t,{start:m,end:_})&&(!isBefore(t,i)&&!isEqual(t,i)||x(t));},[d,m,_,i]),He=k.useCallback(e=>{if(pe(!1),isBefore(e,m)){x(m),u(!0);return}if(isBefore(i,e)){x(e),N(e),u(!0);return}x(e),u(!0);},[m,i]),Ae=k.useCallback(e=>{let t=parse(e,"dd/MM/yyyy",d);if(isAfter(t,_)){N(_);return}let o=addDays(a$3,p);if(isBefore(o,t)){let s=subDays(t,p);x(s);return}isValid(t)&&isWithinInterval(t,{start:m,end:_})&&(!isBefore(a$3,t)&&!isEqual(a$3,t)||N(t));},[d,m,_,a$3]),Le=k.useCallback(e=>{le(!1),u(!0),N(e);},[]),Be=k.useCallback(e=>{let[t,o]=e;x(t);let s=addDays(t,p);isAfter(o,s)&&x(subDays(o,p)),N(o),u(!!(t&&o));},[]),he=k.useCallback((e,t)=>{if(t==="start"){if(!isValid(e)||!isWithinInterval(e,{start:m,end:_})||!isBefore(e,i)&&!isEqual(e,i))return !1}else if(!isValid(e)||!isWithinInterval(e,{start:m,end:_})||!isBefore(a$3,e)&&!isEqual(a$3,e))return !1;return !0},[m,_,a$3,i]),Ye=(e,t)=>{j(v.current[e]?.offsetLeft||0),F(v.current[e]?.offsetTop||0),_e(v.current[e]?.offsetHeight||0),J(v.current[e]?.offsetWidth||0),ze(t.id,t.value);},G=(e,t,o,s,Q)=>jsxs("div",{className:"flex justify-between",children:[jsx("div",{className:"cursor-pointer",onClick:s,children:jsx(a,{icon:"angleLeft",size:4})}),jsxs("div",{className:"flex items-center justify-center gap-x-2",children:[jsxs("span",{className:"font-bold text-inverted-2",children:[S[t.getMonth()]," ",e.getFullYear()]}),jsx("div",{className:"cursor-pointer",onClick:()=>o==="start"?pe(!V):le(!q),children:jsx(a,{icon:"angleDown",size:4,className:`transition duration-300 ${(o==="start"?V:q)&&"rotate-180"}
|
|
12
|
+
`})})]}),jsx("div",{className:"cursor-pointer",onClick:Q,children:jsx(a,{icon:"angleRight",size:4})})]});return jsxs("div",{className:`relative ${f} ${l?"pointer-events-none opacity-50":""}`,children:[jsxs("div",{className:"relative flex flex-wrap gap-2",children:[c.map((e,t)=>jsx("div",{id:e.id,ref:o=>v.current[t]=o,children:jsxs("button",{type:"button",disabled:l,className:`text-f6 flex items-center gap-x-2 rounded-md p-2 font-semibold ${l?"":"hover:text-primary-dark"} ${P===e.id?"text-primary-dark":"text-inverted-2"} transition-colors duration-200`,onClick:()=>Ye(t,e),children:[e.icon?jsx(a,{icon:e.icon,size:4}):null,e.id===R.id&&I?xe(a$3,i):e.label]})},e.id)),jsx("div",{className:"absolute -z-1 rounded bg-primary-light transition-all ease-out",style:{left:`${Ne}px`,top:`${Ie}px`,height:`${Te}px`,width:`${P===R.id?Ee:Pe}px`,transitionDuration:`${Re}ms`}})]}),Me?jsx(Fragment,{children:X?jsxs("div",{id:"customPeriod",ref:se,className:`absolute top-full ${n}-0 z-10 flex flex-col gap-y-6 rounded border border-card-stroke bg-base-1 px-5 py-6 shadow`,children:[jsxs("div",{className:"flex gap-x-6",children:[jsx(a$1,{id:"startDateInput",formGroupClassName:"w-full",formatValue:"date",prefix:jsx(a,{icon:"calendarAlt"}),prefixBorder:!1,value:format(a$3,"dd/MM/yyyy"),onChange:e=>qe(e.target.value)}),jsx(a$1,{id:"endDateInput",formGroupClassName:"w-full",formatValue:"date",prefix:jsx(a,{icon:"calendarAlt"}),prefixBorder:!1,value:format(i,"dd/MM/yyyy"),onChange:e=>Ae(e.target.value)})]}),jsxs("div",{className:"flex gap-x-6",children:[jsx("div",{id:"startCalendar",children:jsx(ne,{selected:a$3,onChange:e=>{e!=null&&He(e);},locale:"pt-BR",selectsStart:!0,startDate:a$3,endDate:i,minDate:m,maxDate:_,renderMonthContent:e=>L(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:o,increaseMonth:s})=>G(t,e,"start",o,s),showMonthYearPicker:V,showFourColumnMonthYearPicker:!0,inline:!0,dayClassName:e=>oe(e,he(e,"start"),a$3,i,"start")})}),jsx("div",{id:"endCalendar",children:jsx(ne,{selected:i,onChange:e=>{e!=null&&Le(e);},locale:"pt-BR",selectsEnd:!0,startDate:a$3,endDate:i,minDate:a$3,maxDate:_,renderMonthContent:e=>L(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:o,increaseMonth:s})=>G(t,e,"end",o,s),showMonthYearPicker:q,showFourColumnMonthYearPicker:!0,inline:!0,dayClassName:e=>oe(e,he(e,"end"),a$3,i,"end")})})]}),jsx(a$2,{size:"small",disabled:!I||!a$3||!i,onClick:()=>{u(!0),C(a$3,i),E(!1);},children:"Aplicar"})]}):jsx("div",{ref:me,children:jsxs(b,{className:`absolute flex size-fit flex-col gap-y-8 p-8 ${n}-0`,children:[jsx(a$2,{onClick:()=>E(!1),variant:"onlyText",className:"size-fit",children:jsx(a,{icon:"arrowLeft",size:4})}),jsx("span",{className:"text-f4 font-semibold text-primary-bold",children:"Per\xEDodo personalizado"}),jsx(ne,{locale:"pt-BR",selected:a$3,selectsRange:!0,startDate:a$3,endDate:i,minDate:m,maxDate:_,onChange:Be,shouldCloseOnSelect:!1,startOpen:!0,inline:!0,renderMonthContent:e=>L(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:o,increaseMonth:s})=>G(t,e,"end",o,s),showMonthYearPicker:q,showFourColumnMonthYearPicker:!0}),jsx(a$2,{size:"small",disabled:!I||!a$3||!i,onClick:()=>{u(!0),C(a$3,i),E(!1);},children:"Aplicar"})]})})}):null]})});
|
|
13
|
+
|
|
14
|
+
export { bt as a };
|
|
@@ -25,6 +25,14 @@ interface CalendarProps {
|
|
|
25
25
|
* Side where calendar will open
|
|
26
26
|
* */
|
|
27
27
|
position?: 'left' | 'right';
|
|
28
|
+
/**
|
|
29
|
+
* Disable calendar or not
|
|
30
|
+
* */
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Max number of days between start and end dates
|
|
34
|
+
* */
|
|
35
|
+
maxInterval?: number;
|
|
28
36
|
/**
|
|
29
37
|
* Function triggered on each date change
|
|
30
38
|
* */
|
package/dist/forms/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../chunk-BQWNCDFV.js';
|
|
2
2
|
export { b as Select, a as SelectComponent } from '../chunk-HZACKBIW.js';
|
|
3
3
|
export { a as Dropdown } from '../chunk-I757C3JI.js';
|
|
4
|
-
export { a as Calendar } from '../chunk-
|
|
4
|
+
export { a as Calendar } from '../chunk-NJVMNS6O.js';
|
|
5
5
|
import '../chunk-DBWOW4GL.js';
|
|
6
6
|
import '../chunk-2JW67CO5.js';
|
|
7
7
|
import '../chunk-3BKW5XAK.js';
|
package/dist/index.js
CHANGED
|
@@ -12,7 +12,7 @@ export { a as Badge } from './chunk-72QPS6JN.js';
|
|
|
12
12
|
export { a as Tag } from './chunk-7TKVMHZG.js';
|
|
13
13
|
export { b as ToastContainer, a as notify } from './chunk-EHRQIKSI.js';
|
|
14
14
|
export { a as Tooltip } from './chunk-TZI6YTCW.js';
|
|
15
|
-
export { a as Calendar } from './chunk-
|
|
15
|
+
export { a as Calendar } from './chunk-NJVMNS6O.js';
|
|
16
16
|
import './chunk-DBWOW4GL.js';
|
|
17
17
|
export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from './chunk-2JW67CO5.js';
|
|
18
18
|
export { a as Container, b as ContainerHeader } from './chunk-3BKW5XAK.js';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import '../../chunk-BQWNCDFV.js';
|
|
3
3
|
import '../../chunk-HZACKBIW.js';
|
|
4
4
|
import '../../chunk-I757C3JI.js';
|
|
5
|
-
import '../../chunk-
|
|
5
|
+
import '../../chunk-NJVMNS6O.js';
|
|
6
6
|
import '../../chunk-DBWOW4GL.js';
|
|
7
7
|
import '../../chunk-2JW67CO5.js';
|
|
8
8
|
import '../../chunk-3BKW5XAK.js';
|
package/dist/navigation/index.js
CHANGED
|
@@ -6,7 +6,7 @@ export { a as Stepper } from '../chunk-I7PCF2VW.js';
|
|
|
6
6
|
import '../chunk-BQWNCDFV.js';
|
|
7
7
|
import '../chunk-HZACKBIW.js';
|
|
8
8
|
import '../chunk-I757C3JI.js';
|
|
9
|
-
import '../chunk-
|
|
9
|
+
import '../chunk-NJVMNS6O.js';
|
|
10
10
|
import '../chunk-DBWOW4GL.js';
|
|
11
11
|
import '../chunk-2JW67CO5.js';
|
|
12
12
|
import '../chunk-3BKW5XAK.js';
|
package/package.json
CHANGED
package/dist/chunk-KABHIGQ4.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { b } from './chunk-2JW67CO5.js';
|
|
2
|
-
import { a as a$1 } from './chunk-OWG2V7MG.js';
|
|
3
|
-
import { a as a$2 } from './chunk-HHPP5PSK.js';
|
|
4
|
-
import { a } from './chunk-HQ53LHR2.js';
|
|
5
|
-
import { subDays, subMonths, addDays, parse, isBefore, isValid, isWithinInterval, isEqual, isAfter, format } from 'date-fns';
|
|
6
|
-
import { ptBR } from 'date-fns/locale/pt-BR';
|
|
7
|
-
import s, { useState, useRef, useEffect } from 'react';
|
|
8
|
-
import ye, { registerLocale } from 'react-datepicker';
|
|
9
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
10
|
-
|
|
11
|
-
function Ye(k){let[c,h]=useState(!1);return useEffect(()=>{let n=window.matchMedia(k);n.matches!==c&&h(n.matches);let p=()=>{h(n.matches);};return typeof n.addEventListener=="function"?n.addEventListener("change",p):n.addListener(p),()=>{typeof n.removeEventListener=="function"?n.removeEventListener("change",p):n.removeListener(p);}},[c,k]),c}var ue=()=>Ye("(min-width: 1024px)");var Z={id:"ontem",label:"Ontem",value:1},ee={id:"7-dias",label:"7 dias",value:7},te={id:"30-dias",label:"30 dias",value:30},N={id:"selecionar-periodo",label:"Selecionar per\xEDodo",icon:"calendarAlt"},re=[Z,ee,te,N],T=["Janeiro","Fevereiro","Mar\xE7o","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],fe=100,w=200;var ae=(k,c,h,n,p)=>{let a=k.setHours(0,0,0,0),E=h.setHours(0,0,0,0),u=n.setHours(0,0,0,0);if(p==="start"){if(a===E)return "!bg-primary !rounded-l !rounded-r !text-base-1 !font-bold before:left-5";if(a===u)return "!rounded-r"}if(p==="end"){if(a===u)return "!bg-primary !rounded-l !rounded-r !text-base-1 !font-bold before:right-5";if(a===E)return "!rounded-l"}return c?a<E||a>u?"!bg-base-1 hover:!rounded-l hover:!rounded-r hover:!bg-primary hover:!text-base-1 hover:!font-bold":"hover:!text-base-1 hover:font-bold":""},A=k=>T[k].slice(0,3).toUpperCase(),ge=(k,c)=>{let h=k.getDate(),n=c.getDate(),p=T[k.getMonth()],a=T[c.getMonth()];return h===n&&p===a?`${h} de ${p} `:`${h} de ${p} - ${n} de ${a}`};var oe=ye.default??ye;registerLocale("pt-BR",ptBR);var Fe=new Date,ut=s.memo(({className:k="",periods:c=re,prevMonths:h=3,position:n="left",onDatesChange:p,today:a$3=Fe,testOnDesktop:E=!1})=>{let u=s.useMemo(()=>subDays(a$3,1),[a$3]),ce=s.useMemo(()=>subDays(u,30),[u]),l=s.useMemo(()=>subMonths(a$3,h),[a$3,h]),_=s.useMemo(()=>u,[u]),[S,$]=useState(c[0].id),[ve,O]=useState(!1),[i,v]=useState(subDays(a$3,c[0].value||30)),[o,C]=useState(u),[W,ne]=useState(!1),[q,de]=useState(!1),[M,f]=useState(!1),[we,U]=useState(0),[De,V]=useState(0),[Ce,pe]=useState(0),[Me,j]=useState(0),[Ie,Ne]=useState(0),[Te,I]=useState(w),le=useRef(null),_e=useRef(null),x=useRef([]),Pe=ue(),z=E||Pe;useEffect(()=>{$(c[0].id);},[]),useEffect(()=>{let e=document.getElementById(c[0].id);e!==void 0&&(U(e?.offsetLeft||0),V(e?.offsetTop||0),pe(e?.offsetHeight||0),j(e?.offsetWidth||0));},[c]),useEffect(()=>{Ne(document.getElementById(N.id)?.offsetWidth||0);},[i,o]),useEffect(()=>{let e=t=>{z?le.current?.contains(t.target)||(O(!1),I(w)):_e.current?.contains(t.target)||(O(!1),I(w));};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e);}},[z]),useEffect(()=>{let e=c.findIndex(t=>t.id===S);U(x.current[e]?.offsetLeft||0),V(x.current[e]?.offsetTop||0),j(x.current[e]?.offsetWidth||0);},[S,c]);let se=s.useCallback((e,t,d,b,J)=>{let H=e.setHours(0,0,0,0),G=t.setHours(0,0,0,0),X=d.setHours(0,0,0,0),He=subDays(b,7).setHours(0,0,0,0),Ae=addDays(J,1).setHours(0,0,0,0);if(M){if(H===G&&H===X)return I(w),f(!1),Z.id;if(H===He&&G===X)return I(w),f(!1),ee.id;if(H===Ae&&G===X)return I(w),f(!1),te.id}return I(fe),N.id},[M]),me=s.useCallback((e,t)=>{if($(e),!t){O(!0);return}let d=subDays(a$3,t);v(d),C(_),f(!1);},[a$3,_]);useEffect(()=>{c===re&&M&&$(se(i,o,u,a$3,ce)),z&&p(i,o);},[i,o,M,me,se,ce,p,c,a$3,u]);let Ee=s.useCallback(e=>{let t=parse(e,"dd/MM/yyyy",a$3);if(isBefore(t,l)){v(l);return}isValid(t)&&isWithinInterval(t,{start:l,end:_})&&(!isBefore(t,o)&&!isEqual(t,o)||v(t));},[a$3,l,_,o]),Oe=s.useCallback(e=>{if(ne(!1),isBefore(e,l)){v(l),f(!0);return}if(isBefore(o,e)){v(e),C(e),f(!0);return}v(e),f(!0);},[l,o]),Re=s.useCallback(e=>{let t=parse(e,"dd/MM/yyyy",a$3);if(isAfter(t,_)){C(_);return}isValid(t)&&isWithinInterval(t,{start:l,end:_})&&(!isBefore(i,t)&&!isEqual(i,t)||C(t));},[a$3,l,_,i]),Se=s.useCallback(e=>{de(!1),f(!0),C(e);},[]),qe=s.useCallback(e=>{let[t,d]=e;v(t),C(d),f(!!(t&&d));},[]),ke=s.useCallback((e,t)=>{if(t==="start"){if(!isValid(e)||!isWithinInterval(e,{start:l,end:_})||!isBefore(e,o)&&!isEqual(e,o))return !1}else if(!isValid(e)||!isWithinInterval(e,{start:l,end:_})||!isBefore(i,e)&&!isEqual(i,e))return !1;return !0},[l,_,i,o]),ze=(e,t)=>{U(x.current[e]?.offsetLeft||0),V(x.current[e]?.offsetTop||0),pe(x.current[e]?.offsetHeight||0),j(x.current[e]?.offsetWidth||0),me(t.id,t.value);},F=(e,t,d,b,J)=>jsxs("div",{className:"flex justify-between",children:[jsx("div",{className:"cursor-pointer",onClick:b,children:jsx(a,{icon:"angleLeft",size:4})}),jsxs("div",{className:"flex items-center justify-center gap-x-2",children:[jsxs("span",{className:"font-bold text-inverted-2",children:[T[t.getMonth()]," ",e.getFullYear()]}),jsx("div",{className:"cursor-pointer",onClick:()=>d==="start"?ne(!W):de(!q),children:jsx(a,{icon:"angleDown",size:4,className:`transition duration-300 ${(d==="start"?W:q)&&"rotate-180"}
|
|
12
|
-
`})})]}),jsx("div",{className:"cursor-pointer",onClick:J,children:jsx(a,{icon:"angleRight",size:4})})]});return jsxs("div",{className:`relative ${k}`,children:[jsxs("div",{className:"relative flex flex-wrap gap-2",children:[c.map((e,t)=>jsx("div",{id:e.id,ref:d=>x.current[t]=d,children:jsxs("button",{type:"button",className:`text-f6 flex items-center gap-x-2 rounded-md p-2 font-semibold hover:text-primary-dark ${S===e.id?"text-primary-dark":"text-inverted-2"} transition-colors duration-200`,onClick:()=>ze(t,e),children:[e.icon?jsx(a,{icon:e.icon,size:4}):null,e.id===N.id&&M?ge(i,o):e.label]})},e.id)),jsx("div",{className:"absolute -z-1 rounded bg-primary-light transition-all ease-out",style:{left:`${we}px`,top:`${De}px`,height:`${Ce}px`,width:`${S===N.id?Ie:Me}px`,transitionDuration:`${Te}ms`}})]}),ve?jsx(Fragment,{children:z?jsxs("div",{id:"customPeriod",ref:le,className:`absolute top-full ${n}-0 z-10 flex flex-col gap-y-6 rounded border border-card-stroke bg-base-1 px-5 py-6 shadow`,children:[jsxs("div",{className:"flex gap-x-6",children:[jsx(a$1,{id:"startDateInput",formGroupClassName:"w-full",formatValue:"date",prefix:jsx(a,{icon:"calendarAlt"}),prefixBorder:!1,value:format(i,"dd/MM/yyyy"),onChange:e=>Ee(e.target.value)}),jsx(a$1,{id:"endDateInput",formGroupClassName:"w-full",formatValue:"date",prefix:jsx(a,{icon:"calendarAlt"}),prefixBorder:!1,value:format(o,"dd/MM/yyyy"),onChange:e=>Re(e.target.value)})]}),jsxs("div",{className:"flex gap-x-6",children:[jsx("div",{id:"startCalendar",children:jsx(oe,{selected:i,onChange:e=>{e!=null&&Oe(e);},locale:"pt-BR",selectsStart:!0,startDate:i,endDate:o,minDate:l,maxDate:_,renderMonthContent:e=>A(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:d,increaseMonth:b})=>F(t,e,"start",d,b),showMonthYearPicker:W,showFourColumnMonthYearPicker:!0,inline:!0,dayClassName:e=>ae(e,ke(e,"start"),i,o,"start")})}),jsx("div",{id:"endCalendar",children:jsx(oe,{selected:o,onChange:e=>{e!=null&&Se(e);},locale:"pt-BR",selectsEnd:!0,startDate:i,endDate:o,minDate:i,maxDate:_,renderMonthContent:e=>A(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:d,increaseMonth:b})=>F(t,e,"end",d,b),showMonthYearPicker:q,showFourColumnMonthYearPicker:!0,inline:!0,dayClassName:e=>ae(e,ke(e,"end"),i,o,"end")})})]})]}):jsx("div",{ref:_e,children:jsxs(b,{className:`absolute flex size-fit flex-col gap-y-8 p-8 ${n}-0`,children:[jsx(a$2,{onClick:()=>O(!1),variant:"onlyText",className:"size-fit",children:jsx(a,{icon:"arrowLeft",size:4})}),jsx("span",{className:"text-f4 font-semibold text-primary-bold",children:"Per\xEDodo personalizado"}),jsx(oe,{locale:"pt-BR",selected:i,selectsRange:!0,startDate:i,endDate:o,minDate:l,maxDate:_,onChange:qe,shouldCloseOnSelect:!1,startOpen:!0,inline:!0,renderMonthContent:e=>A(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:d,increaseMonth:b})=>F(t,e,"end",d,b),showMonthYearPicker:q,showFourColumnMonthYearPicker:!0}),jsx(a$2,{size:"small",disabled:!M||!i||!o,onClick:()=>{f(!0),p(i,o),O(!1);},children:"Aplicar"})]})})}):null]})});
|
|
13
|
-
|
|
14
|
-
export { ut as a };
|