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.
@@ -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-CycQaOdq.js";
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-CXAsJVhg.cjs");exports.MyLimitSelect=e.MyLimitSelect;exports.MyPagination=e.MyPagination;
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,4 +1,4 @@
1
- import { a as t, M as e } from "../../MyLimitSelect-CycQaOdq.js";
1
+ import { a as t, M as e } from "../../MyLimitSelect-Cl9EfzBR.js";
2
2
  export {
3
3
  t as MyLimitSelect,
4
4
  e as 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":"AASA,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,kCAG3B,kBAAkB,4CAsBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
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 default MyPagination;
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,QAAA,MAAM,YAAY,GAAI,4CAInB,iBAAiB,4CAuGnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
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,4 +1,4 @@
1
- import MyPagination from './MyPagination';
2
- import MyLimitSelect from './MyLimitSelect';
1
+ import { MyPagination } from './MyPagination';
2
+ import { MyLimitSelect } from './MyLimitSelect';
3
3
  export { MyPagination, MyLimitSelect };
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,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 +1,6 @@
1
1
  {
2
2
  "name": "dgz-ui-shared",
3
- "version": "1.0.53",
3
+ "version": "1.0.55",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -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
- };