@loja-integrada/admin-components 1.0.26 → 1.0.28

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.
@@ -1,4 +1,4 @@
1
- import { a } from './chunk-FNTWCBA6.js';
1
+ import { a } from './chunk-SJ4MATMO.js';
2
2
  import { forwardRef } from 'react';
3
3
  import { IMaskMixin, IMask } from 'react-imask';
4
4
  import { jsx } from 'react/jsx-runtime';
@@ -1,5 +1,5 @@
1
1
  import { b } from './chunk-HZACKBIW.js';
2
- import { a } from './chunk-OWG2V7MG.js';
2
+ import { a } from './chunk-NW24WOHT.js';
3
3
  import { a as a$1 } from './chunk-HQ53LHR2.js';
4
4
  import { a as a$2 } from './chunk-REQIQLRI.js';
5
5
  import E, { useMemo, useEffect, useRef, useState, useCallback } from 'react';
@@ -0,0 +1,14 @@
1
+ import { b } from './chunk-2JW67CO5.js';
2
+ import { a as a$1 } from './chunk-NW24WOHT.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 Me, { registerLocale } from 'react-datepicker';
9
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
10
+
11
+ function Fe(f){let[c,g]=useState(!1);return useEffect(()=>{let n=window.matchMedia(f);n.matches!==c&&g(n.matches);let p=()=>{g(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,f]),c}var be=()=>Fe("(min-width: 1024px)");var ae={id:"ontem",label:"Ontem",value:1},ie={id:"7-dias",label:"7 dias",value:7},oe={id:"30-dias",label:"30 dias",value:30},S={id:"selecionar-periodo",label:"Selecionar per\xEDodo",icon:"calendarAlt"},ce=[ae,ie,oe,S],z=["Janeiro","Fevereiro","Mar\xE7o","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],xe=100,T=200,ye=29;var ne=(f,c,g,n,p)=>{let d=f.setHours(0,0,0,0),C=g.setHours(0,0,0,0),q=n.setHours(0,0,0,0);if(p==="start"){if(d===C)return "!bg-primary !rounded-l !rounded-r !text-base-1 !font-bold before:left-5";if(d===q)return "!rounded-r"}if(p==="end"){if(d===q)return "!bg-primary !rounded-l !rounded-r !text-base-1 !font-bold before:right-5";if(d===C)return "!rounded-l"}return c?d<C||d>q?"!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":""},B=f=>z[f].slice(0,3).toUpperCase(),ve=(f,c)=>{let g=f.getDate(),n=c.getDate(),p=z[f.getMonth()],d=z[c.getMonth()];return g===n&&p===d?`${g} de ${p} `:`${g} de ${p} - ${n} de ${d}`};var pe=Me.default??Me;registerLocale("pt-BR",ptBR);var Qe=new Date,xt=k.memo(({className:f="",periods:c=ce,prevMonths:g=3,position:n="left",disabled:p=!1,maxInterval:d=ye,onDatesChange:C,onCalendarOpen:q,today:m=Qe,testOnDesktop:Ne=!1})=>{let M=k.useMemo(()=>subDays(m,1),[m]),le=k.useMemo(()=>subDays(M,30),[M]),s=k.useMemo(()=>subMonths(m,g),[m,g]),l=k.useMemo(()=>M,[M]),[E,V]=useState(c[0].id),[j,O]=useState(!1),[a$3,x]=useState(subDays(m,c[0].value||30)),[i,N]=useState(M),[F,_e]=useState(!1),[H,se]=useState(!1),[I,u]=useState(!1),[Ie,J]=useState(0),[Te,X]=useState(0),[Pe,me]=useState(0),[Ee,G]=useState(0),[Oe,Re]=useState(0),[Se,R]=useState(T),ke=useRef(null),he=useRef(null),v=useRef([]),ze=be(),Q=Ne||ze;useEffect(()=>{V(c[0].id);},[]),useEffect(()=>{q?.(j);},[j]),useEffect(()=>{let e=document.getElementById(c[0].id);e!==void 0&&(J(e?.offsetLeft||0),X(e?.offsetTop||0),me(e?.offsetHeight||0),G(e?.offsetWidth||0));},[c]),useEffect(()=>{Re(document.getElementById(S.id)?.offsetWidth||0);},[a$3,i]),useEffect(()=>{let e=t=>{Q?ke.current?.contains(t.target)||(O(!1),R(T)):he.current?.contains(t.target)||(O(!1),R(T));};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e);}},[Q]),useEffect(()=>{let e=c.findIndex(t=>t.id===E);J(v.current[e]?.offsetLeft||0),X(v.current[e]?.offsetTop||0),G(v.current[e]?.offsetWidth||0);},[E,c]);let ue=k.useCallback((e,t,o,_,Z)=>{let A=e.setHours(0,0,0,0),ee=t.setHours(0,0,0,0),te=o.setHours(0,0,0,0),We=subDays(_,7).setHours(0,0,0,0),Ue=addDays(Z,1).setHours(0,0,0,0);if(I){if(A===ee&&A===te)return R(T),u(!1),ae.id;if(A===We&&ee===te)return R(T),u(!1),ie.id;if(A===Ue&&ee===te)return R(T),u(!1),oe.id}return R(xe),S.id},[I]),qe=k.useCallback((e,t)=>{if(e==E&&t)return;if(V(e),!t){O(!0);return}let o=subDays(m,t);x(o),N(l),u(!1),C(o,l);},[m,l,E]);useEffect(()=>{c===ce&&I&&V(ue(a$3,i,M,m,le));},[a$3,i,I,ue,le,c,m,M]);let He=k.useCallback(e=>{let t=parse(e,"dd/MM/yyyy",m);if(isBefore(t,s)){x(s);return}let o=subDays(i,d);if(isBefore(t,o)){let _=addDays(t,d);N(_);return}isValid(t)&&isWithinInterval(t,{start:s,end:l})&&(!isBefore(t,i)&&!isEqual(t,i)||x(t));},[m,s,l,i]),Ae=k.useCallback(e=>{if(_e(!1),isBefore(e,s)){x(s),u(!0);return}if(isBefore(i,e)){x(e),N(e),u(!0);return}x(e),u(!0);},[s,i]),Le=k.useCallback(e=>{let t=parse(e,"dd/MM/yyyy",m);if(isAfter(t,l)){N(l);return}let o=addDays(a$3,d);if(isBefore(o,t)){let _=subDays(t,d);x(_);return}isValid(t)&&isWithinInterval(t,{start:s,end:l})&&(!isBefore(a$3,t)&&!isEqual(a$3,t)||N(t));},[m,s,l,a$3]),Be=k.useCallback(e=>{se(!1),u(!0),N(e);},[]),Ye=k.useCallback(e=>{let[t,o]=e;x(t);let _=addDays(t,d);isAfter(o,_)&&x(subDays(o,d)),N(o),u(!!(t&&o));},[]),fe=k.useCallback((e,t)=>{if(t==="start"){if(!isValid(e)||!isWithinInterval(e,{start:s,end:l})||!isBefore(e,i)&&!isEqual(e,i))return !1}else if(!isValid(e)||!isWithinInterval(e,{start:s,end:l})||!isBefore(a$3,e)&&!isEqual(a$3,e))return !1;return !0},[s,l,a$3,i]),$e=(e,t)=>{J(v.current[e]?.offsetLeft||0),X(v.current[e]?.offsetTop||0),me(v.current[e]?.offsetHeight||0),G(v.current[e]?.offsetWidth||0),qe(t.id,t.value);},K=(e,t,o,_,Z)=>jsxs("div",{className:"flex justify-between",children:[jsx("div",{className:"cursor-pointer",onClick:_,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:[z[t.getMonth()]," ",e.getFullYear()]}),jsx("div",{className:"cursor-pointer",onClick:()=>o==="start"?_e(!F):se(!H),children:jsx(a,{icon:"angleDown",size:4,className:`transition duration-300 ${(o==="start"?F:H)&&"rotate-180"}
12
+ `})})]}),jsx("div",{className:"cursor-pointer",onClick:Z,children:jsx(a,{icon:"angleRight",size:4})})]});return jsxs("div",{className:`relative ${f} ${p?"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:p,className:`text-f6 flex items-center gap-x-2 rounded-md p-2 font-semibold ${p?"":"hover:text-primary-dark"} ${E===e.id?"text-primary-dark":"text-inverted-2"} transition-colors duration-200`,onClick:()=>$e(t,e),children:[e.icon?jsx(a,{icon:e.icon,size:4}):null,e.id===S.id&&I?ve(a$3,i):e.label]})},e.id)),jsx("div",{className:"absolute -z-1 rounded bg-primary-light transition-all ease-out",style:{left:`${Ie}px`,top:`${Te}px`,height:`${Pe}px`,width:`${E===S.id?Oe:Ee}px`,transitionDuration:`${Se}ms`}})]}),j?jsx(Fragment,{children:Q?jsxs("div",{id:"customPeriod",ref:ke,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=>He(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=>Le(e.target.value)})]}),jsxs("div",{className:"flex gap-x-6",children:[jsx("div",{id:"startCalendar",children:jsx(pe,{selected:a$3,onChange:e=>{e!=null&&Ae(e);},locale:"pt-BR",selectsStart:!0,startDate:a$3,endDate:i,minDate:s,maxDate:l,renderMonthContent:e=>B(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:o,increaseMonth:_})=>K(t,e,"start",o,_),showMonthYearPicker:F,showFourColumnMonthYearPicker:!0,inline:!0,dayClassName:e=>ne(e,fe(e,"start"),a$3,i,"start")})}),jsx("div",{id:"endCalendar",children:jsx(pe,{selected:i,onChange:e=>{e!=null&&Be(e);},locale:"pt-BR",selectsEnd:!0,startDate:a$3,endDate:i,minDate:a$3,maxDate:l,renderMonthContent:e=>B(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:o,increaseMonth:_})=>K(t,e,"end",o,_),showMonthYearPicker:H,showFourColumnMonthYearPicker:!0,inline:!0,dayClassName:e=>ne(e,fe(e,"end"),a$3,i,"end")})})]}),jsx(a$2,{size:"small",disabled:!I||!a$3||!i,onClick:()=>{u(!0),C(a$3,i),O(!1);},children:"Aplicar"})]}):jsx("div",{ref:he,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(pe,{locale:"pt-BR",selected:a$3,selectsRange:!0,startDate:a$3,endDate:i,minDate:s,maxDate:l,onChange:Ye,shouldCloseOnSelect:!1,startOpen:!0,inline:!0,renderMonthContent:e=>B(e),renderCustomHeader:({monthDate:e,date:t,decreaseMonth:o,increaseMonth:_})=>K(t,e,"end",o,_),showMonthYearPicker:H,showFourColumnMonthYearPicker:!0}),jsx(a$2,{size:"small",disabled:!I||!a$3||!i,onClick:()=>{u(!0),C(a$3,i),O(!1);},children:"Aplicar"})]})})}):null]})});
13
+
14
+ export { xt as a };
@@ -0,0 +1,10 @@
1
+ import { a } from './chunk-7Z3CCBLX.js';
2
+ import { a as a$1 } from './chunk-G3GCVCTU.js';
3
+ import { a as a$2 } from './chunk-REQIQLRI.js';
4
+ import { cva } from 'class-variance-authority';
5
+ import h, { useMemo } from 'react';
6
+ import { jsx, jsxs } from 'react/jsx-runtime';
7
+
8
+ var V=cva("peer text-f6 flex w-full min-w-0 appearance-none overflow-hidden rounded border border-card-stroke bg-base-1 px-4 text-on-base shadow-none outline-none transition-colors focus-within:border-inverted-1 focus:border-inverted-1",{variants:{variant:{default:"h-12",small:"h-10",large:"h-14",xlarge:"h-24"},hasErrorState:{true:"border-danger focus:border-danger [&~.adornment]:border-danger [&~.adornment]:focus:border-danger"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2"},readOnly:{true:"bg-base-2"},prefixBorder:{true:"[&~.adornment.prefix]:border-r"},sufixBorder:{true:"[&~.adornment.sufix]:border-l"},hasPrefix:{true:"pl-[4.5rem]"},hasSufix:{true:"pr-[4.5rem]"}},compoundVariants:[{hasPrefix:!0,prefixBorder:!1,class:"pl-14"},{hasSufix:!0,sufixBorder:!1,class:"pr-14"}],defaultVariants:{variant:"default",hasErrorState:!1,disabled:!1,readOnly:!1}}),b="adornment border-card-stroke flex justify-center items-center absolute bottom-0 w-14 h-full text-f6 text-inverted-2 -mt-px peer-focus:border-inverted-1 transition-colors",k=({className:g="",formGroupClassName:I="",label:v,labelComplement:N,helpText:P,hasError:R=!1,errorMessage:o,required:n=!1,id:w,name:s,variant:E="default",disabled:l,readOnly:d,type:T="text",prefix:i,sufix:p,prefixBorder:H=!0,sufixBorder:L=!0,...S},y)=>{let B=useMemo(()=>Math.random().toString(36).substring(7),[]),t=w||s||B,a$3=R||!!o,u=!!p,f=!!i,C=jsx(a,{label:v,labelComplement:N,required:n,hasError:a$3,htmlFor:t,className:"mb-1"}),F=jsx(a$1,{helpText:o||P,hasError:a$3,className:"mt-2"});return jsxs("div",{className:a$2("form-group flex flex-col",I),children:[C,jsxs("div",{className:"relative",children:[jsx("input",{ref:y,type:T,id:t,name:s,required:n,disabled:l,readOnly:d,className:a$2(V({variant:E,hasErrorState:a$3,disabled:l,readOnly:d,className:g,prefixBorder:H,sufixBorder:L,hasSufix:u,hasPrefix:f})),...S}),f?jsx("label",{htmlFor:t,className:a$2("prefix left-0",b),children:i}):null,u?jsx("label",{htmlFor:t,className:a$2("sufix right-0",b),children:p}):null]}),F]})},q=h.forwardRef(k),A=h.memo(q);A.displayName="Input";
9
+
10
+ export { A as a };
@@ -37,6 +37,10 @@ interface CalendarProps {
37
37
  * Function triggered on each date change
38
38
  * */
39
39
  onDatesChange: (startDate: Date, endDate: Date) => void;
40
+ /**
41
+ * Function triggered on each time customPeriodIsOpen changes
42
+ * */
43
+ onCalendarOpen?: (isOpen: boolean) => void;
40
44
  /**
41
45
  * USED ONLY IN TESTS!
42
46
  * */
@@ -1,11 +1,11 @@
1
- "use client";export { a as Calendar } from '../../chunk-ZBK3TQQK.js';
1
+ "use client";export { a as Calendar } from '../../chunk-RSB3OIZJ.js';
2
2
  import '../../chunk-DBWOW4GL.js';
3
3
  import '../../chunk-2JW67CO5.js';
4
4
  import '../../chunk-3BKW5XAK.js';
5
5
  import '../../chunk-DIFKNF3L.js';
6
6
  import '../../chunk-BV27BOLB.js';
7
- import '../../chunk-OWG2V7MG.js';
8
- import '../../chunk-FNTWCBA6.js';
7
+ import '../../chunk-NW24WOHT.js';
8
+ import '../../chunk-SJ4MATMO.js';
9
9
  import '../../chunk-7Z3CCBLX.js';
10
10
  import '../../chunk-KZ5LLL3X.js';
11
11
  import '../../chunk-L6H2NDVS.js';
@@ -1,4 +1,4 @@
1
- export { a as Input } from '../../chunk-FNTWCBA6.js';
1
+ export { a as Input } from '../../chunk-SJ4MATMO.js';
2
2
  import '../../chunk-7Z3CCBLX.js';
3
3
  import '../../chunk-G3GCVCTU.js';
4
4
  import '../../chunk-REQIQLRI.js';
@@ -1,5 +1,5 @@
1
- "use client";export { a as InputMask } from '../../chunk-OWG2V7MG.js';
2
- import '../../chunk-FNTWCBA6.js';
1
+ "use client";export { a as InputMask } from '../../chunk-NW24WOHT.js';
2
+ import '../../chunk-SJ4MATMO.js';
3
3
  import '../../chunk-7Z3CCBLX.js';
4
4
  import '../../chunk-G3GCVCTU.js';
5
5
  import '../../chunk-REQIQLRI.js';
@@ -1,14 +1,14 @@
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-ZBK3TQQK.js';
4
+ export { a as Calendar } from '../chunk-RSB3OIZJ.js';
5
5
  import '../chunk-DBWOW4GL.js';
6
6
  import '../chunk-2JW67CO5.js';
7
7
  import '../chunk-3BKW5XAK.js';
8
8
  import '../chunk-DIFKNF3L.js';
9
9
  import '../chunk-BV27BOLB.js';
10
- export { a as InputMask } from '../chunk-OWG2V7MG.js';
11
- export { a as Input } from '../chunk-FNTWCBA6.js';
10
+ export { a as InputMask } from '../chunk-NW24WOHT.js';
11
+ export { a as Input } from '../chunk-SJ4MATMO.js';
12
12
  export { a as InputLabel } from '../chunk-7Z3CCBLX.js';
13
13
  import '../chunk-KZ5LLL3X.js';
14
14
  import '../chunk-L6H2NDVS.js';
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@ import './chunk-7RP4L6ZM.js';
2
2
  import './chunk-4PUGMMDC.js';
3
3
  export { a as Breadcrumb } from './chunk-FZISHDWC.js';
4
4
  export { a as HelpLink } from './chunk-SXBDHD2Z.js';
5
- export { a as Pagination } from './chunk-7PDX5FMD.js';
5
+ export { a as Pagination } from './chunk-PFOCK3WO.js';
6
6
  export { a as Stepper } from './chunk-I7PCF2VW.js';
7
7
  import './chunk-BQWNCDFV.js';
8
8
  export { b as Select, a as SelectComponent } from './chunk-HZACKBIW.js';
@@ -12,14 +12,14 @@ 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-ZBK3TQQK.js';
15
+ export { a as Calendar } from './chunk-RSB3OIZJ.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';
19
19
  import './chunk-DIFKNF3L.js';
20
20
  export { a as IconCircular } from './chunk-BV27BOLB.js';
21
- export { a as InputMask } from './chunk-OWG2V7MG.js';
22
- export { a as Input } from './chunk-FNTWCBA6.js';
21
+ export { a as InputMask } from './chunk-NW24WOHT.js';
22
+ export { a as Input } from './chunk-SJ4MATMO.js';
23
23
  export { a as InputLabel } from './chunk-7Z3CCBLX.js';
24
24
  export { a as ActionBar } from './chunk-KZ5LLL3X.js';
25
25
  import './chunk-L6H2NDVS.js';
@@ -1,15 +1,15 @@
1
- "use client";export { a as Pagination } from '../../chunk-7PDX5FMD.js';
1
+ "use client";export { a as Pagination } from '../../chunk-PFOCK3WO.js';
2
2
  import '../../chunk-BQWNCDFV.js';
3
3
  import '../../chunk-HZACKBIW.js';
4
4
  import '../../chunk-I757C3JI.js';
5
- import '../../chunk-ZBK3TQQK.js';
5
+ import '../../chunk-RSB3OIZJ.js';
6
6
  import '../../chunk-DBWOW4GL.js';
7
7
  import '../../chunk-2JW67CO5.js';
8
8
  import '../../chunk-3BKW5XAK.js';
9
9
  import '../../chunk-DIFKNF3L.js';
10
10
  import '../../chunk-BV27BOLB.js';
11
- import '../../chunk-OWG2V7MG.js';
12
- import '../../chunk-FNTWCBA6.js';
11
+ import '../../chunk-NW24WOHT.js';
12
+ import '../../chunk-SJ4MATMO.js';
13
13
  import '../../chunk-7Z3CCBLX.js';
14
14
  import '../../chunk-KZ5LLL3X.js';
15
15
  import '../../chunk-L6H2NDVS.js';
@@ -1,19 +1,19 @@
1
1
  import '../chunk-4PUGMMDC.js';
2
2
  export { a as Breadcrumb } from '../chunk-FZISHDWC.js';
3
3
  export { a as HelpLink } from '../chunk-SXBDHD2Z.js';
4
- export { a as Pagination } from '../chunk-7PDX5FMD.js';
4
+ export { a as Pagination } from '../chunk-PFOCK3WO.js';
5
5
  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-ZBK3TQQK.js';
9
+ import '../chunk-RSB3OIZJ.js';
10
10
  import '../chunk-DBWOW4GL.js';
11
11
  import '../chunk-2JW67CO5.js';
12
12
  import '../chunk-3BKW5XAK.js';
13
13
  import '../chunk-DIFKNF3L.js';
14
14
  import '../chunk-BV27BOLB.js';
15
- import '../chunk-OWG2V7MG.js';
16
- import '../chunk-FNTWCBA6.js';
15
+ import '../chunk-NW24WOHT.js';
16
+ import '../chunk-SJ4MATMO.js';
17
17
  import '../chunk-7Z3CCBLX.js';
18
18
  import '../chunk-KZ5LLL3X.js';
19
19
  import '../chunk-L6H2NDVS.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loja-integrada/admin-components",
3
- "version": "1.0.26",
3
+ "version": "1.0.28",
4
4
  "author": "Loja Integrada",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -33,7 +33,7 @@
33
33
  "typescript": "^5.3.3",
34
34
  "vite": "^5.1.4",
35
35
  "@loja-integrada/eslint-config": "0.0.3",
36
- "@loja-integrada/tailwindcss-config": "2.0.2",
36
+ "@loja-integrada/tailwindcss-config": "2.0.3",
37
37
  "@loja-integrada/typescript-config": "0.0.2"
38
38
  },
39
39
  "dependencies": {
@@ -1,10 +0,0 @@
1
- import { a } from './chunk-7Z3CCBLX.js';
2
- import { a as a$1 } from './chunk-G3GCVCTU.js';
3
- import { a as a$2 } from './chunk-REQIQLRI.js';
4
- import { cva } from 'class-variance-authority';
5
- import h, { useMemo } from 'react';
6
- import { jsx, jsxs } from 'react/jsx-runtime';
7
-
8
- var V=cva("peer text-f6 flex w-full min-w-0 appearance-none overflow-hidden rounded border border-card-stroke bg-base-1 px-4 text-on-base shadow-none outline-none transition-colors placeholder:text-on-base-2 focus-within:border-inverted-1 focus:border-inverted-1",{variants:{variant:{default:"h-12",small:"h-10",large:"h-14",xlarge:"h-24"},hasErrorState:{true:"border-danger focus:border-danger [&~.adornment]:border-danger [&~.adornment]:focus:border-danger"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2"},readOnly:{true:"bg-base-2"},prefixBorder:{true:"[&~.adornment.prefix]:border-r"},sufixBorder:{true:"[&~.adornment.sufix]:border-l"},hasPrefix:{true:"pl-[4.5rem]"},hasSufix:{true:"pr-[4.5rem]"}},compoundVariants:[{hasPrefix:!0,prefixBorder:!1,class:"pl-14"},{hasSufix:!0,sufixBorder:!1,class:"pr-14"}],defaultVariants:{variant:"default",hasErrorState:!1,disabled:!1,readOnly:!1}}),b="adornment border-card-stroke flex justify-center items-center absolute bottom-0 w-14 h-full text-f6 text-inverted-2 -mt-px peer-focus:border-inverted-1 transition-colors",k=({className:g="",formGroupClassName:I="",label:v,labelComplement:N,helpText:P,hasError:R=!1,errorMessage:o,required:n=!1,id:w,name:s,variant:E="default",disabled:l,readOnly:d,type:T="text",prefix:i,sufix:p,prefixBorder:H=!0,sufixBorder:L=!0,...S},y)=>{let B=useMemo(()=>Math.random().toString(36).substring(7),[]),t=w||s||B,a$3=R||!!o,u=!!p,f=!!i,C=jsx(a,{label:v,labelComplement:N,required:n,hasError:a$3,htmlFor:t,className:"mb-1"}),F=jsx(a$1,{helpText:o||P,hasError:a$3,className:"mt-2"});return jsxs("div",{className:a$2("form-group flex flex-col",I),children:[C,jsxs("div",{className:"relative",children:[jsx("input",{ref:y,type:T,id:t,name:s,required:n,disabled:l,readOnly:d,className:a$2(V({variant:E,hasErrorState:a$3,disabled:l,readOnly:d,className:g,prefixBorder:H,sufixBorder:L,hasSufix:u,hasPrefix:f})),...S}),f?jsx("label",{htmlFor:t,className:a$2("prefix left-0",b),children:i}):null,u?jsx("label",{htmlFor:t,className:a$2("sufix right-0",b),children:p}):null]}),F]})},q=h.forwardRef(k),A=h.memo(q);A.displayName="Input";
9
-
10
- export { A as a };
@@ -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 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&&t)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 };