@gearbox-protocol/permissionless-ui 1.22.0-next.109 → 1.22.0-next.110
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("class-variance-authority"),K=require("react"),L=require("../base-link/base-link.cjs"),w=require("../layout/col/col.cjs"),P=require("../layout/grid/grid.cjs"),r=require("../../utils/cn.cjs");function M(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=M(K),z=p.cva("w-full",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),V=i.forwardRef(({className:e,size:a,cols:t=12,gap:l=0,wrapperClassName:n,...c},f)=>s.jsx("div",{className:r.cn("relative w-full overflow-auto",n),children:s.jsx(P.Grid,{ref:f,cols:t,gap:l,className:r.cn(z({size:a,className:e})),...c})}));V.displayName="GridTable";const C=i.forwardRef(({className:e,...a},t)=>s.jsx("div",{ref:t,className:r.cn("contents","[&>*>*]:after:absolute [&>*>*]:after:bottom-0 [&>*>*]:after:inset-x-0 [&>*>*]:after:h-px [&>*>*]:after:bg-border","hover:[&>*>*]:before:opacity-0!",e),...a}));C.displayName="GridTableHeader";const B=i.forwardRef(({className:e,...a},t)=>s.jsx("div",{ref:t,className:r.cn("contents [&>*:last-child>*]:after:hidden",e),...a}));B.displayName="GridTableBody";const H=i.forwardRef(({className:e,...a},t)=>s.jsx("div",{ref:t,className:r.cn("contents [&>*]:border-t [&>*]:bg-muted/50 [&>*]:font-medium",e),...a}));H.displayName="GridTableFooter";const k=i.forwardRef(({className:e,cols:a,gap:t=0,last:l,height:n,hideValue:c,noHover:f,noRound:T,onRowClick:o,href:j,target:S,rel:R,style:A,children:u,...b},m)=>{const G=typeof n=="number"?`${n}px`:n,v=i.useCallback(d=>{!o||d.target.closest("a, button, input, select, textarea, [role='button']")||o(d)},[o]),h=i.useCallback(d=>{if(o&&(d.key==="Enter"||d.key===" ")){if(d.preventDefault(),d.target.closest("a, button, input, select, textarea, [role='button']"))return;o(d)}},[o]),N=r.cn("[&>*]:relative [&>*]:transition-colors data-[state=selected]:[&>*]:bg-muted","md:[&>*]:after:absolute md:[&>*]:after:bottom-0 md:[&>*]:after:inset-x-0 md:[&>*]:after:h-px md:[&>*]:after:bg-border",!T&&["md:[&>*:first-child]:after:left-3","md:[&>*:last-child]:after:right-3"],!f&&["[&>*]:z-0","[&>*]:before:absolute [&>*]:before:inset-x-0 [&>*]:before:top-0 [&>*]:before:bottom-px [&>*]:before:-z-10 [&>*]:before:bg-muted/50 [&>*]:before:opacity-0 [&>*]:before:transition-opacity","hover:[&>*]:before:opacity-100",!T&&"[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"],l&&"md:[&>*]:after:hidden",c&&"[&>*]:opacity-0"),_=r.cn("grid grid-cols-subgrid col-span-full",N,"cursor-pointer",e),g={...A,...G?{height:G}:{}};return j?s.jsx(L.BaseLink,{ref:m,href:j,target:S,rel:R,size:"unset",variant:"unset",className:r.cn("no-underline text-foreground!",_),style:g,onClick:o?v:void 0,onKeyDown:o?h:void 0,...b,children:u}):o?s.jsx("div",{ref:m,role:"row",tabIndex:0,className:_,style:g,onClick:v,onKeyDown:h,...b,children:u}):s.jsx("div",{ref:m,className:r.cn("grid grid-cols-subgrid col-span-full",N,e),style:g,...b,children:u})});k.displayName="GridTableRow";const q=p.cva("flex items-center justify-start text-left align-middle font-medium text-muted-foreground !bg-transparent",{variants:{size:{sm:"min-h-8 px-1 py-2 text-sm",default:"min-h-10 px-2 py-2.5",lg:"min-h-12 px-4 py-3"},justify:{start:"justify-start",center:"justify-center",end:"justify-end"},gapBefore:{sm:"pl-5",md:"pl-10",none:""}},defaultVariants:{size:"default",justify:"start",gapBefore:"none"}}),y=i.forwardRef(({className:e,size:a,span:t=1,justify:l="start",gapBefore:n,...c},f)=>s.jsx(w.Col,{ref:f,span:t,className:r.cn(q({size:a,justify:l,gapBefore:n,className:e})),...c}));y.displayName="GridTableHead";const D=p.cva("flex items-center align-middle",{variants:{size:{sm:"px-1 py-2",default:"p-4",lg:"p-6"},textAlign:{left:"text-left justify-start",center:"text-center justify-center",right:"text-right justify-end"},gapBefore:{sm:"pl-5",md:"pl-10",none:""}},defaultVariants:{size:"default",textAlign:"left",gapBefore:"none"}}),x=i.forwardRef(({className:e,size:a,span:t=1,textAlign:l,gapBefore:n,...c},f)=>s.jsx(w.Col,{ref:f,span:t,className:r.cn(D({size:a,textAlign:l,gapBefore:n,className:e})),...c}));x.displayName="GridTableCell";const O=i.forwardRef(({className:e,...a},t)=>s.jsx("div",{ref:t,className:r.cn("col-span-full mt-4 text-sm text-muted-foreground",e),...a}));O.displayName="GridTableCaption";const E=x,I=y;exports.GridTable=V;exports.GridTableBody=B;exports.GridTableCaption=O;exports.GridTableCell=x;exports.GridTableFooter=H;exports.GridTableHead=y;exports.GridTableHeader=C;exports.GridTableRow=k;exports.Td=E;exports.Th=I;exports.gridTableCellVariants=D;exports.gridTableHeadVariants=q;exports.gridTableVariants=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("class-variance-authority"),R=require("react"),q=require("../buttons/button/button.cjs"),C=require("@fortawesome/free-solid-svg-icons"),H=require("../icons/fa-icon.cjs");require("../tooltip/simple-tooltip.cjs");const n=require("../tooltip/tooltip.cjs");require("@gearbox-protocol/sdk");const o=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");function z(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=z(R),b=d.cva("w-full caption-bottom",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),f=l.forwardRef(({className:e,size:a,wrapperClassName:t,...s},i)=>r.jsx("div",{className:o.cn("relative w-full overflow-auto rounded-lg border border-input bg-card",t),children:r.jsx("table",{ref:i,className:o.cn(b({size:a,className:e})),...s})}));f.displayName="Table";const u=l.forwardRef(({className:e,...a},t)=>r.jsx("thead",{ref:t,className:o.cn("[&_tr]:after:inset-x-0 [&_tr]:after:bg-input [&_tr]:hover:bg-transparent [&_tr]:hover:before:opacity-0",e),...a}));u.displayName="TableHeader";const m=l.forwardRef(({className:e,...a},t)=>r.jsx("tbody",{ref:t,className:o.cn("[&_tr:last-child]:after:hidden",e),...a}));m.displayName="TableBody";const p=l.forwardRef(({className:e,...a},t)=>r.jsx("tfoot",{ref:t,className:o.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...a}));p.displayName="TableFooter";const x=l.forwardRef(({className:e,...a},t)=>r.jsx("tr",{ref:t,className:o.cn("relative transition-colors data-[state=selected]:bg-muted","before:absolute before:inset-0 before:-z-10 before:rounded-lg before:bg-muted/50 before:opacity-0 before:transition-opacity","hover:before:opacity-100","after:absolute after:bottom-0 after:inset-x-3 after:h-px after:bg-border",e),...a}));x.displayName="TableRow";const g=d.cva("border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",{variants:{size:{sm:"h-8 px-1 text-xs",default:"h-10 px-2",lg:"h-12 px-4"}},defaultVariants:{size:"default"}}),c=l.forwardRef(({className:e,size:a,...t},s)=>r.jsx("th",{ref:s,className:o.cn(g({size:a,className:e})),...t}));c.displayName="TableHead";const T=d.cva("align-middle",{variants:{size:{sm:"p-1",default:"p-2",lg:"p-4"}},defaultVariants:{size:"default"}}),y=l.forwardRef(({className:e,size:a,...t},s)=>r.jsx("td",{ref:s,className:o.cn(T({size:a,className:e})),...t}));y.displayName="TableCell";const h=l.forwardRef(({className:e,...a},t)=>r.jsx("caption",{ref:t,className:o.cn("mt-4 text-sm text-muted-foreground",e),...a}));h.displayName="TableCaption";const j=l.forwardRef(({title:e,isSorted:a,direction:t,setSort:s,placement:i="right",children:v,className:N,...w},_)=>r.jsx(c,{ref:_,className:N,...w,children:r.jsx(n.TooltipProvider,{children:r.jsxs(n.Tooltip,{delayDuration:200,children:[r.jsx(n.TooltipTrigger,{asChild:!0,children:r.jsxs("div",{className:o.cn("group flex items-center gap-1 w-fit cursor-pointer hover:text-foreground",i==="left"?"flex-row-reverse":"flex-row"),onClick:()=>s(t==="asc"?"desc":"asc"),children:[v,r.jsx(q.Button,{variant:"text",size:"auto",className:a?void 0:"opacity-0 group-hover:opacity-100",children:r.jsx(H.FaIcon,{icon:C.faArrowDown,className:o.cn("size-4",t==="desc"?"rotate-180":"","transition-transform duration-200 ease-in-out")})})]})}),r.jsxs(n.TooltipContent,{side:"top",children:["Sort by ",e]})]})})}));j.displayName="SortingTableHead";exports.SortingTableHead=j;exports.Table=f;exports.TableBody=m;exports.TableCaption=h;exports.TableCell=y;exports.TableFooter=p;exports.TableHead=c;exports.TableHeader=u;exports.TableRow=x;exports.tableCellVariants=T;exports.tableHeadVariants=g;exports.tableVariants=b;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { cva as
|
|
2
|
+
import { cva as g } from "class-variance-authority";
|
|
3
3
|
import * as l from "react";
|
|
4
|
-
import { BaseLink as
|
|
4
|
+
import { BaseLink as k } from "../base-link/base-link.js";
|
|
5
5
|
import { Col as j } from "../layout/col/col.js";
|
|
6
|
-
import { Grid as
|
|
6
|
+
import { Grid as D } from "../layout/grid/grid.js";
|
|
7
7
|
import { cn as r } from "../../utils/cn.js";
|
|
8
|
-
const K =
|
|
8
|
+
const K = g("w-full", {
|
|
9
9
|
variants: {
|
|
10
10
|
size: {
|
|
11
11
|
sm: "text-xs",
|
|
@@ -18,7 +18,7 @@ const K = y("w-full", {
|
|
|
18
18
|
}
|
|
19
19
|
}), A = l.forwardRef(
|
|
20
20
|
({ className: e, size: t, cols: a = 12, gap: n = 0, wrapperClassName: i, ...f }, m) => /* @__PURE__ */ s("div", { className: r("relative w-full overflow-auto", i), children: /* @__PURE__ */ s(
|
|
21
|
-
|
|
21
|
+
D,
|
|
22
22
|
{
|
|
23
23
|
ref: m,
|
|
24
24
|
cols: a,
|
|
@@ -75,12 +75,12 @@ const E = l.forwardRef(
|
|
|
75
75
|
height: i,
|
|
76
76
|
hideValue: f,
|
|
77
77
|
noHover: m,
|
|
78
|
-
noRound:
|
|
78
|
+
noRound: y,
|
|
79
79
|
onRowClick: o,
|
|
80
80
|
href: x,
|
|
81
|
-
target:
|
|
82
|
-
rel:
|
|
83
|
-
style:
|
|
81
|
+
target: B,
|
|
82
|
+
rel: V,
|
|
83
|
+
style: C,
|
|
84
84
|
children: c,
|
|
85
85
|
...u
|
|
86
86
|
}, b) => {
|
|
@@ -105,7 +105,7 @@ const E = l.forwardRef(
|
|
|
105
105
|
), N = r(
|
|
106
106
|
"[&>*]:relative [&>*]:transition-colors data-[state=selected]:[&>*]:bg-muted",
|
|
107
107
|
"md:[&>*]:after:absolute md:[&>*]:after:bottom-0 md:[&>*]:after:inset-x-0 md:[&>*]:after:h-px md:[&>*]:after:bg-border",
|
|
108
|
-
!
|
|
108
|
+
!y && [
|
|
109
109
|
"md:[&>*:first-child]:after:left-3",
|
|
110
110
|
"md:[&>*:last-child]:after:right-3"
|
|
111
111
|
],
|
|
@@ -113,7 +113,7 @@ const E = l.forwardRef(
|
|
|
113
113
|
"[&>*]:z-0",
|
|
114
114
|
"[&>*]:before:absolute [&>*]:before:inset-x-0 [&>*]:before:top-0 [&>*]:before:bottom-px [&>*]:before:-z-10 [&>*]:before:bg-muted/50 [&>*]:before:opacity-0 [&>*]:before:transition-opacity",
|
|
115
115
|
"hover:[&>*]:before:opacity-100",
|
|
116
|
-
!
|
|
116
|
+
!y && "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
|
|
117
117
|
],
|
|
118
118
|
n && "md:[&>*]:after:hidden",
|
|
119
119
|
f && "[&>*]:opacity-0"
|
|
@@ -123,16 +123,16 @@ const E = l.forwardRef(
|
|
|
123
123
|
"cursor-pointer",
|
|
124
124
|
e
|
|
125
125
|
), p = {
|
|
126
|
-
...
|
|
126
|
+
...C,
|
|
127
127
|
...T ? { height: T } : {}
|
|
128
128
|
};
|
|
129
129
|
return x ? /* @__PURE__ */ s(
|
|
130
|
-
|
|
130
|
+
k,
|
|
131
131
|
{
|
|
132
132
|
ref: b,
|
|
133
133
|
href: x,
|
|
134
|
-
target:
|
|
135
|
-
rel:
|
|
134
|
+
target: B,
|
|
135
|
+
rel: V,
|
|
136
136
|
size: "unset",
|
|
137
137
|
variant: "unset",
|
|
138
138
|
className: r("no-underline text-foreground!", G),
|
|
@@ -159,12 +159,14 @@ const E = l.forwardRef(
|
|
|
159
159
|
}
|
|
160
160
|
)
|
|
161
161
|
) : /* @__PURE__ */ s(
|
|
162
|
-
|
|
162
|
+
"div",
|
|
163
163
|
{
|
|
164
164
|
ref: b,
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
165
|
+
className: r(
|
|
166
|
+
"grid grid-cols-subgrid col-span-full",
|
|
167
|
+
N,
|
|
168
|
+
e
|
|
169
|
+
),
|
|
168
170
|
style: p,
|
|
169
171
|
...u,
|
|
170
172
|
children: c
|
|
@@ -173,7 +175,7 @@ const E = l.forwardRef(
|
|
|
173
175
|
}
|
|
174
176
|
);
|
|
175
177
|
E.displayName = "GridTableRow";
|
|
176
|
-
const I =
|
|
178
|
+
const I = g(
|
|
177
179
|
"flex items-center justify-start text-left align-middle font-medium text-muted-foreground !bg-transparent",
|
|
178
180
|
{
|
|
179
181
|
variants: {
|
|
@@ -199,7 +201,7 @@ const I = y(
|
|
|
199
201
|
gapBefore: "none"
|
|
200
202
|
}
|
|
201
203
|
}
|
|
202
|
-
),
|
|
204
|
+
), w = l.forwardRef(
|
|
203
205
|
({ className: e, size: t, span: a = 1, justify: n = "start", gapBefore: i, ...f }, m) => /* @__PURE__ */ s(
|
|
204
206
|
j,
|
|
205
207
|
{
|
|
@@ -212,8 +214,8 @@ const I = y(
|
|
|
212
214
|
}
|
|
213
215
|
)
|
|
214
216
|
);
|
|
215
|
-
|
|
216
|
-
const L =
|
|
217
|
+
w.displayName = "GridTableHead";
|
|
218
|
+
const L = g("flex items-center align-middle", {
|
|
217
219
|
variants: {
|
|
218
220
|
size: {
|
|
219
221
|
sm: "px-1 py-2",
|
|
@@ -236,7 +238,7 @@ const L = y("flex items-center align-middle", {
|
|
|
236
238
|
textAlign: "left",
|
|
237
239
|
gapBefore: "none"
|
|
238
240
|
}
|
|
239
|
-
}),
|
|
241
|
+
}), z = l.forwardRef(
|
|
240
242
|
({ className: e, size: t, span: a = 1, textAlign: n, gapBefore: i, ...f }, m) => /* @__PURE__ */ s(
|
|
241
243
|
j,
|
|
242
244
|
{
|
|
@@ -249,7 +251,7 @@ const L = y("flex items-center align-middle", {
|
|
|
249
251
|
}
|
|
250
252
|
)
|
|
251
253
|
);
|
|
252
|
-
|
|
254
|
+
z.displayName = "GridTableCell";
|
|
253
255
|
const $ = l.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
|
|
254
256
|
"div",
|
|
255
257
|
{
|
|
@@ -262,14 +264,14 @@ const $ = l.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
|
|
|
262
264
|
}
|
|
263
265
|
));
|
|
264
266
|
$.displayName = "GridTableCaption";
|
|
265
|
-
const U =
|
|
267
|
+
const U = z, W = w;
|
|
266
268
|
export {
|
|
267
269
|
A as GridTable,
|
|
268
270
|
R as GridTableBody,
|
|
269
271
|
$ as GridTableCaption,
|
|
270
|
-
|
|
272
|
+
z as GridTableCell,
|
|
271
273
|
S as GridTableFooter,
|
|
272
|
-
|
|
274
|
+
w as GridTableHead,
|
|
273
275
|
F as GridTableHeader,
|
|
274
276
|
E as GridTableRow,
|
|
275
277
|
U as Td,
|
|
@@ -93,7 +93,7 @@ const H = l.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
|
|
|
93
93
|
));
|
|
94
94
|
H.displayName = "TableRow";
|
|
95
95
|
const V = n(
|
|
96
|
-
"border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input
|
|
96
|
+
"border-b bg-muted/50 text-left align-middle font-medium text-muted-foreground border-input",
|
|
97
97
|
{
|
|
98
98
|
variants: {
|
|
99
99
|
size: {
|
|
@@ -117,7 +117,7 @@ const V = n(
|
|
|
117
117
|
)
|
|
118
118
|
);
|
|
119
119
|
f.displayName = "TableHead";
|
|
120
|
-
const _ = n("align-middle
|
|
120
|
+
const _ = n("align-middle", {
|
|
121
121
|
variants: {
|
|
122
122
|
size: {
|
|
123
123
|
sm: "p-1",
|
|
@@ -156,9 +156,9 @@ const S = l.forwardRef(
|
|
|
156
156
|
setSort: i,
|
|
157
157
|
placement: s = "right",
|
|
158
158
|
children: m,
|
|
159
|
-
className:
|
|
160
|
-
...
|
|
161
|
-
}, p) => /* @__PURE__ */ r(f, { ref: p, className:
|
|
159
|
+
className: b,
|
|
160
|
+
...c
|
|
161
|
+
}, p) => /* @__PURE__ */ r(f, { ref: p, className: b, ...c, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ d(T, { delayDuration: 200, children: [
|
|
162
162
|
/* @__PURE__ */ r(N, { asChild: !0, children: /* @__PURE__ */ d(
|
|
163
163
|
"div",
|
|
164
164
|
{
|