dgz-ui-shared 1.0.53 → 1.0.55
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/MyLimitSelect-CIgaFG0w.cjs +6 -0
- package/dist/MyLimitSelect-Cl9EfzBR.js +208 -0
- package/dist/components/datatable/index.cjs.js +1 -1
- package/dist/components/datatable/index.es.js +1 -1
- package/dist/components/pagination/index.cjs.js +1 -1
- package/dist/components/pagination/index.es.js +1 -1
- package/dist/types/components/pagination/MyLimitSelect.d.ts +4 -2
- package/dist/types/components/pagination/MyLimitSelect.d.ts.map +1 -1
- package/dist/types/components/pagination/MyPagination.d.ts +2 -2
- package/dist/types/components/pagination/MyPagination.d.ts.map +1 -1
- package/dist/types/components/pagination/index.d.ts +2 -2
- package/dist/types/components/pagination/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/MyLimitSelect-CXAsJVhg.cjs +0 -6
- package/dist/MyLimitSelect-CycQaOdq.js +0 -195
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";const i=require("./jsx-runtime-DUiatUiq.cjs"),r=require("./index-DqTIeHVj-DlSOwhuZ.cjs"),p=require("react"),E=require("./button-Bp2lHjov-D9UnCnYX.cjs"),l=require("./utils-B6fNqzRf-BNysSCt9.cjs"),y=require("./chevron-right-HWBijj-I-Dp1SvzQb.cjs"),w=require("./createLucideIcon-B950nf2d-CFaVx9a3.cjs"),n=require("./radio-group-CqPTye2U-_MM8Ei72.cjs"),d=require("./useTranslation-CZf20ucv.cjs");function q(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>s[a]})}}return e.default=s,Object.freeze(e)}const f=q(p);/**
|
|
2
|
+
* @license lucide-react v0.511.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const T=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],I=w.k("chevron-left",T),h=({className:s,...e})=>r.ae.jsx("nav",{role:"navigation","aria-label":"pagination",className:l.mo("flex w-full justify-center",s),...e});h.displayName="Pagination";const N=f.forwardRef(({className:s,...e},a)=>r.ae.jsx("ul",{ref:a,className:l.mo("flex flex-row items-center gap-1",s),...e}));N.displayName="PaginationContent";const c=f.forwardRef(({className:s,...e},a)=>r.ae.jsx("li",{ref:a,className:l.mo("",s),...e}));c.displayName="PaginationItem";const u=({className:s,isActive:e,size:a="icon",...o})=>r.ae.jsx("a",{"aria-current":e?"page":void 0,className:l.mo(E.g({variant:e?"tertiary":"ghost",size:a}),"cursor-pointer",s),...o});u.displayName="PaginationLink";const R=({className:s,...e})=>r.ae.jsx(u,{"aria-label":"Go to previous page",size:"default",className:l.mo("gap-1 px-2.5",s),...e,children:r.ae.jsx(I,{className:"h-4 w-4"})});R.displayName="PaginationPrevious";const v=({className:s,...e})=>r.ae.jsx(u,{"aria-label":"Go to next page",size:"default",className:l.mo("gap-1 px-2.5",s),...e,children:r.ae.jsx(y.e,{className:"h-4 w-4"})});v.displayName="PaginationNext";const g=({currentPage:s=1,totalPages:e=0,onPageChange:a})=>{const{t:o}=d.useTranslation(),m=p.useCallback(()=>{const t=[];t.push(1),s-1>2&&t.push("...");for(let j=Math.max(2,s-1);j<=Math.min(e-1,s+1);j++)t.push(j);return s+1<e-1&&t.push("..."),e>1&&t.push(e),t},[s,e]);return i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-end gap-3 lg:flex-row",children:[i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3 text-sm",children:[i.jsxRuntimeExports.jsxs("div",{className:"min-w-20 font-semibold",children:[o("Go to page"),":"]}),i.jsxRuntimeExports.jsxs(n.xh,{onValueChange:t=>a(parseInt(t)),value:`${s}`,children:[i.jsxRuntimeExports.jsx(n.Ym,{className:"h-8.5 w-14",children:i.jsxRuntimeExports.jsx(n.Fh,{})}),i.jsxRuntimeExports.jsx(n.Wm,{children:new Array(e).fill(0).map((t,x)=>i.jsxRuntimeExports.jsx(n.Xm,{value:`${x+1}`,children:x+1},x+1))})]})]}),i.jsxRuntimeExports.jsx(h,{className:"justify-end",children:i.jsxRuntimeExports.jsxs(N,{children:[i.jsxRuntimeExports.jsx(c,{children:i.jsxRuntimeExports.jsx(R,{isActive:s>1,size:"sm",className:l.mo(s>1?"disabled":"shadow"),onClick:()=>{s>1&&a(s-1)}})}),m().map((t,x)=>i.jsxRuntimeExports.jsx(c,{onClick:()=>{typeof t=="number"&&a(t)},children:i.jsxRuntimeExports.jsx(u,{size:"sm",className:l.mo("w-9 px-0 text-center",t===s&&"shadow"),isActive:t===s,children:t})},x)),i.jsxRuntimeExports.jsx(c,{children:i.jsxRuntimeExports.jsx(v,{size:"sm",onClick:()=>{s<e&&a(s+1)},className:l.mo(s<e?"disabled":"shadow"),isActive:s<e})})]})})]})},b=50,z=[{value:10,label:"10"},{value:20,label:"20"},{value:50,label:"50"},{value:100,label:"100"}],L=({defaultValue:s=b,options:e=z,onLimitChange:a})=>{const{t:o}=d.useTranslation();return i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[i.jsxRuntimeExports.jsxs("span",{className:"font-semibold",children:[o("Rows per page"),":"]}),i.jsxRuntimeExports.jsxs(n.xh,{onValueChange:m=>a(m),value:`${s}`,children:[i.jsxRuntimeExports.jsx(n.Ym,{className:"h-8.5 w-17",children:i.jsxRuntimeExports.jsx(n.Fh,{})}),i.jsxRuntimeExports.jsx(n.Wm,{children:e==null?void 0:e.map(m=>i.jsxRuntimeExports.jsx(n.Xm,{value:`${m.value}`,children:m.label},m.value))})]})]})};exports.DEFAULT_LIMIT=b;exports.MyLimitSelect=L;exports.MyPagination=g;
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
import { j as e } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
+
import { a as n } from "./index-DqTIeHVj-CeLMF2B2.js";
|
|
3
|
+
import * as f from "react";
|
|
4
|
+
import { useCallback as k } from "react";
|
|
5
|
+
import { g as z } from "./button-Bp2lHjov-BTlHPcva.js";
|
|
6
|
+
import { m } from "./utils-B6fNqzRf-B1_jG1K7.js";
|
|
7
|
+
import { e as A } from "./chevron-right-HWBijj-I-CVwIY20F.js";
|
|
8
|
+
import { k as $ } from "./createLucideIcon-B950nf2d-C2YhAyqE.js";
|
|
9
|
+
import { x as h, Y as p, F as j, W as N, X as v } from "./radio-group-CqPTye2U-DfmmuYTk.js";
|
|
10
|
+
import { u } from "./useTranslation-dH-uwymc.js";
|
|
11
|
+
/**
|
|
12
|
+
* @license lucide-react v0.511.0 - ISC
|
|
13
|
+
*
|
|
14
|
+
* This source code is licensed under the ISC license.
|
|
15
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
+
*/
|
|
17
|
+
const I = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], M = $("chevron-left", I), b = ({ className: s, ...a }) => /* @__PURE__ */ n.jsx(
|
|
18
|
+
"nav",
|
|
19
|
+
{
|
|
20
|
+
role: "navigation",
|
|
21
|
+
"aria-label": "pagination",
|
|
22
|
+
className: m("flex w-full justify-center", s),
|
|
23
|
+
...a
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
b.displayName = "Pagination";
|
|
27
|
+
const w = f.forwardRef(({ className: s, ...a }, l) => /* @__PURE__ */ n.jsx(
|
|
28
|
+
"ul",
|
|
29
|
+
{
|
|
30
|
+
ref: l,
|
|
31
|
+
className: m("flex flex-row items-center gap-1", s),
|
|
32
|
+
...a
|
|
33
|
+
}
|
|
34
|
+
));
|
|
35
|
+
w.displayName = "PaginationContent";
|
|
36
|
+
const r = f.forwardRef(({ className: s, ...a }, l) => /* @__PURE__ */ n.jsx("li", { ref: l, className: m("", s), ...a }));
|
|
37
|
+
r.displayName = "PaginationItem";
|
|
38
|
+
const x = ({
|
|
39
|
+
className: s,
|
|
40
|
+
isActive: a,
|
|
41
|
+
size: l = "icon",
|
|
42
|
+
...t
|
|
43
|
+
}) => /* @__PURE__ */ n.jsx(
|
|
44
|
+
"a",
|
|
45
|
+
{
|
|
46
|
+
"aria-current": a ? "page" : void 0,
|
|
47
|
+
className: m(
|
|
48
|
+
z({
|
|
49
|
+
variant: a ? "tertiary" : "ghost",
|
|
50
|
+
size: l
|
|
51
|
+
}),
|
|
52
|
+
"cursor-pointer",
|
|
53
|
+
s
|
|
54
|
+
),
|
|
55
|
+
...t
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
x.displayName = "PaginationLink";
|
|
59
|
+
const y = ({
|
|
60
|
+
className: s,
|
|
61
|
+
...a
|
|
62
|
+
}) => /* @__PURE__ */ n.jsx(
|
|
63
|
+
x,
|
|
64
|
+
{
|
|
65
|
+
"aria-label": "Go to previous page",
|
|
66
|
+
size: "default",
|
|
67
|
+
className: m("gap-1 px-2.5", s),
|
|
68
|
+
...a,
|
|
69
|
+
children: /* @__PURE__ */ n.jsx(M, { className: "h-4 w-4" })
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
y.displayName = "PaginationPrevious";
|
|
73
|
+
const R = ({
|
|
74
|
+
className: s,
|
|
75
|
+
...a
|
|
76
|
+
}) => /* @__PURE__ */ n.jsx(
|
|
77
|
+
x,
|
|
78
|
+
{
|
|
79
|
+
"aria-label": "Go to next page",
|
|
80
|
+
size: "default",
|
|
81
|
+
className: m("gap-1 px-2.5", s),
|
|
82
|
+
...a,
|
|
83
|
+
children: /* @__PURE__ */ n.jsx(A, { className: "h-4 w-4" })
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
R.displayName = "PaginationNext";
|
|
87
|
+
const U = ({
|
|
88
|
+
currentPage: s = 1,
|
|
89
|
+
totalPages: a = 0,
|
|
90
|
+
onPageChange: l
|
|
91
|
+
}) => {
|
|
92
|
+
const { t } = u(), c = k(() => {
|
|
93
|
+
const i = [];
|
|
94
|
+
i.push(1), s - 1 > 2 && i.push("...");
|
|
95
|
+
for (let d = Math.max(2, s - 1); d <= Math.min(a - 1, s + 1); d++)
|
|
96
|
+
i.push(d);
|
|
97
|
+
return s + 1 < a - 1 && i.push("..."), a > 1 && i.push(a), i;
|
|
98
|
+
}, [s, a]);
|
|
99
|
+
return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-end gap-3 lg:flex-row", children: [
|
|
100
|
+
/* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 text-sm", children: [
|
|
101
|
+
/* @__PURE__ */ e.jsxs("div", { className: "min-w-20 font-semibold", children: [
|
|
102
|
+
t("Go to page"),
|
|
103
|
+
":"
|
|
104
|
+
] }),
|
|
105
|
+
/* @__PURE__ */ e.jsxs(
|
|
106
|
+
h,
|
|
107
|
+
{
|
|
108
|
+
onValueChange: (i) => l(parseInt(i)),
|
|
109
|
+
value: `${s}`,
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ e.jsx(p, { className: "h-8.5 w-14", children: /* @__PURE__ */ e.jsx(j, {}) }),
|
|
112
|
+
/* @__PURE__ */ e.jsx(N, { children: new Array(a).fill(0).map((i, o) => /* @__PURE__ */ e.jsx(v, { value: `${o + 1}`, children: o + 1 }, o + 1)) })
|
|
113
|
+
]
|
|
114
|
+
}
|
|
115
|
+
)
|
|
116
|
+
] }),
|
|
117
|
+
/* @__PURE__ */ e.jsx(b, { className: "justify-end", children: /* @__PURE__ */ e.jsxs(w, { children: [
|
|
118
|
+
/* @__PURE__ */ e.jsx(r, { children: /* @__PURE__ */ e.jsx(
|
|
119
|
+
y,
|
|
120
|
+
{
|
|
121
|
+
isActive: s > 1,
|
|
122
|
+
size: "sm",
|
|
123
|
+
className: m(s > 1 ? "disabled" : "shadow"),
|
|
124
|
+
onClick: () => {
|
|
125
|
+
s > 1 && l(s - 1);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
) }),
|
|
129
|
+
c().map((i, o) => /* @__PURE__ */ e.jsx(
|
|
130
|
+
r,
|
|
131
|
+
{
|
|
132
|
+
onClick: () => {
|
|
133
|
+
typeof i == "number" && l(i);
|
|
134
|
+
},
|
|
135
|
+
children: /* @__PURE__ */ e.jsx(
|
|
136
|
+
x,
|
|
137
|
+
{
|
|
138
|
+
size: "sm",
|
|
139
|
+
className: m(
|
|
140
|
+
"w-9 px-0 text-center",
|
|
141
|
+
i === s && "shadow"
|
|
142
|
+
),
|
|
143
|
+
isActive: i === s,
|
|
144
|
+
children: i
|
|
145
|
+
}
|
|
146
|
+
)
|
|
147
|
+
},
|
|
148
|
+
o
|
|
149
|
+
)),
|
|
150
|
+
/* @__PURE__ */ e.jsx(r, { children: /* @__PURE__ */ e.jsx(
|
|
151
|
+
R,
|
|
152
|
+
{
|
|
153
|
+
size: "sm",
|
|
154
|
+
onClick: () => {
|
|
155
|
+
s < a && l(s + 1);
|
|
156
|
+
},
|
|
157
|
+
className: m(s < a ? "disabled" : "shadow"),
|
|
158
|
+
isActive: s < a
|
|
159
|
+
}
|
|
160
|
+
) })
|
|
161
|
+
] }) })
|
|
162
|
+
] });
|
|
163
|
+
}, L = 50, T = [
|
|
164
|
+
{
|
|
165
|
+
value: 10,
|
|
166
|
+
label: "10"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
value: 20,
|
|
170
|
+
label: "20"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
value: 50,
|
|
174
|
+
label: "50"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
value: 100,
|
|
178
|
+
label: "100"
|
|
179
|
+
}
|
|
180
|
+
], V = ({
|
|
181
|
+
defaultValue: s = L,
|
|
182
|
+
options: a = T,
|
|
183
|
+
onLimitChange: l
|
|
184
|
+
}) => {
|
|
185
|
+
const { t } = u();
|
|
186
|
+
return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
187
|
+
/* @__PURE__ */ e.jsxs("span", { className: "font-semibold", children: [
|
|
188
|
+
t("Rows per page"),
|
|
189
|
+
":"
|
|
190
|
+
] }),
|
|
191
|
+
/* @__PURE__ */ e.jsxs(
|
|
192
|
+
h,
|
|
193
|
+
{
|
|
194
|
+
onValueChange: (c) => l(c),
|
|
195
|
+
value: `${s}`,
|
|
196
|
+
children: [
|
|
197
|
+
/* @__PURE__ */ e.jsx(p, { className: "h-8.5 w-17", children: /* @__PURE__ */ e.jsx(j, {}) }),
|
|
198
|
+
/* @__PURE__ */ e.jsx(N, { children: a == null ? void 0 : a.map((c) => /* @__PURE__ */ e.jsx(v, { value: `${c.value}`, children: c.label }, c.value)) })
|
|
199
|
+
]
|
|
200
|
+
}
|
|
201
|
+
)
|
|
202
|
+
] });
|
|
203
|
+
};
|
|
204
|
+
export {
|
|
205
|
+
L as D,
|
|
206
|
+
U as M,
|
|
207
|
+
V as a
|
|
208
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../jsx-runtime-DUiatUiq.cjs"),je=require("../../button-Bp2lHjov-D9UnCnYX.cjs"),k=require("../../dropdown-menu-BPBcxHRB-towSSPIs.cjs"),O=require("../../MyLimitSelect-CXAsJVhg.cjs"),_=require("react"),A=require("../../lodash-C5w_OPmE.cjs"),o=require("../../index-DqTIeHVj-DlSOwhuZ.cjs"),ye=require("../../circle-COtEidYe-9nuN1wA1.cjs"),X=require("../../radio-group-CqPTye2U-_MM8Ei72.cjs"),E=require("../../utils-B6fNqzRf-BNysSCt9.cjs"),B=require("../../useSortable-DZ6f7Wg7.cjs"),Ee=require("../../ScrollArea-Aveubf3A.cjs"),K=require("../../SortOrder-81BrXp3i.cjs"),Re=require("../../Empty--unTFnpg.cjs"),Y=require("../../createLucideIcon-BnAj0RnC.cjs"),ee=require("../../FilterWrapper-DCj9uMVO.cjs"),Ne=require("../../useTranslation-CZf20ucv.cjs");function Se(e){const r=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(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=Se(_);function Te(e,r){return i.useReducer((t,s)=>r[t][s]??t,e)}var Z="ScrollArea",[re,Ke]=o.j(Z),[Ce,y]=re(Z),ne=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,type:s="hover",dir:n,scrollHideDelay:l=600,...a}=e,[u,c]=i.useState(null),[f,d]=i.useState(null),[x,p]=i.useState(null),[w,j]=i.useState(null),[C,L]=i.useState(null),[m,S]=i.useState(0),[v,g]=i.useState(0),[T,D]=i.useState(!1),[H,q]=i.useState(!1),b=o.x(r,M=>c(M)),R=ye.n(n);return o.ae.jsx(Ce,{scope:t,type:s,dir:R,scrollHideDelay:l,scrollArea:u,viewport:f,onViewportChange:d,content:x,onContentChange:p,scrollbarX:w,onScrollbarXChange:j,scrollbarXEnabled:T,onScrollbarXEnabledChange:D,scrollbarY:C,onScrollbarYChange:L,scrollbarYEnabled:H,onScrollbarYEnabledChange:q,onCornerWidthChange:S,onCornerHeightChange:g,children:o.ae.jsx(o.h.div,{dir:R,...a,ref:b,style:{position:"relative","--radix-scroll-area-corner-width":m+"px","--radix-scroll-area-corner-height":v+"px",...e.style}})})});ne.displayName=Z;var oe="ScrollAreaViewport",se=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,children:s,nonce:n,...l}=e,a=y(oe,t),u=i.useRef(null),c=o.x(r,u,a.onViewportChange);return o.ae.jsxs(o.ae.Fragment,{children:[o.ae.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:n}),o.ae.jsx(o.h.div,{"data-radix-scroll-area-viewport":"",...l,ref:c,style:{overflowX:a.scrollbarXEnabled?"scroll":"hidden",overflowY:a.scrollbarYEnabled?"scroll":"hidden",...e.style},children:o.ae.jsx("div",{ref:a.onContentChange,style:{minWidth:"100%",display:"table"},children:s})})]})});se.displayName=oe;var N="ScrollAreaScrollbar",G=i.forwardRef((e,r)=>{const{forceMount:t,...s}=e,n=y(N,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:a}=n,u=e.orientation==="horizontal";return i.useEffect(()=>(u?l(!0):a(!0),()=>{u?l(!1):a(!1)}),[u,l,a]),n.type==="hover"?o.ae.jsx(Le,{...s,ref:r,forceMount:t}):n.type==="scroll"?o.ae.jsx(_e,{...s,ref:r,forceMount:t}):n.type==="auto"?o.ae.jsx(le,{...s,ref:r,forceMount:t}):n.type==="always"?o.ae.jsx(J,{...s,ref:r}):null});G.displayName=N;var Le=i.forwardRef((e,r)=>{const{forceMount:t,...s}=e,n=y(N,e.__scopeScrollArea),[l,a]=i.useState(!1);return i.useEffect(()=>{const u=n.scrollArea;let c=0;if(u){const f=()=>{window.clearTimeout(c),a(!0)},d=()=>{c=window.setTimeout(()=>a(!1),n.scrollHideDelay)};return u.addEventListener("pointerenter",f),u.addEventListener("pointerleave",d),()=>{window.clearTimeout(c),u.removeEventListener("pointerenter",f),u.removeEventListener("pointerleave",d)}}},[n.scrollArea,n.scrollHideDelay]),o.ae.jsx(o.R,{present:t||l,children:o.ae.jsx(le,{"data-state":l?"visible":"hidden",...s,ref:r})})}),_e=i.forwardRef((e,r)=>{const{forceMount:t,...s}=e,n=y(N,e.__scopeScrollArea),l=e.orientation==="horizontal",a=V(()=>c("SCROLL_END"),100),[u,c]=Te("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return i.useEffect(()=>{if(u==="idle"){const f=window.setTimeout(()=>c("HIDE"),n.scrollHideDelay);return()=>window.clearTimeout(f)}},[u,n.scrollHideDelay,c]),i.useEffect(()=>{const f=n.viewport,d=l?"scrollLeft":"scrollTop";if(f){let x=f[d];const p=()=>{const w=f[d];x!==w&&(c("SCROLL"),a()),x=w};return f.addEventListener("scroll",p),()=>f.removeEventListener("scroll",p)}},[n.viewport,l,c,a]),o.ae.jsx(o.R,{present:t||u!=="hidden",children:o.ae.jsx(J,{"data-state":u==="hidden"?"hidden":"visible",...s,ref:r,onPointerEnter:o.y$1(e.onPointerEnter,()=>c("POINTER_ENTER")),onPointerLeave:o.y$1(e.onPointerLeave,()=>c("POINTER_LEAVE"))})})}),le=i.forwardRef((e,r)=>{const t=y(N,e.__scopeScrollArea),{forceMount:s,...n}=e,[l,a]=i.useState(!1),u=e.orientation==="horizontal",c=V(()=>{if(t.viewport){const f=t.viewport.offsetWidth<t.viewport.scrollWidth,d=t.viewport.offsetHeight<t.viewport.scrollHeight;a(u?f:d)}},10);return P(t.viewport,c),P(t.content,c),o.ae.jsx(o.R,{present:s||l,children:o.ae.jsx(J,{"data-state":l?"visible":"hidden",...n,ref:r})})}),J=i.forwardRef((e,r)=>{const{orientation:t="vertical",...s}=e,n=y(N,e.__scopeScrollArea),l=i.useRef(null),a=i.useRef(0),[u,c]=i.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=ue(u.viewport,u.content),d={...s,sizes:u,onSizesChange:c,hasThumb:f>0&&f<1,onThumbChange:p=>l.current=p,onThumbPointerUp:()=>a.current=0,onThumbPointerDown:p=>a.current=p};function x(p,w){return Ae(p,a.current,u,w)}return t==="horizontal"?o.ae.jsx(ke,{...d,ref:r,onThumbPositionChange:()=>{if(n.viewport&&l.current){const p=n.viewport.scrollLeft,w=te(p,u,n.dir);l.current.style.transform=`translate3d(${w}px, 0, 0)`}},onWheelScroll:p=>{n.viewport&&(n.viewport.scrollLeft=p)},onDragScroll:p=>{n.viewport&&(n.viewport.scrollLeft=x(p,n.dir))}}):t==="vertical"?o.ae.jsx(Pe,{...d,ref:r,onThumbPositionChange:()=>{if(n.viewport&&l.current){const p=n.viewport.scrollTop,w=te(p,u);l.current.style.transform=`translate3d(0, ${w}px, 0)`}},onWheelScroll:p=>{n.viewport&&(n.viewport.scrollTop=p)},onDragScroll:p=>{n.viewport&&(n.viewport.scrollTop=x(p))}}):null}),ke=i.forwardRef((e,r)=>{const{sizes:t,onSizesChange:s,...n}=e,l=y(N,e.__scopeScrollArea),[a,u]=i.useState(),c=i.useRef(null),f=o.x(r,c,l.onScrollbarXChange);return i.useEffect(()=>{c.current&&u(getComputedStyle(c.current))},[c]),o.ae.jsx(ae,{"data-orientation":"horizontal",...n,ref:f,sizes:t,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":$(t)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,x)=>{if(l.viewport){const p=l.viewport.scrollLeft+d.deltaX;e.onWheelScroll(p),he(p,x)&&d.preventDefault()}},onResize:()=>{c.current&&l.viewport&&a&&s({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:U(a.paddingLeft),paddingEnd:U(a.paddingRight)}})}})}),Pe=i.forwardRef((e,r)=>{const{sizes:t,onSizesChange:s,...n}=e,l=y(N,e.__scopeScrollArea),[a,u]=i.useState(),c=i.useRef(null),f=o.x(r,c,l.onScrollbarYChange);return i.useEffect(()=>{c.current&&u(getComputedStyle(c.current))},[c]),o.ae.jsx(ae,{"data-orientation":"vertical",...n,ref:f,sizes:t,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":$(t)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,x)=>{if(l.viewport){const p=l.viewport.scrollTop+d.deltaY;e.onWheelScroll(p),he(p,x)&&d.preventDefault()}},onResize:()=>{c.current&&l.viewport&&a&&s({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:U(a.paddingTop),paddingEnd:U(a.paddingBottom)}})}})}),[De,ie]=re(N),ae=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,sizes:s,hasThumb:n,onThumbChange:l,onThumbPointerUp:a,onThumbPointerDown:u,onThumbPositionChange:c,onDragScroll:f,onWheelScroll:d,onResize:x,...p}=e,w=y(N,t),[j,C]=i.useState(null),L=o.x(r,b=>C(b)),m=i.useRef(null),S=i.useRef(""),v=w.viewport,g=s.content-s.viewport,T=o.n(d),D=o.n(c),H=V(x,10);function q(b){if(m.current){const R=b.clientX-m.current.left,M=b.clientY-m.current.top;f({x:R,y:M})}}return i.useEffect(()=>{const b=R=>{const M=R.target;j!=null&&j.contains(M)&&T(R,g)};return document.addEventListener("wheel",b,{passive:!1}),()=>document.removeEventListener("wheel",b,{passive:!1})},[v,j,g,T]),i.useEffect(D,[s,D]),P(j,H),P(w.content,H),o.ae.jsx(De,{scope:t,scrollbar:j,hasThumb:n,onThumbChange:o.n(l),onThumbPointerUp:o.n(a),onThumbPositionChange:D,onThumbPointerDown:o.n(u),children:o.ae.jsx(o.h.div,{...p,ref:L,style:{position:"absolute",...p.style},onPointerDown:o.y$1(e.onPointerDown,b=>{b.button===0&&(b.target.setPointerCapture(b.pointerId),m.current=j.getBoundingClientRect(),S.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",w.viewport&&(w.viewport.style.scrollBehavior="auto"),q(b))}),onPointerMove:o.y$1(e.onPointerMove,q),onPointerUp:o.y$1(e.onPointerUp,b=>{const R=b.target;R.hasPointerCapture(b.pointerId)&&R.releasePointerCapture(b.pointerId),document.body.style.webkitUserSelect=S.current,w.viewport&&(w.viewport.style.scrollBehavior=""),m.current=null})})})}),F="ScrollAreaThumb",ce=i.forwardRef((e,r)=>{const{forceMount:t,...s}=e,n=ie(F,e.__scopeScrollArea);return o.ae.jsx(o.R,{present:t||n.hasThumb,children:o.ae.jsx(Me,{ref:r,...s})})}),Me=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,style:s,...n}=e,l=y(F,t),a=ie(F,t),{onThumbPositionChange:u}=a,c=o.x(r,x=>a.onThumbChange(x)),f=i.useRef(void 0),d=V(()=>{f.current&&(f.current(),f.current=void 0)},100);return i.useEffect(()=>{const x=l.viewport;if(x){const p=()=>{if(d(),!f.current){const w=He(x,u);f.current=w,u()}};return u(),x.addEventListener("scroll",p),()=>x.removeEventListener("scroll",p)}},[l.viewport,d,u]),o.ae.jsx(o.h.div,{"data-state":a.hasThumb?"visible":"hidden",...n,ref:c,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...s},onPointerDownCapture:o.y$1(e.onPointerDownCapture,x=>{const p=x.target.getBoundingClientRect(),w=x.clientX-p.left,j=x.clientY-p.top;a.onThumbPointerDown({x:w,y:j})}),onPointerUp:o.y$1(e.onPointerUp,a.onThumbPointerUp)})});ce.displayName=F;var Q="ScrollAreaCorner",de=i.forwardRef((e,r)=>{const t=y(Q,e.__scopeScrollArea),s=!!(t.scrollbarX&&t.scrollbarY);return t.type!=="scroll"&&s?o.ae.jsx(ze,{...e,ref:r}):null});de.displayName=Q;var ze=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,...s}=e,n=y(Q,t),[l,a]=i.useState(0),[u,c]=i.useState(0),f=!!(l&&u);return P(n.scrollbarX,()=>{var d;const x=((d=n.scrollbarX)==null?void 0:d.offsetHeight)||0;n.onCornerHeightChange(x),c(x)}),P(n.scrollbarY,()=>{var d;const x=((d=n.scrollbarY)==null?void 0:d.offsetWidth)||0;n.onCornerWidthChange(x),a(x)}),f?o.ae.jsx(o.h.div,{...s,ref:r,style:{width:l,height:u,position:"absolute",right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function U(e){return e?parseInt(e,10):0}function ue(e,r){const t=e/r;return isNaN(t)?0:t}function $(e){const r=ue(e.viewport,e.content),t=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,s=(e.scrollbar.size-t)*r;return Math.max(s,18)}function Ae(e,r,t,s="ltr"){const n=$(t),l=n/2,a=r||l,u=n-a,c=t.scrollbar.paddingStart+a,f=t.scrollbar.size-t.scrollbar.paddingEnd-u,d=t.content-t.viewport,x=s==="ltr"?[0,d]:[d*-1,0];return pe([c,f],x)(e)}function te(e,r,t="ltr"){const s=$(r),n=r.scrollbar.paddingStart+r.scrollbar.paddingEnd,l=r.scrollbar.size-n,a=r.content-r.viewport,u=l-s,c=t==="ltr"?[0,a]:[a*-1,0],f=X.c(e,c);return pe([0,a],[0,u])(f)}function pe(e,r){return t=>{if(e[0]===e[1]||r[0]===r[1])return r[0];const s=(r[1]-r[0])/(e[1]-e[0]);return r[0]+s*(t-e[0])}}function he(e,r){return e>0&&e<r}var He=(e,r=()=>{})=>{let t={left:e.scrollLeft,top:e.scrollTop},s=0;return function n(){const l={left:e.scrollLeft,top:e.scrollTop},a=t.left!==l.left,u=t.top!==l.top;(a||u)&&r(),t=l,s=window.requestAnimationFrame(n)}(),()=>window.cancelAnimationFrame(s)};function V(e,r){const t=o.n(e),s=i.useRef(0);return i.useEffect(()=>()=>window.clearTimeout(s.current),[]),i.useCallback(()=>{window.clearTimeout(s.current),s.current=window.setTimeout(t,r)},[t,r])}function P(e,r){const t=o.n(r);o.w$1(()=>{let s=0;if(e){const n=new ResizeObserver(()=>{cancelAnimationFrame(s),s=window.requestAnimationFrame(t)});return n.observe(e),()=>{window.cancelAnimationFrame(s),n.unobserve(e)}}},[e,t])}var fe=ne,qe=se,Ie=de;const xe=i.forwardRef(({className:e,children:r,...t},s)=>o.ae.jsxs(fe,{ref:s,className:E.mo("relative overflow-auto",e),...t,children:[o.ae.jsx(qe,{className:"h-full w-full rounded-[inherit]",children:r}),o.ae.jsx(me,{}),o.ae.jsx(Ie,{})]}));xe.displayName=fe.displayName;const me=i.forwardRef(({className:e,orientation:r="vertical",...t},s)=>o.ae.jsx(G,{ref:s,orientation:r,className:E.mo("flex touch-none transition-colors select-none",r==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",r==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...t,children:o.ae.jsx(ce,{className:"bg-border relative flex-1 rounded-full"})}));me.displayName=G.displayName;const we=i.forwardRef(({className:e,...r},t)=>o.ae.jsx(xe,{className:"w-full",children:o.ae.jsx("table",{ref:t,className:E.mo("w-full caption-bottom text-sm",e),...r})}));we.displayName="Table";const ve=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("thead",{ref:t,className:E.mo("[&_tr]:border-b",e),...r}));ve.displayName="TableHeader";const be=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("tbody",{ref:t,className:E.mo("[&_tr:last-child]:border-0",e),...r}));be.displayName="TableBody";const We=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("tfoot",{ref:t,className:E.mo("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...r}));We.displayName="TableFooter";const I=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("tr",{ref:t,className:E.mo("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...r}));I.displayName="TableRow";const W=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("th",{ref:t,className:E.mo("text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",e),...r}));W.displayName="TableHead";const z=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("td",{ref:t,className:E.mo("p-4 align-middle [&:has([role=checkbox])]:pr-0",e),...r}));z.displayName="TableCell";const Oe=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("caption",{ref:t,className:E.mo("text-muted-foreground mt-4 text-sm",e),...r}));Oe.displayName="TableCaption";/**
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../jsx-runtime-DUiatUiq.cjs"),je=require("../../button-Bp2lHjov-D9UnCnYX.cjs"),k=require("../../dropdown-menu-BPBcxHRB-towSSPIs.cjs"),O=require("../../MyLimitSelect-CIgaFG0w.cjs"),_=require("react"),A=require("../../lodash-C5w_OPmE.cjs"),o=require("../../index-DqTIeHVj-DlSOwhuZ.cjs"),ye=require("../../circle-COtEidYe-9nuN1wA1.cjs"),X=require("../../radio-group-CqPTye2U-_MM8Ei72.cjs"),E=require("../../utils-B6fNqzRf-BNysSCt9.cjs"),B=require("../../useSortable-DZ6f7Wg7.cjs"),Ee=require("../../ScrollArea-Aveubf3A.cjs"),K=require("../../SortOrder-81BrXp3i.cjs"),Re=require("../../Empty--unTFnpg.cjs"),Y=require("../../createLucideIcon-BnAj0RnC.cjs"),ee=require("../../FilterWrapper-DCj9uMVO.cjs"),Ne=require("../../useTranslation-CZf20ucv.cjs");function Se(e){const r=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(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=Se(_);function Te(e,r){return i.useReducer((t,s)=>r[t][s]??t,e)}var Z="ScrollArea",[re,Ke]=o.j(Z),[Ce,y]=re(Z),ne=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,type:s="hover",dir:n,scrollHideDelay:l=600,...a}=e,[u,c]=i.useState(null),[f,d]=i.useState(null),[x,p]=i.useState(null),[w,j]=i.useState(null),[C,L]=i.useState(null),[m,S]=i.useState(0),[v,g]=i.useState(0),[T,D]=i.useState(!1),[H,q]=i.useState(!1),b=o.x(r,M=>c(M)),R=ye.n(n);return o.ae.jsx(Ce,{scope:t,type:s,dir:R,scrollHideDelay:l,scrollArea:u,viewport:f,onViewportChange:d,content:x,onContentChange:p,scrollbarX:w,onScrollbarXChange:j,scrollbarXEnabled:T,onScrollbarXEnabledChange:D,scrollbarY:C,onScrollbarYChange:L,scrollbarYEnabled:H,onScrollbarYEnabledChange:q,onCornerWidthChange:S,onCornerHeightChange:g,children:o.ae.jsx(o.h.div,{dir:R,...a,ref:b,style:{position:"relative","--radix-scroll-area-corner-width":m+"px","--radix-scroll-area-corner-height":v+"px",...e.style}})})});ne.displayName=Z;var oe="ScrollAreaViewport",se=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,children:s,nonce:n,...l}=e,a=y(oe,t),u=i.useRef(null),c=o.x(r,u,a.onViewportChange);return o.ae.jsxs(o.ae.Fragment,{children:[o.ae.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:n}),o.ae.jsx(o.h.div,{"data-radix-scroll-area-viewport":"",...l,ref:c,style:{overflowX:a.scrollbarXEnabled?"scroll":"hidden",overflowY:a.scrollbarYEnabled?"scroll":"hidden",...e.style},children:o.ae.jsx("div",{ref:a.onContentChange,style:{minWidth:"100%",display:"table"},children:s})})]})});se.displayName=oe;var N="ScrollAreaScrollbar",G=i.forwardRef((e,r)=>{const{forceMount:t,...s}=e,n=y(N,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:a}=n,u=e.orientation==="horizontal";return i.useEffect(()=>(u?l(!0):a(!0),()=>{u?l(!1):a(!1)}),[u,l,a]),n.type==="hover"?o.ae.jsx(Le,{...s,ref:r,forceMount:t}):n.type==="scroll"?o.ae.jsx(_e,{...s,ref:r,forceMount:t}):n.type==="auto"?o.ae.jsx(le,{...s,ref:r,forceMount:t}):n.type==="always"?o.ae.jsx(J,{...s,ref:r}):null});G.displayName=N;var Le=i.forwardRef((e,r)=>{const{forceMount:t,...s}=e,n=y(N,e.__scopeScrollArea),[l,a]=i.useState(!1);return i.useEffect(()=>{const u=n.scrollArea;let c=0;if(u){const f=()=>{window.clearTimeout(c),a(!0)},d=()=>{c=window.setTimeout(()=>a(!1),n.scrollHideDelay)};return u.addEventListener("pointerenter",f),u.addEventListener("pointerleave",d),()=>{window.clearTimeout(c),u.removeEventListener("pointerenter",f),u.removeEventListener("pointerleave",d)}}},[n.scrollArea,n.scrollHideDelay]),o.ae.jsx(o.R,{present:t||l,children:o.ae.jsx(le,{"data-state":l?"visible":"hidden",...s,ref:r})})}),_e=i.forwardRef((e,r)=>{const{forceMount:t,...s}=e,n=y(N,e.__scopeScrollArea),l=e.orientation==="horizontal",a=V(()=>c("SCROLL_END"),100),[u,c]=Te("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return i.useEffect(()=>{if(u==="idle"){const f=window.setTimeout(()=>c("HIDE"),n.scrollHideDelay);return()=>window.clearTimeout(f)}},[u,n.scrollHideDelay,c]),i.useEffect(()=>{const f=n.viewport,d=l?"scrollLeft":"scrollTop";if(f){let x=f[d];const p=()=>{const w=f[d];x!==w&&(c("SCROLL"),a()),x=w};return f.addEventListener("scroll",p),()=>f.removeEventListener("scroll",p)}},[n.viewport,l,c,a]),o.ae.jsx(o.R,{present:t||u!=="hidden",children:o.ae.jsx(J,{"data-state":u==="hidden"?"hidden":"visible",...s,ref:r,onPointerEnter:o.y$1(e.onPointerEnter,()=>c("POINTER_ENTER")),onPointerLeave:o.y$1(e.onPointerLeave,()=>c("POINTER_LEAVE"))})})}),le=i.forwardRef((e,r)=>{const t=y(N,e.__scopeScrollArea),{forceMount:s,...n}=e,[l,a]=i.useState(!1),u=e.orientation==="horizontal",c=V(()=>{if(t.viewport){const f=t.viewport.offsetWidth<t.viewport.scrollWidth,d=t.viewport.offsetHeight<t.viewport.scrollHeight;a(u?f:d)}},10);return P(t.viewport,c),P(t.content,c),o.ae.jsx(o.R,{present:s||l,children:o.ae.jsx(J,{"data-state":l?"visible":"hidden",...n,ref:r})})}),J=i.forwardRef((e,r)=>{const{orientation:t="vertical",...s}=e,n=y(N,e.__scopeScrollArea),l=i.useRef(null),a=i.useRef(0),[u,c]=i.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=ue(u.viewport,u.content),d={...s,sizes:u,onSizesChange:c,hasThumb:f>0&&f<1,onThumbChange:p=>l.current=p,onThumbPointerUp:()=>a.current=0,onThumbPointerDown:p=>a.current=p};function x(p,w){return Ae(p,a.current,u,w)}return t==="horizontal"?o.ae.jsx(ke,{...d,ref:r,onThumbPositionChange:()=>{if(n.viewport&&l.current){const p=n.viewport.scrollLeft,w=te(p,u,n.dir);l.current.style.transform=`translate3d(${w}px, 0, 0)`}},onWheelScroll:p=>{n.viewport&&(n.viewport.scrollLeft=p)},onDragScroll:p=>{n.viewport&&(n.viewport.scrollLeft=x(p,n.dir))}}):t==="vertical"?o.ae.jsx(Pe,{...d,ref:r,onThumbPositionChange:()=>{if(n.viewport&&l.current){const p=n.viewport.scrollTop,w=te(p,u);l.current.style.transform=`translate3d(0, ${w}px, 0)`}},onWheelScroll:p=>{n.viewport&&(n.viewport.scrollTop=p)},onDragScroll:p=>{n.viewport&&(n.viewport.scrollTop=x(p))}}):null}),ke=i.forwardRef((e,r)=>{const{sizes:t,onSizesChange:s,...n}=e,l=y(N,e.__scopeScrollArea),[a,u]=i.useState(),c=i.useRef(null),f=o.x(r,c,l.onScrollbarXChange);return i.useEffect(()=>{c.current&&u(getComputedStyle(c.current))},[c]),o.ae.jsx(ae,{"data-orientation":"horizontal",...n,ref:f,sizes:t,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":$(t)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,x)=>{if(l.viewport){const p=l.viewport.scrollLeft+d.deltaX;e.onWheelScroll(p),he(p,x)&&d.preventDefault()}},onResize:()=>{c.current&&l.viewport&&a&&s({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:U(a.paddingLeft),paddingEnd:U(a.paddingRight)}})}})}),Pe=i.forwardRef((e,r)=>{const{sizes:t,onSizesChange:s,...n}=e,l=y(N,e.__scopeScrollArea),[a,u]=i.useState(),c=i.useRef(null),f=o.x(r,c,l.onScrollbarYChange);return i.useEffect(()=>{c.current&&u(getComputedStyle(c.current))},[c]),o.ae.jsx(ae,{"data-orientation":"vertical",...n,ref:f,sizes:t,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":$(t)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,x)=>{if(l.viewport){const p=l.viewport.scrollTop+d.deltaY;e.onWheelScroll(p),he(p,x)&&d.preventDefault()}},onResize:()=>{c.current&&l.viewport&&a&&s({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:U(a.paddingTop),paddingEnd:U(a.paddingBottom)}})}})}),[De,ie]=re(N),ae=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,sizes:s,hasThumb:n,onThumbChange:l,onThumbPointerUp:a,onThumbPointerDown:u,onThumbPositionChange:c,onDragScroll:f,onWheelScroll:d,onResize:x,...p}=e,w=y(N,t),[j,C]=i.useState(null),L=o.x(r,b=>C(b)),m=i.useRef(null),S=i.useRef(""),v=w.viewport,g=s.content-s.viewport,T=o.n(d),D=o.n(c),H=V(x,10);function q(b){if(m.current){const R=b.clientX-m.current.left,M=b.clientY-m.current.top;f({x:R,y:M})}}return i.useEffect(()=>{const b=R=>{const M=R.target;j!=null&&j.contains(M)&&T(R,g)};return document.addEventListener("wheel",b,{passive:!1}),()=>document.removeEventListener("wheel",b,{passive:!1})},[v,j,g,T]),i.useEffect(D,[s,D]),P(j,H),P(w.content,H),o.ae.jsx(De,{scope:t,scrollbar:j,hasThumb:n,onThumbChange:o.n(l),onThumbPointerUp:o.n(a),onThumbPositionChange:D,onThumbPointerDown:o.n(u),children:o.ae.jsx(o.h.div,{...p,ref:L,style:{position:"absolute",...p.style},onPointerDown:o.y$1(e.onPointerDown,b=>{b.button===0&&(b.target.setPointerCapture(b.pointerId),m.current=j.getBoundingClientRect(),S.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",w.viewport&&(w.viewport.style.scrollBehavior="auto"),q(b))}),onPointerMove:o.y$1(e.onPointerMove,q),onPointerUp:o.y$1(e.onPointerUp,b=>{const R=b.target;R.hasPointerCapture(b.pointerId)&&R.releasePointerCapture(b.pointerId),document.body.style.webkitUserSelect=S.current,w.viewport&&(w.viewport.style.scrollBehavior=""),m.current=null})})})}),F="ScrollAreaThumb",ce=i.forwardRef((e,r)=>{const{forceMount:t,...s}=e,n=ie(F,e.__scopeScrollArea);return o.ae.jsx(o.R,{present:t||n.hasThumb,children:o.ae.jsx(Me,{ref:r,...s})})}),Me=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,style:s,...n}=e,l=y(F,t),a=ie(F,t),{onThumbPositionChange:u}=a,c=o.x(r,x=>a.onThumbChange(x)),f=i.useRef(void 0),d=V(()=>{f.current&&(f.current(),f.current=void 0)},100);return i.useEffect(()=>{const x=l.viewport;if(x){const p=()=>{if(d(),!f.current){const w=He(x,u);f.current=w,u()}};return u(),x.addEventListener("scroll",p),()=>x.removeEventListener("scroll",p)}},[l.viewport,d,u]),o.ae.jsx(o.h.div,{"data-state":a.hasThumb?"visible":"hidden",...n,ref:c,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...s},onPointerDownCapture:o.y$1(e.onPointerDownCapture,x=>{const p=x.target.getBoundingClientRect(),w=x.clientX-p.left,j=x.clientY-p.top;a.onThumbPointerDown({x:w,y:j})}),onPointerUp:o.y$1(e.onPointerUp,a.onThumbPointerUp)})});ce.displayName=F;var Q="ScrollAreaCorner",de=i.forwardRef((e,r)=>{const t=y(Q,e.__scopeScrollArea),s=!!(t.scrollbarX&&t.scrollbarY);return t.type!=="scroll"&&s?o.ae.jsx(ze,{...e,ref:r}):null});de.displayName=Q;var ze=i.forwardRef((e,r)=>{const{__scopeScrollArea:t,...s}=e,n=y(Q,t),[l,a]=i.useState(0),[u,c]=i.useState(0),f=!!(l&&u);return P(n.scrollbarX,()=>{var d;const x=((d=n.scrollbarX)==null?void 0:d.offsetHeight)||0;n.onCornerHeightChange(x),c(x)}),P(n.scrollbarY,()=>{var d;const x=((d=n.scrollbarY)==null?void 0:d.offsetWidth)||0;n.onCornerWidthChange(x),a(x)}),f?o.ae.jsx(o.h.div,{...s,ref:r,style:{width:l,height:u,position:"absolute",right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function U(e){return e?parseInt(e,10):0}function ue(e,r){const t=e/r;return isNaN(t)?0:t}function $(e){const r=ue(e.viewport,e.content),t=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,s=(e.scrollbar.size-t)*r;return Math.max(s,18)}function Ae(e,r,t,s="ltr"){const n=$(t),l=n/2,a=r||l,u=n-a,c=t.scrollbar.paddingStart+a,f=t.scrollbar.size-t.scrollbar.paddingEnd-u,d=t.content-t.viewport,x=s==="ltr"?[0,d]:[d*-1,0];return pe([c,f],x)(e)}function te(e,r,t="ltr"){const s=$(r),n=r.scrollbar.paddingStart+r.scrollbar.paddingEnd,l=r.scrollbar.size-n,a=r.content-r.viewport,u=l-s,c=t==="ltr"?[0,a]:[a*-1,0],f=X.c(e,c);return pe([0,a],[0,u])(f)}function pe(e,r){return t=>{if(e[0]===e[1]||r[0]===r[1])return r[0];const s=(r[1]-r[0])/(e[1]-e[0]);return r[0]+s*(t-e[0])}}function he(e,r){return e>0&&e<r}var He=(e,r=()=>{})=>{let t={left:e.scrollLeft,top:e.scrollTop},s=0;return function n(){const l={left:e.scrollLeft,top:e.scrollTop},a=t.left!==l.left,u=t.top!==l.top;(a||u)&&r(),t=l,s=window.requestAnimationFrame(n)}(),()=>window.cancelAnimationFrame(s)};function V(e,r){const t=o.n(e),s=i.useRef(0);return i.useEffect(()=>()=>window.clearTimeout(s.current),[]),i.useCallback(()=>{window.clearTimeout(s.current),s.current=window.setTimeout(t,r)},[t,r])}function P(e,r){const t=o.n(r);o.w$1(()=>{let s=0;if(e){const n=new ResizeObserver(()=>{cancelAnimationFrame(s),s=window.requestAnimationFrame(t)});return n.observe(e),()=>{window.cancelAnimationFrame(s),n.unobserve(e)}}},[e,t])}var fe=ne,qe=se,Ie=de;const xe=i.forwardRef(({className:e,children:r,...t},s)=>o.ae.jsxs(fe,{ref:s,className:E.mo("relative overflow-auto",e),...t,children:[o.ae.jsx(qe,{className:"h-full w-full rounded-[inherit]",children:r}),o.ae.jsx(me,{}),o.ae.jsx(Ie,{})]}));xe.displayName=fe.displayName;const me=i.forwardRef(({className:e,orientation:r="vertical",...t},s)=>o.ae.jsx(G,{ref:s,orientation:r,className:E.mo("flex touch-none transition-colors select-none",r==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",r==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...t,children:o.ae.jsx(ce,{className:"bg-border relative flex-1 rounded-full"})}));me.displayName=G.displayName;const we=i.forwardRef(({className:e,...r},t)=>o.ae.jsx(xe,{className:"w-full",children:o.ae.jsx("table",{ref:t,className:E.mo("w-full caption-bottom text-sm",e),...r})}));we.displayName="Table";const ve=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("thead",{ref:t,className:E.mo("[&_tr]:border-b",e),...r}));ve.displayName="TableHeader";const be=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("tbody",{ref:t,className:E.mo("[&_tr:last-child]:border-0",e),...r}));be.displayName="TableBody";const We=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("tfoot",{ref:t,className:E.mo("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...r}));We.displayName="TableFooter";const I=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("tr",{ref:t,className:E.mo("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...r}));I.displayName="TableRow";const W=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("th",{ref:t,className:E.mo("text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",e),...r}));W.displayName="TableHead";const z=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("td",{ref:t,className:E.mo("p-4 align-middle [&:has([role=checkbox])]:pr-0",e),...r}));z.displayName="TableCell";const Oe=i.forwardRef(({className:e,...r},t)=>o.ae.jsx("caption",{ref:t,className:E.mo("text-muted-foreground mt-4 text-sm",e),...r}));Oe.displayName="TableCaption";/**
|
|
2
2
|
* @license lucide-react v0.511.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as h } from "../../jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import { u as je } from "../../button-Bp2lHjov-BTlHPcva.js";
|
|
3
3
|
import { N as Ne, j as Ce, u as Se, i as Te, f as Ee, d as Re } from "../../dropdown-menu-BPBcxHRB-EjT0ADL9.js";
|
|
4
|
-
import { D as ee, a as _e, M as Le } from "../../MyLimitSelect-
|
|
4
|
+
import { D as ee, a as _e, M as Le } from "../../MyLimitSelect-Cl9EfzBR.js";
|
|
5
5
|
import * as s from "react";
|
|
6
6
|
import U, { useEffect as ke, useState as Pe } from "react";
|
|
7
7
|
import { l as H } from "../../lodash-CYNxjS-I.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../MyLimitSelect-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../MyLimitSelect-CIgaFG0w.cjs");exports.MyLimitSelect=e.MyLimitSelect;exports.MyPagination=e.MyPagination;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import type { Option } from 'dgz-ui/form';
|
|
1
2
|
export declare const DEFAULT_LIMIT = 50;
|
|
2
3
|
export declare const DEFAULT_ITEMS_LIMIT = 12;
|
|
4
|
+
export declare const DEFAULT_OPTIONS: Option[];
|
|
3
5
|
export interface MyLimitSelectProps {
|
|
4
6
|
defaultValue?: number;
|
|
7
|
+
options?: Option[];
|
|
5
8
|
onLimitChange: (limit: string) => void;
|
|
6
9
|
}
|
|
7
|
-
export declare const MyLimitSelect: ({ defaultValue, onLimitChange, }: MyLimitSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export default MyLimitSelect;
|
|
10
|
+
export declare const MyLimitSelect: ({ defaultValue, options, onLimitChange, }: MyLimitSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
11
|
//# sourceMappingURL=MyLimitSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MyLimitSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/MyLimitSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MyLimitSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/MyLimitSelect.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,eAAO,MAAM,eAAe,EAAE,MAAM,EAiBnC,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,2CAI3B,kBAAkB,4CAuBpB,CAAC"}
|
|
@@ -3,6 +3,6 @@ interface MyPaginationProps {
|
|
|
3
3
|
totalPages?: number;
|
|
4
4
|
onPageChange: (page: number) => void;
|
|
5
5
|
}
|
|
6
|
-
declare const MyPagination: ({ currentPage, totalPages, onPageChange, }: MyPaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export
|
|
6
|
+
export declare const MyPagination: ({ currentPage, totalPages, onPageChange, }: MyPaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
8
|
//# sourceMappingURL=MyPagination.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MyPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/MyPagination.tsx"],"names":[],"mappings":"AAmBA,UAAU,iBAAiB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,
|
|
1
|
+
{"version":3,"file":"MyPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/MyPagination.tsx"],"names":[],"mappings":"AAmBA,UAAU,iBAAiB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,GAAI,4CAI1B,iBAAiB,4CAuGnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";const i=require("./jsx-runtime-DUiatUiq.cjs"),x=require("./index-DqTIeHVj-DlSOwhuZ.cjs"),u=require("react"),b=require("./button-Bp2lHjov-D9UnCnYX.cjs"),o=require("./utils-B6fNqzRf-BNysSCt9.cjs"),y=require("./chevron-right-HWBijj-I-Dp1SvzQb.cjs"),w=require("./createLucideIcon-B950nf2d-CFaVx9a3.cjs"),a=require("./radio-group-CqPTye2U-_MM8Ei72.cjs"),p=require("./useTranslation-CZf20ucv.cjs");function q(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const d=q(u);/**
|
|
2
|
-
* @license lucide-react v0.511.0 - ISC
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the ISC license.
|
|
5
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const g=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],I=w.k("chevron-left",g),h=({className:s,...e})=>x.ae.jsx("nav",{role:"navigation","aria-label":"pagination",className:o.mo("flex w-full justify-center",s),...e});h.displayName="Pagination";const f=d.forwardRef(({className:s,...e},t)=>x.ae.jsx("ul",{ref:t,className:o.mo("flex flex-row items-center gap-1",s),...e}));f.displayName="PaginationContent";const m=d.forwardRef(({className:s,...e},t)=>x.ae.jsx("li",{ref:t,className:o.mo("",s),...e}));m.displayName="PaginationItem";const c=({className:s,isActive:e,size:t="icon",...l})=>x.ae.jsx("a",{"aria-current":e?"page":void 0,className:o.mo(b.g({variant:e?"tertiary":"ghost",size:t}),"cursor-pointer",s),...l});c.displayName="PaginationLink";const R=({className:s,...e})=>x.ae.jsx(c,{"aria-label":"Go to previous page",size:"default",className:o.mo("gap-1 px-2.5",s),...e,children:x.ae.jsx(I,{className:"h-4 w-4"})});R.displayName="PaginationPrevious";const N=({className:s,...e})=>x.ae.jsx(c,{"aria-label":"Go to next page",size:"default",className:o.mo("gap-1 px-2.5",s),...e,children:x.ae.jsx(y.e,{className:"h-4 w-4"})});N.displayName="PaginationNext";const T=({currentPage:s=1,totalPages:e=0,onPageChange:t})=>{const{t:l}=p.useTranslation(),E=u.useCallback(()=>{const n=[];n.push(1),s-1>2&&n.push("...");for(let j=Math.max(2,s-1);j<=Math.min(e-1,s+1);j++)n.push(j);return s+1<e-1&&n.push("..."),e>1&&n.push(e),n},[s,e]);return i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-end gap-3 lg:flex-row",children:[i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3 text-sm",children:[i.jsxRuntimeExports.jsxs("div",{className:"min-w-20 font-semibold",children:[l("Go to page"),":"]}),i.jsxRuntimeExports.jsxs(a.xh,{onValueChange:n=>t(parseInt(n)),value:`${s}`,children:[i.jsxRuntimeExports.jsx(a.Ym,{className:"h-8.5 w-14",children:i.jsxRuntimeExports.jsx(a.Fh,{})}),i.jsxRuntimeExports.jsx(a.Wm,{children:new Array(e).fill(0).map((n,r)=>i.jsxRuntimeExports.jsx(a.Xm,{value:`${r+1}`,children:r+1},r+1))})]})]}),i.jsxRuntimeExports.jsx(h,{className:"justify-end",children:i.jsxRuntimeExports.jsxs(f,{children:[i.jsxRuntimeExports.jsx(m,{children:i.jsxRuntimeExports.jsx(R,{isActive:s>1,size:"sm",className:o.mo(s>1?"disabled":"shadow"),onClick:()=>{s>1&&t(s-1)}})}),E().map((n,r)=>i.jsxRuntimeExports.jsx(m,{onClick:()=>{typeof n=="number"&&t(n)},children:i.jsxRuntimeExports.jsx(c,{size:"sm",className:o.mo("w-9 px-0 text-center",n===s&&"shadow"),isActive:n===s,children:n})},r)),i.jsxRuntimeExports.jsx(m,{children:i.jsxRuntimeExports.jsx(N,{size:"sm",onClick:()=>{s<e&&t(s+1)},className:o.mo(s<e?"disabled":"shadow"),isActive:s<e})})]})})]})},v=50,z=({defaultValue:s=v,onLimitChange:e})=>{const{t}=p.useTranslation();return i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[i.jsxRuntimeExports.jsxs("span",{className:"font-semibold",children:[t("Rows per page"),":"]}),i.jsxRuntimeExports.jsxs(a.xh,{onValueChange:l=>e(l),value:`${s}`,children:[i.jsxRuntimeExports.jsx(a.Ym,{className:"h-8.5 w-17",children:i.jsxRuntimeExports.jsx(a.Fh,{})}),i.jsxRuntimeExports.jsxs(a.Wm,{children:[i.jsxRuntimeExports.jsx(a.Xm,{value:"10",children:"10"}),i.jsxRuntimeExports.jsx(a.Xm,{value:"20",children:"20"}),i.jsxRuntimeExports.jsx(a.Xm,{value:"50",children:"50"}),i.jsxRuntimeExports.jsx(a.Xm,{value:"100",children:"100"})]})]})]})};exports.DEFAULT_LIMIT=v;exports.MyLimitSelect=z;exports.MyPagination=T;
|
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
import { j as i } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import { a as m } from "./index-DqTIeHVj-CeLMF2B2.js";
|
|
3
|
-
import * as p from "react";
|
|
4
|
-
import { useCallback as k } from "react";
|
|
5
|
-
import { g as z } from "./button-Bp2lHjov-BTlHPcva.js";
|
|
6
|
-
import { m as n } from "./utils-B6fNqzRf-B1_jG1K7.js";
|
|
7
|
-
import { e as A } from "./chevron-right-HWBijj-I-CVwIY20F.js";
|
|
8
|
-
import { k as M } from "./createLucideIcon-B950nf2d-C2YhAyqE.js";
|
|
9
|
-
import { x as f, Y as h, F as j, W as N, X as t } from "./radio-group-CqPTye2U-DfmmuYTk.js";
|
|
10
|
-
import { u as v } from "./useTranslation-dH-uwymc.js";
|
|
11
|
-
/**
|
|
12
|
-
* @license lucide-react v0.511.0 - ISC
|
|
13
|
-
*
|
|
14
|
-
* This source code is licensed under the ISC license.
|
|
15
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
-
*/
|
|
17
|
-
const $ = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], I = M("chevron-left", $), u = ({ className: s, ...a }) => /* @__PURE__ */ m.jsx(
|
|
18
|
-
"nav",
|
|
19
|
-
{
|
|
20
|
-
role: "navigation",
|
|
21
|
-
"aria-label": "pagination",
|
|
22
|
-
className: n("flex w-full justify-center", s),
|
|
23
|
-
...a
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
u.displayName = "Pagination";
|
|
27
|
-
const w = p.forwardRef(({ className: s, ...a }, l) => /* @__PURE__ */ m.jsx(
|
|
28
|
-
"ul",
|
|
29
|
-
{
|
|
30
|
-
ref: l,
|
|
31
|
-
className: n("flex flex-row items-center gap-1", s),
|
|
32
|
-
...a
|
|
33
|
-
}
|
|
34
|
-
));
|
|
35
|
-
w.displayName = "PaginationContent";
|
|
36
|
-
const r = p.forwardRef(({ className: s, ...a }, l) => /* @__PURE__ */ m.jsx("li", { ref: l, className: n("", s), ...a }));
|
|
37
|
-
r.displayName = "PaginationItem";
|
|
38
|
-
const x = ({
|
|
39
|
-
className: s,
|
|
40
|
-
isActive: a,
|
|
41
|
-
size: l = "icon",
|
|
42
|
-
...c
|
|
43
|
-
}) => /* @__PURE__ */ m.jsx(
|
|
44
|
-
"a",
|
|
45
|
-
{
|
|
46
|
-
"aria-current": a ? "page" : void 0,
|
|
47
|
-
className: n(
|
|
48
|
-
z({
|
|
49
|
-
variant: a ? "tertiary" : "ghost",
|
|
50
|
-
size: l
|
|
51
|
-
}),
|
|
52
|
-
"cursor-pointer",
|
|
53
|
-
s
|
|
54
|
-
),
|
|
55
|
-
...c
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
x.displayName = "PaginationLink";
|
|
59
|
-
const y = ({
|
|
60
|
-
className: s,
|
|
61
|
-
...a
|
|
62
|
-
}) => /* @__PURE__ */ m.jsx(
|
|
63
|
-
x,
|
|
64
|
-
{
|
|
65
|
-
"aria-label": "Go to previous page",
|
|
66
|
-
size: "default",
|
|
67
|
-
className: n("gap-1 px-2.5", s),
|
|
68
|
-
...a,
|
|
69
|
-
children: /* @__PURE__ */ m.jsx(I, { className: "h-4 w-4" })
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
y.displayName = "PaginationPrevious";
|
|
73
|
-
const b = ({
|
|
74
|
-
className: s,
|
|
75
|
-
...a
|
|
76
|
-
}) => /* @__PURE__ */ m.jsx(
|
|
77
|
-
x,
|
|
78
|
-
{
|
|
79
|
-
"aria-label": "Go to next page",
|
|
80
|
-
size: "default",
|
|
81
|
-
className: n("gap-1 px-2.5", s),
|
|
82
|
-
...a,
|
|
83
|
-
children: /* @__PURE__ */ m.jsx(A, { className: "h-4 w-4" })
|
|
84
|
-
}
|
|
85
|
-
);
|
|
86
|
-
b.displayName = "PaginationNext";
|
|
87
|
-
const X = ({
|
|
88
|
-
currentPage: s = 1,
|
|
89
|
-
totalPages: a = 0,
|
|
90
|
-
onPageChange: l
|
|
91
|
-
}) => {
|
|
92
|
-
const { t: c } = v(), R = k(() => {
|
|
93
|
-
const e = [];
|
|
94
|
-
e.push(1), s - 1 > 2 && e.push("...");
|
|
95
|
-
for (let d = Math.max(2, s - 1); d <= Math.min(a - 1, s + 1); d++)
|
|
96
|
-
e.push(d);
|
|
97
|
-
return s + 1 < a - 1 && e.push("..."), a > 1 && e.push(a), e;
|
|
98
|
-
}, [s, a]);
|
|
99
|
-
return /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col items-center justify-end gap-3 lg:flex-row", children: [
|
|
100
|
-
/* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-3 text-sm", children: [
|
|
101
|
-
/* @__PURE__ */ i.jsxs("div", { className: "min-w-20 font-semibold", children: [
|
|
102
|
-
c("Go to page"),
|
|
103
|
-
":"
|
|
104
|
-
] }),
|
|
105
|
-
/* @__PURE__ */ i.jsxs(
|
|
106
|
-
f,
|
|
107
|
-
{
|
|
108
|
-
onValueChange: (e) => l(parseInt(e)),
|
|
109
|
-
value: `${s}`,
|
|
110
|
-
children: [
|
|
111
|
-
/* @__PURE__ */ i.jsx(h, { className: "h-8.5 w-14", children: /* @__PURE__ */ i.jsx(j, {}) }),
|
|
112
|
-
/* @__PURE__ */ i.jsx(N, { children: new Array(a).fill(0).map((e, o) => /* @__PURE__ */ i.jsx(t, { value: `${o + 1}`, children: o + 1 }, o + 1)) })
|
|
113
|
-
]
|
|
114
|
-
}
|
|
115
|
-
)
|
|
116
|
-
] }),
|
|
117
|
-
/* @__PURE__ */ i.jsx(u, { className: "justify-end", children: /* @__PURE__ */ i.jsxs(w, { children: [
|
|
118
|
-
/* @__PURE__ */ i.jsx(r, { children: /* @__PURE__ */ i.jsx(
|
|
119
|
-
y,
|
|
120
|
-
{
|
|
121
|
-
isActive: s > 1,
|
|
122
|
-
size: "sm",
|
|
123
|
-
className: n(s > 1 ? "disabled" : "shadow"),
|
|
124
|
-
onClick: () => {
|
|
125
|
-
s > 1 && l(s - 1);
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
) }),
|
|
129
|
-
R().map((e, o) => /* @__PURE__ */ i.jsx(
|
|
130
|
-
r,
|
|
131
|
-
{
|
|
132
|
-
onClick: () => {
|
|
133
|
-
typeof e == "number" && l(e);
|
|
134
|
-
},
|
|
135
|
-
children: /* @__PURE__ */ i.jsx(
|
|
136
|
-
x,
|
|
137
|
-
{
|
|
138
|
-
size: "sm",
|
|
139
|
-
className: n(
|
|
140
|
-
"w-9 px-0 text-center",
|
|
141
|
-
e === s && "shadow"
|
|
142
|
-
),
|
|
143
|
-
isActive: e === s,
|
|
144
|
-
children: e
|
|
145
|
-
}
|
|
146
|
-
)
|
|
147
|
-
},
|
|
148
|
-
o
|
|
149
|
-
)),
|
|
150
|
-
/* @__PURE__ */ i.jsx(r, { children: /* @__PURE__ */ i.jsx(
|
|
151
|
-
b,
|
|
152
|
-
{
|
|
153
|
-
size: "sm",
|
|
154
|
-
onClick: () => {
|
|
155
|
-
s < a && l(s + 1);
|
|
156
|
-
},
|
|
157
|
-
className: n(s < a ? "disabled" : "shadow"),
|
|
158
|
-
isActive: s < a
|
|
159
|
-
}
|
|
160
|
-
) })
|
|
161
|
-
] }) })
|
|
162
|
-
] });
|
|
163
|
-
}, g = 50, Y = ({
|
|
164
|
-
defaultValue: s = g,
|
|
165
|
-
onLimitChange: a
|
|
166
|
-
}) => {
|
|
167
|
-
const { t: l } = v();
|
|
168
|
-
return /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
169
|
-
/* @__PURE__ */ i.jsxs("span", { className: "font-semibold", children: [
|
|
170
|
-
l("Rows per page"),
|
|
171
|
-
":"
|
|
172
|
-
] }),
|
|
173
|
-
/* @__PURE__ */ i.jsxs(
|
|
174
|
-
f,
|
|
175
|
-
{
|
|
176
|
-
onValueChange: (c) => a(c),
|
|
177
|
-
value: `${s}`,
|
|
178
|
-
children: [
|
|
179
|
-
/* @__PURE__ */ i.jsx(h, { className: "h-8.5 w-17", children: /* @__PURE__ */ i.jsx(j, {}) }),
|
|
180
|
-
/* @__PURE__ */ i.jsxs(N, { children: [
|
|
181
|
-
/* @__PURE__ */ i.jsx(t, { value: "10", children: "10" }),
|
|
182
|
-
/* @__PURE__ */ i.jsx(t, { value: "20", children: "20" }),
|
|
183
|
-
/* @__PURE__ */ i.jsx(t, { value: "50", children: "50" }),
|
|
184
|
-
/* @__PURE__ */ i.jsx(t, { value: "100", children: "100" })
|
|
185
|
-
] })
|
|
186
|
-
]
|
|
187
|
-
}
|
|
188
|
-
)
|
|
189
|
-
] });
|
|
190
|
-
};
|
|
191
|
-
export {
|
|
192
|
-
g as D,
|
|
193
|
-
X as M,
|
|
194
|
-
Y as a
|
|
195
|
-
};
|