@cognitiv/components-web 1.0.4 → 1.0.5
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/index.d.ts +2 -1
- package/dist/index.js +143 -135
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -3673,6 +3673,7 @@ declare const COLORS: {
|
|
|
3673
3673
|
border: string;
|
|
3674
3674
|
backgroundLight: string;
|
|
3675
3675
|
background: string;
|
|
3676
|
+
backgroundShadow: string;
|
|
3676
3677
|
yellow100: string;
|
|
3677
3678
|
yellow200: string;
|
|
3678
3679
|
yellow300: string;
|
|
@@ -3737,4 +3738,4 @@ interface ThemeType {
|
|
|
3737
3738
|
};
|
|
3738
3739
|
}
|
|
3739
3740
|
|
|
3740
|
-
export { Avatar, type AvatarProps, Banner, Button, ButtonVariant, Calendar, Checkbox, ClickableIcon, CurrencyInput, type CurrencyInputProps, DateInput, DatePicker, Divider, DragList, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, DropdownVariant, Filters, type FiltersProps, Flex, type FlexProps, Icon, type IconName, type IconProps, type IconStyle, Image, Input, InputContainer, type InputContainerProps, type InputProps, LoadingPlaceholder, Modal, MultiSelect, Select, Slideout, Spinner, StatusLabel, Switch, TabBar, Table, Text, TextArea, type TextProps, type ThemeStyle, type ThemeType, TimeInput, Tooltip, type TooltipProps, UIProvider };
|
|
3741
|
+
export { Avatar, type AvatarProps, Banner, Button, ButtonVariant, Calendar, Checkbox, ClickableIcon, CurrencyInput, type CurrencyInputProps, DateInput, DatePicker, Divider, DragList, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, DropdownVariant, Filters, type FiltersProps, Flex, type FlexProps, Icon, type IconName, type IconProps, type IconStyle, Image, Input, InputContainer, type InputContainerProps, type InputProps, LoadingPlaceholder, Modal, MultiSelect, Select, Slideout, Spinner, StatusLabel, Switch, TabBar, Table, type TableColumnType, Text, TextArea, type TextProps, type ThemeStyle, type ThemeType, TimeInput, Tooltip, type TooltipProps, UIProvider };
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Wo from"react";import ut from"styled-components";import*as q from"@radix-ui/react-avatar";import{jsx as gt,jsxs as Ko}from"react/jsx-runtime";var Yo=e=>{let t=e.split(" ");return(t.length>=2?t[0].charAt(0)+t[1].charAt(0):t[0].charAt(0)).toUpperCase()},_o=e=>{switch(e){case"large":return 36;case"medium":return 32;default:return 24}},Xo=ut(q.Image)`
|
|
2
2
|
width: ${e=>e.$size}px;
|
|
3
3
|
height: ${e=>e.$size}px;
|
|
4
4
|
object-fit: cover;
|
|
5
5
|
border-radius: 50%;
|
|
6
6
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
7
|
-
`,
|
|
7
|
+
`,Uo=ut(q.Fallback)`
|
|
8
8
|
display: flex;
|
|
9
9
|
align-items: center;
|
|
10
10
|
justify-content: center;
|
|
@@ -16,11 +16,11 @@ import Vo from"react";import ut from"styled-components";import*as J from"@radix-
|
|
|
16
16
|
${e=>e.theme.typography.headingXs};
|
|
17
17
|
font-size: ${e=>e.$size*.4}px;
|
|
18
18
|
line-height: 1;
|
|
19
|
-
`,
|
|
19
|
+
`,Go=Wo.forwardRef((e,t)=>{let r=_o(e.variant||"small");return Ko(q.Root,{ref:t,children:[gt(Xo,{$size:r,...e}),gt(Uo,{$size:r,children:Yo(e.alt)})]})});import fr,{useState as gr,useEffect as ur}from"react";import ze from"styled-components";import{forwardRef as Jo}from"react";import qo from"styled-components";import{jsx as er}from"react/jsx-runtime";var Zo=e=>e.$center||e.$direction==="row"?"center":"flex-start",jo=e=>e.$center?"center":"flex-start",Qo=qo.div`
|
|
20
20
|
display: flex;
|
|
21
21
|
width: ${e=>e.$width||"100%"};
|
|
22
22
|
flex-direction: ${e=>e.$direction};
|
|
23
|
-
align-items: ${e=>e.$align||
|
|
23
|
+
align-items: ${e=>e.$align||Zo(e)};
|
|
24
24
|
justify-content: ${e=>e.$justify||jo(e)};
|
|
25
25
|
flex-shrink: 0;
|
|
26
26
|
overflow: hidden;
|
|
@@ -29,7 +29,7 @@ import Vo from"react";import ut from"styled-components";import*as J from"@radix-
|
|
|
29
29
|
${e=>e.$gapFactor&&`gap: ${e.theme.spacing(e.$gapFactor)};`}
|
|
30
30
|
${e=>e.$paddingFactor&&e.theme.padding(e.$paddingFactor)};
|
|
31
31
|
${e=>e.theme.hoverable(e.$hoverable)}
|
|
32
|
-
`,m=
|
|
32
|
+
`,m=Jo((e,t)=>{let{children:r,className:o,width:n,height:i,row:a=!1,align:l,justify:s,grow:d=!1,gap:p,padding:c,hoverable:f,center:y=!1,...h}=e;return er(Qo,{ref:t,className:o,$direction:a?"row":"column",$width:n,$height:i,$align:l,$justify:s,$grow:d,$gapFactor:p,$paddingFactor:c,$center:y,$hoverable:!!f,...h,children:r})});import tr from"react";import or from"styled-components";import{jsx as nr}from"react/jsx-runtime";var rr=or.span`
|
|
33
33
|
${e=>e.theme.typography[e.$variant||"bodyMd"]||e.theme.typography.bodyMd}
|
|
34
34
|
text-align: ${e=>e.$align};
|
|
35
35
|
text-decoration: ${e=>e.$underline==="true"?"underline":"none"};
|
|
@@ -42,18 +42,18 @@ import Vo from"react";import ut from"styled-components";import*as J from"@radix-
|
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
white-space: nowrap;
|
|
44
44
|
`}
|
|
45
|
-
`,u=
|
|
45
|
+
`,u=tr.forwardRef(({children:e,className:t,variant:r,align:o="left",fontWeight:n,color:i="textDark",truncate:a,uppercase:l=!1,underline:s=!1,...d},p)=>nr(rr,{className:t,$variant:r,$align:o,$fontWeight:n,$color:i,$uppercase:l?.toString()||"false",$underline:s?.toString()||"false",$truncate:!!a,ref:p,...d,children:e}));import dr,{useTheme as cr}from"styled-components";import{FontAwesomeIcon as mr}from"@fortawesome/react-fontawesome";import*as ir from"@fortawesome/pro-solid-svg-icons";import*as ar from"@fortawesome/pro-regular-svg-icons";import*as lr from"@fortawesome/pro-duotone-svg-icons";import*as sr from"@fortawesome/free-brands-svg-icons";var ht={solid:ir,regular:ar,duotone:lr,brands:sr};import{jsx as xt}from"react/jsx-runtime";var pr=dr(mr)`
|
|
46
46
|
flex-shrink: 0;
|
|
47
47
|
color: ${e=>e.theme.colors?.[e.$color||""]||e.$color||e.theme.colors?.textDark};
|
|
48
|
-
`,x=({name:e,iconStyle:t="solid",color:r,size:o,className:n})=>{let i=
|
|
48
|
+
`,x=({name:e,iconStyle:t="solid",color:r,size:o,className:n})=>{let i=cr(),l=ht[t][e];if(!l)return xt("span",{className:n});let s=i?.colors?.[r||""]||r;return xt(pr,{icon:l,$color:r,size:o,className:n,style:s?{color:s}:void 0})};import{jsx as ae,jsxs as $t}from"react/jsx-runtime";var hr=e=>{switch(e){case"success":return"green100";case"warning":return"yellow100";case"error":return"red100";default:return"backgroundLight"}},yt=e=>{switch(e){case"success":return"green800";case"warning":return"yellow900";case"error":return"red800";default:return"textDark"}},xr=e=>{switch(e){case"success":return"faCheck";case"error":case"warning":return"faTriangleExclamation";default:return"faCircleInfo"}},br=ze(m).attrs({row:!0,gap:3,padding:3})`
|
|
49
49
|
border-radius: 8px;
|
|
50
|
-
background-color: ${e=>e.theme.colors[
|
|
50
|
+
background-color: ${e=>e.theme.colors[hr(e.$type)]};
|
|
51
51
|
color: ${e=>e.theme.colors[yt(e.$type)]};
|
|
52
|
-
|
|
52
|
+
`,$r=ze(m).attrs({center:!0})`
|
|
53
53
|
width: 20px;
|
|
54
54
|
height: 20px;
|
|
55
55
|
cursor: pointer;
|
|
56
|
-
`,bt=
|
|
56
|
+
`,bt=ze(x).attrs({color:"inherit",size:"lg"})``,yr=fr.forwardRef((e,t)=>{let{className:r,type:o="info",title:n,content:i,required:a=!1,dismissAfter:l}=e,[s,d]=gr(!0);if(ur(()=>{if(l){let c=setTimeout(()=>{d(!1)},l);return()=>clearTimeout(c)}},[l]),!s)return;let p=yt(o);return $t(br,{className:r,ref:t,$type:o,children:[ae(bt,{name:xr(o)}),(n||i)&&$t(m,{gap:1,grow:!0,children:[n&&ae(u,{variant:"headingMd",color:p,children:n}),i&&ae(u,{color:p,children:i})]}),!a&&ae($r,{onClick:()=>d(!1),children:ae(bt,{name:"faCircleXmark"})})]})});import wr from"react";import Ct from"styled-components";var Z=(o=>(o.primary="primary",o.secondary="secondary",o.tertiary="tertiary",o))(Z||{});import{jsx as wt,jsxs as Dr}from"react/jsx-runtime";var Cr=Ct.button`
|
|
57
57
|
width: ${e=>e.$width};
|
|
58
58
|
border: 1px solid ${e=>e.theme.colors[e.$borderColor]};
|
|
59
59
|
background-color: ${e=>e.theme.colors[e.$backgroundColor]};
|
|
@@ -77,7 +77,7 @@ import Vo from"react";import ut from"styled-components";import*as J from"@radix-
|
|
|
77
77
|
height: 36px;
|
|
78
78
|
border-radius: 8px;
|
|
79
79
|
`}
|
|
80
|
-
`,
|
|
80
|
+
`,kr=Ct.div`
|
|
81
81
|
width: 100%;
|
|
82
82
|
display: flex;
|
|
83
83
|
align-items: center;
|
|
@@ -86,7 +86,7 @@ import Vo from"react";import ut from"styled-components";import*as J from"@radix-
|
|
|
86
86
|
${({theme:e})=>e.typography.headingSm};
|
|
87
87
|
font-weight: 500;
|
|
88
88
|
color: ${({theme:e,$color:t})=>e.colors[t]};
|
|
89
|
-
`,vr=e=>{switch(e){case"secondary":return{backgroundColor:"background",borderColor:"border",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"tertiary":return{backgroundColor:"background",borderColor:"background",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"primary":default:return{backgroundColor:"primary",borderColor:"primary",color:"white",hoverBackgroundColor:"primaryDark"}}},L=
|
|
89
|
+
`,vr=e=>{switch(e){case"secondary":return{backgroundColor:"background",borderColor:"border",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"tertiary":return{backgroundColor:"background",borderColor:"background",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"primary":default:return{backgroundColor:"primary",borderColor:"primary",color:"white",hoverBackgroundColor:"primaryDark"}}},L=wr.forwardRef((e,t)=>{let{className:r,children:o,variant:n="primary",mini:i=!1,disabled:a=!1,fullWidth:l=!1,iconName:s,...d}=e,{backgroundColor:p,borderColor:c,color:f,hoverBackgroundColor:y}=vr(n),h=i?"xs":"sm";return wt(Cr,{className:r,ref:t,$width:l?"100%":"auto",$backgroundColor:p,$borderColor:c,$hoverBackgroundColor:y,$mini:i,$disabled:a?.toString()||"false",$iconOnly:s&&!o,...d,children:Dr(kr,{$color:f,children:[s&&wt(x,{name:s,color:f,size:h}),o]})})});import Gr,{useMemo as ee,useState as Kr}from"react";import le from"dayjs";import Tr from"dayjs/plugin/advancedFormat";import Sr from"dayjs/plugin/isBetween";import Rr from"dayjs/plugin/isoWeek";import Fr from"dayjs/plugin/updateLocale";le.extend(Tr);le.extend(Sr);le.extend(Rr);le.extend(Fr);var E=le;import{createContext as Pr,useContext as Ir}from"react";var kt=Pr({}),vt=kt.Provider,j=()=>Ir(kt);import{memo as Lr}from"react";import xe from"styled-components";import{jsx as se,jsxs as zr}from"react/jsx-runtime";var Or=xe(m).attrs({align:"center",justify:"space-between",row:!0})``,Mr=xe(u)`
|
|
90
90
|
flex-grow: 2;
|
|
91
91
|
text-align: center;
|
|
92
92
|
`,Dt=xe(m).attrs({center:!0,padding:2})`
|
|
@@ -104,32 +104,32 @@ import Vo from"react";import ut from"styled-components";import*as J from"@radix-
|
|
|
104
104
|
background-color: ${e.theme.colors.backgroundLight};
|
|
105
105
|
}
|
|
106
106
|
`}
|
|
107
|
-
`,Tt=xe(x).attrs({size:"xs",color:"inherit"})``,
|
|
107
|
+
`,Tt=xe(x).attrs({size:"xs",color:"inherit"})``,St=Lr(()=>{let{minDay:e,maxDay:t,months:r,selectedMonth:o,setSelectedMonth:n}=j(),i=r[0],a=r[r.length-1],l=()=>{let p=i.format("MMMM YYYY");return r.length===1?p:`${p} - ${a.format("MMMM YYYY")}`},s=!e||i.startOf("month").valueOf()>=e,d=!t||a.endOf("month").valueOf()<=t;return zr(Or,{children:[se(Dt,{$disabled:!s,onClick:()=>s&&n(o.clone().subtract(1,"months")),children:se(Tt,{name:"faChevronLeft"})}),se(Mr,{children:l()}),se(Dt,{$disabled:!d,onClick:()=>d&&n(o.clone().add(1,"months")),children:se(Tt,{name:"faChevronRight"})})]})});import{memo as Xr,useMemo as Bt,useState as Ur}from"react";import{memo as Hr}from"react";import Ne from"styled-components";import Nr from"styled-components";import*as N from"@radix-ui/react-tooltip";import{keyframes as O}from"styled-components";var ls=O`
|
|
108
108
|
100% {
|
|
109
109
|
stroke-dashoffset: 0;
|
|
110
110
|
}
|
|
111
|
-
`,
|
|
111
|
+
`,ss=O`
|
|
112
112
|
0%, 100% {
|
|
113
113
|
transform: none;
|
|
114
114
|
}
|
|
115
115
|
50% {
|
|
116
116
|
transform: scale3d(1.1, 1.1, 1);
|
|
117
117
|
}
|
|
118
|
-
`,
|
|
118
|
+
`,ds=O`
|
|
119
119
|
0% {
|
|
120
120
|
transform: rotate(0deg);
|
|
121
121
|
}
|
|
122
122
|
100% {
|
|
123
123
|
transform: rotate(360deg);
|
|
124
124
|
}
|
|
125
|
-
`,
|
|
125
|
+
`,Rt=O`
|
|
126
126
|
from {
|
|
127
127
|
transform: translateX(100%);
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
to {
|
|
131
131
|
transform: translateX(0);
|
|
132
|
-
}`,
|
|
132
|
+
}`,Ft=O`
|
|
133
133
|
from {
|
|
134
134
|
transform: translateX(0);
|
|
135
135
|
}
|
|
@@ -175,7 +175,7 @@ to {
|
|
|
175
175
|
to {
|
|
176
176
|
opacity: 0.1;
|
|
177
177
|
}
|
|
178
|
-
`,
|
|
178
|
+
`,zt=O`
|
|
179
179
|
from {
|
|
180
180
|
opacity: 0;
|
|
181
181
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -184,7 +184,7 @@ to {
|
|
|
184
184
|
opacity: 1;
|
|
185
185
|
transform: translate(-50%, -50%) scale(1);
|
|
186
186
|
}
|
|
187
|
-
`;import{Fragment as Br,jsx as de,jsxs as Er}from"react/jsx-runtime";var
|
|
187
|
+
`;import{Fragment as Br,jsx as de,jsxs as Er}from"react/jsx-runtime";var Ar=Nr(N.Content)`
|
|
188
188
|
width: ${e=>e.$width};
|
|
189
189
|
${e=>e.theme.typography.bodyMd};
|
|
190
190
|
border-radius: 4px;
|
|
@@ -202,9 +202,9 @@ to {
|
|
|
202
202
|
color: ${e.theme.colors.textNormal};
|
|
203
203
|
background-color: ${e.theme.colors.background};
|
|
204
204
|
box-shadow:
|
|
205
|
-
0px 2px 10px 0px
|
|
206
|
-
0px 0px 1px
|
|
207
|
-
|
|
205
|
+
0px 2px 10px 0px ${e.theme.colors.backgroundShadow},
|
|
206
|
+
0px 0px 1px ${e.theme.colors.backgroundShadow};
|
|
207
|
+
|
|
208
208
|
${e.theme.border()};
|
|
209
209
|
${e.theme.padding(2)};
|
|
210
210
|
|
|
@@ -222,18 +222,18 @@ to {
|
|
|
222
222
|
&[data-state='delayed-open'][data-side='left'] {
|
|
223
223
|
animation: ${Ot} 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
224
224
|
}
|
|
225
|
-
`,ce=({children:e,side:t="top",sideOffset:r,align:o="center",alignOffset:n,style:i="dark",content:a,disabled:l=!1,width:s,className:d})=>l||!a?de(Br,{children:e}):de(
|
|
225
|
+
`,ce=({children:e,side:t="top",sideOffset:r,align:o="center",alignOffset:n,style:i="dark",content:a,disabled:l=!1,width:s,className:d})=>l||!a?de(Br,{children:e}):de(N.Provider,{children:Er(N.Root,{delayDuration:0,children:[de(N.Trigger,{asChild:!0,children:e}),de(N.Portal,{children:de(Ar,{side:t,align:o,alignOffset:n,sideOffset:r,$width:s||"auto",$style:i,collisionPadding:4,className:d,children:a})})]})});import{jsx as Q,jsxs as _r}from"react/jsx-runtime";var Vr=Ne.div`
|
|
226
226
|
display: grid;
|
|
227
227
|
grid-template-columns: repeat(7, 1fr);
|
|
228
228
|
row-gap: ${e=>e.theme.spacing(1)};
|
|
229
|
-
`,
|
|
229
|
+
`,Wr=Ne(m).attrs({center:!0})`
|
|
230
230
|
width: 32px;
|
|
231
231
|
height: 32px;
|
|
232
232
|
span {
|
|
233
233
|
text-decoration: underline dotted;
|
|
234
234
|
text-underline-offset: 4px;
|
|
235
235
|
}
|
|
236
|
-
`,
|
|
236
|
+
`,Yr=Ne(m).attrs({center:!0})`
|
|
237
237
|
width: 32px;
|
|
238
238
|
height: 32px;
|
|
239
239
|
border-radius: 32px;
|
|
@@ -287,7 +287,7 @@ to {
|
|
|
287
287
|
border-top-right-radius: 32px;
|
|
288
288
|
border-bottom-right-radius: 32px;
|
|
289
289
|
`}
|
|
290
|
-
`,
|
|
290
|
+
`,Nt=7,At=Hr(({month:e,selectedDays:t,hoverDays:r,setHoverDay:o})=>{let{highlightedDays:n,startDate:i,startDay:a,endDay:l,minDay:s,maxDay:d,onChange:p,useRange:c}=j(),f=E().startOf("day").valueOf(),y=e.startOf("month"),g=e.endOf("month").diff(y,"weeks")+1,C=Array.from({length:g},(w,k)=>{let T=y.clone().add(k,"weeks").startOf("week");return Array.from({length:Nt},(B,Ie)=>T.clone().add(Ie,"days"))}).flat(),b=a&&l,$=w=>E().isoWeekday(w).format("dd").charAt(0);return _r(Vr,{children:[Array.from({length:Nt}).map((w,k)=>Q(Wr,{children:Q(u,{uppercase:!0,color:"textLight",children:$(k+1)})},k)),C.map(w=>{let k=w.month()===e.month(),T=w.valueOf();if(!k)return Q("div",{},T);let B=n.find(Me=>Me.day===T),Ie=!!(B||T===f),Ao=d?T>=d:!1,Bo=s?T<=s:!1,ft=!!!(B?.disabled||Ao||Bo),Le=t.includes(T),Oe=r.includes(T),Eo=Le&&t[0]===T||Oe&&r[0]===T,Ho=()=>Oe?r[r.length-1]===T:Le&&t[t.length-1]===T,Vo=()=>{if(ft){let Me=a?T<a:!1;!c||b||Me?p?.(w,void 0):p?.(i,w)}};return Q(ce,{content:B?.tooltip,sideOffset:2,children:Q(Yr,{$isClickable:ft,$isHighlighted:Ie,$isSelected:Le||Oe,$isStart:Eo,$isEnd:Ho(),onClick:Vo,onMouseEnter:()=>c&&o(T),children:Q(u,{children:w.format("D")})})},T)})]})});import{jsx as Et}from"react/jsx-runtime";var Ht=Xr(()=>{let{startDate:e,endDate:t,startDay:r,endDay:o,maxDay:n,useRange:i,months:a}=j(),[l,s]=Ur(),d=Bt(()=>i&&l&&e&&!o&&l>=r?Array.from({length:E(l).diff(e,"days")+1},(c,f)=>{let y=e.clone().add(f,"days").valueOf();return!n||y<=n?y:void 0}).filter(Boolean):[],[i,l,e,o]),p=Bt(()=>{if(!r)return[];if(!o)return[r];let c=t.diff(e,"days")+1;return Array.from({length:c},(f,y)=>e.clone().add(y,"days").valueOf())},[e,t]);return Et(m,{row:!0,gap:3,onMouseLeave:()=>i&&s(void 0),children:a.map(c=>Et(At,{month:c,hoverDays:d,setHoverDay:s,selectedDays:p},`month-${c.valueOf()}`))})});import{jsx as Ae,jsxs as Jr}from"react/jsx-runtime";var me=Gr.forwardRef((e,t)=>{let{startDate:r,endDate:o,minDate:n,maxDate:i,highlightedDates:a,useRange:l,displayMonths:s=1,onChange:d}=e,[p,c]=Kr(E().subtract(s-1,"months").startOf("month")),f=ee(()=>a?.map($=>({...$,day:$.date.valueOf()}))||[],[a]),y=ee(()=>r?.valueOf(),[r]),h=ee(()=>o?.valueOf(),[o]),g=ee(()=>n?.valueOf(),[n]),C=ee(()=>i?.valueOf(),[i]),b=ee(()=>Array.from({length:s},($,w)=>p.clone().add(w,"months")),[p,s]);return Ae(m,{width:"auto",gap:2,ref:t,children:Jr(vt,{value:{highlightedDays:f,startDate:r,endDate:o,startDay:y,endDay:h,minDay:g,maxDay:C,useRange:l,onChange:d,months:b,selectedMonth:p,setSelectedMonth:c},children:[Ae(St,{}),Ae(Ht,{})]})})});import qr from"react";import Vt from"styled-components";import{jsx as Be,jsxs as Qr}from"react/jsx-runtime";var Zr=Vt(m).attrs({row:!0,gap:2})`
|
|
291
291
|
${e=>e.$disabled?`
|
|
292
292
|
cursor: not-allowed;
|
|
293
293
|
pointer-events: none;
|
|
@@ -308,11 +308,17 @@ to {
|
|
|
308
308
|
border-radius: 4px;
|
|
309
309
|
background-color: ${e=>e.$checked?e.theme.colors.textNormal:e.theme.colors.background};
|
|
310
310
|
transition: background 0.2s ease-in-out;
|
|
311
|
-
`,Y=qr.forwardRef((e,t)=>{let{checked:r=!1,setChecked:o,label:n,disabled:i=!1}=e;return Qr(
|
|
312
|
-
${e=>e
|
|
311
|
+
`,Y=qr.forwardRef((e,t)=>{let{checked:r=!1,setChecked:o,label:n,disabled:i=!1}=e;return Qr(Zr,{ref:t,$disabled:i,onClick:()=>o?.(!r),children:[Be(jr,{$checked:r,children:Be(x,{name:"faCheck",color:"background",size:"xs"})}),n&&Be(u,{children:n})]})});import en from"react";import tn from"styled-components";import{jsx as Yt}from"react/jsx-runtime";var Wt={xs:12,sm:14,lg:20,"1x":16,"2x":32,"3x":48,"4x":64,"5x":80,"6x":96,"7x":112,"8x":128,"9x":144,"10x":160},on=tn.div`
|
|
312
|
+
width: ${e=>e.$size}px;
|
|
313
|
+
height: ${e=>e.$size}px;
|
|
313
314
|
display: flex;
|
|
314
315
|
align-items: center;
|
|
315
316
|
justify-content: center;
|
|
317
|
+
flex-shrink: 0;
|
|
318
|
+
border-radius: 100%;
|
|
319
|
+
transition:
|
|
320
|
+
background-color 0.2s ease,
|
|
321
|
+
transform 0.2s ease;
|
|
316
322
|
|
|
317
323
|
${e=>e.$disabled?`
|
|
318
324
|
opacity: 0.5;
|
|
@@ -321,23 +327,23 @@ to {
|
|
|
321
327
|
cursor: pointer;
|
|
322
328
|
&:hover {
|
|
323
329
|
background-color: ${e.theme.colors.backgroundLight};
|
|
324
|
-
|
|
330
|
+
transform: scale(0.9);
|
|
325
331
|
}
|
|
326
332
|
`}
|
|
327
|
-
`,_=
|
|
333
|
+
`,_=en.forwardRef((e,t)=>{let{className:r,iconName:o,size:n="sm",color:i,onClick:a,disabled:l=!1}=e,d=(Wt[n]||Wt.sm)+24;return Yt(on,{className:r,ref:t,onClick:()=>a?.(),$disabled:l,$size:d,children:o&&Yt(x,{name:o,color:i,size:n})})});import{useState as Ve}from"react";import We from"styled-components";import kn from"react-currency-input-field";import rn from"styled-components";var X=(r=>(r.small="small",r.normal="normal",r))(X||{});import*as U from"@radix-ui/react-popover";import{jsx as Ee,jsxs as an}from"react/jsx-runtime";var nn=rn(U.Content)`
|
|
328
334
|
min-width: ${e=>e.$fullWidth?"var(--radix-popover-trigger-width)":"auto"};
|
|
329
335
|
max-height: calc(var(--radix-popover-content-available-height) - 12px);
|
|
330
336
|
box-sizing: border-box;
|
|
331
337
|
background-color: ${e=>e.theme.colors.background};
|
|
332
338
|
${e=>e.theme.border()};
|
|
333
339
|
box-shadow:
|
|
334
|
-
0px 2px 10px 0px
|
|
335
|
-
0px 0px 1px
|
|
340
|
+
0px 2px 10px 0px ${e=>e.theme.colors.backgroundShadow},
|
|
341
|
+
0px 0px 1px ${e=>e.theme.colors.backgroundShadow};
|
|
336
342
|
overflow-x: hidden;
|
|
337
343
|
overflow-y: auto;
|
|
338
344
|
border-radius: ${e=>e.$variant==="small"?"4px":"8px"};
|
|
339
345
|
user-select: none;
|
|
340
|
-
`,
|
|
346
|
+
`,S=({trigger:e,content:t,isOpen:r,setOpen:o,variant:n="normal",side:i="bottom",sideOffset:a=2,align:l="start",alignOffset:s,disabled:d=!1,modal:p=!0,fullWidth:c=!0})=>d||!t?e:an(U.Root,{open:r,onOpenChange:o,modal:p,children:[Ee(U.Trigger,{asChild:!0,children:e}),Ee(U.Portal,{children:Ee(nn,{side:i,sideOffset:a,align:l,alignOffset:s,collisionPadding:4,onOpenAutoFocus:f=>f.preventDefault(),$fullWidth:c,$variant:n,children:t})})]});import ln from"react";import sn from"styled-components";import{jsx as _t,jsxs as cn}from"react/jsx-runtime";var dn=sn(m).attrs({justify:"space-between",row:!0,gap:1})`
|
|
341
347
|
width: ${e=>e.$width};
|
|
342
348
|
${e=>e.theme.border()}
|
|
343
349
|
background-color: ${e=>e.theme.colors.background};
|
|
@@ -365,7 +371,7 @@ to {
|
|
|
365
371
|
* {
|
|
366
372
|
flex-shrink: 0;
|
|
367
373
|
}
|
|
368
|
-
`,pe=
|
|
374
|
+
`,pe=ln.forwardRef((e,t)=>{let{className:r,label:o,isOpen:n,onClick:i,variant:a="normal",disabled:l=!1,fullWidth:s=!1}=e;return cn(dn,{className:r,ref:t,$width:s?"100%":"auto",$variant:a,$disabled:l?.toString()||"false",onClick:i,children:[_t(u,{truncate:!0,children:o}),_t(x,{name:n?"faChevronUp":"faChevronDown",size:"sm"})]})});import mn from"react";import pn from"styled-components";import{jsx as Xt,jsxs as gn}from"react/jsx-runtime";var fn=pn(m).attrs({row:!0})`
|
|
369
375
|
${e=>e.theme.padding(e.$sizeFactor)};
|
|
370
376
|
gap: ${e=>e.theme.spacing(e.$sizeFactor)};
|
|
371
377
|
border-radius: ${e=>e.theme.spacing(e.$sizeFactor)};
|
|
@@ -377,12 +383,12 @@ to {
|
|
|
377
383
|
cursor: not-allowed;
|
|
378
384
|
color: ${e.theme.colors.textLight};
|
|
379
385
|
`}
|
|
380
|
-
`,M=
|
|
386
|
+
`,M=mn.forwardRef((e,t)=>{let{iconName:r,label:o,onClick:n,disabled:i,color:a,variant:l="normal",rightContent:s}=e;return gn(fn,{ref:t,$sizeFactor:l==="small"?1:2,$color:a||"textDark",onClick:i?void 0:n,children:[r&&Xt(x,{name:r,color:"inherit",size:l==="small"?"xs":"sm"}),Xt(u,{truncate:!0,color:"inherit",style:{flexGrow:1},children:o}),s]})});import hn,{useState as xn}from"react";import bn from"styled-components";import un from"styled-components";var He=un.div`
|
|
381
387
|
width: ${e=>e.width||(e.vertical?"1px":"100%")};
|
|
382
388
|
height: ${e=>e.height||(e.vertical?"100%":"1px")};
|
|
383
389
|
border-${e=>e.vertical?"right":"bottom"}: 1px ${e=>e.dashed?"dashed":"solid"}
|
|
384
390
|
${e=>e.theme.colors[e.color||"border"]};
|
|
385
|
-
`;import{jsx as be,jsxs as
|
|
391
|
+
`;import{jsx as be,jsxs as Ut}from"react/jsx-runtime";import{createElement as wn}from"react";var $n=bn(m)`
|
|
386
392
|
width: 100%;
|
|
387
393
|
overflow-y: auto;
|
|
388
394
|
|
|
@@ -393,13 +399,14 @@ to {
|
|
|
393
399
|
min-width: 300px;
|
|
394
400
|
max-height: 90vh;
|
|
395
401
|
`}
|
|
396
|
-
|
|
402
|
+
`,yn=({trigger:e,header:t,sections:r,footer:o,onItemClick:n,variant:i="normal",side:a,sideOffset:l,align:s,alignOffset:d})=>{let[p,c]=xn(!1),f=i==="small"?1:2;return be(S,{trigger:e,content:Ut(m,{children:[t,be($n,{$variant:i,children:r.map((y,h)=>Ut(hn.Fragment,{children:[be(m,{padding:f,children:y.map((g,C)=>wn(M,{...g,key:`item-${C}-${C}`,variant:i,onClick:g.disabled?void 0:()=>{n?.(g),g.onClick?.(),c(!1)}}))}),h<r.length-1&&be(He,{})]},`section-${h}`))}),o]}),isOpen:p,setOpen:c,variant:i,side:a,sideOffset:l,align:s,alignOffset:d})};import{css as Cn}from"styled-components";var z=Cn`
|
|
397
403
|
${e=>e.theme.typography.bodyMd}
|
|
398
404
|
width: 100%;
|
|
399
405
|
height: 36px;
|
|
400
406
|
padding: 0 8px;
|
|
401
407
|
box-shadow: none !important;
|
|
402
408
|
border-radius: 4px;
|
|
409
|
+
color: ${e=>e.theme.colors.textDark};
|
|
403
410
|
background-color: ${e=>e.theme.colors.background};
|
|
404
411
|
border: 1px solid ${e=>e.theme.colors.border};
|
|
405
412
|
overflow: hidden;
|
|
@@ -419,10 +426,10 @@ to {
|
|
|
419
426
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
420
427
|
color: ${e=>e.theme.colors.textLight};
|
|
421
428
|
}
|
|
422
|
-
`;import{jsx as
|
|
423
|
-
${
|
|
429
|
+
`;import{jsx as J,jsxs as Rn}from"react/jsx-runtime";var vn=We(m).attrs({row:!0})`
|
|
430
|
+
${z};
|
|
424
431
|
padding: 0;
|
|
425
|
-
`,
|
|
432
|
+
`,Dn=We(m).attrs({center:!0})`
|
|
426
433
|
width: auto;
|
|
427
434
|
min-width: 40px;
|
|
428
435
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
@@ -430,15 +437,15 @@ to {
|
|
|
430
437
|
cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
|
|
431
438
|
${e=>e.theme.paddingHorizontal(2)}
|
|
432
439
|
${e=>e.theme.borderRight()}
|
|
433
|
-
`,
|
|
434
|
-
${
|
|
440
|
+
`,Tn=We(kn)`
|
|
441
|
+
${z};
|
|
435
442
|
border: 0;
|
|
436
443
|
border-radius: 0;
|
|
437
444
|
&:hover:not(:disabled),
|
|
438
445
|
&:focus-visible {
|
|
439
446
|
border: 0;
|
|
440
447
|
}
|
|
441
|
-
`,
|
|
448
|
+
`,Sn=({className:e,value:t,onChange:r,placeholder:o,disabled:n})=>{let i=["USD"],[a,l]=Ve(!1),[s,d]=Ve(t?.currency||i[0]),[p,c]=Ve(t?.amount||0);return Rn(vn,{className:e,children:[J(S,{isOpen:a,setOpen:l,disabled:i.length<1||n,trigger:J(Dn,{$disabled:n,children:J(u,{color:"textNormal",children:s?.toUpperCase()})}),content:J(m,{width:"200px",padding:1,children:i.map(f=>J(M,{label:f?.toUpperCase(),onClick:()=>{c(0),d(f),l(!1)},rightContent:s===f?J(x,{name:"faCheck",size:"xs"}):void 0},f))})}),J(Tn,{value:p,placeholder:o,intlConfig:{locale:"en-US",currency:s,currencyDisplay:"narrowSymbol"},allowDecimals:!0,decimalsLimit:2,disabled:n,onValueChange:(f,y,h)=>{c(f),r?.({currency:s,amount:h?.float,formatted:h?.formatted})}})]})};import Fn,{useState as Pn}from"react";import Ye from"styled-components";import{jsx as te,jsxs as Nn}from"react/jsx-runtime";var In=Ye(m).attrs({row:!0,align:"center",gap:1})`
|
|
442
449
|
height: 36px;
|
|
443
450
|
border-radius: 4px;
|
|
444
451
|
background-color: ${e=>e.theme.colors.background};
|
|
@@ -454,8 +461,8 @@ to {
|
|
|
454
461
|
&:hover {
|
|
455
462
|
border: 1px solid ${e.theme.colors.textLight};
|
|
456
463
|
}`}
|
|
457
|
-
`,
|
|
458
|
-
${
|
|
464
|
+
`,Ln=Ye.input`
|
|
465
|
+
${z};
|
|
459
466
|
background-color: transparent;
|
|
460
467
|
height: auto;
|
|
461
468
|
border: 0;
|
|
@@ -465,24 +472,24 @@ to {
|
|
|
465
472
|
&:focus-visible {
|
|
466
473
|
border: 0;
|
|
467
474
|
}
|
|
468
|
-
`,
|
|
475
|
+
`,On=Ye(m).attrs({width:"auto",center:!0})`
|
|
469
476
|
height: 36px;
|
|
470
477
|
${e=>e.theme.paddingHorizontal(2)}
|
|
471
|
-
`,
|
|
478
|
+
`,Mn="MMMM DD, YYYY",zn=Fn.forwardRef((e,t)=>{let[r,o]=Pn(!1),{disabled:n}=e;return te(S,{fullWidth:!1,disabled:n,isOpen:r,setOpen:o,trigger:Nn(In,{ref:t,$disabled:n,children:[te(On,{children:te(x,{name:"faCalendar",color:"textLight",size:"sm"})}),te(Ln,{placeholder:e.placeholder,disabled:n,onChange:()=>"",value:e.startDate?.format(Mn)||""})]}),content:te(m,{padding:3,gap:3,children:te(me,{...e,onChange:i=>{e.onChange?.(i),o(!1)}})})})});import An,{useState as _e}from"react";import{jsx as fe,jsxs as Gt}from"react/jsx-runtime";var Bn="MMMM DD, YYYY",En=An.forwardRef((e,t)=>{let r=Bn,[o,n]=_e(!1),[i,a]=_e(e.startDate),[l,s]=_e(e.endDate),d=()=>!e.startDate&&(!e.useRange||!e.endDate)?"Select date":e.useRange&&e.endDate?`${e.startDate.format(r)} - ${e.endDate.format(r)}`:e.startDate.format(r);return fe(S,{isOpen:o,setOpen:n,variant:e.dropdownVariant,fullWidth:!1,trigger:fe(pe,{ref:t,label:d(),variant:e.dropdownVariant}),content:Gt(m,{padding:3,gap:3,children:[fe(me,{...e,startDate:i,endDate:l,onChange:(p,c)=>{a(p),s(c)}}),Gt(m,{row:!0,justify:"flex-end",gap:3,children:[fe(L,{mini:!0,variant:"secondary",onClick:()=>n(!1),children:"Cancel"}),fe(L,{mini:!0,onClick:()=>{e.onChange?.(i,l),n(!1)},children:"Apply"})]})]})})});import Un from"react";import Gn from"styled-components";import{DndProvider as Kn}from"react-dnd";import{HTML5Backend as Jn}from"react-dnd-html5-backend";import Hn from"react";import Vn from"styled-components";import{useDrag as Wn,useDrop as Yn}from"react-dnd";import{jsx as Xn}from"react/jsx-runtime";var _n=Vn.div`
|
|
472
479
|
cursor: grab;
|
|
473
480
|
opacity: ${e=>e.$opacity};
|
|
474
|
-
`,
|
|
481
|
+
`,Kt=({item:e,onMove:t})=>{let{id:r,index:o}=e,n=Hn.useRef(null),[{handlerId:i},a]=Yn({accept:"item",collect:d=>({handlerId:d.getHandlerId()}),hover:(d,p)=>{if(!n.current)return;let c=d.index,f=o;if(c===f)return;let y=n.current?.getBoundingClientRect(),h=(y.bottom-y.top)/2,C=p.getClientOffset().y-y.top;c<f&&C<h||c>f&&C>h||(t(c,f),d.index=f)}}),[{isDragging:l},s]=Wn({type:"item",item:()=>({id:r,index:o}),collect:d=>({isDragging:d.isDragging()})});return s(a(n)),Xn(_n,{ref:n,$opacity:l?0:1,"data-handler-id":i,children:e.content})};import{jsx as $e}from"react/jsx-runtime";var qn=Gn.div`
|
|
475
482
|
display: flex;
|
|
476
483
|
flex-direction: column;
|
|
477
484
|
gap: ${e=>e.theme.spacing(1)};
|
|
478
|
-
`,Xe=({className:e,items:t,onChange:r})=>{let o=t.sort((i,a)=>i.index-a.index),n=(i,a)=>{let l=o[i],s=o[a];r(o.map(d=>d.id===l.id?{...d,index:s.index}:d.id===s.id?{...d,index:l.index}:d))};return $e(
|
|
479
|
-
${
|
|
480
|
-
`,oe=({className:e,value:t,onChange:r,onTextChange:o,onEnter:n,options:i,...a})=>{let l=
|
|
485
|
+
`,Xe=({className:e,items:t,onChange:r})=>{let o=t.sort((i,a)=>i.index-a.index),n=(i,a)=>{let l=o[i],s=o[a];r(o.map(d=>d.id===l.id?{...d,index:s.index}:d.id===s.id?{...d,index:l.index}:d))};return $e(Kn,{backend:Jn,children:$e(qn,{className:e,children:o.map(i=>i.disabled?$e(Un.Fragment,{children:i.content},i.id):$e(Kt,{item:i,onMove:n},i.id))})})};import{memo as ci,useState as mi}from"react";import so from"styled-components";import{useState as no}from"react";import H from"styled-components";import{useRef as Zn,useState as jn}from"react";import Qn from"styled-components";import{jsx as ge}from"react/jsx-runtime";var Ue=Qn.input`
|
|
486
|
+
${z};
|
|
487
|
+
`,oe=({className:e,value:t,onChange:r,onTextChange:o,onEnter:n,options:i,...a})=>{let l=Zn(null),[s,d]=jn(!1),p=ge(Ue,{...a,ref:l,className:e,value:t||"",onChange:c=>{let f=c.target?.value||"";o?.(f),r?.(c),setTimeout(()=>{d(!!i?.length),l?.current?.focus()},100)},onKeyDown:c=>{c.key==="Enter"&&n?.(),a.onKeyDown?.(c)}});return!i?.length||a.disabled?p:ge(S,{isOpen:s,setOpen:d,modal:!1,variant:"small",trigger:ge("div",{children:p}),content:ge(m,{children:i.map(c=>ge(M,{label:c.label,disabled:c.disabled,onClick:()=>{o?.(c.value),d(!1)}},c.value))})})};import ei from"styled-components";import{jsx as Ge,jsxs as Jt}from"react/jsx-runtime";var ti=ei(m)`
|
|
481
488
|
height: ${e=>e.$show?"20px":0};
|
|
482
489
|
justify-content: flex-start;
|
|
483
490
|
gap: ${e=>e.theme.spacing(1)};
|
|
484
491
|
transition: height 0.3s;
|
|
485
|
-
`,re=({label:e,children:t,rightContent:r,error:o})=>
|
|
492
|
+
`,re=({label:e,children:t,rightContent:r,error:o})=>Jt(m,{gap:1,children:[(e||r)&&Jt(m,{row:!0,justify:"space-between",children:[Ge(u,{variant:"headingXs",color:"textLight",uppercase:!0,children:e}),r]}),t,Ge(ti,{$show:!!o,children:Ge(u,{variant:"bodySm",color:"textLight",children:o})})]});import{jsx as Ke}from"react/jsx-runtime";var qt=({filter:e,value:t,onChange:r})=>Ke(m,{padding:3,children:Ke(re,{label:e.label,children:Ke(oe,{type:"text",placeholder:e.placeholder,value:t?.like||"",onTextChange:o=>r({...t||{},like:o})})})});import{jsx as Zt}from"react/jsx-runtime";var jt=({filter:e,value:t,onChange:r})=>{let o=t?.includes||[];return Zt(m,{gap:1,padding:3,children:e.options?.map(n=>Zt(Y,{label:n.label,checked:o.includes(n.value),setChecked:i=>{let a=i?[...o,n.value]:o.filter(l=>l!==n.value);r({...t||{},includes:a})}},String(n.value)))})};import{jsx as Je}from"react/jsx-runtime";var Qt=({filter:e,value:t,onChange:r})=>Je(m,{padding:1,children:e.options?.map(o=>Je(M,{iconName:o.iconName,label:o.label,disabled:o.disabled,onClick:()=>{r({...t||{},value:o.value})},rightContent:t?.value===o.value?Je(x,{name:"faCheck",size:"sm"}):void 0},String(o.value)))});import{useState as eo}from"react";import{jsx as ye,jsxs as oi}from"react/jsx-runtime";var to=({value:e,onChange:t})=>{let[r,o]=eo(String(e?.min||"")),[n,i]=eo(String(e?.max||"")),a=(l,s)=>{let d=l?.replace(/[^0-9.-]/g,"")||"",p=d.length?Number(d):void 0;t({...e,[s]:p&&isNaN(p)?void 0:p})};return oi(m,{padding:3,gap:2,children:[ye(re,{label:"M\xEDnimo",children:ye(oe,{type:"text",value:r,onTextChange:l=>{o(l),a(l,"min")}})}),ye(re,{label:"M\xE1ximo",children:ye(oe,{type:"text",value:n,onTextChange:l=>{i(l),a(l,"max")}})})]})};var oo=({filter:e,value:t})=>{if(!t)return;let r=e.getError?.(t);if(r)return r;if(e.type==="text"){let o=t?.like||"";if(o?.length){if(e.minValue&&o.length<e.minValue)return`Must have at least ${e.minValue} characters`;if(e.maxValue&&o.length>e.maxValue)return`Maximum length is ${e.maxValue} characters`}}if(e.type==="checkbox"){let o=t?.includes||[];if(e.minValue&&o.length<e.minValue)return`Must select at least ${e.minValue} options`;if(e.maxValue&&o.length>e.maxValue)return`Must select at most ${e.maxValue} options`}if(e.type==="range"){let o=t?.min,n=t?.max;if(o!==void 0&&o<e.minValue)return`Minimum value must be at least ${e.minValue.toLocaleString()}`;if(n!==void 0&&n>e.maxValue)return`Maximum value must be at most ${e.maxValue.toLocaleString()}`;if(o!==void 0&&n!==void 0&&o>n)return"Minimum value cannot be greater than maximum value"}};var ro=({filter:e,value:t})=>{if(t)switch(e.type){case"text":return t.like;case"select":return e.options?.find(r=>r.value===t?.value)?.label;case"checkbox":{let r=e.options.map(o=>{if(t?.includes?.includes(o.value))return o.label;if(t?.excludes?.includes(o.value))return`-${o.label}`}).filter(Boolean);return r.length?r.join(", "):void 0}case"range":return t?.min!==void 0&&t?.max!==void 0?`${t.min.toLocaleString()} - ${t.max.toLocaleString()}`:t?.min!==void 0?`${t.min.toLocaleString()} - \u221E`:t?.max!==void 0?`0 - ${t.max.toLocaleString()}`:void 0;default:return t?.value}};import{jsx as R,jsxs as qe}from"react/jsx-runtime";var ri=H(m).attrs({width:"auto",row:!0,align:"center",gap:1})`
|
|
486
493
|
min-width: 100px;
|
|
487
494
|
max-width: 200px;
|
|
488
495
|
height: 28px;
|
|
@@ -512,26 +519,26 @@ to {
|
|
|
512
519
|
}
|
|
513
520
|
|
|
514
521
|
`}
|
|
515
|
-
`,
|
|
522
|
+
`,io=H(x).attrs({size:"sm",color:"inherit"})``,ni=H(m).attrs({width:"auto",center:!0})`
|
|
516
523
|
&:hover {
|
|
517
524
|
color: ${e=>e.theme.colors.red500};
|
|
518
525
|
}
|
|
519
|
-
`,ni=H(m)`
|
|
520
|
-
min-width: 300px;
|
|
521
526
|
`,ii=H(m)`
|
|
527
|
+
min-width: 300px;
|
|
528
|
+
`,ai=H(m)`
|
|
522
529
|
max-height: 300px;
|
|
523
530
|
overflow-y: auto;
|
|
524
|
-
`,
|
|
531
|
+
`,li=H(m)`
|
|
525
532
|
${e=>e.theme.paddingHorizontal(3)};
|
|
526
533
|
${e=>e.theme.paddingBottom(2)};
|
|
527
|
-
`,
|
|
534
|
+
`,si=H(m).attrs({width:"auto",row:!0,align:"center",gap:2})``,di=H(si).attrs({width:"100%",justify:"space-between",padding:3})`
|
|
528
535
|
${e=>e.theme.paddingTop(2)};
|
|
529
536
|
${e=>e.theme.borderTop()}
|
|
530
|
-
`,
|
|
537
|
+
`,ao=H(L).attrs({mini:!0})``,lo=({filter:e,value:t,onChange:r})=>{let[o,n]=no(!1),[i,a]=no(t),l=oo({filter:e,value:i}),s=t!=null,d=()=>{switch(e.type){case"checkbox":return R(jt,{filter:e,value:i,onChange:a});case"select":return R(Qt,{filter:e,value:i,onChange:a});case"range":return R(to,{filter:e,value:i,onChange:a});default:return R(qt,{filter:e,value:i,onChange:a})}};return R(S,{isOpen:o,setOpen:c=>{c||a(t),n(c)},trigger:qe(ri,{$hasValue:s,children:[s?R(ni,{onClick:c=>{c.stopPropagation(),r(void 0)},children:R(io,{name:"faCircleXmark"})}):R(io,{name:"faCirclePlus"}),R(u,{variant:"bodySm",fontWeight:s?500:400,truncate:!0,style:{flexGrow:1},children:(()=>{if(s){let c=ro({filter:e,value:t});if(c)return`${e.label}: ${c}`}return e.label})()}),s&&R(x,{name:"faChevronDown",size:"sm",color:"inherit"})]}),content:qe(ii,{children:[R(ai,{children:d()}),l?.length&&R(li,{children:R(u,{variant:"bodySm",color:"red",children:l})}),qe(di,{children:[i?R(ao,{variant:"tertiary",onClick:()=>a(void 0),children:"Clear"}):R("div",{}),R(ao,{variant:"primary",disabled:!!l,onClick:()=>{r(i),n(!1)},children:"Apply"})]})]})})};import{jsx as Ze,jsxs as ui}from"react/jsx-runtime";var pi=so.div`
|
|
531
538
|
width: 100%;
|
|
532
539
|
display: inline-flex;
|
|
533
540
|
gap: ${e=>e.theme.spacing(2)};
|
|
534
|
-
`,
|
|
541
|
+
`,fi=so(m).attrs({width:"auto",center:!0})`
|
|
535
542
|
cursor: pointer;
|
|
536
543
|
height: 28px;
|
|
537
544
|
${e=>e.theme.paddingHorizontal(3)};
|
|
@@ -542,11 +549,11 @@ to {
|
|
|
542
549
|
color: ${e=>e.theme.colors.red800};
|
|
543
550
|
background-color: ${e=>e.theme.colors.red100};
|
|
544
551
|
}
|
|
545
|
-
`,
|
|
552
|
+
`,gi=ci(e=>{let{className:t,filters:r,values:o,onFilterChange:n}=e,[i,a]=mi(0);return ui(pi,{className:t,children:[r.map(l=>Ze(lo,{filter:l,value:o[l.id],onChange:s=>n({...o,[l.id]:s})},`${l.id}-${i}`)),Object.keys(o).length>0&&Ze(fi,{onClick:()=>{n({}),a(l=>l+1)},children:Ze(u,{variant:"headingSm",children:"Clear Filters"})})]})});import yi,{useState as po}from"react";import Qe from"styled-components";import mo,{useTheme as hi}from"styled-components";import{jsx as co,jsxs as $i}from"react/jsx-runtime";var xi=mo.svg`
|
|
546
553
|
color: ${({theme:e,$color:t})=>e.colors[t]};
|
|
547
554
|
overflow: visible;
|
|
548
555
|
width: ${({$width:e})=>e};
|
|
549
|
-
`,
|
|
556
|
+
`,bi=mo.circle`
|
|
550
557
|
animation: spinners-react-circular 1s linear infinite;
|
|
551
558
|
|
|
552
559
|
@keyframes spinners-react-circular {
|
|
@@ -561,7 +568,7 @@ to {
|
|
|
561
568
|
stroke-dashoffset: 132;
|
|
562
569
|
}
|
|
563
570
|
}
|
|
564
|
-
`,
|
|
571
|
+
`,je=({width:e,color:t})=>{let{colors:r}=hi();return $i(xi,{fill:"none",viewBox:"0 0 66 66",$width:e||"60px",$color:t||"primary",children:[co("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:r.textLight,strokeWidth:"4"}),co(bi,{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:"5"})]})};import{jsx as we,jsxs as Di}from"react/jsx-runtime";var wi=Qe(m).attrs({center:!0})`
|
|
565
572
|
position: relative;
|
|
566
573
|
background-color: ${e=>e.theme.colors[e.$backgroundColor]||e.theme.colors.backgroundLight};
|
|
567
574
|
border-radius: ${e=>e.$borderRadius||"0"};
|
|
@@ -570,14 +577,14 @@ to {
|
|
|
570
577
|
${e=>e.onClick&&`
|
|
571
578
|
cursor: pointer;
|
|
572
579
|
`}
|
|
573
|
-
`,
|
|
580
|
+
`,Ci=Qe(m).attrs({center:!0})`
|
|
574
581
|
position: absolute;
|
|
575
582
|
top: 0;
|
|
576
583
|
left: 0;
|
|
577
584
|
width: 100%;
|
|
578
585
|
height: 100%;
|
|
579
586
|
flex-shrink: 0;
|
|
580
|
-
`,
|
|
587
|
+
`,ki=Qe.img`
|
|
581
588
|
position: absolute;
|
|
582
589
|
top: 0;
|
|
583
590
|
left: 0;
|
|
@@ -596,10 +603,10 @@ to {
|
|
|
596
603
|
-moz-user-drag: none;
|
|
597
604
|
-o-user-drag: none;
|
|
598
605
|
user-drag: none;
|
|
599
|
-
`,vi
|
|
606
|
+
`,vi=yi.forwardRef((e,t)=>{let{className:r,src:o,alt:n,fallback:i,onClick:a,width:l="20px",height:s="20px",borderRadius:d="0",objectFit:p="cover",backgroundColor:c="backgroundLight"}=e,[f,y]=po(!1),[h,g]=po(!1),C=()=>{if(o?.length)return we(ki,{src:o,alt:n||"",$objectFit:p,style:{opacity:f?1:0},onLoad:()=>y(!0),onError:()=>g(!0)})};return Di(wi,{className:r,ref:t,width:l,height:s,onClick:a,$borderRadius:d,$backgroundColor:c,children:[we(Ci,{children:(()=>{if(!f)return!f&&!h&&o?.length?we(je,{width:"30px",color:"textLight"}):i||we(x,{name:"faCircleQuestion",color:"textLight"})})()}),C()]})});import Ti,{keyframes as Si}from"styled-components";import{jsx as Pi}from"react/jsx-runtime";var Ri=Si`
|
|
600
607
|
from { background-position: 200% 0;}
|
|
601
608
|
to { background-position: -200% 0; }
|
|
602
|
-
`,Fi=
|
|
609
|
+
`,Fi=Ti.div`
|
|
603
610
|
animation: ${Ri} 4s linear infinite;
|
|
604
611
|
animation-fill-mode: forwards;
|
|
605
612
|
background: rgb(246, 248, 250);
|
|
@@ -613,27 +620,28 @@ to {
|
|
|
613
620
|
border-radius: 4px;
|
|
614
621
|
width: ${e=>e.$width};
|
|
615
622
|
height: ${e=>e.$height};
|
|
616
|
-
`,et=({width:e="auto",height:t="auto",className:r})=>
|
|
623
|
+
`,et=({width:e="auto",height:t="auto",className:r})=>Pi(Fi,{$width:e,$height:t,className:r});import ke from"styled-components";import*as F from"@radix-ui/react-dialog";import{jsx as ue,jsxs as Ce}from"react/jsx-runtime";var Ii=ke(F.Overlay)`
|
|
617
624
|
background-color: #000;
|
|
618
625
|
position: fixed;
|
|
619
626
|
inset: 0;
|
|
620
627
|
opacity: 0.1;
|
|
621
628
|
animation: ${Mt} 00ms;
|
|
622
|
-
`,
|
|
623
|
-
background-color:
|
|
629
|
+
`,Li=ke(F.Content)`
|
|
630
|
+
background-color: ${e=>e.theme.colors.background};
|
|
624
631
|
border-radius: 8px;
|
|
625
|
-
box-shadow: 0px 24px 60px 0px
|
|
632
|
+
box-shadow: 0px 24px 60px 0px
|
|
633
|
+
${e=>e.theme.colors.backgroundShadow};
|
|
626
634
|
position: fixed;
|
|
627
635
|
top: 50%;
|
|
628
636
|
left: 50%;
|
|
629
637
|
transform: translate(-50%, -50%);
|
|
630
|
-
animation: ${
|
|
638
|
+
animation: ${zt} 400ms ease-out;
|
|
631
639
|
min-width: min(480px, 90%);
|
|
632
640
|
${e=>e.theme.padding(2,3)};
|
|
633
641
|
display: flex;
|
|
634
642
|
flex-direction: column;
|
|
635
643
|
gap: ${e=>e.theme.spacing(4)};
|
|
636
|
-
`,
|
|
644
|
+
`,Oi=ke(F.Title)`
|
|
637
645
|
display: flex;
|
|
638
646
|
justify-content: space-between;
|
|
639
647
|
align-items: center;
|
|
@@ -642,9 +650,9 @@ to {
|
|
|
642
650
|
${e=>e.theme.paddingBottom(2)};
|
|
643
651
|
|
|
644
652
|
${e=>e.theme.borderBottom()}
|
|
645
|
-
`,
|
|
653
|
+
`,Mi=ke(F.Description)`
|
|
646
654
|
display: none;
|
|
647
|
-
`,tt=({open:e,setOpen:t,title:r,children:o,trigger:n})=>Ce(
|
|
655
|
+
`,tt=({open:e,setOpen:t,title:r,children:o,trigger:n})=>Ce(F.Root,{open:e,onOpenChange:t,children:[n&&ue(F.Trigger,{asChild:!0,children:n}),Ce(F.Portal,{children:[ue(Ii,{}),Ce(Li,{children:[r&&Ce(Oi,{children:[ue(u,{variant:"headingMd",children:r}),ue(_,{iconName:"faCircleXmark",color:"textLight",size:"lg",onClick:()=>t?.(!1)})]}),ue(Mi,{}),o]})]})]});import{useEffect as zi,useState as fo}from"react";import he from"styled-components";import{jsx as A,jsxs as go}from"react/jsx-runtime";var Ni=he.div`
|
|
648
656
|
display: flex;
|
|
649
657
|
flex-direction: column;
|
|
650
658
|
width: 100%;
|
|
@@ -660,7 +668,7 @@ to {
|
|
|
660
668
|
&:hover {
|
|
661
669
|
background-color: ${({theme:e})=>e.colors.backgroundLight};
|
|
662
670
|
}
|
|
663
|
-
`,
|
|
671
|
+
`,Ai=he.div`
|
|
664
672
|
width: 100%;
|
|
665
673
|
position: relative;
|
|
666
674
|
cursor: pointer;
|
|
@@ -670,16 +678,16 @@ to {
|
|
|
670
678
|
position: absolute;
|
|
671
679
|
right: 8px;
|
|
672
680
|
top: 8px;
|
|
673
|
-
`,
|
|
681
|
+
`,Hi=({values:e,onChange:t,options:r,placeholder:o,renderValues:n,disabled:i})=>{let[a,l]=fo(!1),[s,d]=fo(""),p=r.filter(g=>e?.includes(g.value)),c=r.filter(g=>!s?.length||g.label.toLowerCase().includes(s.toLowerCase())),f=g=>{e?.includes(g)?t(e?.filter(C=>C!==g)):t([...e||[],g])};zi(()=>{a||d("")},[a]);let y=()=>go(Ni,{children:[!s?.length&&A(ot,{children:A(Y,{label:"Select all",checked:p.length===r.length,setChecked:g=>{t(g?r.map(C=>C.value):[])}})}),c?.length>0?c.map(g=>A(ot,{onClick:()=>{f(g.value)},children:A(Y,{checked:e?.includes(g.value),label:g.label})},g.value)):A(ot,{children:A(u,{children:"No results found"})})]}),h="Type to search...";return A(S,{isOpen:a,setOpen:l,trigger:go(Ai,{onClick:()=>l(!0),children:[A(Bi,{value:a?s:n(p),onChange:g=>{d(g.target.value),l(!0)},placeholder:a?h:o||h,disabled:i}),A(Ei,{children:A(x,{name:a?"faChevronUp":"faChevronDown",size:"sm"})})]}),content:y(),disabled:i})};import{useState as Vi}from"react";import Wi from"styled-components";import{jsx as ve}from"react/jsx-runtime";import{createElement as Xi}from"react";var Yi=Wi(pe)`
|
|
674
682
|
border-radius: 4px;
|
|
675
|
-
`,
|
|
683
|
+
`,_i=({value:e,onChange:t,options:r,placeholder:o,disabled:n,fullWidth:i=!0,variant:a})=>{let[l,s]=Vi(!1),d=r.find(p=>p.value===e);return ve(S,{isOpen:l,setOpen:s,variant:"small",trigger:ve(Yi,{label:d?.label||o,isOpen:l,disabled:n,fullWidth:i,variant:a}),content:ve(m,{padding:1,children:r.map(p=>Xi(M,{...p,key:p.value,variant:a,onClick:()=>{t(p.value),s(!1)},rightContent:e===p.value?ve(x,{name:"faCheck",size:"xs"}):void 0}))})})};import{useEffect as rt,useRef as Ui,useState as nt}from"react";import ne from"styled-components";import*as P from"@radix-ui/react-dialog";import{jsx as V,jsxs as it}from"react/jsx-runtime";var De=580,ho="slideoutWidth",Gi=ne(P.Title)`
|
|
676
684
|
${e=>e.theme.borderBottom()};
|
|
677
685
|
display: flex;
|
|
678
686
|
align-items: center;
|
|
679
687
|
justify-content: space-between;
|
|
680
688
|
${e=>e.theme.padding(4)};
|
|
681
689
|
padding-top: 0;
|
|
682
|
-
`,
|
|
690
|
+
`,Ki=ne(P.Content)`
|
|
683
691
|
display: flex;
|
|
684
692
|
flex-direction: column;
|
|
685
693
|
position: fixed;
|
|
@@ -689,8 +697,8 @@ to {
|
|
|
689
697
|
width: ${e=>e.$width};
|
|
690
698
|
background-color: ${e=>e.theme.colors.background};
|
|
691
699
|
box-shadow:
|
|
692
|
-
-5px 0px 25px 0px
|
|
693
|
-
0px 0px 1px 0px
|
|
700
|
+
-5px 0px 25px 0px ${e=>e.theme.colors.backgroundShadow},
|
|
701
|
+
0px 0px 1px 0px ${e=>e.theme.colors.backgroundShadow};
|
|
694
702
|
border-radius: 0px;
|
|
695
703
|
|
|
696
704
|
@media (min-width: 600px) {
|
|
@@ -698,22 +706,22 @@ to {
|
|
|
698
706
|
}
|
|
699
707
|
|
|
700
708
|
&[data-state='open'] {
|
|
701
|
-
animation: ${
|
|
709
|
+
animation: ${Rt} 400ms ease-in-out; // must use animation, can't use transition: https://github.com/radix-ui/primitives/issues/994
|
|
702
710
|
}
|
|
703
711
|
&[data-state='closed'] {
|
|
704
|
-
animation: ${
|
|
712
|
+
animation: ${Ft} 400ms ease-in-out;
|
|
705
713
|
}
|
|
706
714
|
&:focus-visible {
|
|
707
715
|
outline: none;
|
|
708
716
|
}
|
|
709
|
-
`,
|
|
717
|
+
`,Ji=ne.div`
|
|
710
718
|
${e=>e.theme.padding(4)};
|
|
711
719
|
`,qi=ne(P.Close)`
|
|
712
720
|
all: unset;
|
|
713
721
|
display: flex;
|
|
714
722
|
align-items: center;
|
|
715
723
|
justify-content: center;
|
|
716
|
-
`,
|
|
724
|
+
`,Zi=ne.div`
|
|
717
725
|
position: absolute;
|
|
718
726
|
left: 0;
|
|
719
727
|
top: 0;
|
|
@@ -736,7 +744,7 @@ to {
|
|
|
736
744
|
width: 4px;
|
|
737
745
|
background-color: ${e=>e.theme.colors.textLight};
|
|
738
746
|
border-radius: 4px;
|
|
739
|
-
`,
|
|
747
|
+
`,uo=(e,t)=>{let r=sessionStorage.getItem(ho);switch(!0){case(t&&r&&parseInt(r)<e):return r;case e>=1440:return"800px";case e>=1280:return"720px";case e>=600:return`${De}px`;default:return"100%"}},Qi=({children:e,trigger:t,disabled:r=!1,open:o,setOpen:n,title:i,resizable:a=!0})=>{let[l,s]=nt(window.innerWidth),[d,p]=nt(""),[c,f]=nt(!1),y=Ui(null);return rt(()=>{let h=()=>{let g=window.innerWidth;s(g),p(uo(g,a))};return window.addEventListener("resize",h),h(),()=>window.removeEventListener("resize",h)},[]),rt(()=>{if(!a||!c)return;let h,g=b=>{if(!y.current)return;let $=window.innerWidth-b.clientX,w=$>=window.innerWidth;window.innerWidth<De||w?h="100%":$<De?h=`${De}px`:h=`${$}px`,y.current.style.width=h},C=()=>{p(h),sessionStorage.setItem(ho,h),f(!1)};return window.addEventListener("mousemove",g),window.addEventListener("mouseup",C),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",C)}},[c]),rt(()=>{p(uo(l,a))},[o]),r?t:it(P.Root,{open:o,onOpenChange:n,modal:!1,children:[t&&V(P.Trigger,{asChild:!0,children:t}),V(P.Portal,{children:it(Ki,{$width:d,$open:o||!1,ref:y,children:[i&&it(Gi,{children:[V(u,{variant:"headingXl",children:i}),V(qi,{children:V(_,{iconName:"faCircleXmark",color:"textLight"})})]}),V(P.Description,{}),V(Ji,{children:e}),a&&V(Zi,{onMouseDown:()=>f(!0),"aria-label":"resize slideout handle",children:V(ji,{})})]})})]})};import ea from"react";import ta from"styled-components";import{jsx as at,jsxs as na}from"react/jsx-runtime";var oa=ta.div`
|
|
740
748
|
display: flex;
|
|
741
749
|
align-items: center;
|
|
742
750
|
justify-content: flex-start;
|
|
@@ -745,7 +753,7 @@ to {
|
|
|
745
753
|
float: left;
|
|
746
754
|
${e=>e.theme.padding(1,2)};
|
|
747
755
|
background-color: ${e=>e.theme.colors[e.$color]};
|
|
748
|
-
`,
|
|
756
|
+
`,ra=ea.forwardRef((e,t)=>{let{label:r,color:o="plain",iconName:n,tooltip:i}=e,a=o==="plain"?"textNormal":`${o}800`,l=o==="plain"?"backgroundLight":`${o}100`;return at(ce,{content:i,children:na(oa,{ref:t,$color:l,children:[at(u,{variant:"headingSm",color:a,children:r}),n&&at(x,{name:n,color:a,size:"sm"})]})})});import ia from"react";import st from"styled-components";import*as Te from"@radix-ui/react-switch";import{jsx as lt,jsxs as ca}from"react/jsx-runtime";var aa=st.div`
|
|
749
757
|
display: flex;
|
|
750
758
|
align-items: center;
|
|
751
759
|
gap: ${e=>e.theme.spacing(2)};
|
|
@@ -757,7 +765,7 @@ to {
|
|
|
757
765
|
`:`
|
|
758
766
|
cursor: pointer;
|
|
759
767
|
`};
|
|
760
|
-
`,
|
|
768
|
+
`,la=st(Te.Root)`
|
|
761
769
|
all: unset;
|
|
762
770
|
display: inline-block;
|
|
763
771
|
width: 38px;
|
|
@@ -771,9 +779,9 @@ to {
|
|
|
771
779
|
&:enabled {
|
|
772
780
|
cursor: pointer;
|
|
773
781
|
}
|
|
774
|
-
`,
|
|
782
|
+
`,sa=st(Te.Thumb)`
|
|
775
783
|
display: block;
|
|
776
|
-
background-color:
|
|
784
|
+
background-color: ${e=>e.theme.colors.background};
|
|
777
785
|
width: 16px;
|
|
778
786
|
height: 16px;
|
|
779
787
|
border-radius: 50%;
|
|
@@ -782,16 +790,16 @@ to {
|
|
|
782
790
|
&[data-state='checked'] {
|
|
783
791
|
transform: translateX(20px);
|
|
784
792
|
}
|
|
785
|
-
`,
|
|
793
|
+
`,da=ia.forwardRef((e,t)=>{let{checked:r,setChecked:o,label:n,disabled:i=!1}=e;return ca(aa,{ref:t,onClick:()=>o?.(!r),$disabled:i,children:[lt(la,{checked:r,onCheckedChange:o,disabled:i,children:lt(sa,{})}),n&<(u,{children:n})]})});import ma,{useState as pa,useEffect as fa,useRef as xo}from"react";import Re from"styled-components";import{jsx as Se,jsxs as $a}from"react/jsx-runtime";var ga=Re.div`
|
|
786
794
|
width: 100%;
|
|
787
|
-
`,
|
|
795
|
+
`,ua=Re.div`
|
|
788
796
|
width: 100%;
|
|
789
797
|
display: flex;
|
|
790
798
|
align-items: center;
|
|
791
799
|
gap: ${e=>e.theme.spacing(6)};
|
|
792
800
|
${e=>e.theme.paddingVertical(1)};
|
|
793
801
|
${e=>e.theme.borderBottom(1)};
|
|
794
|
-
`,
|
|
802
|
+
`,ha=Re.div`
|
|
795
803
|
position: relative;
|
|
796
804
|
color: ${e=>e.theme.colors.textLight};
|
|
797
805
|
background-color: transparent;
|
|
@@ -801,7 +809,7 @@ to {
|
|
|
801
809
|
&:hover {
|
|
802
810
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
803
811
|
}
|
|
804
|
-
`,
|
|
812
|
+
`,xa=Re.div`
|
|
805
813
|
position: relative;
|
|
806
814
|
width: ${e=>e.$width};
|
|
807
815
|
height: 3px;
|
|
@@ -810,27 +818,27 @@ to {
|
|
|
810
818
|
background-color: ${e=>e.theme.colors.primary};
|
|
811
819
|
border-radius: 4px;
|
|
812
820
|
transition: all 0.25s ease-in-out;
|
|
813
|
-
`,
|
|
821
|
+
`,ba=ma.memo(({className:e,value:t,onChange:r,tabs:o})=>{let n=xo(null),i=xo(null),[a,l]=pa({width:"0px",left:"0px"});return fa(()=>{n?.current&&i?.current&&l({width:`${i.current.offsetWidth||0}px`,left:`${(i.current.offsetLeft||0)-n.current.offsetLeft}px`})},[t,n,i]),$a(ga,{children:[Se(ua,{ref:n,className:e,children:o.map((s,d)=>{let p=t?t===s.value:d===0;return Se(ha,{onClick:()=>r(s.value),ref:p?i:null,children:Se(u,{color:p?"primary":"textLight",variant:"headingSm",children:s.label})},s.value)})}),Se(xa,{$width:a.width,$left:a.left})]})});import ie from"styled-components";import ya,{useState as wa}from"react";import Co from"styled-components";var bo=e=>JSON.parse(localStorage.getItem(e)||"{}"),$o=(e,t)=>localStorage.setItem(e,JSON.stringify(t));import{jsx as G,jsxs as wo}from"react/jsx-runtime";var Ca=Co.div`
|
|
814
822
|
display: flex;
|
|
815
823
|
flex-direction: column;
|
|
816
824
|
gap: ${e=>e.theme.spacing(2)};
|
|
817
|
-
`,
|
|
825
|
+
`,ka=Co.div`
|
|
818
826
|
display: flex;
|
|
819
827
|
align-items: center;
|
|
820
828
|
justify-content: flex-end;
|
|
821
829
|
gap: ${e=>e.theme.spacing(2)};
|
|
822
|
-
|
|
830
|
+
`,yo="tableSettings",ko=({id:e,columns:t})=>{let[r,o]=ya.useState(!1),n=bo(yo),i=n?.[e]||[],a=i?.columns||[],l=t.map((g,C)=>{let b=a?.find?.($=>$.id===g.id);return{...g,order:b?b.order:C,hidden:b?.hidden||!1}}),[s,d]=wa(l),p="Edit Columns",c=()=>{d(t.map((g,C)=>({...g,order:C,hidden:!1})))},f=()=>{$o(yo,{...n,[e]:{...i,columns:s.map(g=>({id:g.id,order:g.order,hidden:g.hidden}))}}),o(!1)},y=s.map(g=>({id:g.id,index:g.order,content:G("div",{children:G(Y,{label:g.header,disabled:g.required,checked:!g.hidden,setChecked:C=>{d(b=>b.map($=>$.id===g.id?{...$,hidden:!C}:$))}})},g.id)})),h=g=>d(C=>C.map(b=>{let $=g.find(w=>w.id===b.id);return{...b,order:$.index}}));return G(tt,{title:p,trigger:G(L,{iconName:"faGear",mini:!0,variant:"secondary",children:p}),open:r,setOpen:o,children:wo(Ca,{children:[G(Xe,{items:y,onChange:h}),wo(ka,{children:[G(L,{variant:"tertiary",onClick:c,children:"Reset"}),G(L,{variant:"secondary",onClick:()=>o(!1),children:"Cancel"}),G(L,{onClick:f,children:"Save"})]})]})})};import W from"styled-components";var vo=W.table`
|
|
823
831
|
width: 100%;
|
|
824
832
|
border-collapse: collapse;
|
|
825
833
|
border-spacing: 0;
|
|
826
834
|
table-layout: auto;
|
|
827
835
|
margin: 0;
|
|
828
836
|
background-color: ${e=>e.theme.colors.background};
|
|
829
|
-
`,
|
|
837
|
+
`,Do=W.thead`
|
|
830
838
|
position: sticky;
|
|
831
839
|
top: 0;
|
|
832
840
|
background-color: ${e=>e.theme.colors.background};
|
|
833
|
-
`,
|
|
841
|
+
`,To=W.td`
|
|
834
842
|
width: 100%;
|
|
835
843
|
width: ${e=>e.$width||"100%"};
|
|
836
844
|
min-width: ${e=>e.$width||"60px"};
|
|
@@ -839,15 +847,15 @@ to {
|
|
|
839
847
|
justify-content: ${e=>e.$align==="right"?"flex-end":"space-between"};
|
|
840
848
|
gap: ${e=>e.theme.spacing(1)};
|
|
841
849
|
${e=>e.theme.padding(2,0)};
|
|
842
|
-
`,
|
|
850
|
+
`,Fe=W.tr`
|
|
843
851
|
display: flex;
|
|
844
852
|
align-items: center;
|
|
845
853
|
${e=>e.theme.borderBottom()}
|
|
846
|
-
`,
|
|
854
|
+
`,So=W(Fe)`
|
|
847
855
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
848
|
-
`,Ro=W(
|
|
856
|
+
`,Ro=W(To)`
|
|
849
857
|
${e=>e.$canSort&&"cursor: pointer;"}
|
|
850
|
-
`,dt=W.tbody``,Fo=W(
|
|
858
|
+
`,dt=W.tbody``,Fo=W(Fe)`
|
|
851
859
|
${e=>e.onClick&&"cursor: pointer;"}
|
|
852
860
|
&:last-child {
|
|
853
861
|
border-bottom: none;
|
|
@@ -856,10 +864,10 @@ to {
|
|
|
856
864
|
&:hover {
|
|
857
865
|
background-color: ${e=>e.theme.colors.backgroundLight};
|
|
858
866
|
}
|
|
859
|
-
`,ct=W(
|
|
867
|
+
`,ct=W(To)`
|
|
860
868
|
${e=>e.theme.typography.bodyMd};
|
|
861
869
|
color: ${e=>e.theme.colors.textNormal};
|
|
862
|
-
`;import{Fragment as
|
|
870
|
+
`;import{Fragment as Ia,jsx as D,jsxs as K}from"react/jsx-runtime";var va=ie.div`
|
|
863
871
|
min-width: 100%;
|
|
864
872
|
display: flex;
|
|
865
873
|
flex-direction: column;
|
|
@@ -867,18 +875,18 @@ to {
|
|
|
867
875
|
${e=>e.theme.border()};
|
|
868
876
|
border-radius: 8px;
|
|
869
877
|
overflow: hidden;
|
|
870
|
-
`,
|
|
878
|
+
`,Da=ie.div`
|
|
871
879
|
width: 100%;
|
|
872
880
|
display: flex;
|
|
873
881
|
align-items: center;
|
|
874
882
|
justify-content: space-between;
|
|
875
883
|
${e=>e.theme.padding(3)}
|
|
876
884
|
${e=>e.theme.borderBottom()}
|
|
877
|
-
`,
|
|
885
|
+
`,Ta=ie.div`
|
|
878
886
|
display: flex;
|
|
879
887
|
align-items: center;
|
|
880
888
|
gap: ${e=>e.theme.spacing(2)};
|
|
881
|
-
`,
|
|
889
|
+
`,Sa=ie.div`
|
|
882
890
|
height: ${e=>e.$height||"auto"};
|
|
883
891
|
overflow: ${e=>e.$isLoading?"hidden":"auto"};
|
|
884
892
|
`,Ra=ie.div`
|
|
@@ -892,15 +900,15 @@ to {
|
|
|
892
900
|
display: flex;
|
|
893
901
|
align-items: center;
|
|
894
902
|
gap: ${e=>e.theme.spacing(2)};
|
|
895
|
-
`,
|
|
896
|
-
${
|
|
903
|
+
`,Pa=({id:e,columns:t,data:r,isLoading:o,emptyState:n,header:i,onRowClick:a,sorting:l,onSortChange:s,pagination:d,onPaginationChange:p,disableCustomization:c,height:f})=>{let y=()=>!i&&c?null:K(Da,{children:[i||D("div",{}),D(Ta,{children:!c&&D(ko,{id:e,columns:t})})]}),h=()=>{if(o)return D(dt,{children:Array.from({length:15}).map(($,w)=>D(Fe,{children:t.map(k=>D(ct,{$width:k.width,$align:k.align,children:D(et,{width:"100%",height:"18px"})},`loadingrow-${w}-column-${k.id}`))},`loadingrow-${w}`))});if(!r?.length)return null;let b=($,w)=>{if($.cell)return $.cell(w);let k=w[$.id];return $.formatter?$.formatter(k,w):k};return D(dt,{children:r.map(($,w)=>D(Fo,{onClick:a?()=>a($):null,children:t.map(k=>D(ct,{$width:k.width,$align:k.align,children:b(k,$)},`row-${w}-column-${k.id}`))},`row-${w}`))})},g=()=>!o&&r?.length===0?n:D(Ia,{children:K(vo,{children:[D(Do,{children:D(So,{children:t.map(b=>{let $=l?.column===b.id,w=$?l?.direction!=="desc":b.type==="number",k=()=>b.sortable&&s?.({column:b.id,direction:w?"desc":"asc"}),B=(()=>{if(b.sortable)return $?{name:l.direction==="desc"?"faChevronDown":"faChevronUp",color:"textDark"}:{name:"faChevronUp",color:"textNormal"}})();return K(Ro,{$align:b.align,$width:b.width,$canSort:b.sortable,onClick:k,children:[D(u,{variant:"headingXs",color:B?.color||"textNormal",uppercase:!0,children:b.header}),B&&D(x,{name:B.name,color:B.color,size:"xs"})]},b.id)})})}),h()]})}),C=()=>{if(!d)return;let b=d.page||1,$=Math.ceil(d.total/d.size);if($<=1)return;let w=k=>{p?.({...d,page:k})};return K(Ra,{children:[K(u,{variant:"bodySm",color:"textLight",children:[d.total," items"]}),K(Fa,{children:[D(_,{iconName:"faChevronLeft",color:"textNormal",size:"xs",disabled:o||b===1,onClick:()=>w(b-1)}),K(u,{variant:"bodySm",color:"textNormal",children:[b," de ",$]}),D(_,{iconName:"faChevronRight",color:"textNormal",size:"xs",disabled:o||b===$,onClick:()=>w(b+1)})]})]})};return K(va,{children:[y(),D(Sa,{$height:f,$isLoading:o,children:g()}),C()]})};import{useRef as La}from"react";import Oa from"styled-components";import{jsx as Na}from"react/jsx-runtime";var Ma=Oa.textarea`
|
|
904
|
+
${z};
|
|
897
905
|
padding: 6px 8px;
|
|
898
906
|
max-width: 100%;
|
|
899
907
|
min-width: 100%;
|
|
900
908
|
min-height: 72px;
|
|
901
909
|
max-height: 288px;
|
|
902
910
|
overflow: auto;
|
|
903
|
-
`,
|
|
911
|
+
`,za=({value:e,onTextChange:t,disabled:r,placeholder:o})=>{let n=La(null);return Na(Ma,{ref:n,value:e,onChange:i=>{t?.(i.target.value),n.current?.style.setProperty("height","auto"),n.current?.style.setProperty("height",`${n.current?.scrollHeight}px`)},disabled:r,placeholder:o})};import Aa,{useState as Ba}from"react";import pt from"styled-components";var mt=e=>{let t=/^\d{0,2}?\:?\d{0,2}$/,[r,o]=e.split(":");if(!t.test(e))return!1;let n=Number(r),i=Number(o),a=d=>Number.isInteger(d)&&d>=0&&d<24,l=d=>Number.isInteger(d)&&n>=0&&n<24||Number.isNaN(d);if(!a(n)||!l(i)||i<10&&Number(o[0])>5)return!1;let s=e.indexOf(":")!==-1?e.split(":"):[e];return!(s[0]&&s[0].length&&(parseInt(s[0],10)<0||parseInt(s[0],10)>23)||s[1]&&s[1].length&&(parseInt(s[1],10)<0||parseInt(s[1],10)>59))};import{jsx as Pe,jsxs as Ya}from"react/jsx-runtime";var Ea=pt(m).attrs({row:!0,align:"center",gap:2})`
|
|
904
912
|
height: 36px;
|
|
905
913
|
border-radius: 4px;
|
|
906
914
|
background-color: ${e=>e.theme.colors.background};
|
|
@@ -917,8 +925,8 @@ to {
|
|
|
917
925
|
&:hover {
|
|
918
926
|
border: 1px solid ${e.theme.colors.textLight};
|
|
919
927
|
}`}
|
|
920
|
-
`,
|
|
921
|
-
${
|
|
928
|
+
`,Ha=pt.input`
|
|
929
|
+
${z};
|
|
922
930
|
background-color: transparent;
|
|
923
931
|
height: auto;
|
|
924
932
|
border: 0;
|
|
@@ -928,9 +936,9 @@ to {
|
|
|
928
936
|
&:focus-visible {
|
|
929
937
|
border: 0;
|
|
930
938
|
}
|
|
931
|
-
`,
|
|
939
|
+
`,Va=pt(m).attrs({width:"auto",center:!0})`
|
|
932
940
|
height: 36px;
|
|
933
|
-
`,
|
|
941
|
+
`,Wa=Aa.forwardRef((e,t)=>{let{value:r,onChange:o,placeholder:n,disabled:i}=e,[a,l]=Ba(mt(r||"")?r:""),s="";return Ya(Ea,{ref:t,$disabled:i,children:[Pe(Va,{children:Pe(x,{name:"faClock",color:"textLight",size:"sm"})}),Pe(Ha,{placeholder:n,disabled:i,value:a,onChange:c=>{let f=c.target.value||"";if(f!==a&&mt(f)){if(f.length===2&&s.length!==3&&f.indexOf(":")===-1&&(f=f+":"),f.length===2&&s.length===3&&(f=f.slice(0,1)),f.length>5)return!1;s=f,l(f),f.length===5&&o?.(f)}}}),(()=>{if(a?.length!==5)return;let[c]=a.split(":");return Pe(u,{color:"textLight",children:parseInt(c)>=12?"PM":"AM"})})()]})});import{ThemeProvider as Ua}from"styled-components";import{createGlobalStyle as _a}from"styled-components";var Po=_a`
|
|
934
942
|
body {
|
|
935
943
|
${e=>e.theme.typography.bodyMd};
|
|
936
944
|
color: ${e=>e.theme.colors.textDark};
|
|
@@ -942,36 +950,36 @@ to {
|
|
|
942
950
|
* {
|
|
943
951
|
box-sizing: border-box;
|
|
944
952
|
}
|
|
945
|
-
`;var I="Roboto, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
|
|
946
|
-
`)]));var
|
|
947
|
-
padding-left: ${t*
|
|
948
|
-
padding-right: ${t*
|
|
953
|
+
`;var I="Roboto, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",Xa={bodyLg:{fontFamily:I,fontSize:"16px",fontWeight:"400",lineHeight:"24px"},bodyMd:{fontFamily:I,fontSize:"14px",fontWeight:"400",lineHeight:"20px"},bodySm:{fontFamily:I,fontSize:"12px",fontWeight:"400",lineHeight:"18px"},bodyXs:{fontFamily:I,fontSize:"10px",fontWeight:"400",lineHeight:"16px"},heading4xl:{fontFamily:I,fontSize:"40px",fontWeight:"700",lineHeight:"48px"},heading3xl:{fontFamily:I,fontSize:"32px",fontWeight:"700",lineHeight:"40px"},heading2xl:{fontFamily:I,fontSize:"28px",fontWeight:"600",lineHeight:"32px"},headingXl:{fontFamily:I,fontSize:"24px",fontWeight:"600",lineHeight:"28px"},headingLg:{fontFamily:I,fontSize:"20px",fontWeight:"600",lineHeight:"24px"},headingMd:{fontFamily:I,fontSize:"16px",fontWeight:"600",lineHeight:"20px"},headingSm:{fontFamily:I,fontSize:"14px",fontWeight:"600",lineHeight:"18px"},headingXs:{fontFamily:I,fontSize:"12px",fontWeight:"600",lineHeight:"16px"}},Io=Object.fromEntries(Object.entries(Xa).map(([e,t])=>[e,Object.entries(t).map(([r,o])=>`${r.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${o};`).join(`
|
|
954
|
+
`)]));var Lo={link:"#3E96ED",primary:"#E72175",primaryDark:"#cb0054",textLight:"#8C8C8C",textNormal:"#596171",textDark:"#22272B",border:"#D9D9D9",backgroundLight:"#F5F5F5",background:"#FFFFFF",backgroundShadow:"rgba(0, 0, 0, 0.1)",yellow100:"#fffae6",yellow200:"#fff3c2",yellow300:"#ffea92",yellow400:"#ffe15f",yellow500:"#ffd82f",yellow600:"#ffcf01",yellow700:"#d9b001",yellow800:"#b59301",yellow900:"#917601",yellow1000:"#735d00",red100:"#fbeeed",red200:"#f6d6d5",red300:"#efb5b3",red400:"#e79390",red500:"#e0726f",red600:"#d9534f",red700:"#b84743",red800:"#9a3b38",red900:"#7c2f2d",red1000:"#622524",green100:"#eff8ef",green200:"#d8eed8",green300:"#b9e0b9",green400:"#98d298",green500:"#79c579",green600:"#5cb85c",green700:"#4e9c4e",green800:"#418341",green900:"#346934",green1000:"#295329",white:"#fff"},Oo={link:"#60A5FA",primary:"#E72175",primaryDark:"#cb0054",textLight:"#9CA3AF",textNormal:"#E5E7EB",textDark:"#F9FAFB",border:"#374151",backgroundLight:"#1F2937",background:"#111827",backgroundShadow:"rgba(0, 0, 0, 0.5)",yellow100:"#2D2510",yellow200:"#3D3418",yellow300:"#524620",yellow400:"#6B5C2A",yellow500:"#8A7635",yellow600:"#C9A84D",yellow700:"#E0C05E",yellow800:"#EDD174",yellow900:"#F5E08E",yellow1000:"#FAF0B8",red100:"#2A1618",red200:"#3D1F22",red300:"#52292C",red400:"#6E3538",red500:"#9B4448",red600:"#C95A5E",red700:"#E07377",red800:"#EE9498",red900:"#F5B5B8",red1000:"#FAD4D6",green100:"#142218",green200:"#1D3022",green300:"#27402E",green400:"#33543C",green500:"#436E4E",green600:"#5A9468",green700:"#72B582",green800:"#92CCA0",green900:"#B5DFC0",green1000:"#D6F0DC",white:"#fff"};var v=4,Mo=e=>({colors:e,typography:Io,padding:(t,r)=>`padding: ${t*v}px ${(r||t)*v}px;`,paddingHorizontal:t=>`
|
|
955
|
+
padding-left: ${t*v}px;
|
|
956
|
+
padding-right: ${t*v}px;
|
|
949
957
|
`,paddingVertical:t=>`
|
|
950
|
-
padding-top: ${t*
|
|
951
|
-
padding-bottom: ${t*
|
|
958
|
+
padding-top: ${t*v}px;
|
|
959
|
+
padding-bottom: ${t*v}px;
|
|
952
960
|
`,paddingTop:t=>`
|
|
953
|
-
padding-top: ${t*
|
|
961
|
+
padding-top: ${t*v}px;
|
|
954
962
|
`,paddingBottom:t=>`
|
|
955
|
-
padding-bottom: ${t*
|
|
963
|
+
padding-bottom: ${t*v}px;
|
|
956
964
|
`,paddingLeft:t=>`
|
|
957
|
-
padding-left: ${t*
|
|
965
|
+
padding-left: ${t*v}px;
|
|
958
966
|
`,paddingRight:t=>`
|
|
959
|
-
padding-right: ${t*
|
|
960
|
-
`,margin:(t,r)=>`margin: ${t*
|
|
961
|
-
margin-left: ${t*
|
|
962
|
-
margin-right: ${t*
|
|
967
|
+
padding-right: ${t*v}px;
|
|
968
|
+
`,margin:(t,r)=>`margin: ${t*v}px ${(r||t)*v}px;`,marginHorizontal:t=>`
|
|
969
|
+
margin-left: ${t*v}px;
|
|
970
|
+
margin-right: ${t*v}px;
|
|
963
971
|
`,marginVertical:t=>`
|
|
964
|
-
margin-top: ${t*
|
|
965
|
-
margin-bottom: ${t*
|
|
972
|
+
margin-top: ${t*v}px;
|
|
973
|
+
margin-bottom: ${t*v}px;
|
|
966
974
|
`,marginTop:t=>`
|
|
967
|
-
margin-top: ${t*
|
|
975
|
+
margin-top: ${t*v}px;
|
|
968
976
|
`,marginBottom:t=>`
|
|
969
|
-
margin-bottom: ${t*
|
|
977
|
+
margin-bottom: ${t*v}px;
|
|
970
978
|
`,marginLeft:t=>`
|
|
971
|
-
margin-left: ${t*
|
|
979
|
+
margin-left: ${t*v}px;
|
|
972
980
|
`,marginRight:t=>`
|
|
973
|
-
margin-right: ${t*
|
|
974
|
-
`,spacing:t=>`${t*
|
|
981
|
+
margin-right: ${t*v}px;
|
|
982
|
+
`,spacing:t=>`${t*v}px`,border:(t=1)=>`border: ${t}px solid ${e.border};`,borderTop:(t=1)=>`border-top: ${t}px solid ${e.border};`,borderBottom:(t=1)=>`border-bottom: ${t}px solid ${e.border};`,borderLeft:(t=1)=>`border-left: ${t}px solid ${e.border};`,borderRight:(t=1)=>`border-right: ${t}px solid ${e.border};`,hoverable:t=>`
|
|
975
983
|
${t&&`
|
|
976
984
|
cursor: pointer;
|
|
977
985
|
border-radius: 4px;
|
|
@@ -979,4 +987,4 @@ to {
|
|
|
979
987
|
background-color: ${e.backgroundLight};
|
|
980
988
|
}
|
|
981
989
|
`}
|
|
982
|
-
`,media:{phone:"@media (max-width: 576px)",tablet:"@media (max-width: 768px)",desktop:"@media (min-width: 922px)"}}),
|
|
990
|
+
`,media:{phone:"@media (max-width: 576px)",tablet:"@media (max-width: 768px)",desktop:"@media (min-width: 922px)"}}),zo=e=>Mo(e==="dark"?Oo:Lo);import{Fragment as Ga,jsx as No,jsxs as Ka}from"react/jsx-runtime";var Ag=({children:e,locale:t,theme:r="light"})=>(E.locale(t),No(Ua,{theme:zo(r),children:Ka(Ga,{children:[No(Po,{}),e]})}));export{Go as Avatar,yr as Banner,L as Button,Z as ButtonVariant,me as Calendar,Y as Checkbox,_ as ClickableIcon,Sn as CurrencyInput,zn as DateInput,En as DatePicker,He as Divider,Xe as DragList,S as Dropdown,M as DropdownItem,yn as DropdownMenu,pe as DropdownTrigger,X as DropdownVariant,gi as Filters,m as Flex,x as Icon,vi as Image,oe as Input,re as InputContainer,et as LoadingPlaceholder,tt as Modal,Hi as MultiSelect,_i as Select,Qi as Slideout,je as Spinner,ra as StatusLabel,da as Switch,ba as TabBar,Pa as Table,u as Text,za as TextArea,Wa as TimeInput,ce as Tooltip,Ag as UIProvider};
|