@cryptlex/web-components 6.7.12 → 6.7.14
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/components/alert.js +1 -1
- package/dist/components/breadcrumbs.js +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/duration-field.js +1 -1
- package/dist/components/file-trigger.js +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/icons.d.ts +1 -0
- package/dist/components/icons.js +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/menu.js +1 -1
- package/dist/components/numberfield.js +1 -1
- package/dist/components/offline-request-file-input.js +1 -1
- package/dist/components/searchfield.js +1 -1
- package/dist/components/select-options.js +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/tag-group.js +1 -1
- package/dist/components/textfield.js +1 -1
- package/dist/components/textfield.js.map +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/data-table-filter.js +1 -1
- package/dist/data-table-filter.js.map +1 -1
- package/dist/icons.js +1 -1
- package/dist/icons.js.map +1 -1
- package/dist/stories/inputs/textfield.stories.d.ts +1 -0
- package/package.json +2 -2
package/dist/components/alert.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{classNames as e}from"../utilities/theme.js";import{D as t,
|
|
1
|
+
import{classNames as e}from"../utilities/theme.js";import{D as t,Jt as n,U as r,c as i}from"../icons.js";import"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";var c=s(`rounded-md transition-colors bg-surface-primary border p-icon body-sm inline-flex items-start gap-2 w-full sm:w-auto`,{variants:{variant:{destructive:`text-destructive border-destructive`,success:`text-success border-success`,warning:`text-warning`,neutral:`text-muted border-muted`,default:``}},defaultVariants:{variant:`default`}}),l=e=>{switch(e){case`destructive`:return t;case`success`:return i;case`warning`:return n;case`neutral`:case void 0:default:return r}};function u({children:t,className:n,variant:r,icon:i,...s}){let u=i??l(r);return o(`div`,{role:`alert`,className:e(c({variant:r}),n),...s,children:[u&&a(u,{className:`inline-block size-icon shrink-0`}),a(`span`,{className:`inline-block flex-1 min-w-0 mt-0`,children:t})]})}export{u as Alert,c as alertVariants};
|
|
2
2
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
import{classNames as e}from"../utilities/theme.js";import{jt as t,st as n}from"../icons.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Link as a,composeRenderProps as o}from"react-aria-components";function s({className:t,...n}){return r(`nav`,{children:r(`ol`,{className:e(`flex list-none flex-wrap items-center gap-1 break-words`,t),...n})})}function c({className:t,...n}){return r(`li`,{className:e(`flex gap-1 items-center`,t),...n})}function l({className:t,...n}){return r(a,{className:o(t,t=>e(`btn p-0 text-sm`,t)),...n})}function u({children:n,className:i,...a}){return r(`span`,{role:`presentation`,"aria-hidden":`true`,className:e(`opacity-70`,i),...a,children:n||r(t,{className:`size-icon`})})}function d({className:t,...a}){return i(`span`,{role:`presentation`,"aria-hidden":`true`,className:e(`flex size-input items-center justify-center`,t),...a,children:[r(n,{className:`size-icon`}),r(`span`,{className:`sr-only`,children:`More`})]})}export{d as BreadcrumbEllipsis,c as BreadcrumbItem,l as BreadcrumbLink,u as BreadcrumbSeparator,s as Breadcrumbs};
|
|
2
2
|
//# sourceMappingURL=breadcrumbs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
"use client";import{classNames as e}from"../utilities/theme.js";import{jt as t,q as n}from"../icons.js";import{Button as r,buttonVariants as i}from"./button.js";import{FormFieldError as a}from"./form.js";import{use as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Calendar as l,CalendarCell as u,CalendarGrid as d,CalendarGridBody as f,CalendarGridHeader as p,CalendarHeaderCell as m,Heading as h,RangeCalendar as g,RangeCalendarStateContext as _,composeRenderProps as v,useLocale as y}from"react-aria-components";import{getLocalTimeZone as b,today as x}from"@internationalized/date";function S(e){let{direction:i}=y();return c(`header`,{className:`flex w-full items-center gap-1 px-1 pb-icon`,...e,children:[s(r,{slot:`previous`,size:`icon`,children:s(i===`rtl`?t:n,{"aria-hidden":!0})}),s(h,{className:`grow text-center body font-medium`}),s(r,{slot:`next`,size:`icon`,children:s(i===`rtl`?n:t,{"aria-hidden":!0})})]})}function C({className:t,...n}){return s(d,{className:e(` border-separate border-spacing-x-0 border-spacing-y-1 `,t),...n})}var w=p;function T({className:t,...n}){return s(m,{className:e(`w-9 body-sm font-normal text-muted-foreground`,t),...n})}function E({className:t,...n}){return s(f,{className:e(`[&>tr>td]:p-0`,t),...n})}function D({className:t,...n}){let r=!!o(_);return s(u,{className:v(t,(t,n)=>e(i({variant:`ghost`,size:`icon`}),n.isDisabled&&`text-muted-foreground opacity-50`,n.isSelected&&`bg-primary text-primary-foreground data-[focused]:bg-primary data-[focused]:text-primary-foreground`,n.isHovered&&n.isSelected&&(n.isSelectionStart||n.isSelectionEnd||!r)&&`data-[hovered]:bg-primary data-[hovered]:text-primary-foreground`,n.isSelected&&r&&!n.isSelectionStart&&!n.isSelectionEnd&&`rounded-none bg-accent text-accent-foreground`,n.isOutsideMonth&&`text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30`,n.date.compare(x(b()))===0&&!n.isSelected&&`bg-accent text-accent-foreground`,n.isUnavailable&&`cursor-default text-destructive `,n.isInvalid&&`bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground`,t)),...n})}function O({errorMessage:t,className:n,...r}){return c(l,{className:v(n,t=>e(`w-fit`,t)),...r,children:[s(S,{}),c(C,{children:[s(w,{children:e=>s(T,{children:e})}),s(E,{children:e=>s(D,{date:e})})]}),t&&s(a,{children:t})]})}function k({errorMessage:t,className:n,...r}){return c(g,{className:v(n,t=>e(`w-fit`,t)),...r,children:[s(S,{}),c(C,{children:[s(w,{children:e=>s(T,{children:e})}),s(E,{children:e=>s(D,{date:e})})]}),t&&s(a,{slot:`errorMessage`,children:t})]})}export{O as Calendar,D as CalendarCell,C as CalendarGrid,E as CalendarGridBody,w as CalendarGridHeader,T as CalendarHeaderCell,S as CalendarHeading,k as RangeCalendar};
|
|
2
2
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
"use client";import{classNames as e}from"../utilities/theme.js";import{c as t,ot as n}from"../icons.js";import{useFieldContext as r}from"../utilities/form-context.js";import{FormField as i,FormFieldDescription as a,FormFieldLabel as o,labelVariants as s}from"./form.js";import{useId as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{Checkbox as f,CheckboxGroup as p,composeRenderProps as m}from"react-aria-components";var h=`group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50`,g=`group-data-[invalid]/checkbox:border-destructive`,_=`focus:outline-none focus-visible:outline-none`,v=`group-data-[selected]/checkbox:bg-primary`,y=`relative shrink-0 h-6 w-11 rounded-full border border-input bg-surface-primary transition-colors duration-200`,b=`absolute top-1/2 -translate-y-1/2 left-0.5 h-5 w-5 rounded-full bg-surface-secondary border border-input transition-transform duration-200`,x=`flex shrink-0 items-center bg-surface-primary rounded-sm justify-center border border-input text-current ring-offset-surface-secondary`,S={sm:`size-icon`,lg:`size-input`},C={sm:`size-3`,lg:`size-icon`},w=p;function T({className:r,label:p,description:w,errorMessage:T,requiredIndicator:E,variant:D=`checkbox`,size:O=`sm`,...k}){let A=c(),j=k.id||A,M=D===`switch`,N=!!(p||w||T||E),P=u(f,{className:m(r,t=>e(`group/checkbox cursor-pointer relative focus-ring flex items-center gap-x-2 disabled-muted`,s,t)),id:j,...k,children:m(u(l,{}),(r,i)=>M?u(`div`,{className:e(y,v,h,g,`group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive`,_),children:u(`div`,{className:e(b,`group-data-[selected]/checkbox:translate-x-4.5`,h,g)})}):d(`div`,{className:e(x,`group-data-[indeterminate]/checkbox:bg-primary`,v,`group-data-[indeterminate]/checkbox:text-primary-foreground group-data-[selected]/checkbox:text-primary-foreground`,h,g,`group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground`,_,S[O]),children:[i.isIndeterminate&&u(n,{className:C[O]}),!i.isIndeterminate&&i.isSelected&&u(t,{className:C[O]})]}))});return N?u(`div`,{className:`group form-field`,children:u(i,{errorMessage:T,htmlFor:j,children:d(`div`,{className:`flex items-start gap-1`,children:[P,d(`div`,{className:`flex flex-col gap-1`,children:[p&&u(o,{htmlFor:j,children:p}),w&&u(a,{children:w})]})]})})}):u(`div`,{className:`group flex`,children:P})}function E({...e}){let t=r({disabled:e.isDisabled});return u(T,{requiredIndicator:t.isRequired,isSelected:t.state.value,isDisabled:t.isSubmitting||e.isDisabled,onChange:()=>t.handleChange(!t.state.value),onBlur:t.handleBlur,...e})}export{T as Checkbox,w as CheckboxGroup,E as TfCheckbox};
|
|
2
2
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{Duration as e}from"../utilities/duration.js";import{classNames as t}from"../utilities/theme.js";import{
|
|
1
|
+
"use client";import{Duration as e}from"../utilities/duration.js";import{classNames as t}from"../utilities/theme.js";import{jt as n,q as r}from"../icons.js";import{useFieldContext as i}from"../utilities/form-context.js";import{Button as a}from"./button.js";import{FieldGroup as o,FormField as s}from"./form.js";import{getFieldErrorMessage as c}from"../utilities/form.js";import{NumberFieldInput as l}from"./numberfield.js";import{useCallback as u,useMemo as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{NumberField as h}from"react-aria-components";var g=h,_={years:{full:`Years`,short:`yr`},months:{full:`Months`,short:`mo`},weeks:{full:`Weeks`,short:`wk`},days:{full:`Days`,short:`d`},hours:{full:`Hours`,short:`hr`},minutes:{full:`Minutes`,short:`min`},seconds:{full:`Seconds`,short:`sec`}},v=[`years`,`months`,`days`],y=[`hours`,`minutes`,`seconds`];function b({id:e,value:t,onChange:n,onBlur:r,label:i,isInvalid:a,isDisabled:o}){return m(`div`,{className:`flex items-center flex-1 min-w-0 relative`,children:[p(g,{"aria-label":i,isInvalid:a,isDisabled:o,value:t,onChange:e=>n(e),onBlur:r,minValue:0,className:`w-full`,children:p(l,{id:e,className:`w-full pr-input`})}),p(`div`,{className:`absolute right-1 select-none text-muted pointer-events-none`,children:i})]})}function x({value:i,onChange:c,onBlur:l,label:h,description:g,errorMessage:x,requiredIndicator:S,isDisabled:C,id:w}){let[T,E]=f(!1),D=d(()=>{if(!i||i===``)return{};try{return e.parse(i)}catch{return{}}},[i]),O=u((t,n)=>{let r={...D,[t]:n>0?n:void 0};c(e.serialize(r))},[D,c]),k=()=>{E(e=>!e)},A=!!x,j=w||`duration-field`,M=u(e=>{let t=e?[...v,...y]:v,n=e?`short`:`full`;return t.map((e,r)=>m(`div`,{className:`contents`,children:[p(b,{id:`${j}-${e}`,value:D[e]??0,onChange:t=>O(e,t),onBlur:l||(()=>{}),label:_[e][n],isInvalid:A,isDisabled:C||!1}),r<t.length-1&&p(`div`,{className:`self-stretch w-px bg-input mx-2 flex-shrink-0`,"aria-hidden":`true`},`sep-${e}`)]},e))},[j,D,O,l,A,C,T]);return p(`div`,{className:t(`group form-field`),"data-invalid":A?``:void 0,children:p(s,{label:h,description:g,errorMessage:x,requiredIndicator:S,htmlFor:`${j}-years`,children:m(`div`,{className:`flex-1 flex items-center gap-1`,children:[p(o,{"data-invalid":A?``:void 0,className:`flex flex-row items-stretch w-full overflow-hidden`,children:M(T)}),p(a,{type:`button`,size:`icon`,onPress:k,isDisabled:C,"aria-label":T?`Hide time components`:`Show time components`,"aria-expanded":T,className:t(`flex-shrink-0 bg-surface-primary`),children:p(T?r:n,{className:`size-icon`})})]})})})}function S({isDisabled:e,...t}){let n=i({disabled:e});return p(x,{requiredIndicator:n.isRequired,value:n.state.value,onChange:n.handleChange,onBlur:n.handleBlur,errorMessage:c(n),isDisabled:e||n.isSubmitting,id:n.name,...t})}export{x as Iso8601DurationField,S as TfIso8601DurationField};
|
|
2
2
|
//# sourceMappingURL=duration-field.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
import{classNames as e}from"../utilities/theme.js";import{Kt as t}from"../icons.js";import{Button as n}from"./button.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{FileTrigger as a}from"react-aria-components";function o(o){let{children:s,className:c,...l}=o;return r(a,{...l,children:s??i(n,{className:e(c),children:[r(t,{}),r(`p`,{children:`Click to browse files`})]})})}export{o as FileTrigger};
|
|
2
2
|
//# sourceMappingURL=file-trigger.js.map
|
package/dist/components/form.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{classNames as e}from"../utilities/theme.js";import{D as t,
|
|
1
|
+
"use client";import{classNames as e}from"../utilities/theme.js";import{D as t,U as n}from"../icons.js";import{Card as r,CardHeader as i,CardTitle as a}from"./card.js";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{cva as l}from"class-variance-authority";import{Button as u,Group as d,Label as f,Text as p,composeRenderProps as m}from"react-aria-components";var h=l([`select-none body-sm font-medium leading-none`,`disabled-muted`,`group-data-[invalid]:text-destructive`]);function g({className:t,...n}){return s(f,{className:e(h(),t),...n})}function _({className:t,children:r,...i}){return c(p,{className:e(`body-sm text-muted leading-tight`,t),...i,slot:`description`,children:[r,s(n,{className:`inline size-2 align-text-top ms-0.5`})]})}function v({className:n,children:r,...i}){return c(`label`,{role:`alert`,className:e(`body-sm leading-tight text-destructive duration-150 animate-in transition-transform slide-in-from-top-5 fade-in`,n),...i,children:[r,s(t,{className:`inline size-2 align-text-top ms-0.5`})]})}var y=l(``,{variants:{variant:{default:[`relative flex w-full items-center overflow-hidden border border-input bg-surface-primary input-dim ring-offset-surface-secondary placeholder:text-muted-foreground`,`focus-ring focus-visible:border-stroke-active`,`disabled-muted`],ghost:``}},defaultVariants:{variant:`default`}});function b({className:t,variant:n,...r}){return s(d,{className:m(t,t=>e(y({variant:n}),t)),...r})}function x({label:e,description:t,errorMessage:n,children:r,requiredIndicator:i,htmlFor:a}){return c(o,{children:[e&&c(g,{htmlFor:a,children:[e,i&&s(`sup`,{className:`text-destructive`,children:`*`})]}),r,t&&s(_,{children:t}),n&&s(v,{htmlFor:a,children:n})]})}function S({className:t,...n}){return s(u,{className:m(t,t=>e(`btn btn-ghost h-input px-2 -me-2`,t)),...n})}function C({className:t,onSubmit:n,...r}){return s(`form`,{className:e(t),onSubmit:e=>{e.preventDefault(),(document?.activeElement)?.blur(),n?.(e)},...r})}function w({className:t,...n}){return s(r,{className:e(`gap-input bg-surface-tertiary`,t),...n})}function T({className:t,...n}){return s(i,{children:s(a,{className:e(t,`!body-base text-muted`),...n})})}function E({className:t,...n}){return s(`nav`,{className:e(`flex items-center justify-end bg-surface-tertiary sticky bottom-0 z-50 py-icon px-icon border-t`,t),...n})}function D({className:t,preview:n,...r}){return c(`div`,{className:`flex flex-col gap-icon lg:flex-row lg:items-start`,children:[s(`div`,{className:e(`grid grid-cols-1 gap-input mt-icon my-header w-full max-w-3xl`,t),...r}),n&&s(`div`,{className:`lg:sticky lg:top-header lg:shrink-0`,children:n})]})}export{b as FieldGroup,C as Form,E as FormActionFooter,x as FormField,S as FormFieldButton,_ as FormFieldDescription,v as FormFieldError,g as FormFieldLabel,D as FormLayout,w as FormSection,T as FormSectionTitle,y as fieldGroupVariants,h as labelVariants};
|
|
2
2
|
//# sourceMappingURL=form.js.map
|
|
@@ -98,6 +98,7 @@ export declare const IcWarning: CtxIcon;
|
|
|
98
98
|
export declare const IcLayoutGrid: CtxIcon;
|
|
99
99
|
export declare const IcMenu: CtxIcon;
|
|
100
100
|
export declare const IcEye: CtxIcon;
|
|
101
|
+
export declare const IcEyeOff: CtxIcon;
|
|
101
102
|
export declare const IcPlus: CtxIcon;
|
|
102
103
|
export declare const IcNamedUser: CtxIcon;
|
|
103
104
|
export declare const IcProxy: CtxIcon;
|
package/dist/components/icons.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{$ as e,A as t,At as n,B as r,Bt as i,C as a,Ct as o,D as s,Dt as c,E as l,Et as u,F as d,Ft as f,G as p,Gt as m,H as h,Ht as g,I as _,It as v,J as y,Jt as b,K as x,Kt as S,L as C,Lt as w,M as T,Mt as E,N as D,Nt as O,O as k,Ot as A,P as j,Pt as M,Q as N,R as P,Rt as F,S as I,St as L,T as R,Tt as z,U as B,Ut as V,V as H,Vt as U,W,Wt as G,X as K,
|
|
1
|
+
import{$ as e,A as t,At as n,B as r,Bt as i,C as a,Ct as o,D as s,Dt as c,E as l,Et as u,F as d,Ft as f,G as p,Gt as m,H as h,Ht as g,I as _,It as v,J as y,Jt as b,K as x,Kt as S,L as C,Lt as w,M as T,Mt as E,N as D,Nt as O,O as k,Ot as A,P as j,Pt as M,Q as N,R as P,Rt as F,S as I,St as L,T as R,Tt as z,U as B,Ut as V,V as H,Vt as U,W,Wt as G,X as K,Xt as q,Y as J,Yt as Y,Z as X,_ as Z,_t as Q,a as $,at as ee,b as te,bt as ne,c as re,ct as ie,d as ae,dt as oe,et as se,f as ce,ft as le,g as ue,gt as de,h as fe,ht as pe,i as me,it as he,j as ge,jt as _e,k as ve,kt as ye,l as be,lt as xe,m as Se,mt as Ce,n as we,nt as Te,o as Ee,ot as De,p as Oe,pt as ke,q as Ae,qt as je,r as Me,rt as Ne,s as Pe,st as Fe,t as Ie,tt as Le,u as Re,ut as ze,v as Be,vt as Ve,w as He,wt as Ue,x as We,xt as Ge,y as Ke,yt as qe,z as Je,zt as Ye}from"../icons.js";export{Ie as IcAccessToken,we as IcAccount,Me as IcActivation,me as IcAddress,$ as IcAnalytics,Ee as IcBilling,Pe as IcChannel,re as IcCheck,be as IcClose,Re as IcCode,ae as IcColumns,ce as IcContainer,Oe as IcCopy,Se as IcCreate,fe as IcCustomAttribute,ue as IcDatabase,Z as IcDate,Be as IcDelete,Ke as IcDocumentation,te as IcDot,We as IcDown,I as IcDownload,a as IcEmail,He as IcEntitlementSet,R as IcEntitlements,l as IcEnvironment,s as IcError,k as IcExport,ve as IcExternalLink,t as IcEye,ge as IcEyeOff,T as IcFeature,D as IcFile,j as IcFiles,d as IcFilter,_ as IcFingerprint,C as IcFirst,P as IcForum,Je as IcGrip,r as IcHash,H as IcHome,h as IcHostedFloating,B as IcInfo,W as IcIntergration,p as IcLast,x as IcLayoutGrid,Ae as IcLeft,y as IcLexFloatServer,J as IcLicense,K as IcLicenseTemplate,X as IcLicensingModel,N as IcLink,e as IcLoader,se as IcLogin,Le as IcLogs,Te as IcMaintenancePolicy,Ne as IcMenu,he as IcMeter,ee as IcMigration,De as IcMinus,Fe as IcMoreHorizontal,ie as IcMoreVertical,xe as IcNamedUser,ze as IcNodeLocked,oe as IcOffline,le as IcOfflineActivation,ke as IcOrganizations,Ce as IcOsAndroid,pe as IcOsApple,de as IcOsIos,Q as IcOsLinux,Ve as IcOsMacos,qe as IcOsWindows,ne as IcPassword,Ge as IcPlatform,L as IcPlus,o as IcPricing,Ue as IcProduct,z as IcProfile,u as IcProxy,c as IcRefresh,A as IcRelease,ye as IcRemove,n as IcReseller,_e as IcRight,E as IcRoles,O as IcScale,M as IcSearch,f as IcSettings,v as IcSlash,w as IcSortAsc,F as IcSortDesc,Ye as IcSortNone,i as IcSso,U as IcTag,g as IcTeam,V as IcTrial,G as IcUp,m as IcUpdate,S as IcUpload,je as IcUser,b as IcWarning,Y as IcWebPortal,q as IcWebhook};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
import{classNames as e}from"../utilities/theme.js";import{$ as t}from"../icons.js";import{jsx as n}from"react/jsx-runtime";function r({className:r}){return n(t,{className:e(`animate-spin size-icon text-text-primary`,r)})}export{r as Loader};
|
|
2
2
|
//# sourceMappingURL=loader.js.map
|
package/dist/components/menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
import{classNames as e}from"../utilities/theme.js";import{b as t,c as n,jt as r}from"../icons.js";import{ListBoxCollection as i}from"./list-box.js";import{SelectPopover as a,SelectTrigger as o}from"./select.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import{Header as u,Keyboard as d,Menu as f,MenuItem as p,MenuTrigger as m,Separator as h,SubmenuTrigger as g,composeRenderProps as _}from"react-aria-components";var v=m,y=g,b=i;function x({className:t,...n}){return c(a,{className:_(t,t=>e(t)),...n})}function S({className:t,...n}){return c(f,{className:e(`overflow-auto p-1 outline-0 body-base`,t),escapeKeyBehavior:`none`,...n})}function C({children:i,className:a,...o}){return c(p,{textValue:o.textValue||(typeof i==`string`?i:void 0),className:_(a,t=>e(`btn btn-ghost relative flex justify-start input-dim`,`data-[selection-mode]:pl-input`,t)),...o,children:_(i,(e,i)=>l(s,{children:[c(`span`,{className:`absolute left-2 flex size-icon items-center justify-center`,children:i.isSelected&&l(s,{children:[i.selectionMode==`single`&&c(t,{className:`size-icon fill-current`}),i.selectionMode==`multiple`&&c(n,{className:`size-icon`})]})}),e,i.hasSubmenu&&c(r,{className:`ml-auto size-icon`})]}))})}function w({className:t,inset:n,separator:r=!0,...i}){return c(u,{className:e(`px-3 py-1.5 body font-semibold`,n&&`pl-input`,r&&`-mx-1 mb-1 border-b border-b-border pb-2.5`,t),...i})}function T({className:t,...n}){return c(h,{className:e(`-mx-1 my-1 h-px bg-muted`,t),...n})}function E({className:t,...n}){return c(d,{className:e(`ml-auto body-sm tracking-widest opacity-60`,t),...n})}function D({label:e,children:t,variant:n,isDisabled:r,withChevron:i=!0,size:a,isNonModal:s,id:u,"aria-label":d=`Menu`,...f}){return l(v,{...f,children:[c(o,{id:u,isDisabled:r,autoFocus:!!f.autoFocus,variant:n,size:a,"aria-label":d,withChevron:i,children:e}),c(x,{className:`overflow-auto`,children:c(S,{...f,children:t})})]})}export{D as EasyMenu,S as Menu,b as MenuCollection,w as MenuHeader,C as MenuItem,E as MenuKeyboard,x as MenuPopover,T as MenuSeparator,y as MenuSubTrigger,v as MenuTrigger};
|
|
2
2
|
//# sourceMappingURL=menu.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
"use client";import{classNames as e}from"../utilities/theme.js";import{Wt as t,x as n}from"../icons.js";import{useFieldContext as r}from"../utilities/form-context.js";import{Button as i}from"./button.js";import{FieldGroup as a,FormField as o}from"./form.js";import{getFieldErrorMessage as s}from"../utilities/form.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{Input as u,NumberField as d,composeRenderProps as f}from"react-aria-components";var p=d;function m({className:t,...n}){return c(u,{className:f(t,t=>e(`w-fit min-w-0 flex-1 border-r border-transparent outline-0 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden`,t)),...n})}function h({className:r,...i}){return l(`div`,{className:e(`absolute right-0 flex h-full flex-col border-l`,r),...i,children:[c(g,{slot:`increment`,children:c(t,{"aria-hidden":!0,className:`size-icon`})}),c(`div`,{className:`border-b`}),c(g,{slot:`decrement`,children:c(n,{"aria-hidden":!0,className:`size-icon`})})]})}function g({className:t,...n}){return c(i,{className:f(t,t=>e(`w-auto grow h-3 px-0.5 text-muted-foreground`,t)),variant:`ghost`,size:`none`,...n})}function _({label:t,description:n,errorMessage:r,requiredIndicator:i,className:s,...u}){return c(p,{className:f(s,t=>e(`group form-field`,t)),...u,children:c(o,{label:t,description:n,errorMessage:r,requiredIndicator:i,children:l(a,{children:[c(m,{className:`pr-input`}),c(h,{})]})})})}function v({isDisabled:e,...t}){let n=r({disabled:e});return c(_,{isInvalid:!!s(n),isDisabled:e||n.isSubmitting,value:n.state.value,id:n.name,onChange:n.handleChange,onBlur:n.handleBlur,errorMessage:s(n),requiredIndicator:n.isRequired,...t})}function y({label:t,description:n,errorMessage:r,requiredIndicator:i,className:s,...u}){return c(p,{className:f(s,t=>e(`group form-field`,t)),...u,children:c(o,{label:t,description:n,errorMessage:r,requiredIndicator:i,children:l(a,{children:[c(m,{className:`pr-input`}),c(`div`,{className:`absolute right-3 opacity-80 select-none text-muted`,children:`days`})]})})})}function b({isDisabled:e,...t}){let n=r({disabled:e}),i=86400,a=n.state.value==null?void 0:n.state.value/i;return c(y,{isInvalid:!!s(n),isDisabled:e||n.isSubmitting,value:a,id:n.name,onChange:e=>{let t=e*i;n.handleChange(t)},onBlur:n.handleBlur,errorMessage:s(n),requiredIndicator:n.isRequired,...t})}export{y as DaysField,_ as NumberField,m as NumberFieldInput,b as TfDaysField,v as TfNumberField};
|
|
2
2
|
//# sourceMappingURL=numberfield.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
"use client";import{classNames as e}from"../utilities/theme.js";import{St as t}from"../icons.js";import{useFieldContext as n}from"../utilities/form-context.js";import{Button as r}from"./button.js";import{FormField as i}from"./form.js";import{getFieldErrorMessage as a}from"../utilities/form.js";import{Alert as o}from"./alert.js";import{FileTrigger as s}from"./file-trigger.js";import{useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d({className:n,onSelect:i,isDisabled:a,onBlur:d}){let[f,p]=c(null),[m,h]=c(!1),[g,_]=c(null);async function v(e){return(await e.text()).trim()}return u(`div`,{className:e(`flex flex-col gap-2`,n),children:[l(s,{onSelect:async e=>{_(null);let t=e?.[0]??null;if(!t){p(null),i(null);return}h(!0);try{let e=await v(t);p(t),i(e??null)}catch{_(`Failed to read the file. Please try again.`),p(null),i(null)}finally{h(!1)}d?.()},children:l(r,{size:`none`,variant:`ghost`,isDisabled:a||m,className:e(`rounded-md border border-dashed border-text-primary/20 bg-surface-primary inline-flex justify-start items-center p-4`),onBlur:d,children:u(`div`,{className:`flex items-center gap-4`,children:[l(`div`,{className:`flex size-12 items-center justify-center rounded-md border border-text-primary/20 bg-surface-primary`,children:l(t,{className:`size-icon`})}),u(`div`,{className:`flex flex-col text-left`,children:[l(`p`,{className:`body-sm`,children:f?f.name:`Upload file`}),l(`p`,{className:`body-sm`,children:f?`Click to replace`:`Generated by the SDK`})]})]})})}),g&&l(o,{variant:`destructive`,children:g})]})}function f({label:e,description:t,isDisabled:r,className:o,...s}){let c=n({disabled:r});return l(`div`,{children:l(i,{label:e,description:t,requiredIndicator:c.isRequired,errorMessage:a(c),children:l(d,{...s,onSelect:e=>c.handleChange(e),onBlur:()=>c.handleBlur(),isDisabled:r||c.isSubmitting,className:o})})})}export{d as OfflineRequestFileInput,f as TfOfflineRequestFileInput};
|
|
2
2
|
//# sourceMappingURL=offline-request-file-input.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
import{classNames as e}from"../utilities/theme.js";import{Pt as t,kt as n}from"../icons.js";import{FieldGroup as r,FormField as i,FormFieldButton as a}from"./form.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{Input as c,SearchField as l,composeRenderProps as u}from"react-aria-components";function d({className:t,...n}){return o(l,{className:u(t,t=>e(`group`,t)),...n})}function f({className:t,...n}){return o(c,{className:u(t,t=>e(`min-w-0 ring-0 outline-0 flex-1 bg-surface-primary px-2 py-1.5 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden`,t)),...n})}function p(){return o(a,{className:`group-data-[empty]:invisible`,children:o(n,{"aria-hidden":!0,className:`size-icon`})})}function m({label:n,description:a,className:c,errorMessage:l,requiredIndicator:m,...h}){return o(d,{className:u(c,t=>e(`group form-field`,t)),...h,children:o(i,{label:n,description:a,errorMessage:l,requiredIndicator:m,children:s(r,{children:[o(t,{"aria-hidden":!0,className:`size-icon opacity-80`}),o(f,{placeholder:``}),o(p,{})]})})})}export{m as SearchField};
|
|
2
2
|
//# sourceMappingURL=searchfield.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{ALL_OS as e}from"../utilities/resources.js";import{
|
|
1
|
+
import{ALL_OS as e}from"../utilities/resources.js";import{H as t,J as n,ut as r}from"../icons.js";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";var s={"node-locked":`Node-locked`,"hosted-floating":`Hosted Floating`,"on-premise-floating":`On-premise Floating`},c={"node-locked":a(r,{}),"hosted-floating":a(t,{}),"on-premise-floating":a(n,{})},l=Object.entries(s).map(([e,t])=>({label:o(i,{children:[t,c[e]]}),id:e})),u=[{label:`License Creation`,id:`creation`},{label:`License Activation`,id:`activation`}];function d(e){switch(e){case`creation`:case`license-creation`:return`License Creation`;case`activation`:case`license-activation`:return`License Activation`;default:return``}}function f(e){function t(e){return String.fromCodePoint(127397+e.toUpperCase().charCodeAt(0))}return t(e[0])+t(e[1])}var p={AF:`Afghanistan`,AX:`Åland Islands`,AL:`Albania`,DZ:`Algeria`,AS:`American Samoa`,AD:`Andorra`,AO:`Angola`,AI:`Anguilla`,AQ:`Antarctica`,AG:`Antigua and Barbuda`,AR:`Argentina`,AM:`Armenia`,AW:`Aruba`,AU:`Australia`,AT:`Austria`,AZ:`Azerbaijan`,BS:`Bahamas`,BH:`Bahrain`,BD:`Bangladesh`,BB:`Barbados`,BY:`Belarus`,BE:`Belgium`,BZ:`Belize`,BJ:`Benin`,BM:`Bermuda`,BT:`Bhutan`,BO:`Bolivia (Plurinational State of)`,BQ:`Bonaire, Sint Eustatius and Saba`,BA:`Bosnia and Herzegovina`,BW:`Botswana`,BV:`Bouvet Island`,BR:`Brazil`,IO:`British Indian Ocean Territory`,BN:`Brunei Darussalam`,BG:`Bulgaria`,BF:`Burkina Faso`,BI:`Burundi`,CV:`Caboe Verde`,KH:`Cambodia`,CM:`Cameroon`,CA:`Canada`,KY:`Cayman Islands`,CF:`Central African Republic`,TD:`Chad`,CL:`Chile`,CN:`China`,CX:`Christmas Island`,CC:`Cocos (Keeling) Islands`,CO:`Colombia`,KM:`Comoros`,CG:`Congo`,CD:`Congo, Democratic Republic of the`,CK:`Cook Islands`,CR:`Costa Rica`,CI:`Côte d'voire`,HR:`Croatia`,CU:`Cuba`,CW:`Curaçao`,CY:`Cyprus`,CZ:`Czechia`,DK:`Denmark`,DJ:`Djibouti`,DM:`Dominica`,DO:`Dominican Republic`,EC:`Ecuador`,EG:`Egypt`,SV:`El Salvador`,GQ:`Equatorial Guinea`,ER:`Eritrea`,EE:`Estonia`,SZ:`Eswatini`,ET:`Ethiopia`,FK:`Falkland Islands (Malvinas)`,FO:`Faroe Islands`,FJ:`Fiji`,FI:`Finland`,FR:`France`,GF:`French Guiana`,PF:`French Polynesia`,TF:`French Southern Territories`,GA:`Gabon`,GM:`Gambia`,GE:`Georgia`,DE:`Germany`,GH:`Ghana`,GI:`Gibraltar`,GR:`Greece`,GL:`Greenland`,GD:`Grenada`,GP:`Guadeloupe`,GU:`Guam`,GT:`Guatemala`,GG:`Guernsey`,GN:`Guinea`,GW:`Guinea-Bissau`,GY:`Guyana`,HT:`Haiti`,HM:`Heard Island and Mcdonald Islands`,VA:`Holy See`,HN:`Honduras`,HK:`Hong Kong`,HU:`Hungary`,IS:`Iceland`,IN:`India`,ID:`Indonesia`,IR:`Iran (Islamic Republic of)`,IQ:`Iraq`,IE:`Ireland`,IM:`Isle of Man`,IL:`Israel`,IT:`Italy`,JM:`Jamaica`,JP:`Japan`,JE:`Jersey`,JO:`Jordan`,KZ:`Kazakhstan`,KE:`Kenya`,KI:`Kiribati`,KP:`Korea (Democratic People's Republic of)`,KR:`Korea (Republic of)`,KW:`Kuwait`,KG:`Kyrgyzstan`,LA:`Lao People's Democratic Republic`,LV:`Latvia`,LB:`Lebanon`,LS:`Lesotho`,LR:`Liberia`,LY:`Libya`,LI:`Liechtenstein`,LT:`Lithuania`,LU:`Luxembourg`,MO:`Macao`,MG:`Madagascar`,MW:`Malawi`,MY:`Malaysia`,MV:`Maldives`,ML:`Mali`,MT:`Malta`,MH:`Marshall Islands`,MQ:`Martinique`,MR:`Mauritania`,MU:`Mauritius`,YT:`Mayotte`,MX:`Mexico`,FM:`Micronesia (Federated States of)`,MD:`Moldova, Republic of`,MC:`Monaco`,MN:`Mongolia`,ME:`Montenegro`,MS:`Montserrat`,MA:`Morocco`,MZ:`Mozambique`,MM:`Myanmar`,NA:`Namibia`,NR:`Nauru`,NP:`Nepal`,NL:`Netherlands, Kingdom of the`,NC:`New Caledonia`,NZ:`New Zealand`,NI:`Nicaragua`,NE:`Niger`,NG:`Nigeria`,NU:`Niue`,NF:`Norfolk Island`,MK:`North Macedonia`,MP:`Northern Mariana Islands`,NO:`Norway`,OM:`Oman`,PK:`Pakistan`,PW:`Palau`,PS:`Palestine, State of`,PA:`Panama`,PG:`Papua New Guinea`,PY:`Paraguay`,PE:`Peru`,PH:`Philippines`,PN:`Pitcairn`,PL:`Poland`,PT:`Portugal`,PR:`Puerto Rico`,QA:`Qatar`,RE:`Réunion`,RO:`Romania`,RU:`Russian Federation`,RW:`Rwanda`,BL:`Saint Barthélemy`,SH:`Saint Helena, Ascension Island, Tristan da Cunha`,KN:`Saint Kitts and Nevis`,LC:`Saint Lucia`,MF:`Saint Martin (French part)`,PM:`Saint Pierre and Miquelon`,VC:`Saint Vincent and the Grenadines`,WS:`Samoa`,SM:`San Marino`,ST:`Sao Tome and Principe`,SA:`Saudi Arabia`,SN:`Senegal`,RS:`Serbia`,SC:`Seychelles`,SL:`Sierra Leone`,SG:`Singapore`,SX:`Sint Maarten (Dutch part)`,SK:`Slovakia`,SI:`Slovenia`,SB:`Solomon Islands`,SO:`Somalia`,ZA:`South Africa`,GS:`South Georgia and the South Sandwich Islands`,SS:`South Sudan`,ES:`Spain`,LK:`Sri Lanka`,SD:`Sudan`,SR:`Suriname`,SJ:`Svalbard and Jan Mayen`,SE:`Sweden`,CH:`Switzerland`,SY:`Syrian Arab Republic`,TW:`Taiwan, Province of China`,TJ:`Tajikistan`,TZ:`Tanzania, United Republic of`,TH:`Thailand`,TL:`Timor-Leste`,TG:`Togo`,TK:`Tokelau`,TO:`Tonga`,TT:`Trinidad and Tobago`,TN:`Tunisia`,TR:`Türkiye`,TM:`Turkmenistan`,TC:`Turks and Caicos Islands`,TV:`Tuvalu`,UG:`Uganda`,UA:`Ukraine`,AE:`United Arab Emirates`,GB:`United Kingdom of Great Britain and Northern Ireland`,UM:`United States Minor Outlying Islands`,US:`United States of America`,UY:`Uruguay`,UZ:`Uzbekistan`,VU:`Vanuatu`,VE:`Venezuela (Bolivarian Republic of)`,VN:`Viet Nam`,VG:`Virgin Islands (British)`,VI:`Virgin Islands (U.S)`,WF:`Wallis and Futuna`,EH:`Western Sahara`,YE:`Yemen`,ZM:`Zambia`,ZW:`Zimbabwe`};function m(e){return p[e]}var h=Object.entries(p).map(e=>({label:o(i,{children:[f(e[0]),` `,e[1]]}),id:e[0]})),g=Object.entries({us:`United States`,eu:`European Union`}).map(e=>({label:o(i,{children:[f(e[0]),` `,e[1]]}),id:e[0]})),_=Object.entries(e).map(([e,t])=>({label:t,id:e}));export{s as ALL_LICENSE_TYPES,h as COUNTRY_OPTIONS,g as DATA_REGION_OPTIONS,l as LICENSE_TYPE_OPTIONS,_ as OS_OPTIONS,u as SUBSCRIPTION_START_TRIGGER_OPTIONS,f as getCountryFlag,m as getCountryName,d as getSubscriptionStartTriggerLabel};
|
|
2
2
|
//# sourceMappingURL=select-options.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
"use client";import{classNames as e}from"../utilities/theme.js";import{jt as t,q as n,rt as r}from"../icons.js";import{Button as i}from"./button.js";import{useIsMobile as a}from"../utilities/use-mobile.js";import{Tooltip as o,TooltipTrigger as s}from"./tooltip.js";import{DialogContent as c,DialogOverlay as l,DialogTrigger as u}from"./dialog.js";import{createContext as d,use as f,useCallback as p,useEffect as m,useMemo as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";var y=`/`,b=d(null);function x(){let e=f(b);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function S({defaultOpen:t=!0,open:n,onOpenChange:r,className:i,style:o,children:s,...c}){let l=a(),[u,d]=g(!1),[f,v]=g(t),x=n??f,S=p(e=>{let t=typeof e==`function`?e(x):e;r?r(t):v(t)},[r,x]),C=p(()=>l?d(e=>!e):S(e=>!e),[l,S,d]);m(()=>{let e=e=>{e.key===y&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),C())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[C]);let w=x?`expanded`:`collapsed`,T=h(()=>({state:w,open:x,setOpen:S,isMobile:l,openMobile:u,setOpenMobile:d,toggleSidebar:C}),[w,x,S,l,u,d,C]);return _(b.Provider,{value:T,children:_(`div`,{className:e(`group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-surface-primary`,i),...c,children:s})})}function C({side:t=`left`,variant:n=`sidebar`,collapsible:r=`icon`,className:i,children:a,...o}){let{isMobile:s,state:d,openMobile:f,setOpenMobile:p}=x();return r===`none`?_(`div`,{className:e(`flex h-full w-(--sidebar-width) flex-col bg-surface-primary text-text-primary`,i),...o,children:a}):s?_(u,{isOpen:f,onOpenChange:p,...o,children:_(l,{children:_(c,{"data-sidebar":`sidebar`,"data-mobile":`true`,className:`w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden border-r! border-stroke-primary! bg-surface-primary!`,side:`left`,closeButton:!1,children:()=>_(`div`,{className:`flex h-full w-full flex-col`,children:a})})})}):v(`div`,{className:`group peer hidden text-text-primary md:block`,"data-state":d,"data-collapsible":d===`collapsed`?r:``,"data-variant":n,"data-side":t,children:[_(`div`,{className:e(`relative w-(--sidebar-width) bg-surface-primary transition-[width] duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),_(`div`,{className:e(`absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,t===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...o,children:_(`div`,{"data-sidebar":`sidebar`,className:`flex h-full w-full flex-col bg-surface-primary group-data-[variant=floating]:border group-data-[variant=floating]:border-border`,children:a})})]})}function w({className:a,onClick:o,...s}){let{toggleSidebar:c,open:l,isMobile:u}=x();return _(i,{"data-sidebar":`trigger`,variant:`neutral`,size:`icon-sm`,className:e(a,`!rounded-full p-icon`),onClick:e=>{o?.(e),c()},"aria-label":`trigger`,...s,children:_(u?r:l?n:t,{})})}function T({className:t,...n}){return _(`div`,{"data-sidebar":`content`,className:e(`flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden`,t),...n})}function E({className:t,...n}){return _(`div`,{"data-sidebar":`group`,className:e(`group/section relative flex w-full min-w-0 flex-col px-3 group-data-[collapsible=icon]:items-center`,t),...n})}function D({className:t,...n}){return _(`div`,{"data-sidebar":`group-label`,className:e(`flex h-input shrink-0 items-center overflow-hidden px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[height,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0`,`group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:!h-0 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:opacity-0`,t),...n})}function O({className:t,...n}){return _(`div`,{"data-sidebar":`group-content`,className:e(`w-full body-sm`,t),...n})}function k({className:t,...n}){return _(`ul`,{"data-sidebar":`menu`,className:e(`flex w-full min-w-0 flex-col gap-px`,t),...n})}function A({className:t,...n}){return _(`li`,{"data-sidebar":`menu-item`,className:e(`group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden`,t),...n})}function j({className:t,...n}){return _(`button`,{"data-sidebar":`menu-action`,className:e(`absolute top-0 right-0 btn btn-ghost h-input`,`group-data-[collapsible=icon]:hidden`,t),...n})}function M({className:t,number:n,...r}){return _(`div`,{"data-sidebar":`menu-badge`,className:e(`absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums`,`group-data-[collapsible=icon]:hidden`,t),...r,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(n)})}function N({className:t,...n}){return _(`ul`,{"data-sidebar":`menu-sub`,className:e(`ms-2 flex min-w-0 flex-col`,`group-data-[collapsible=icon]:hidden`,t),...n})}function P({className:t,...n}){return _(`li`,{className:e(`list-none ms-0`,t),...n})}var F=`btn-tab relative rounded-md border-0 justify-start w-full group-data-[collapsible=icon]:justify-center`;function I({isActive:t=!1,className:n,children:r,icon:a,leading:c,...l}){let{isMobile:u,state:d}=x(),f=!u&&d===`collapsed`;return v(s,{isDisabled:!f,children:[v(i,{size:f?`icon`:void 0,"data-sidebar":`menu-button`,...t&&{"data-selected":!0},className:e(`peer/menu-button group/active group-has-[[data-sidebar=menu-action]]/menu-item:pr-input`,F,n),...l,children:[_(`span`,{"aria-hidden":!0,className:`absolute inset-y-2 -left-1 w-[7px] rounded-full bg-primary opacity-0 group-data-[selected=true]/active:opacity-100`}),c===void 0?a?_(a,{}):null:c,!f&&r]}),_(o,{placement:`right`,children:_(`span`,{className:`flex items-center gap-2`,children:r})})]})}function L({isActive:t,className:n,...r}){return _(`button`,{"data-sidebar":`menu-sub-button`,"data-active":t,className:e(F,n),...r})}function R({className:t,logo:n,children:r,showTrigger:i=!0,...a}){return v(`div`,{"data-sidebar":`header`,className:e(`flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0`,t),...a,children:[n&&_(`div`,{className:`flex items-center justify-center size-input shrink-0`,children:n}),r&&_(`div`,{className:`flex-1 min-w-0 group-data-[collapsible=icon]:hidden`,children:r}),i&&_(w,{className:`hidden bg-surface-primary lg:flex lg:absolute lg:-right-4 lg:z-50`})]})}function z({className:t,...n}){return _(`div`,{"data-sidebar":`footer`,className:e(`mt-auto flex shrink-0 select-none items-center gap-2 border-t py-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0`,t),...n})}function B({className:t,...n}){return _(`div`,{className:e(t,`flex flex-col flex-1 overflow-auto`),...n})}function V({className:t,...n}){return _(`div`,{className:e(t,`flex-1 overflow-auto`),...n})}function H({className:t,...n}){return _(`nav`,{className:e(`flex items-center h-header bg-surface-primary p-2 border-b`,t),...n})}export{C as Sidebar,T as SidebarContent,b as SidebarContext,z as SidebarFooter,E as SidebarGroup,O as SidebarGroupContent,D as SidebarGroupLabel,R as SidebarHeader,k as SidebarMenu,j as SidebarMenuAction,M as SidebarMenuBadge,I as SidebarMenuButton,A as SidebarMenuItem,N as SidebarMenuSub,L as SidebarMenuSubButton,P as SidebarMenuSubItem,B as SidebarOutlet,V as SidebarOutletContent,H as SidebarOutletHeader,S as SidebarProvider,w as SidebarTrigger,F as sidebarMenuButtonClasses,x as useSidebar};
|
|
2
2
|
//# sourceMappingURL=sidebar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
"use client";import{classNames as e}from"../utilities/theme.js";import{kt as t}from"../icons.js";import{Button as n}from"./button.js";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{Tag as o,TagGroup as s,TagList as c,composeRenderProps as l}from"react-aria-components";var u=`body-sm rounded-sm inline-flex items-center gap-1 px-2 h-input-sm cursor-default select-none border border-stroke-primary`;function d({items:t,children:n,renderEmptyState:r,className:a,...o}){return i(s,{selectionMode:`none`,...o,children:i(c,{items:t,renderEmptyState:r,className:l(a,t=>e(`flex flex-wrap gap-1`,t)),children:n})})}function f({children:s,className:c,...d}){return i(o,{textValue:typeof s==`string`?s:void 0,className:l(c,(t,n)=>e(u,`bg-surface-secondary text-muted`,n.isDisabled&&`disabled-muted cursor-not-allowed`,t)),...d,children:l(s,(e,{allowsRemoving:o})=>a(r,{children:[e,o&&i(n,{slot:`remove`,size:`none`,variant:`ghost`,className:`rounded-full p-0.5`,children:i(t,{"aria-hidden":!0,className:`size-icon`})})]}))})}export{f as Tag,d as TagGroup};
|
|
2
2
|
//# sourceMappingURL=tag-group.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{classNames as e}from"../utilities/theme.js";import{
|
|
1
|
+
"use client";import{classNames as e}from"../utilities/theme.js";import{A as t,j as n}from"../icons.js";import{useFieldContext as r}from"../utilities/form-context.js";import{Button as i}from"./button.js";import{FormField as a,fieldGroupVariants as o}from"./form.js";import{getFieldErrorMessage as s}from"../utilities/form.js";import{Kbd as c}from"./kbd.js";import{useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{Input as f,TextArea as p,TextField as m,composeRenderProps as h}from"react-aria-components";var g=m;function _({className:r,kbd:a,type:s,...p}){let m=!!a,g=p.disabled,_=s===`password`,[v,y]=l(!1);return d(`div`,{className:`relative`,children:[u(f,{type:_&&v?`text`:s,className:h(r,t=>e(o(),`file:border-0 file:bg-transparent file:body-sm file:font-medium`,`disabled-muted`,`focus-ring`,(m||_)&&`pr-10`,t)),...p}),m&&u(`div`,{className:`absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center`,"aria-hidden":!0,children:u(c,{value:a,isDisabled:g})}),_&&u(i,{variant:`ghost`,className:`absolute right-0 top-1/2 -translate-y-1/2 focus:bg-accent/0 hover:bg-accent/0`,isDisabled:g,onPress:()=>y(e=>!e),"aria-label":v?`Hide password`:`Show password`,children:u(v?n:t,{})})]})}function v({className:t,...n}){return u(p,{className:h(t,t=>e(o(),`h-full min-h-32`,t)),...n})}function y({label:t,description:n,errorMessage:r,textArea:i,className:o,inputClassName:s,requiredIndicator:c,kbd:l,isDisabled:d,...f}){return u(g,{className:h(o,t=>e(`group form-field`,t)),isDisabled:d,...f,children:u(a,{label:t,description:n,errorMessage:r,requiredIndicator:c,children:i?u(v,{className:s}):u(_,{className:s,kbd:l,type:f.type,disabled:d})})})}function b({isDisabled:e,...t}){let n=r({disabled:e});return u(y,{isDisabled:e||n.isSubmitting,value:n.state.value,id:n.name,name:n.name,onBlur:n.handleBlur,onChange:n.handleChange,isInvalid:!!s(n),errorMessage:s(n),requiredIndicator:n.isRequired,...t})}export{y as TextField,b as TfTextField};
|
|
2
2
|
//# sourceMappingURL=textfield.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textfield.js","names":[],"sources":["../../lib/components/textfield.tsx"],"sourcesContent":["'use client';\nimport {\n Input as AriaInput,\n InputProps as AriaInputProps,\n TextArea as AriaTextArea,\n TextAreaProps as AriaTextAreaProps,\n TextField as AriaTextField,\n TextFieldProps as AriaTextFieldProps,\n composeRenderProps,\n} from 'react-aria-components';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { fieldGroupVariants, FormField, type FormFieldProps } from './form';\nimport { Kbd } from './kbd';\n\nconst ATextField = AriaTextField;\n\ninterface InputProps extends AriaInputProps {\n kbd?: string | string[];\n}\n\nfunction Input({ className, kbd, ...props }: InputProps) {\n const hasKbd = !!kbd;\n const isDisabled = props.disabled;\n return (\n <div className=\"relative\">\n <AriaInput\n className={composeRenderProps(className, className =>\n classNames(\n fieldGroupVariants(),\n 'file:border-0 file:bg-transparent file:body-sm file:font-medium',\n /* Disabled */\n 'disabled-muted',\n /* Focused */\n 'focus-ring',\n hasKbd && 'pr-10',\n className\n )\n )}\n {...props}\n />\n\n {hasKbd && (\n <div\n className=\"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center\"\n aria-hidden={true}\n >\n <Kbd value={kbd} isDisabled={isDisabled} />\n </div>\n )}\n </div>\n );\n}\n\nfunction TextArea({ className, ...props }: AriaTextAreaProps) {\n return (\n <AriaTextArea\n className={composeRenderProps(className, className =>\n classNames(fieldGroupVariants(), 'h-full min-h-32', className)\n )}\n {...props}\n />\n );\n}\n\nexport interface TextFieldProps extends AriaTextFieldProps, FormFieldProps {\n textArea?: boolean;\n inputClassName?: string;\n kbd?: string | string[];\n}\n\nexport function TextField({\n label,\n description,\n errorMessage,\n textArea,\n className,\n inputClassName,\n requiredIndicator,\n kbd,\n isDisabled,\n ...props\n}: TextFieldProps) {\n return (\n <ATextField\n className={composeRenderProps(className, className => classNames('group form-field', className))}\n isDisabled={isDisabled}\n {...props}\n >\n <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n {textArea ? <TextArea className={inputClassName}
|
|
1
|
+
{"version":3,"file":"textfield.js","names":[],"sources":["../../lib/components/textfield.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport {\n Input as AriaInput,\n InputProps as AriaInputProps,\n TextArea as AriaTextArea,\n TextAreaProps as AriaTextAreaProps,\n TextField as AriaTextField,\n TextFieldProps as AriaTextFieldProps,\n composeRenderProps,\n} from 'react-aria-components';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { Button } from './button';\nimport { fieldGroupVariants, FormField, type FormFieldProps } from './form';\nimport { IcEye, IcEyeOff } from './icons';\nimport { Kbd } from './kbd';\n\nconst ATextField = AriaTextField;\n\ninterface InputProps extends AriaInputProps {\n kbd?: string | string[];\n}\n\nfunction Input({ className, kbd, type, ...props }: InputProps) {\n const hasKbd = !!kbd;\n const isDisabled = props.disabled;\n const isPassword = type === 'password';\n const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n\n return (\n <div className=\"relative\">\n <AriaInput\n type={isPassword && isPasswordVisible ? 'text' : type}\n className={composeRenderProps(className, className =>\n classNames(\n fieldGroupVariants(),\n 'file:border-0 file:bg-transparent file:body-sm file:font-medium',\n /* Disabled */\n 'disabled-muted',\n /* Focused */\n 'focus-ring',\n (hasKbd || isPassword) && 'pr-10',\n className\n )\n )}\n {...props}\n />\n\n {hasKbd && (\n <div\n className=\"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center\"\n aria-hidden={true}\n >\n <Kbd value={kbd} isDisabled={isDisabled} />\n </div>\n )}\n\n {isPassword && (\n <Button\n variant=\"ghost\"\n className=\"absolute right-0 top-1/2 -translate-y-1/2 focus:bg-accent/0 hover:bg-accent/0\"\n isDisabled={isDisabled}\n onPress={() => setIsPasswordVisible(visible => !visible)}\n aria-label={isPasswordVisible ? 'Hide password' : 'Show password'}\n >\n {isPasswordVisible ? <IcEyeOff /> : <IcEye />}\n </Button>\n )}\n </div>\n );\n}\n\nfunction TextArea({ className, ...props }: AriaTextAreaProps) {\n return (\n <AriaTextArea\n className={composeRenderProps(className, className =>\n classNames(fieldGroupVariants(), 'h-full min-h-32', className)\n )}\n {...props}\n />\n );\n}\n\nexport interface TextFieldProps extends AriaTextFieldProps, FormFieldProps {\n textArea?: boolean;\n inputClassName?: string;\n kbd?: string | string[];\n}\n\nexport function TextField({\n label,\n description,\n errorMessage,\n textArea,\n className,\n inputClassName,\n requiredIndicator,\n kbd,\n isDisabled,\n ...props\n}: TextFieldProps) {\n return (\n <ATextField\n className={composeRenderProps(className, className => classNames('group form-field', className))}\n isDisabled={isDisabled}\n {...props}\n >\n <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n {textArea ? (\n <TextArea className={inputClassName} />\n ) : (\n <Input className={inputClassName} kbd={kbd} type={props.type} disabled={isDisabled} />\n )}\n </FormField>\n </ATextField>\n );\n}\n\nexport function TfTextField({\n isDisabled,\n ...props\n}: Omit<React.ComponentProps<typeof TextField>, 'onBlur' | 'onChange'>) {\n const field = useFieldContext<string>({ disabled: isDisabled });\n\n return (\n <TextField\n isDisabled={isDisabled || field.isSubmitting}\n value={field.state.value}\n id={field.name}\n name={field.name}\n onBlur={field.handleBlur}\n onChange={field.handleChange}\n isInvalid={!!getFieldErrorMessage(field)}\n errorMessage={getFieldErrorMessage(field)}\n requiredIndicator={field.isRequired}\n {...props}\n />\n );\n}\n"],"mappings":"0hBAmBA,IAAM,EAAa,EAMnB,SAAS,EAAM,CAAE,YAAW,MAAK,OAAM,GAAG,GAAqB,CAC3D,IAAM,EAAS,CAAC,CAAC,EACX,EAAa,EAAM,SACnB,EAAa,IAAS,WACtB,CAAC,EAAmB,GAAwB,EAAS,EAAK,EAEhE,OACI,EAAC,MAAD,CAAK,UAAU,WAAf,SAAA,CACI,EAAC,EAAD,CACI,KAAM,GAAc,EAAoB,OAAS,EACjD,UAAW,EAAmB,EAAW,GACrC,EACI,EAAmB,EACnB,kEAEA,iBAEA,cACC,GAAU,IAAe,QAC1B,CACJ,CACJ,EACA,GAAI,CACP,CAAA,EAEA,GACG,EAAC,MAAD,CACI,UAAU,kFACV,cAAa,GAEb,SAAA,EAAC,EAAD,CAAK,MAAO,EAAiB,YAAa,CAAA,CACzC,CAAA,EAGR,GACG,EAAC,EAAD,CACI,QAAQ,QACR,UAAU,gFACE,aACZ,YAAe,EAAqB,GAAW,CAAC,CAAO,EACvD,aAAY,EAAoB,gBAAkB,gBAEjD,SAAoB,EAApB,EAAqB,EAAe,EAAhB,CAAW,CAAY,CACxC,CAAA,CAEX,GAEb,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA4B,CAC1D,OACI,EAAC,EAAD,CACI,UAAW,EAAmB,EAAW,GACrC,EAAW,EAAmB,EAAG,kBAAmB,CAAS,CACjE,EACA,GAAI,CACP,CAAA,CAET,CAQA,SAAgB,EAAU,CACtB,QACA,cACA,eACA,WACA,YACA,iBACA,oBACA,MACA,aACA,GAAG,GACY,CACf,OACI,EAAC,EAAD,CACI,UAAW,EAAmB,EAAW,GAAa,EAAW,mBAAoB,CAAS,CAAC,EACnF,aACZ,GAAI,EAEJ,SAAA,EAAC,EAAD,CAAiB,QAAO,cAAa,eAAc,oBAC9C,SAAA,EACG,EAAC,EAAD,CAAU,UAAW,CAAiB,CAAA,EAEtC,EAAC,EAAD,CAAO,UAAW,EAAqB,MAAK,KAAM,EAAM,KAAM,SAAU,CAAa,CAAA,CAElF,CAAA,CACH,CAAA,CAEpB,CAEA,SAAgB,EAAY,CACxB,aACA,GAAG,GACiE,CACpE,IAAM,EAAQ,EAAwB,CAAE,SAAU,CAAW,CAAC,EAE9D,OACI,EAAC,EAAD,CACI,WAAY,GAAc,EAAM,aAChC,MAAO,EAAM,MAAM,MACnB,GAAI,EAAM,KACV,KAAM,EAAM,KACZ,OAAQ,EAAM,WACd,SAAU,EAAM,aAChB,UAAW,CAAC,CAAC,EAAqB,CAAK,EACvC,aAAc,EAAqB,CAAK,EACxC,kBAAmB,EAAM,WACzB,GAAI,CACP,CAAA,CAET"}
|
package/dist/components/toast.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{classNames as e}from"../utilities/theme.js";import{D as t,
|
|
1
|
+
import{classNames as e}from"../utilities/theme.js";import{D as t,U as n,c as r,l as i}from"../icons.js";import{Button as a}from"./button.js";import{alertVariants as o}from"./alert.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{UNSTABLE_Toast as l,UNSTABLE_ToastContent as u,UNSTABLE_ToastQueue as d,UNSTABLE_ToastRegion as f}from"react-aria-components";import{flushSync as p}from"react-dom";var m=new d({wrapUpdate(e){`startViewTransition`in document?document.startViewTransition(()=>{p(e)}):e()}});function h(){return s(f,{queue:m,className:`fixed z-50 top-4 right-4 flex flex-col-reverse justify-end gap-2`,children:({toast:t})=>s(l,{style:{viewTransitionName:t.key},toast:t,className:`animate-in fade-in-0 slide-in-from-right duration-300 ease-out`,children:c(u,{className:e(o({variant:t.content.variant}),`flex flex-col items-stretch max-w-sm gap-2 w-full min-w-sm`),children:[c(`div`,{className:`flex flex-row items-start gap-3`,children:[s(`span`,{className:`shrink-0`,children:g(t.content.variant)}),c(`div`,{className:`flex-1 min-w-0`,children:[s(`p`,{slot:`title`,className:`font-medium body-base`,children:t.content.title}),t.content.description&&s(`p`,{slot:`description`,className:`body-sm`,children:t.content.description})]}),!t.content.autoDismiss&&c(a,{slot:`close`,size:`icon`,variant:`neutral`,className:`rounded-full border-none shrink-0 -mr-1 -mt-1`,children:[s(i,{className:`size-4`}),s(`span`,{className:`sr-only`,children:`Close`})]})]}),t.content.action&&s(`div`,{className:`flex w-full justify-end gap-2 mt-1`,children:s(a,{slot:`close`,onPress:()=>{t.content.action?.()},variant:`neutral`,className:`shrink-0`,children:t.content.actionLabel||`Action`})})]})})})}function g(e){switch(e){case`destructive`:return s(t,{});case`success`:return s(r,{});case`neutral`:return s(n,{});default:return s(n,{})}}function _({title:e,description:t,variant:n,autoDismiss:r=!0,action:i,actionLabel:a}){let o=r&&!i?{timeout:3e3}:{};m.add({title:e,description:t,variant:n,autoDismiss:r,action:i,actionLabel:a},o)}export{h as ToastProvider,_ as toast};
|
|
2
2
|
//# sourceMappingURL=toast.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{formatDate as e}from"./utilities/date.js";import{Duration as t}from"./utilities/duration.js";import{formatDays as n,formatFilesize as r,formatNumber as i}from"./utilities/numbers.js";import{pluralizeTimes as a}from"./utilities/string.js";import{classNames as o}from"./utilities/theme.js";import{ALL_OS as s,useProjectName as c,useResourceFormatter as l}from"./utilities/resources.js";import{At as u,Et as d,G as f,H as p,I as m,It as h,J as g,K as _,Lt as v,M as y,P as b,R as x,Rt as S,W as ee,_ as te,at as C,c as w,d as T,l as E,n as D,nt as ne,st as re}from"./icons.js";import{ALL_LICENSE_TYPES as ie,getSubscriptionStartTriggerLabel as O}from"./components/select-options.js";import{CountryName as k}from"./utilities/countries.js";import{useCtxClient as ae}from"./utilities/ctx-client.js";import{Loader as A}from"./components/loader.js";import{Button as j}from"./components/button.js";import{Checkbox as oe}from"./components/checkbox.js";import{Popover as se,PopoverTrigger as ce}from"./components/popover.js";import{SelectTrigger as le}from"./components/select.js";import{EasyMenu as M,Menu as N,MenuHeader as ue,MenuItem as P,MenuPopover as F,MenuTrigger as I}from"./components/menu.js";import{MultiSelect as L}from"./components/multi-select.js";import{NumberField as R}from"./components/numberfield.js";import{TextField as de}from"./components/textfield.js";import{DatePicker as z}from"./components/date-picker.js";import{useIsMobile as B}from"./utilities/use-mobile.js";import{Badge as V}from"./components/badge.js";import{SearchField as H}from"./components/searchfield.js";import{Table as U,TableBody as fe,TableCell as pe,TableHead as me,TableHeader as he,TableRow as ge}from"./components/table.js";import{Tooltip as _e,TooltipTrigger as ve}from"./components/tooltip.js";import{ControlledDialogProvider as ye,DialogBody as be,DialogFooter as xe,DialogHeader as Se,DialogTitle as Ce,useControlledDialog as W}from"./components/dialog.js";import{ProgressBar as we}from"./components/progress-bar.js";import{Tag as Te,TagGroup as Ee}from"./components/tag-group.js";import{MultipleIdSearchInput as De}from"./components/id-search.js";import{merge as Oe}from"lodash-es";import{Fragment as ke,createContext as Ae,useContext as je,useEffect as G,useMemo as Me,useRef as Ne,useState as K}from"react";import{Fragment as q,jsx as J,jsxs as Y}from"react/jsx-runtime";import{Pressable as Pe}from"react-aria-components";import{getLocalTimeZone as Fe,parseAbsolute as X}from"@internationalized/date";import{DndContext as Ie,DragOverlay as Le,KeyboardSensor as Re,PointerSensor as ze,closestCenter as Be,useSensor as Ve,useSensors as He}from"@dnd-kit/core";import{SortableContext as Ue,arrayMove as We,sortableKeyboardCoordinates as Ge,useSortable as Ke,verticalListSortingStrategy as qe}from"@dnd-kit/sortable";import{CSS as Je}from"@dnd-kit/utilities";import{useInfiniteQuery as Ye,useQuery as Xe}from"@tanstack/react-query";import{createColumnHelper as Ze,flexRender as Qe,getCoreRowModel as $e,useReactTable as et}from"@tanstack/react-table";import{useLocalStorage as tt}from"@uidotdev/usehooks";function nt(e){return e?e.desc?`-${e.id}`:`+${e.id}`:`-createdAt`}var rt=Ze(),it=[rt.accessor(`checkbox`,{header:({table:e})=>J(oe,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":`Select all`,size:`sm`}),cell:({row:e})=>J(oe,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":`Select row`,size:`sm`}),enableSorting:!1,enableHiding:!1})],Z=`TableActions`;function at(e){return e.length===0?[]:[rt.accessor(Z,{header:`Actions`,id:Z,enableHiding:!1,cell:({row:t})=>J(Dt,{label:J(re,{className:`text-icon-primary`}),data:t.original,items:e}),enableSorting:!1})]}function ot(){return Ze()}function st({path:e,resourceName:t,pathParameters:n,queryParameters:r,columns:i,filterConfig:a,columnsToHideByDefault:o={},allowSelection:s=!1,allowToolbar:c=!0,initialFilters:l=[],previewFilters:u,tableActions:d,Card:f,onRowNavigate:p,disableTableView:m,hideViewToggle:h,include:g}){let[_,v]=K({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:y,pagination:b}=_,[x,S]=K(``),[ee,te]=K({}),[C,w]=K(l),T=Me(()=>C.filter(e=>e.active!==!1).map(e=>{if(e.type===`derived-select`){let t=a[e.property];return t?.type===`derived-select`?t.toApiQuery(String(e.value??``)):{}}let t=e.value instanceof Set?Array.from(e.value):e.value;return e.needOperator===!1?{[e.property]:Array.isArray(t)?t.join(`,`):t}:e.operator===`between`&&Array.isArray(t)&&t.length===2?{[e.property]:{gte:t[0],lte:t[1]}}:Array.isArray(t)?{[e.property]:{[e.operator]:t.join(`,`)}}:{[e.property]:{[e.operator]:t}}}).reduce((e,t)=>Oe(e,t),{}),[C,a]),E=g?.length?g.join(`,`):void 0,D={...r,...T,limit:b.pageSize,sort:nt(y[0]),search:x,...E?{include:E}:{}},ne=ae(),re=[`get`,e,{...D,page:b.pageIndex+1},`table`],ie=[`get`,e,D,`card`],O=`${e}_ctx`,[k,A]=tt(`${O}_column_order_preference`,[]),[j,oe]=tt(`${O}_column_visibility_preference`,{id:!1,...o}),[se,ce]=tt(`${O}_view_mode_preference`,m?`card`:`table`),le=B(),M=m||le&&f?`card`:se,N=e=>{v(t=>({...t,...e}))};async function ue(t){let i=await ne.GET(e,{params:{query:{...r,page:t,limit:b.pageSize,sort:D.sort,search:D.search,...E?{include:E}:{},...T},path:n}});return{data:i.data??[],total:Number.parseInt(i.response.headers.get(`Pagination-Count`)||`0`),nextPage:t+1}}let P=Xe({queryKey:re,enabled:M===`table`,queryFn:()=>ue(b.pageIndex+1),placeholderData:e=>e}),F=Ye({queryKey:ie,enabled:M===`card`,initialPageParam:1,queryFn:({pageParam:e})=>ue(e),getNextPageParam:(e,t)=>t.flatMap(e=>e.data).length<e.total?e.nextPage:void 0}),I=Me(()=>M===`table`?P.data?.data??[]:F.data?.pages.flatMap(e=>e.data)??[],[M,P.data,F.data]),L=Me(()=>M===`table`?P.data?.total??0:F.data?.pages[0]?.total??0,[M,P.data,F.data]),R=M===`table`?P:{...F,data:{data:I,total:L},isLoading:F.isLoading,isFetching:F.isFetching,isError:F.isError,error:F.error,refetch:F.refetch},de=d.filter(wt),z=[...s?it:[],...i,...at(de??[])];function V(e){return typeof e==`function`}function H(e,t){return V(e)?e(t):e}let U=et({data:I,columns:z,getCoreRowModel:$e(),rowCount:L,manualPagination:!0,onPaginationChange:e=>{N({pagination:H(e,b)})},manualSorting:!0,onSortingChange:e=>{te({}),N({sorting:[...H(e,y)]})},manualFiltering:!0,onColumnVisibilityChange:e=>{oe(H(e,j))},onRowSelectionChange:e=>{te(H(e,ee))},onColumnOrderChange:e=>{A(H(e,k))},state:{sorting:y,columnVisibility:j,pagination:b,rowSelection:ee,columnOrder:k},meta:{refetch:R.refetch}});return G(()=>{let e=U.getAllFlatColumns().map(e=>e.id),t=e.filter(e=>e!==`checkbox`&&e!==Z);A(n=>{let r=n.filter(e=>t.includes(e)),i=t.filter(e=>!n.includes(e)),a=r.length>0?[...r,...i]:t;return[...e.includes(`checkbox`)?[`checkbox`]:[],...a,...e.includes(Z)?[Z]:[]]})},[]),{tableState:_,updateTableState:N,query:R,setSearchQuery:S,searchQuery:x,tanTable:U,mergedFilters:T,filters:C,setFilters:w,filterConfig:a,tableActions:d,pathParameters:n,queryParameters:r,viewMode:M,setViewMode:ce,Card:f,allowSelection:s,allowToolbar:c,previewFilters:u,infiniteQuery:F,disableTableView:m,hideViewToggle:h,onRowNavigate:p,resourceName:t}}var ct=Ae(null);function Q(){let e=je(ct);if(!e)throw Error(`DataTable should be used within DataTableProvider.`);return e}function lt({children:e,...t}){return J(ct.Provider,{value:t,children:e})}function ut(){let{query:e,resourceName:t,mergedFilters:n,searchQuery:r}=Q(),i=l();if(e.isFetching)return null;if(e.isError)return Y(`span`,{className:`flex gap-3 items-center`,children:[J(p,{className:`text-icon-primary`}),J(`span`,{children:e.error?.message})]});if(e.data?.data?.length===0){let e=t&&a(i(t),2).toLowerCase(),o=Object.keys(n).length>0||r.length>0;return Y(`div`,{className:`text-center flex flex-col gap-2`,children:[J(`p`,{className:`font-semibold text-text-primary`,children:e?`No ${e} found.`:`No results found.`}),o&&J(`p`,{className:`text-text-secondary`,children:`Adjust your filter or search request.`})]})}return J(q,{children:`Unknown error. Please contact customer support.`})}function dt({cardGridClassName:e}){let{query:t,tanTable:n,viewMode:r,tableActions:i,Card:a}=Q(),o=i.filter(wt),s=r===`card`&&!!a;return t.isLoading?J(`div`,{className:`body-sm flex items-center justify-center min-h-32`,children:J(A,{})}):n.getRowModel().rows.length===0?J(`div`,{className:`body-sm flex items-center justify-center min-h-32 text-muted`,children:J(ut,{})}):s?J(pt,{Card:a,actions:o,className:e}):J(St,{className:`w-full`})}function ft({className:e,cardGridClassName:t,...n}){let{viewMode:r,Card:i,allowToolbar:a}=Q(),s=r===`card`&&!!i;return J(q,{children:Y(ye,{children:[a&&J(_t,{}),Y(`section`,{...n,className:o(`z-20 flex flex-col`,s?``:`border rounded-lg`,e),children:[J(`div`,{className:`w-full overflow-auto relative rounded-t-lg [scrollbar-width:none]`,tabIndex:0,children:J(dt,{cardGridClassName:t})}),!s&&Y(`div`,{className:`flex w-full justify-between border-t gap-icon py-2 px-icon bg-surface-secondary rounded-b-lg overflow-x-auto`,children:[Y(`div`,{className:`flex gap-icon`,children:[J(mt,{}),J(gt,{})]}),J(ht,{})]})]})]})})}function pt({Card:e,actions:t,className:n,...r}){let{tanTable:i,allowSelection:a}=Q(),{infiniteQuery:s}=Q(),c=Ne(null);return G(()=>{let e=c.current;if(!e)return;let t=new IntersectionObserver(e=>{e[0].isIntersecting&&s.hasNextPage&&!s.isFetchingNextPage&&s.fetchNextPage()},{threshold:.1});return t.observe(e),()=>t.disconnect()},[s.hasNextPage,s.isFetchingNextPage]),Y(`div`,{...r,className:o(n,`grid grid-cols-1 lg:grid-cols-2 gap-icon pb-input`),children:[i.getRowModel().rows.map((n,r)=>{let i={isSelected:n.getIsSelected(),onToggle:()=>n.toggleSelected(),allowSelection:a};return J(ke,{children:e(n.original,t,i,r)},n.id)}),J(`div`,{ref:c,className:`col-span-full h-4 flex items-center justify-center`,children:s.isFetchingNextPage&&J(A,{})})]})}function mt(){if(c()===`customer-portal`)return null;let{tanTable:e}=Q(),[t,n]=K(null),r=l(),i=He(Ve(ze),Ve(Re,{coordinateGetter:Ge}));return J(Ie,{sensors:i,collisionDetection:Be,onDragStart:e=>{let{active:t}=e;n(t.id.toString())},onDragEnd:t=>{let{active:r,over:i}=t;if(i&&r.id!==i.id){let t=e.getState().columnOrder,n=t.indexOf(r.id.toString()),a=t.indexOf(i.id.toString());e.setColumnOrder([...We(t,n,a)])}n(null)},children:Y(Ue,{items:e.getState().columnOrder,strategy:qe,children:[Y(M,{label:Y(q,{children:[J(T,{className:`inline align-bottom me-1 text-icon-primary`}),`Columns`]}),selectionMode:`multiple`,size:`sm`,items:e.getAllFlatColumns(),selectedKeys:e.getVisibleFlatColumns().map(e=>e.id),children:[J(P,{onAction:()=>e.toggleAllColumnsVisible(),className:`italic`,children:`(select all)`}),e.getState().columnOrder.map(t=>{let n=e.getAllFlatColumns().find(e=>e.id===t);return!n||n.id===`checkbox`||n.id===Z?null:J(a,{column:n},n.id)})]}),J(Le,{children:t?J(`div`,{className:`opacity-70 border-2 border-primary`,children:r(t)}):null})]})});function a({column:e}){let{attributes:t,listeners:n,setNodeRef:r,transform:i,transition:a}=Ke({id:e.id}),o={transform:Je.Transform.toString(i),transition:a,zIndex:`999`};return Y(P,{ref:r,style:o,...t,id:e.id,onAction:()=>e.toggleVisibility(),isDisabled:!e.getCanHide(),className:`flex items-center`,children:[J(x,{...n,className:`size-icon cursor-grab text-icon-primary`}),yt(e),e.getIsSorted()&&J(vt,{className:`size-icon`,direction:e.getIsSorted()})]})}}function ht(){let{tanTable:e}=Q(),t=e.getRowCount();return Y(`div`,{className:`flex items-center gap-2`,children:[J(`span`,{className:`whitespace-nowrap body-sm text-muted`,children:`${e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1} - ${Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,t)} of ${t?.toLocaleString()}`}),(e.getCanNextPage()||e.getCanPreviousPage())&&Y(q,{children:[J(j,{"aria-label":`First page`,onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:`neutral`,size:`icon-sm`,children:J(m,{})}),J(j,{"aria-label":`Previous page`,onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:`neutral`,size:`icon-sm`,children:J(_,{})}),J(j,{"aria-label":`Next page`,onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:`neutral`,size:`icon-sm`,children:J(u,{})}),J(j,{"aria-label":`Last page`,onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:`neutral`,size:`icon-sm`,children:J(ee,{})})]})]})}function gt(){if(c()===`customer-portal`)return null;let{tanTable:e}=Q();return J(M,{label:e.getState().pagination.pageSize.toString(),selectionMode:`single`,size:`sm`,selectedKeys:[e.getState().pagination.pageSize.toString()],items:[10,20,30,40,50].map(e=>({id:e.toString(),value:e})),children:t=>J(P,{onAction:()=>e.setPageSize(t.value),children:t.value})})}function _t(){let{query:e,tanTable:t,searchQuery:n,setSearchQuery:r,tableActions:i,viewMode:a,setViewMode:s,Card:c,previewFilters:l,disableTableView:u,hideViewToggle:p}=Q(),m=t.getSelectedRowModel().rows.length>0,h=B(),g=i.filter(e=>e.resourceType!==`single`).filter(e=>e.resourceType===`multiple`===m);return Y(`section`,{className:`flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1`,children:[Y(`div`,{className:o(`flex gap-icon max-md:min-w-0 max-md:flex-1`),children:[J(j,{"aria-label":`Refresh`,isPending:e.isFetching,onClick:()=>e.refetch(),variant:`neutral`,size:`icon`,className:o(`max-md:shrink-0`),children:J(d,{})}),J(H,{value:n,onChange:r,className:o(`max-md:min-w-0 max-md:flex-1`)}),J(zt,{previewFilters:l,className:o(`max-md:shrink-0`)})]}),!h&&Y(`div`,{className:`flex gap-icon`,children:[J(Et,{items:g,isFetching:e.isFetching}),c&&!u&&!p&&Y(`div`,{className:`flex gap-1 bg-surface-primary rounded-md overflow-hidden`,children:[J(j,{variant:a===`table`?`primary`:`neutral`,size:`icon`,onPress:()=>s(`table`),"aria-label":`Table view`,className:`border-none`,children:J(ne,{})}),J(j,{variant:a===`card`?`primary`:`neutral`,size:`icon`,onPress:()=>s(`card`),"aria-label":`Card view`,className:`border-none`,children:J(f,{})})]})]}),h&&g.length>0&&J(`div`,{className:`fixed inset-x-0 bottom-0 z-30 flex gap-icon border-t bg-surface-primary p-icon`,children:J(Et,{items:g,isFetching:e.isFetching,buttonClassName:`flex-1 justify-center`})})]})}function vt({direction:e,...t}){return J(e===`asc`?h:e===`desc`?v:S,{className:`size-3.5`,...t})}function yt(e){let t=l(),n=e.columnDef.header;return typeof n==`string`?n:t(e.id)}function bt(a){let o=a.column.columnDef.meta?.displayType,c=a.getValue();if(c==null)return null;switch(o){case`date`:return J(`span`,{className:`tabular-nums`,children:e(c)});case`number`:return J(`span`,{className:`block text-right tabular-nums`,children:i(c)});case`boolean`:return J(V,{variant:c?`success`:`destructive`,className:`capitalize`,children:String(c)});case`badge`:return J(V,{children:String(c)});case`tags`:return J(Ee,{items:(Array.isArray(c)?c:[String(c)]).map(e=>({id:e,name:e})),className:`!flex-nowrap`,children:e=>J(Te,{children:e.name})});case`progressBar`:let[a,o]=c;return J(we,{meterClassName:`w-16`,label:`${a}/${o}`,minValue:0,maxValue:o,value:a});case`country`:return J(k,{value:c});case`enum`:return J(`span`,{className:`uppercase w-full`,children:String(c)});case`fileSize`:return r(c);case`days`:return n(c);case`os`:return s[c]??c;case`licenseType`:return ie[c]??c;case`subscriptionInterval`:return t.formatISODuration(c);case`subscriptionStartTrigger`:return O(c);default:return String(c)}}function xt({header:e}){let t=e.column.columnDef.header;return typeof t==`string`||!t||typeof t==`function`&&typeof t(e.getContext())==`string`?yt(e.column):Qe(t,e.getContext())}function St({className:e}){let{tanTable:t,onRowNavigate:n}=Q(),r=(e,t,n=`z-50`)=>o(`text-left body-sm font-medium whitespace-nowrap`,e&&`sticky right-0 ${n} text-center justify-center`,t);return Y(U,{className:o(`table-auto border-0`,e),children:[J(he,{className:`sticky top-0 z-10 rounded-lg border-stroke-secondary!`,children:t.getHeaderGroups().map(e=>J(ge,{className:`border-stroke-secondary!`,children:e.headers.map(e=>Y(me,{scope:`col`,colSpan:e.colSpan,className:r(e.id===Z,`bg-surface-secondary`),children:[!e.column.getCanSort()&&!e.isPlaceholder&&J(`div`,{className:o(`w-full flex items-center gap-1 text-xs uppercase font-semibold text-text-secondary`,e.id===Z?`justify-center`:`justify-start`),children:J(xt,{header:e})}),e.column.getCanSort()&&Y(j,{variant:`ghost`,size:`none`,className:o(`w-full p-1 rounded-md uppercase text-text-secondary text-xs font-semibold`,e.id===Z?`justify-center`:`justify-start`,e.column.getIsSorted()?`text-primary`:``),onPress:e.column.getToggleSortingHandler(),children:[J(`span`,{children:J(xt,{header:e})}),e.column.getIsSorted()&&J(vt,{direction:e.column.getIsSorted()})]})]},e.id))},e.id))}),J(fe,{children:t.getRowModel().rows.map(e=>J(ge,{className:o(`group border-stroke-secondary! bg-surface-primary hover:not-data-[selected=true]:bg-surface-secondary data-[selected=true]:bg-surface-tertiary`,n&&`cursor-pointer focus-visible:outline focus-visible:outline-ring`),"data-selected":e.getIsSelected(),...n&&{role:`link`,tabIndex:0,onClick:t=>{t.target.closest(`a, button, input, select, textarea, [role="button"]`)||n(e.original)},onKeyDown:t=>{t.key===`Enter`&&n(e.original)}},children:e.getVisibleCells().map(e=>{let t=e.column.id===Z,n=e.column.columnDef.meta?.displayType?bt(e):Qe(e.column.columnDef.cell,e.getContext());return J(pe,{className:o(r(t,t?`bg-surface-primary group-hover:not-group-data-[selected=true]:bg-surface-secondary group-data-[selected=true]:bg-surface-tertiary`:``,`z-1`),t&&`flex justify-center items-center`),children:n},e.id)})},e.id))})]})}function Ct(e){return e.resourceType===`none`}function wt(e){return e.resourceType===`single`}function Tt(e){return e.resourceType===`multiple`}function Et({items:e,isFetching:t,buttonClassName:n}){let{openDialog:r,closeDialog:i}=W(),{tanTable:a,mergedFilters:s}=Q();function c(e,t){return e.isDisabled?Ct(e)?e.isDisabled():Tt(e)?e.isDisabled(t):!1:!1}let l=a.getSelectedRowModel().rows.map(e=>e.original);return J(q,{children:e.map((e,a)=>{let u=e.icon,d=c(e,l)||t;return Y(j,{"aria-label":e.label,type:`button`,isDisabled:d,className:o(`animate-in fade-in slide-in-from-right-15 duration-300 transition-transform`,n),onPress:t=>{let n={event:t,openDialog:r,closeDialog:i,activeFilters:s};Ct(e)?e.onPress(n):Tt(e)&&e.onPress({...n,data:l})},variant:e.variant??`neutral`,children:[u&&J(u,{"aria-hidden":!0}),J(`span`,{children:e.label})]},`${e.label}-${a}`)})})}function Dt({label:e,items:t,data:n}){let{openDialog:r,closeDialog:i}=W(),{mergedFilters:a}=Q();return t.length<5?J(`div`,{className:`flex items-center`,children:t.map((e,t)=>{let o=e.icon,s=typeof e.label==`function`?e.label(n):e.label;return Y(ve,{children:[J(j,{"aria-label":typeof s==`string`?s:void 0,isDisabled:e.isDisabled?.(n)??!1,variant:`ghost`,size:`icon`,onPress:()=>{let t={openDialog:r,closeDialog:i};e.onPress({...t,data:n,activeFilters:a})},children:J(o,{className:`size-icon`})}),J(_e,{children:s})]},`${t}-${typeof s==`string`?s:``}`)})}):J(M,{withChevron:!1,"aria-label":`Actions`,label:e,size:`icon`,children:t.map((e,t)=>{let o=e.icon,s=typeof e.label==`function`?e.label(n):e.label;return Y(P,{id:typeof s==`string`?s:void 0,isDisabled:e.isDisabled?.(n)??!1,onAction:()=>{let t={openDialog:r,closeDialog:i};wt(e)&&e.onPress({...t,data:n,activeFilters:a})},children:[J(o,{className:`size-icon`}),s]},`${t}-${typeof s==`string`?s:``}`)})})}var Ot=[`eq`,`ne`,`cn`,`nc`,`sw`,`ew`,`in`,`nin`,`gt`,`gte`,`lt`,`lte`,`between`],kt={eq:`equal to`,ne:`not equal to`,cn:`contains`,nc:`does not contain`,sw:`starts with`,ew:`ends with`,in:`includes`,nin:`does not include`,gt:`greater than`,gte:`greater than or equal to`,lt:`less than`,lte:`less than or equal to`,between:`between`},At={eq:`=`,ne:`≠`,cn:`contains`,nc:`!contains`,sw:`starts with`,ew:`ends with`,in:`in`,nin:`not in`,gt:`>`,gte:`≥`,lt:`<`,lte:`≤`,between:`↔`};function $(e,t){let n=t.type,r=`${e}-${Date.now()}`,i=n===`bool`||n===`derived-select`?!1:t.needOperator??!0,a=i?jt[n][0]:`eq`,o={id:r,property:e,operator:a,needOperator:i};switch(n){case`bool`:return{...o,type:n,value:!0};case`derived-select`:return{...o,type:n,value:t.options[0]?.id??``};case`string`:return{...o,type:n,value:``};case`date`:return{...o,type:n,value:a===`between`?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case`id`:return{...o,type:n,value:``};case`id-search`:return{...o,type:n,value:[]};case`enum`:return{...o,type:n,value:new Set};case`number`:return{...o,type:n,value:0}}}var jt={bool:[`eq`],"derived-select":[`eq`],enum:[`in`,`nin`],id:[`in`,`nin`],"id-search":[`in`,`nin`],string:[`eq`,`ne`,`cn`,`nc`,`sw`,`ew`,`in`,`nin`],date:[`between`,`lt`,`gt`],number:[`eq`,`ne`,`gt`,`gte`,`lt`,`lte`]};function Mt(e,t){let n=t.value===void 0?e.value:t.value,r=t.operator??e.operator;if(e.type===`date`&&t.operator!==void 0){if(r===`between`&&!Array.isArray(n)){let e=typeof n==`string`?n:new Date().toISOString();n=[e,e]}else r!==`between`&&Array.isArray(n)&&(n=n[0]??new Date().toISOString())}return n}function Nt(){let{setFilters:e,filterConfig:t}=Q();return{updateFilter:(n,r)=>{e(e=>{let i=e.find(e=>e.property===n)??$(n,t[n]),a={...i,...r,value:Mt(i,r),active:!0};return e.some(e=>e.id===i.id)?e.map(e=>e.id===i.id?a:e):[...e,a]})},removeFilter:n=>{e(e=>{let r=e.find(e=>e.id===n);return r?r.isPreview?e.map(e=>e.id===n?{...$(e.property,t[e.property]),active:!1,isPreview:!0}:e):e.filter(e=>e.id!==n):e})},clearAllFilters:()=>{e(e=>e.filter(e=>e.isPreview).map(e=>({...$(e.property,t[e.property]),active:!1,isPreview:!0})))}}}function Pt(t,n){switch(t.type){case`string`:case`id`:return t.value??``;case`number`:return t.value?.toString()??``;case`bool`:return t.value?`true`:`false`;case`derived-select`:{let e=n[t.property];if(!e||e.type!==`derived-select`)return t.value??``;let r=e.options.find(e=>e.id===t.value);return typeof r?.label==`string`?r.label:t.value??``}case`date`:if(Array.isArray(t.value)){let[n,r]=t.value;return`${e(n,{dateStyle:`short`})??``} – ${e(r,{dateStyle:`short`})??``}`}return t.value?e(t.value,{dateStyle:`short`})??``:``;case`enum`:return t.value&&t.value.size>0?`${t.value.size} selected`:``;case`id-search`:return t.value&&t.value.length>0?t.value.length===1?`1 item`:`${t.value.length} items`:``}}function Ft({filter:e,filterConfig:t,onChange:n}){if(e.type===`string`||e.type===`id`)return J(de,{autoFocus:!0,value:e.value??``,onChange:n,"aria-label":`Filter value`});if(e.type===`number`)return J(R,{autoFocus:!0,value:e.value,onChange:n,"aria-label":`Filter value`});if(e.type===`date`){if(e.operator===`between`){let[t,r]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],i=X(t,Fe()),a=X(r,Fe());return Y(`div`,{className:`flex flex-col gap-icon`,children:[J(z,{autoFocus:!0,hideTimeZone:!0,label:`From`,value:i,onChange:e=>n([e?e.toAbsoluteString():t,r])}),J(z,{hideTimeZone:!0,label:`To`,value:a,onChange:e=>n([t,e?e.toAbsoluteString():r])})]})}let t=e.value&&!Array.isArray(e.value)?X(e.value,Fe()):null;return J(z,{autoFocus:!0,hideTimeZone:!0,value:t,onChange:e=>n(e?e.toAbsoluteString():new Date().toISOString()),"aria-label":`Filter date`})}if(e.type===`enum`){let r=t[e.property];return r.type===`enum`?J(L,{autoFocus:!0,items:r.options,value:e.value??new Set,onChange:n,"aria-label":`Filter value`}):null}if(e.type===`id-search`){let r=t[e.property];if(r.type!==`id-search`)return null;let i=r.defaultParams;return J(De,{autoFocus:!0,path:r.path,accessor:r.accessor,defaultParams:i,value:e.value??[],onChange:n,"aria-label":`Filter value`})}return null}function It({filter:e,filterConfig:t,resourceFormatter:n,onRemove:r,onUpdate:i,isOpen:a,onOpenChange:o}){let s=e.needOperator===!1?[`eq`]:jt[e.type],l=Pt(e,t),u=c(),d=B(),f=e.type===`bool`||e.type===`derived-select`,p=d?Y(`div`,{className:`flex flex-col gap-1`,children:[J(`span`,{className:`body-sm text-muted`,children:n(e.property)}),J(le,{type:`button`,className:`w-full`,"aria-label":n(e.property),children:l})]}):Y(j,{type:`button`,variant:e.active===!1?`neutral`:`primary_neutral`,className:`animate-in slide-in-from-left-10 fade-in flex justify-between gap-2`,children:[J(b,{}),f?J(`span`,{className:`font-medium`,children:l}):Y(q,{children:[J(`span`,{className:`font-medium`,children:n(e.property)}),u!==`customer-portal`&&J(`span`,{children:At[e.operator]}),u!==`customer-portal`&&l&&J(`span`,{children:l})]}),e.active!==!1&&J(Pe,{onPress:()=>r(),children:J(`span`,{className:`bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center`,children:J(E,{className:`size-2.5 text-surface-primary`})})})]});if(f){let r,s;if(e.type===`bool`)r=[{id:`true`,label:`True`},{id:`false`,label:`False`}],s=e.value?`true`:`false`;else{let n=t[e.property];r=n?.type===`derived-select`?n.options:[],s=e.value??``}return Y(I,{isOpen:a,onOpenChange:o,children:[J(`div`,{className:`relative`,children:p}),Y(F,{className:`min-w-48`,children:[J(ue,{inset:!0,separator:!1,children:n(e.property)}),J(N,{selectionMode:`single`,disallowEmptySelection:!0,selectedKeys:new Set([s]),onSelectionChange:t=>{if(t===`all`)return;let n=t.values().next().value;n!=null&&i({value:e.type===`bool`?String(n)===`true`:String(n)})},"aria-label":`Filter value`,children:r.map(e=>J(P,{id:e.id,children:e.label},e.id))})]})]})}return Y(ce,{isOpen:a,onOpenChange:o,children:[J(`div`,{className:`relative`,children:p}),J(se,{className:`p-icon min-w-48`,children:Y(`div`,{className:`flex flex-col gap-icon`,children:[s.length>1&&J(M,{label:kt[e.operator],variant:`neutral`,"aria-label":`Change operator`,children:s.map(e=>J(P,{onAction:()=>i({operator:e}),children:kt[e]},e))}),J(Ft,{filter:e,filterConfig:t,onChange:e=>i({value:e})}),J(j,{type:`button`,variant:`neutral`,className:`self-end`,onPress:r,"aria-label":`Remove ${n(e.property)} filter`,children:`Clear`})]})})]})}function Lt({onApply:e}){let{filters:t,filterConfig:n}=Q(),r=l(),{updateFilter:i,removeFilter:a,clearAllFilters:o}=Nt(),[s,c]=K(null);return Y(q,{children:[J(Se,{children:J(Ce,{children:`Filter`})}),J(be,{className:`flex flex-col gap-input`,children:Object.keys(n).map(e=>{let o=t.find(t=>t.property===e)??$(e,n[e]);return J(It,{filter:o,filterConfig:n,resourceFormatter:r,onRemove:()=>a(o.id),onUpdate:t=>i(e,t),isOpen:s===e,onOpenChange:t=>c(t?e:null)},e)})}),Y(xe,{children:[J(j,{variant:`neutral`,onPress:()=>{o(),c(null)},children:`Clear All`}),J(j,{variant:`primary`,onPress:e,children:`Apply`})]})]})}function Rt({className:e,hasClearableFilters:t,isDisabled:n,onClearAll:r,...i}){let{openDialog:a,closeDialog:s}=W();return J(`section`,{...i,className:o(`flex items-center`,e),children:Y(j,{variant:t?`primary_neutral`:`neutral`,isDisabled:n,"aria-label":`Filter`,onPress:()=>a(J(Lt,{onApply:s})),className:`min-w-0 flex-1`,children:[J(b,{}),`Filters`,t&&J(Pe,{onPress:r,children:J(`span`,{className:`animate-slide-in bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center`,children:J(E,{className:`size-2.5 text-surface-primary`})})})]})})}function zt({className:e,previewFilters:t,...n}){let{filters:r,query:i,setFilters:a,filterConfig:s}=Q(),c=B(),u=l(),d=Object.keys(s).length>0,f=Object.keys(s).filter(e=>!r.some(t=>t.property===e)).sort(),[p,m]=K(null),h=Ne(!1);G(()=>{if(!h.current&&r.length===0){let e=[];t&&t.length>0&&e.push(...t.filter(e=>s[e]).map(e=>({...$(e,s[e]),active:!1,isPreview:!0}))),e.length>0&&a(e)}h.current=!0},[]);let{updateFilter:g,removeFilter:_,clearAllFilters:v}=Nt(),y=e=>{let t=$(e,s[e]);a([...r,t]),m(t.id)},x=r.some(e=>!e.isPreview||e.active!==!1),S=()=>{v(),m(null)};return c?d?J(Rt,{...n,className:e,hasClearableFilters:x,isDisabled:i.isPending,onClearAll:S}):null:Y(`section`,{...n,className:o(`flex flex-wrap gap-icon items-center`,e),children:[r.filter(e=>e.property in s).map(e=>J(It,{filter:e,filterConfig:s,resourceFormatter:u,onRemove:()=>_(e.id),onUpdate:t=>g(e.property,t),isOpen:p===e.id,onOpenChange:t=>m(t?e.id:null)},e.id)),f.length>0&&J(M,{label:J(b,{}),isDisabled:i.isPending,variant:`neutral`,"aria-label":`Add filter`,children:f.map(e=>{let t=Bt[s[e].type];return Y(P,{className:`!justify-between`,onAction:()=>y(e),children:[u(e),J(t,{})]},e)})}),x&&J(j,{variant:`ghost`,onPress:S,"aria-label":`Clear all filters`,className:`animate-in fade-in`,children:`Clear All`})]})}var Bt={"id-search":y,bool:w,"derived-select":w,date:te,enum:g,id:D,number:C,string:w};export{ct as a,Q as c,ft as i,st as l,zt as n,lt as o,Ot as r,ot as s,kt as t};
|
|
1
|
+
"use client";import{formatDate as e}from"./utilities/date.js";import{Duration as t}from"./utilities/duration.js";import{formatDays as n,formatFilesize as r,formatNumber as i}from"./utilities/numbers.js";import{pluralizeTimes as a}from"./utilities/string.js";import{classNames as o}from"./utilities/theme.js";import{ALL_OS as s,useProjectName as c,useResourceFormatter as l}from"./utilities/resources.js";import{Dt as u,F as d,G as f,K as p,L as m,Lt as h,N as g,Rt as _,U as ee,Y as v,_ as y,c as b,ct as x,d as te,jt as ne,l as S,n as re,ot as C,q as w,rt as T,z as ie,zt as ae}from"./icons.js";import{ALL_LICENSE_TYPES as oe,getSubscriptionStartTriggerLabel as E}from"./components/select-options.js";import{CountryName as D}from"./utilities/countries.js";import{useCtxClient as se}from"./utilities/ctx-client.js";import{Loader as O}from"./components/loader.js";import{Button as k}from"./components/button.js";import{Checkbox as ce}from"./components/checkbox.js";import{Popover as le,PopoverTrigger as ue}from"./components/popover.js";import{SelectTrigger as de}from"./components/select.js";import{EasyMenu as A,Menu as j,MenuHeader as M,MenuItem as N,MenuPopover as P,MenuTrigger as F}from"./components/menu.js";import{MultiSelect as I}from"./components/multi-select.js";import{NumberField as L}from"./components/numberfield.js";import{TextField as fe}from"./components/textfield.js";import{DatePicker as R}from"./components/date-picker.js";import{useIsMobile as z}from"./utilities/use-mobile.js";import{Badge as B}from"./components/badge.js";import{SearchField as V}from"./components/searchfield.js";import{Table as H,TableBody as pe,TableCell as me,TableHead as he,TableHeader as ge,TableRow as _e}from"./components/table.js";import{Tooltip as ve,TooltipTrigger as ye}from"./components/tooltip.js";import{ControlledDialogProvider as be,DialogBody as xe,DialogFooter as Se,DialogHeader as Ce,DialogTitle as we,useControlledDialog as U}from"./components/dialog.js";import{ProgressBar as Te}from"./components/progress-bar.js";import{Tag as Ee,TagGroup as De}from"./components/tag-group.js";import{MultipleIdSearchInput as Oe}from"./components/id-search.js";import{merge as ke}from"lodash-es";import{Fragment as Ae,createContext as je,useContext as Me,useEffect as W,useMemo as G,useRef as Ne,useState as K}from"react";import{Fragment as q,jsx as J,jsxs as Y}from"react/jsx-runtime";import{Pressable as Pe}from"react-aria-components";import{getLocalTimeZone as Fe,parseAbsolute as X}from"@internationalized/date";import{DndContext as Ie,DragOverlay as Le,KeyboardSensor as Re,PointerSensor as ze,closestCenter as Be,useSensor as Ve,useSensors as He}from"@dnd-kit/core";import{SortableContext as Ue,arrayMove as We,sortableKeyboardCoordinates as Ge,useSortable as Ke,verticalListSortingStrategy as qe}from"@dnd-kit/sortable";import{CSS as Je}from"@dnd-kit/utilities";import{useInfiniteQuery as Ye,useQuery as Xe}from"@tanstack/react-query";import{createColumnHelper as Ze,flexRender as Qe,getCoreRowModel as $e,useReactTable as et}from"@tanstack/react-table";import{useLocalStorage as tt}from"@uidotdev/usehooks";function nt(e){return e?e.desc?`-${e.id}`:`+${e.id}`:`-createdAt`}var rt=Ze(),it=[rt.accessor(`checkbox`,{header:({table:e})=>J(ce,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":`Select all`,size:`sm`}),cell:({row:e})=>J(ce,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":`Select row`,size:`sm`}),enableSorting:!1,enableHiding:!1})],Z=`TableActions`;function at(e){return e.length===0?[]:[rt.accessor(Z,{header:`Actions`,id:Z,enableHiding:!1,cell:({row:t})=>J(Dt,{label:J(x,{className:`text-icon-primary`}),data:t.original,items:e}),enableSorting:!1})]}function ot(){return Ze()}function st({path:e,resourceName:t,pathParameters:n,queryParameters:r,columns:i,filterConfig:a,columnsToHideByDefault:o={},allowSelection:s=!1,allowToolbar:c=!0,initialFilters:l=[],previewFilters:u,tableActions:d,Card:f,onRowNavigate:p,disableTableView:m,hideViewToggle:h,include:g}){let[_,ee]=K({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:v,pagination:y}=_,[b,x]=K(``),[te,ne]=K({}),[S,re]=K(l),C=G(()=>S.filter(e=>e.active!==!1).map(e=>{if(e.type===`derived-select`){let t=a[e.property];return t?.type===`derived-select`?t.toApiQuery(String(e.value??``)):{}}let t=e.value instanceof Set?Array.from(e.value):e.value;return e.needOperator===!1?{[e.property]:Array.isArray(t)?t.join(`,`):t}:e.operator===`between`&&Array.isArray(t)&&t.length===2?{[e.property]:{gte:t[0],lte:t[1]}}:Array.isArray(t)?{[e.property]:{[e.operator]:t.join(`,`)}}:{[e.property]:{[e.operator]:t}}}).reduce((e,t)=>ke(e,t),{}),[S,a]),w=g?.length?g.join(`,`):void 0,T={...r,...C,limit:y.pageSize,sort:nt(v[0]),search:b,...w?{include:w}:{}},ie=se(),ae=[`get`,e,{...T,page:y.pageIndex+1},`table`],oe=[`get`,e,T,`card`],E=`${e}_ctx`,[D,O]=tt(`${E}_column_order_preference`,[]),[k,ce]=tt(`${E}_column_visibility_preference`,{id:!1,...o}),[le,ue]=tt(`${E}_view_mode_preference`,m?`card`:`table`),de=z(),A=m||de&&f?`card`:le,j=e=>{ee(t=>({...t,...e}))};async function M(t){let i=await ie.GET(e,{params:{query:{...r,page:t,limit:y.pageSize,sort:T.sort,search:T.search,...w?{include:w}:{},...C},path:n}});return{data:i.data??[],total:Number.parseInt(i.response.headers.get(`Pagination-Count`)||`0`),nextPage:t+1}}let N=Xe({queryKey:ae,enabled:A===`table`,queryFn:()=>M(y.pageIndex+1),placeholderData:e=>e}),P=Ye({queryKey:oe,enabled:A===`card`,initialPageParam:1,queryFn:({pageParam:e})=>M(e),getNextPageParam:(e,t)=>t.flatMap(e=>e.data).length<e.total?e.nextPage:void 0}),F=G(()=>A===`table`?N.data?.data??[]:P.data?.pages.flatMap(e=>e.data)??[],[A,N.data,P.data]),I=G(()=>A===`table`?N.data?.total??0:P.data?.pages[0]?.total??0,[A,N.data,P.data]),L=A===`table`?N:{...P,data:{data:F,total:I},isLoading:P.isLoading,isFetching:P.isFetching,isError:P.isError,error:P.error,refetch:P.refetch},fe=d.filter(wt),R=[...s?it:[],...i,...at(fe??[])];function B(e){return typeof e==`function`}function V(e,t){return B(e)?e(t):e}let H=et({data:F,columns:R,getCoreRowModel:$e(),rowCount:I,manualPagination:!0,onPaginationChange:e=>{j({pagination:V(e,y)})},manualSorting:!0,onSortingChange:e=>{ne({}),j({sorting:[...V(e,v)]})},manualFiltering:!0,onColumnVisibilityChange:e=>{ce(V(e,k))},onRowSelectionChange:e=>{ne(V(e,te))},onColumnOrderChange:e=>{O(V(e,D))},state:{sorting:v,columnVisibility:k,pagination:y,rowSelection:te,columnOrder:D},meta:{refetch:L.refetch}});return W(()=>{let e=H.getAllFlatColumns().map(e=>e.id),t=e.filter(e=>e!==`checkbox`&&e!==Z);O(n=>{let r=n.filter(e=>t.includes(e)),i=t.filter(e=>!n.includes(e)),a=r.length>0?[...r,...i]:t;return[...e.includes(`checkbox`)?[`checkbox`]:[],...a,...e.includes(Z)?[Z]:[]]})},[]),{tableState:_,updateTableState:j,query:L,setSearchQuery:x,searchQuery:b,tanTable:H,mergedFilters:C,filters:S,setFilters:re,filterConfig:a,tableActions:d,pathParameters:n,queryParameters:r,viewMode:A,setViewMode:ue,Card:f,allowSelection:s,allowToolbar:c,previewFilters:u,infiniteQuery:P,disableTableView:m,hideViewToggle:h,onRowNavigate:p,resourceName:t}}var ct=je(null);function Q(){let e=Me(ct);if(!e)throw Error(`DataTable should be used within DataTableProvider.`);return e}function lt({children:e,...t}){return J(ct.Provider,{value:t,children:e})}function ut(){let{query:e,resourceName:t,mergedFilters:n,searchQuery:r}=Q(),i=l();if(e.isFetching)return null;if(e.isError)return Y(`span`,{className:`flex gap-3 items-center`,children:[J(ee,{className:`text-icon-primary`}),J(`span`,{children:e.error?.message})]});if(e.data?.data?.length===0){let e=t&&a(i(t),2).toLowerCase(),o=Object.keys(n).length>0||r.length>0;return Y(`div`,{className:`text-center flex flex-col gap-2`,children:[J(`p`,{className:`font-semibold text-text-primary`,children:e?`No ${e} found.`:`No results found.`}),o&&J(`p`,{className:`text-text-secondary`,children:`Adjust your filter or search request.`})]})}return J(q,{children:`Unknown error. Please contact customer support.`})}function dt({cardGridClassName:e}){let{query:t,tanTable:n,viewMode:r,tableActions:i,Card:a}=Q(),o=i.filter(wt),s=r===`card`&&!!a;return t.isLoading?J(`div`,{className:`body-sm flex items-center justify-center min-h-32`,children:J(O,{})}):n.getRowModel().rows.length===0?J(`div`,{className:`body-sm flex items-center justify-center min-h-32 text-muted`,children:J(ut,{})}):s?J(pt,{Card:a,actions:o,className:e}):J(St,{className:`w-full`})}function ft({className:e,cardGridClassName:t,...n}){let{viewMode:r,Card:i,allowToolbar:a}=Q(),s=r===`card`&&!!i;return J(q,{children:Y(be,{children:[a&&J(_t,{}),Y(`section`,{...n,className:o(`z-20 flex flex-col`,s?``:`border rounded-lg`,e),children:[J(`div`,{className:`w-full overflow-auto relative rounded-t-lg [scrollbar-width:none]`,tabIndex:0,children:J(dt,{cardGridClassName:t})}),!s&&Y(`div`,{className:`flex w-full justify-between border-t gap-icon py-2 px-icon bg-surface-secondary rounded-b-lg overflow-x-auto`,children:[Y(`div`,{className:`flex gap-icon`,children:[J(mt,{}),J(gt,{})]}),J(ht,{})]})]})]})})}function pt({Card:e,actions:t,className:n,...r}){let{tanTable:i,allowSelection:a}=Q(),{infiniteQuery:s}=Q(),c=Ne(null);return W(()=>{let e=c.current;if(!e)return;let t=new IntersectionObserver(e=>{e[0].isIntersecting&&s.hasNextPage&&!s.isFetchingNextPage&&s.fetchNextPage()},{threshold:.1});return t.observe(e),()=>t.disconnect()},[s.hasNextPage,s.isFetchingNextPage]),Y(`div`,{...r,className:o(n,`grid grid-cols-1 lg:grid-cols-2 gap-icon pb-input`),children:[i.getRowModel().rows.map((n,r)=>{let i={isSelected:n.getIsSelected(),onToggle:()=>n.toggleSelected(),allowSelection:a};return J(Ae,{children:e(n.original,t,i,r)},n.id)}),J(`div`,{ref:c,className:`col-span-full h-4 flex items-center justify-center`,children:s.isFetchingNextPage&&J(O,{})})]})}function mt(){if(c()===`customer-portal`)return null;let{tanTable:e}=Q(),[t,n]=K(null),r=l(),i=He(Ve(ze),Ve(Re,{coordinateGetter:Ge}));return J(Ie,{sensors:i,collisionDetection:Be,onDragStart:e=>{let{active:t}=e;n(t.id.toString())},onDragEnd:t=>{let{active:r,over:i}=t;if(i&&r.id!==i.id){let t=e.getState().columnOrder,n=t.indexOf(r.id.toString()),a=t.indexOf(i.id.toString());e.setColumnOrder([...We(t,n,a)])}n(null)},children:Y(Ue,{items:e.getState().columnOrder,strategy:qe,children:[Y(A,{label:Y(q,{children:[J(te,{className:`inline align-bottom me-1 text-icon-primary`}),`Columns`]}),selectionMode:`multiple`,size:`sm`,items:e.getAllFlatColumns(),selectedKeys:e.getVisibleFlatColumns().map(e=>e.id),children:[J(N,{onAction:()=>e.toggleAllColumnsVisible(),className:`italic`,children:`(select all)`}),e.getState().columnOrder.map(t=>{let n=e.getAllFlatColumns().find(e=>e.id===t);return!n||n.id===`checkbox`||n.id===Z?null:J(a,{column:n},n.id)})]}),J(Le,{children:t?J(`div`,{className:`opacity-70 border-2 border-primary`,children:r(t)}):null})]})});function a({column:e}){let{attributes:t,listeners:n,setNodeRef:r,transform:i,transition:a}=Ke({id:e.id}),o={transform:Je.Transform.toString(i),transition:a,zIndex:`999`};return Y(N,{ref:r,style:o,...t,id:e.id,onAction:()=>e.toggleVisibility(),isDisabled:!e.getCanHide(),className:`flex items-center`,children:[J(ie,{...n,className:`size-icon cursor-grab text-icon-primary`}),yt(e),e.getIsSorted()&&J(vt,{className:`size-icon`,direction:e.getIsSorted()})]})}}function ht(){let{tanTable:e}=Q(),t=e.getRowCount();return Y(`div`,{className:`flex items-center gap-2`,children:[J(`span`,{className:`whitespace-nowrap body-sm text-muted`,children:`${e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1} - ${Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,t)} of ${t?.toLocaleString()}`}),(e.getCanNextPage()||e.getCanPreviousPage())&&Y(q,{children:[J(k,{"aria-label":`First page`,onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:`neutral`,size:`icon-sm`,children:J(m,{})}),J(k,{"aria-label":`Previous page`,onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:`neutral`,size:`icon-sm`,children:J(w,{})}),J(k,{"aria-label":`Next page`,onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:`neutral`,size:`icon-sm`,children:J(ne,{})}),J(k,{"aria-label":`Last page`,onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:`neutral`,size:`icon-sm`,children:J(f,{})})]})]})}function gt(){if(c()===`customer-portal`)return null;let{tanTable:e}=Q();return J(A,{label:e.getState().pagination.pageSize.toString(),selectionMode:`single`,size:`sm`,selectedKeys:[e.getState().pagination.pageSize.toString()],items:[10,20,30,40,50].map(e=>({id:e.toString(),value:e})),children:t=>J(N,{onAction:()=>e.setPageSize(t.value),children:t.value})})}function _t(){let{query:e,tanTable:t,searchQuery:n,setSearchQuery:r,tableActions:i,viewMode:a,setViewMode:s,Card:c,previewFilters:l,disableTableView:d,hideViewToggle:f}=Q(),m=t.getSelectedRowModel().rows.length>0,h=z(),g=i.filter(e=>e.resourceType!==`single`).filter(e=>e.resourceType===`multiple`===m);return Y(`section`,{className:`flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1`,children:[Y(`div`,{className:o(`flex gap-icon max-md:min-w-0 max-md:flex-1`),children:[J(k,{"aria-label":`Refresh`,isPending:e.isFetching,onClick:()=>e.refetch(),variant:`neutral`,size:`icon`,className:o(`max-md:shrink-0`),children:J(u,{})}),J(V,{value:n,onChange:r,className:o(`max-md:min-w-0 max-md:flex-1`)}),J(zt,{previewFilters:l,className:o(`max-md:shrink-0`)})]}),!h&&Y(`div`,{className:`flex gap-icon`,children:[J(Et,{items:g,isFetching:e.isFetching}),c&&!d&&!f&&Y(`div`,{className:`flex gap-1 bg-surface-primary rounded-md overflow-hidden`,children:[J(k,{variant:a===`table`?`primary`:`neutral`,size:`icon`,onPress:()=>s(`table`),"aria-label":`Table view`,className:`border-none`,children:J(T,{})}),J(k,{variant:a===`card`?`primary`:`neutral`,size:`icon`,onPress:()=>s(`card`),"aria-label":`Card view`,className:`border-none`,children:J(p,{})})]})]}),h&&g.length>0&&J(`div`,{className:`fixed inset-x-0 bottom-0 z-30 flex gap-icon border-t bg-surface-primary p-icon`,children:J(Et,{items:g,isFetching:e.isFetching,buttonClassName:`flex-1 justify-center`})})]})}function vt({direction:e,...t}){return J(e===`asc`?h:e===`desc`?_:ae,{className:`size-3.5`,...t})}function yt(e){let t=l(),n=e.columnDef.header;return typeof n==`string`?n:t(e.id)}function bt(a){let o=a.column.columnDef.meta?.displayType,c=a.getValue();if(c==null)return null;switch(o){case`date`:return J(`span`,{className:`tabular-nums`,children:e(c)});case`number`:return J(`span`,{className:`block text-right tabular-nums`,children:i(c)});case`boolean`:return J(B,{variant:c?`success`:`destructive`,className:`capitalize`,children:String(c)});case`badge`:return J(B,{children:String(c)});case`tags`:return J(De,{items:(Array.isArray(c)?c:[String(c)]).map(e=>({id:e,name:e})),className:`!flex-nowrap`,children:e=>J(Ee,{children:e.name})});case`progressBar`:let[a,o]=c;return J(Te,{meterClassName:`w-16`,label:`${a}/${o}`,minValue:0,maxValue:o,value:a});case`country`:return J(D,{value:c});case`enum`:return J(`span`,{className:`uppercase w-full`,children:String(c)});case`fileSize`:return r(c);case`days`:return n(c);case`os`:return s[c]??c;case`licenseType`:return oe[c]??c;case`subscriptionInterval`:return t.formatISODuration(c);case`subscriptionStartTrigger`:return E(c);default:return String(c)}}function xt({header:e}){let t=e.column.columnDef.header;return typeof t==`string`||!t||typeof t==`function`&&typeof t(e.getContext())==`string`?yt(e.column):Qe(t,e.getContext())}function St({className:e}){let{tanTable:t,onRowNavigate:n}=Q(),r=(e,t,n=`z-50`)=>o(`text-left body-sm font-medium whitespace-nowrap`,e&&`sticky right-0 ${n} text-center justify-center`,t);return Y(H,{className:o(`table-auto border-0`,e),children:[J(ge,{className:`sticky top-0 z-10 rounded-lg border-stroke-secondary!`,children:t.getHeaderGroups().map(e=>J(_e,{className:`border-stroke-secondary!`,children:e.headers.map(e=>Y(he,{scope:`col`,colSpan:e.colSpan,className:r(e.id===Z,`bg-surface-secondary`),children:[!e.column.getCanSort()&&!e.isPlaceholder&&J(`div`,{className:o(`w-full flex items-center gap-1 text-xs uppercase font-semibold text-text-secondary`,e.id===Z?`justify-center`:`justify-start`),children:J(xt,{header:e})}),e.column.getCanSort()&&Y(k,{variant:`ghost`,size:`none`,className:o(`w-full p-1 rounded-md uppercase text-text-secondary text-xs font-semibold`,e.id===Z?`justify-center`:`justify-start`,e.column.getIsSorted()?`text-primary`:``),onPress:e.column.getToggleSortingHandler(),children:[J(`span`,{children:J(xt,{header:e})}),e.column.getIsSorted()&&J(vt,{direction:e.column.getIsSorted()})]})]},e.id))},e.id))}),J(pe,{children:t.getRowModel().rows.map(e=>J(_e,{className:o(`group border-stroke-secondary! bg-surface-primary hover:not-data-[selected=true]:bg-surface-secondary data-[selected=true]:bg-surface-tertiary`,n&&`cursor-pointer focus-visible:outline focus-visible:outline-ring`),"data-selected":e.getIsSelected(),...n&&{role:`link`,tabIndex:0,onClick:t=>{t.target.closest(`a, button, input, select, textarea, [role="button"]`)||n(e.original)},onKeyDown:t=>{t.key===`Enter`&&n(e.original)}},children:e.getVisibleCells().map(e=>{let t=e.column.id===Z,n=e.column.columnDef.meta?.displayType?bt(e):Qe(e.column.columnDef.cell,e.getContext());return J(me,{className:o(r(t,t?`bg-surface-primary group-hover:not-group-data-[selected=true]:bg-surface-secondary group-data-[selected=true]:bg-surface-tertiary`:``,`z-1`),t&&`flex justify-center items-center`),children:n},e.id)})},e.id))})]})}function Ct(e){return e.resourceType===`none`}function wt(e){return e.resourceType===`single`}function Tt(e){return e.resourceType===`multiple`}function Et({items:e,isFetching:t,buttonClassName:n}){let{openDialog:r,closeDialog:i}=U(),{tanTable:a,mergedFilters:s}=Q();function c(e,t){return e.isDisabled?Ct(e)?e.isDisabled():Tt(e)?e.isDisabled(t):!1:!1}let l=a.getSelectedRowModel().rows.map(e=>e.original);return J(q,{children:e.map((e,a)=>{let u=e.icon,d=c(e,l)||t;return Y(k,{"aria-label":e.label,type:`button`,isDisabled:d,className:o(`animate-in fade-in slide-in-from-right-15 duration-300 transition-transform`,n),onPress:t=>{let n={event:t,openDialog:r,closeDialog:i,activeFilters:s};Ct(e)?e.onPress(n):Tt(e)&&e.onPress({...n,data:l})},variant:e.variant??`neutral`,children:[u&&J(u,{"aria-hidden":!0}),J(`span`,{children:e.label})]},`${e.label}-${a}`)})})}function Dt({label:e,items:t,data:n}){let{openDialog:r,closeDialog:i}=U(),{mergedFilters:a}=Q();return t.length<5?J(`div`,{className:`flex items-center`,children:t.map((e,t)=>{let o=e.icon,s=typeof e.label==`function`?e.label(n):e.label;return Y(ye,{children:[J(k,{"aria-label":typeof s==`string`?s:void 0,isDisabled:e.isDisabled?.(n)??!1,variant:`ghost`,size:`icon`,onPress:()=>{let t={openDialog:r,closeDialog:i};e.onPress({...t,data:n,activeFilters:a})},children:J(o,{className:`size-icon`})}),J(ve,{children:s})]},`${t}-${typeof s==`string`?s:``}`)})}):J(A,{withChevron:!1,"aria-label":`Actions`,label:e,size:`icon`,children:t.map((e,t)=>{let o=e.icon,s=typeof e.label==`function`?e.label(n):e.label;return Y(N,{id:typeof s==`string`?s:void 0,isDisabled:e.isDisabled?.(n)??!1,onAction:()=>{let t={openDialog:r,closeDialog:i};wt(e)&&e.onPress({...t,data:n,activeFilters:a})},children:[J(o,{className:`size-icon`}),s]},`${t}-${typeof s==`string`?s:``}`)})})}var Ot=[`eq`,`ne`,`cn`,`nc`,`sw`,`ew`,`in`,`nin`,`gt`,`gte`,`lt`,`lte`,`between`],kt={eq:`equal to`,ne:`not equal to`,cn:`contains`,nc:`does not contain`,sw:`starts with`,ew:`ends with`,in:`includes`,nin:`does not include`,gt:`greater than`,gte:`greater than or equal to`,lt:`less than`,lte:`less than or equal to`,between:`between`},At={eq:`=`,ne:`≠`,cn:`contains`,nc:`!contains`,sw:`starts with`,ew:`ends with`,in:`in`,nin:`not in`,gt:`>`,gte:`≥`,lt:`<`,lte:`≤`,between:`↔`};function $(e,t){let n=t.type,r=`${e}-${Date.now()}`,i=n===`bool`||n===`derived-select`?!1:t.needOperator??!0,a=i?jt[n][0]:`eq`,o={id:r,property:e,operator:a,needOperator:i};switch(n){case`bool`:return{...o,type:n,value:!0};case`derived-select`:return{...o,type:n,value:t.options[0]?.id??``};case`string`:return{...o,type:n,value:``};case`date`:return{...o,type:n,value:a===`between`?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case`id`:return{...o,type:n,value:``};case`id-search`:return{...o,type:n,value:[]};case`enum`:return{...o,type:n,value:new Set};case`number`:return{...o,type:n,value:0}}}var jt={bool:[`eq`],"derived-select":[`eq`],enum:[`in`,`nin`],id:[`in`,`nin`],"id-search":[`in`,`nin`],string:[`eq`,`ne`,`cn`,`nc`,`sw`,`ew`,`in`,`nin`],date:[`between`,`lt`,`gt`],number:[`eq`,`ne`,`gt`,`gte`,`lt`,`lte`]};function Mt(e,t){let n=t.value===void 0?e.value:t.value,r=t.operator??e.operator;if(e.type===`date`&&t.operator!==void 0){if(r===`between`&&!Array.isArray(n)){let e=typeof n==`string`?n:new Date().toISOString();n=[e,e]}else r!==`between`&&Array.isArray(n)&&(n=n[0]??new Date().toISOString())}return n}function Nt(){let{setFilters:e,filterConfig:t}=Q();return{updateFilter:(n,r)=>{e(e=>{let i=e.find(e=>e.property===n)??$(n,t[n]),a={...i,...r,value:Mt(i,r),active:!0};return e.some(e=>e.id===i.id)?e.map(e=>e.id===i.id?a:e):[...e,a]})},removeFilter:n=>{e(e=>{let r=e.find(e=>e.id===n);return r?r.isPreview?e.map(e=>e.id===n?{...$(e.property,t[e.property]),active:!1,isPreview:!0}:e):e.filter(e=>e.id!==n):e})},clearAllFilters:()=>{e(e=>e.filter(e=>e.isPreview).map(e=>({...$(e.property,t[e.property]),active:!1,isPreview:!0})))}}}function Pt(t,n){switch(t.type){case`string`:case`id`:return t.value??``;case`number`:return t.value?.toString()??``;case`bool`:return t.value?`true`:`false`;case`derived-select`:{let e=n[t.property];if(!e||e.type!==`derived-select`)return t.value??``;let r=e.options.find(e=>e.id===t.value);return typeof r?.label==`string`?r.label:t.value??``}case`date`:if(Array.isArray(t.value)){let[n,r]=t.value;return`${e(n,{dateStyle:`short`})??``} – ${e(r,{dateStyle:`short`})??``}`}return t.value?e(t.value,{dateStyle:`short`})??``:``;case`enum`:return t.value&&t.value.size>0?`${t.value.size} selected`:``;case`id-search`:return t.value&&t.value.length>0?t.value.length===1?`1 item`:`${t.value.length} items`:``}}function Ft({filter:e,filterConfig:t,onChange:n}){if(e.type===`string`||e.type===`id`)return J(fe,{autoFocus:!0,value:e.value??``,onChange:n,"aria-label":`Filter value`});if(e.type===`number`)return J(L,{autoFocus:!0,value:e.value,onChange:n,"aria-label":`Filter value`});if(e.type===`date`){if(e.operator===`between`){let[t,r]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],i=X(t,Fe()),a=X(r,Fe());return Y(`div`,{className:`flex flex-col gap-icon`,children:[J(R,{autoFocus:!0,hideTimeZone:!0,label:`From`,value:i,onChange:e=>n([e?e.toAbsoluteString():t,r])}),J(R,{hideTimeZone:!0,label:`To`,value:a,onChange:e=>n([t,e?e.toAbsoluteString():r])})]})}let t=e.value&&!Array.isArray(e.value)?X(e.value,Fe()):null;return J(R,{autoFocus:!0,hideTimeZone:!0,value:t,onChange:e=>n(e?e.toAbsoluteString():new Date().toISOString()),"aria-label":`Filter date`})}if(e.type===`enum`){let r=t[e.property];return r.type===`enum`?J(I,{autoFocus:!0,items:r.options,value:e.value??new Set,onChange:n,"aria-label":`Filter value`}):null}if(e.type===`id-search`){let r=t[e.property];if(r.type!==`id-search`)return null;let i=r.defaultParams;return J(Oe,{autoFocus:!0,path:r.path,accessor:r.accessor,defaultParams:i,value:e.value??[],onChange:n,"aria-label":`Filter value`})}return null}function It({filter:e,filterConfig:t,resourceFormatter:n,onRemove:r,onUpdate:i,isOpen:a,onOpenChange:o}){let s=e.needOperator===!1?[`eq`]:jt[e.type],l=Pt(e,t),u=c(),f=z(),p=e.type===`bool`||e.type===`derived-select`,m=f?Y(`div`,{className:`flex flex-col gap-1`,children:[J(`span`,{className:`body-sm text-muted`,children:n(e.property)}),J(de,{type:`button`,className:`w-full`,"aria-label":n(e.property),children:l})]}):Y(k,{type:`button`,variant:e.active===!1?`neutral`:`primary_neutral`,className:`animate-in slide-in-from-left-10 fade-in flex justify-between gap-2`,children:[J(d,{}),p?J(`span`,{className:`font-medium`,children:l}):Y(q,{children:[J(`span`,{className:`font-medium`,children:n(e.property)}),u!==`customer-portal`&&J(`span`,{children:At[e.operator]}),u!==`customer-portal`&&l&&J(`span`,{children:l})]}),e.active!==!1&&J(Pe,{onPress:()=>r(),children:J(`span`,{className:`bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center`,children:J(S,{className:`size-2.5 text-surface-primary`})})})]});if(p){let r,s;if(e.type===`bool`)r=[{id:`true`,label:`True`},{id:`false`,label:`False`}],s=e.value?`true`:`false`;else{let n=t[e.property];r=n?.type===`derived-select`?n.options:[],s=e.value??``}return Y(F,{isOpen:a,onOpenChange:o,children:[J(`div`,{className:`relative`,children:m}),Y(P,{className:`min-w-48`,children:[J(M,{inset:!0,separator:!1,children:n(e.property)}),J(j,{selectionMode:`single`,disallowEmptySelection:!0,selectedKeys:new Set([s]),onSelectionChange:t=>{if(t===`all`)return;let n=t.values().next().value;n!=null&&i({value:e.type===`bool`?String(n)===`true`:String(n)})},"aria-label":`Filter value`,children:r.map(e=>J(N,{id:e.id,children:e.label},e.id))})]})]})}return Y(ue,{isOpen:a,onOpenChange:o,children:[J(`div`,{className:`relative`,children:m}),J(le,{className:`p-icon min-w-48`,children:Y(`div`,{className:`flex flex-col gap-icon`,children:[s.length>1&&J(A,{label:kt[e.operator],variant:`neutral`,"aria-label":`Change operator`,children:s.map(e=>J(N,{onAction:()=>i({operator:e}),children:kt[e]},e))}),J(Ft,{filter:e,filterConfig:t,onChange:e=>i({value:e})}),J(k,{type:`button`,variant:`neutral`,className:`self-end`,onPress:r,"aria-label":`Remove ${n(e.property)} filter`,children:`Clear`})]})})]})}function Lt({onApply:e}){let{filters:t,filterConfig:n}=Q(),r=l(),{updateFilter:i,removeFilter:a,clearAllFilters:o}=Nt(),[s,c]=K(null);return Y(q,{children:[J(Ce,{children:J(we,{children:`Filter`})}),J(xe,{className:`flex flex-col gap-input`,children:Object.keys(n).map(e=>{let o=t.find(t=>t.property===e)??$(e,n[e]);return J(It,{filter:o,filterConfig:n,resourceFormatter:r,onRemove:()=>a(o.id),onUpdate:t=>i(e,t),isOpen:s===e,onOpenChange:t=>c(t?e:null)},e)})}),Y(Se,{children:[J(k,{variant:`neutral`,onPress:()=>{o(),c(null)},children:`Clear All`}),J(k,{variant:`primary`,onPress:e,children:`Apply`})]})]})}function Rt({className:e,hasClearableFilters:t,isDisabled:n,onClearAll:r,...i}){let{openDialog:a,closeDialog:s}=U();return J(`section`,{...i,className:o(`flex items-center`,e),children:Y(k,{variant:t?`primary_neutral`:`neutral`,isDisabled:n,"aria-label":`Filter`,onPress:()=>a(J(Lt,{onApply:s})),className:`min-w-0 flex-1`,children:[J(d,{}),`Filters`,t&&J(Pe,{onPress:r,children:J(`span`,{className:`animate-slide-in bg-primary hover:bg-destructive rounded-full size-icon flex justify-center items-center`,children:J(S,{className:`size-2.5 text-surface-primary`})})})]})})}function zt({className:e,previewFilters:t,...n}){let{filters:r,query:i,setFilters:a,filterConfig:s}=Q(),c=z(),u=l(),f=Object.keys(s).length>0,p=Object.keys(s).filter(e=>!r.some(t=>t.property===e)).sort(),[m,h]=K(null),g=Ne(!1);W(()=>{if(!g.current&&r.length===0){let e=[];t&&t.length>0&&e.push(...t.filter(e=>s[e]).map(e=>({...$(e,s[e]),active:!1,isPreview:!0}))),e.length>0&&a(e)}g.current=!0},[]);let{updateFilter:_,removeFilter:ee,clearAllFilters:v}=Nt(),y=e=>{let t=$(e,s[e]);a([...r,t]),h(t.id)},b=r.some(e=>!e.isPreview||e.active!==!1),x=()=>{v(),h(null)};return c?f?J(Rt,{...n,className:e,hasClearableFilters:b,isDisabled:i.isPending,onClearAll:x}):null:Y(`section`,{...n,className:o(`flex flex-wrap gap-icon items-center`,e),children:[r.filter(e=>e.property in s).map(e=>J(It,{filter:e,filterConfig:s,resourceFormatter:u,onRemove:()=>ee(e.id),onUpdate:t=>_(e.property,t),isOpen:m===e.id,onOpenChange:t=>h(t?e.id:null)},e.id)),p.length>0&&J(A,{label:J(d,{}),isDisabled:i.isPending,variant:`neutral`,"aria-label":`Add filter`,children:p.map(e=>{let t=Bt[s[e].type];return Y(N,{className:`!justify-between`,onAction:()=>y(e),children:[u(e),J(t,{})]},e)})}),b&&J(k,{variant:`ghost`,onPress:x,"aria-label":`Clear all filters`,className:`animate-in fade-in`,children:`Clear All`})]})}var Bt={"id-search":g,bool:b,"derived-select":b,date:y,enum:v,id:re,number:C,string:b};export{ct as a,Q as c,ft as i,st as l,zt as n,lt as o,Ot as r,ot as s,kt as t};
|
|
2
2
|
//# sourceMappingURL=data-table-filter.js.map
|