@dgshahr/ui-kit 0.0.95 → 0.0.97
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/LICENSE +21 -0
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.d.ts.map +1 -1
- package/dist/Sidebar/index.mjs +149 -120
- package/dist/Sidebar/types.d.ts +11 -1
- package/dist/Sidebar/types.d.ts.map +1 -1
- package/dist/Table/TBody.d.ts.map +1 -1
- package/dist/Table/THead.d.ts.map +1 -1
- package/dist/Table/context.d.ts.map +1 -1
- package/dist/Table/index.cjs +1 -1
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/Table/index.mjs +97 -76
- package/dist/Table/types.d.ts +2 -0
- package/dist/Table/types.d.ts.map +1 -1
- package/dist/assets/styles.css +1 -1
- package/package.json +1 -1
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 dgshahr
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/Sidebar/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),o=require("react"),q=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),S=require("../Badge/index.cjs"),B=require("../index-CSis3p-s.cjs");;/* empty css */const C=require("../AccordionItem-BcOHTf5E.cjs"),N=require("../Divider/index.cjs"),I=require("../IconArrowLeft2-CNA3H0xY.cjs"),O=require("../Button/index.cjs"),R=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),x="dgs-ui-kit-duration-300",j="dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600",w="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",A="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",v=`${A} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`,E=o.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>o.useContext(E),f=s=>d.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",s?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",x);function y(s,t){return i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",t?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",t?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",f),children:s.title}),s.badgeCount&&i.jsx(S,{className:d.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function _(s,t){return s.map(u=>{if("children"in u&&u.children){const n=_(u.children,t);if(n.length>0)return{...u,children:n}}return u.title.includes(t)?{...u}:null}).filter(u=>!!u)}const T=s=>{const{value:t,onChange:u}=s,{isOpen:n,searchInput:a}=p();return i.jsx(B.Input,{value:t,onChange:u,rightIcon:i.jsx(z.IconSearch,{}),placeholder:"جستجو",...typeof a=="boolean"?{}:a,wrapperClassName:d.clsx("dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",f(n),typeof a=="object"&&a.wrapperClassName,x)})},D=()=>{const{isOpen:s,searchInput:t=!0,items:u}=p(),[n,a]=o.useState(""),[g,h]=o.useState(u??[]),m=o.useCallback(q.debounce(l=>{h(_(g,l))},800),[]);function b(l){const c=l.target.value;a(c),m(c)}function k(){a(""),h(u??[])}return o.useEffect(()=>{n&&k()},[s]),i.jsxs("div",{className:"dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar",children:[!!t&&i.jsx(T,{value:n,onChange:b}),i.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:g.map((l,c)=>i.jsxs(o.Fragment,{children:[i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",f(s)),children:l.title}),i.jsx(C.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:l.children?.map(e=>e.link?i.jsx("a",{href:e.link,className:d.clsx("dgs-ui-kit-pr-3",e.disabled&&w,e.active&&v,s?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",j),children:y(e,s)},e.link):i.jsx(C.AccordionItem,{className:d.clsx("!dgs-ui-kit-p-0",e.disabled&&w),title:y(e,s),hideDivider:!0,hideArrow:!s||e.disabled,disable:!s||e.disabled,titleClassName:d.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",s?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",e.children?.find(r=>r.active)&&v,j),children:e.children?.map(r=>i.jsxs("a",{href:r.link,className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",r.disabled&&w,r.active&&A,j),children:[i.jsx("p",{children:r.title}),r.badgeCount&&i.jsx(S,{valueType:"number",value:r.badgeCount,color:"error",type:"twoTone",size:"small"})]},r.link))},e.link??e.title))}),c!==g.length-1&&i.jsx(N,{type:"horizontal"})]},l.title))})]})},M=()=>{const{isOpen:s,logo:t}=p();return i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",t?.className)})})},P=()=>{const{userProfile:s,isOpen:t}=p();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",{"dgs-ui-kit-pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",f(t)),children:[i.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:s?.name}),i.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:s?.description})]})]})},F=()=>{const{isOpen:s,setIsOpen:t}=p();return i.jsx("button",{type:"button",className:"dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",onClick:()=>t(!s),children:i.jsx(I.IconArrowLeft2,{className:d.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",s&&"dgs-ui-kit-rotate-180",x),width:16,height:16})})},V=s=>{const{isOpen:t,className:u,logo:n,items:a,extraComponent:g,userProfile:h,logOutButtonProps:m,onLogout:b,showMask:k,onMaskClick:l}=s,c=k?"div":o.Fragment,e=document.documentElement;return o.useEffect(()=>{const r="dgs-ui-kit-pr-[80px]";return e.classList.add(r),()=>{e.classList.remove(r)}},[]),o.useEffect(()=>{if(!k)return;const r="dgs-ui-kit-overflow-hidden";return t?e.classList.add(r):e.classList.remove(r),()=>{e.classList.remove(r)}},[k,t]),i.jsx(E.Provider,{value:s,children:i.jsx(c,{...c==="div"?{className:d.clsx("dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",t?"dgs-ui-kit-size-full dgs-ui-kit-bg-black/40":"dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",x),onClick:r=>{typeof l=="function"&&r.target===r.currentTarget&&l()}}:{},children:i.jsxs("div",{className:d.clsx(u,"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width]",t?"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",x),children:[i.jsx(F,{}),!!(n?.open??n?.close)&&i.jsx(M,{}),a&&a.length>0&&i.jsx(D,{}),i.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[g,i.jsx(N,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!h?.image&&i.jsx(P,{}),i.jsx(O,{color:"error",variant:"secondary",rightIcon:i.jsx(R,{}),isFullWidth:!0,onClick:b,...m,children:t?"خروج":""})]})]})})})};module.exports=V;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6F7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
package/dist/Sidebar/index.mjs
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
2
3
|
import { c as r } from "../clsx-OuTLNxxd.js";
|
|
3
|
-
import { createContext as
|
|
4
|
+
import { createContext as I, useContext as T, useState as y, useCallback as j, useEffect as v, Fragment as A } from "react";
|
|
4
5
|
import { d as D } from "../index-CzwAoGdL.js";
|
|
5
|
-
import { I as
|
|
6
|
-
import
|
|
7
|
-
import { I as
|
|
6
|
+
import { I as M } from "../IconSearch-aShj2vmu.js";
|
|
7
|
+
import _ from "../Badge/index.mjs";
|
|
8
|
+
import { I as R } from "../index-BOxK2gfQ.js";
|
|
8
9
|
import '../assets/styles.css';/* empty css */
|
|
9
|
-
import { A as
|
|
10
|
-
import
|
|
10
|
+
import { A as P, a as V } from "../AccordionItem-CbYyB1Ub.js";
|
|
11
|
+
import E from "../Divider/index.mjs";
|
|
11
12
|
import { I as F } from "../IconArrowLeft2-cxcPyDqS.js";
|
|
12
13
|
import H from "../Button/index.mjs";
|
|
13
|
-
const G = (i) => /* @__PURE__ */
|
|
14
|
+
const G = (i) => /* @__PURE__ */ l(
|
|
14
15
|
"svg",
|
|
15
16
|
{
|
|
16
17
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -40,17 +41,17 @@ const G = (i) => /* @__PURE__ */ o(
|
|
|
40
41
|
)
|
|
41
42
|
]
|
|
42
43
|
}
|
|
43
|
-
),
|
|
44
|
+
), p = "dgs-ui-kit-duration-300", C = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", w = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", z = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", N = `${z} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, B = I({
|
|
44
45
|
isOpen: !1,
|
|
45
46
|
setIsOpen: () => {
|
|
46
47
|
}
|
|
47
|
-
}),
|
|
48
|
+
}), f = () => T(B), m = (i) => r(
|
|
48
49
|
"dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",
|
|
49
50
|
i ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0",
|
|
50
|
-
|
|
51
|
+
p
|
|
51
52
|
);
|
|
52
|
-
function
|
|
53
|
-
return /* @__PURE__ */
|
|
53
|
+
function S(i, s) {
|
|
54
|
+
return /* @__PURE__ */ l(
|
|
54
55
|
"div",
|
|
55
56
|
{
|
|
56
57
|
className: r(
|
|
@@ -65,13 +66,13 @@ function N(i, s) {
|
|
|
65
66
|
className: r(
|
|
66
67
|
"dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",
|
|
67
68
|
s ? "dgs-ui-kit-w-full" : "dgs-ui-kit-w-0",
|
|
68
|
-
|
|
69
|
+
m
|
|
69
70
|
),
|
|
70
71
|
children: i.title
|
|
71
72
|
}
|
|
72
73
|
),
|
|
73
74
|
i.badgeCount && /* @__PURE__ */ t(
|
|
74
|
-
|
|
75
|
+
_,
|
|
75
76
|
{
|
|
76
77
|
className: r("dgs-ui-kit-shrink-0", {
|
|
77
78
|
"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0": !s
|
|
@@ -86,115 +87,115 @@ function N(i, s) {
|
|
|
86
87
|
}
|
|
87
88
|
);
|
|
88
89
|
}
|
|
89
|
-
function
|
|
90
|
-
return i.map((
|
|
91
|
-
if ("children" in
|
|
92
|
-
const
|
|
93
|
-
if (
|
|
94
|
-
return { ...
|
|
90
|
+
function O(i, s) {
|
|
91
|
+
return i.map((u) => {
|
|
92
|
+
if ("children" in u && u.children) {
|
|
93
|
+
const n = O(u.children, s);
|
|
94
|
+
if (n.length > 0)
|
|
95
|
+
return { ...u, children: n };
|
|
95
96
|
}
|
|
96
|
-
return
|
|
97
|
-
}).filter((
|
|
97
|
+
return u.title.includes(s) ? { ...u } : null;
|
|
98
|
+
}).filter((u) => !!u);
|
|
98
99
|
}
|
|
99
100
|
const U = (i) => {
|
|
100
|
-
const { value: s, onChange:
|
|
101
|
+
const { value: s, onChange: u } = i, { isOpen: n, searchInput: a } = f();
|
|
101
102
|
return /* @__PURE__ */ t(
|
|
102
|
-
|
|
103
|
+
R,
|
|
103
104
|
{
|
|
104
105
|
value: s,
|
|
105
|
-
onChange:
|
|
106
|
-
rightIcon: /* @__PURE__ */ t(
|
|
106
|
+
onChange: u,
|
|
107
|
+
rightIcon: /* @__PURE__ */ t(M, {}),
|
|
107
108
|
placeholder: "جستجو",
|
|
108
109
|
...typeof a == "boolean" ? {} : a,
|
|
109
110
|
wrapperClassName: r(
|
|
110
111
|
"dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",
|
|
111
|
-
|
|
112
|
+
m(n),
|
|
112
113
|
typeof a == "object" && a.wrapperClassName,
|
|
113
|
-
|
|
114
|
+
p
|
|
114
115
|
)
|
|
115
116
|
}
|
|
116
117
|
);
|
|
117
118
|
}, W = () => {
|
|
118
|
-
const { isOpen: i, searchInput: s = !0, items:
|
|
119
|
-
D((
|
|
120
|
-
|
|
119
|
+
const { isOpen: i, searchInput: s = !0, items: u } = f(), [n, a] = y(""), [c, h] = y(u ?? []), b = j(
|
|
120
|
+
D((o) => {
|
|
121
|
+
h(O(c, o));
|
|
121
122
|
}, 800),
|
|
122
123
|
[]
|
|
123
124
|
);
|
|
124
|
-
function
|
|
125
|
-
const
|
|
126
|
-
a(
|
|
125
|
+
function x(o) {
|
|
126
|
+
const g = o.target.value;
|
|
127
|
+
a(g), b(g);
|
|
127
128
|
}
|
|
128
|
-
function
|
|
129
|
-
a(""),
|
|
129
|
+
function k() {
|
|
130
|
+
a(""), h(u ?? []);
|
|
130
131
|
}
|
|
131
|
-
return
|
|
132
|
-
|
|
133
|
-
}, [i]), /* @__PURE__ */
|
|
132
|
+
return v(() => {
|
|
133
|
+
n && k();
|
|
134
|
+
}, [i]), /* @__PURE__ */ l("div", { className: "dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar", children: [
|
|
134
135
|
!!s && /* @__PURE__ */ t(
|
|
135
136
|
U,
|
|
136
137
|
{
|
|
137
|
-
value:
|
|
138
|
-
onChange:
|
|
138
|
+
value: n,
|
|
139
|
+
onChange: x
|
|
139
140
|
}
|
|
140
141
|
),
|
|
141
|
-
/* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children:
|
|
142
|
+
/* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: c.map((o, g) => /* @__PURE__ */ l(A, { children: [
|
|
142
143
|
/* @__PURE__ */ t(
|
|
143
144
|
"div",
|
|
144
145
|
{
|
|
145
146
|
className: r(
|
|
146
147
|
"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",
|
|
147
|
-
|
|
148
|
+
m(i)
|
|
148
149
|
),
|
|
149
|
-
children:
|
|
150
|
+
children: o.title
|
|
150
151
|
}
|
|
151
152
|
),
|
|
152
|
-
/* @__PURE__ */ t(
|
|
153
|
-
(
|
|
153
|
+
/* @__PURE__ */ t(P, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children: o.children?.map(
|
|
154
|
+
(e) => e.link ? /* @__PURE__ */ t(
|
|
154
155
|
"a",
|
|
155
156
|
{
|
|
156
|
-
href:
|
|
157
|
+
href: e.link,
|
|
157
158
|
className: r(
|
|
158
159
|
"dgs-ui-kit-pr-3",
|
|
159
|
-
|
|
160
|
-
|
|
160
|
+
e.disabled && w,
|
|
161
|
+
e.active && N,
|
|
161
162
|
i ? "dgs-ui-kit-pl-9" : "dgs-ui-kit-pl-3",
|
|
162
|
-
|
|
163
|
+
C
|
|
163
164
|
),
|
|
164
|
-
children:
|
|
165
|
+
children: S(e, i)
|
|
165
166
|
},
|
|
166
|
-
|
|
167
|
+
e.link
|
|
167
168
|
) : /* @__PURE__ */ t(
|
|
168
169
|
V,
|
|
169
170
|
{
|
|
170
|
-
className: r("!dgs-ui-kit-p-0",
|
|
171
|
-
title:
|
|
171
|
+
className: r("!dgs-ui-kit-p-0", e.disabled && w),
|
|
172
|
+
title: S(e, i),
|
|
172
173
|
hideDivider: !0,
|
|
173
|
-
hideArrow: !i ||
|
|
174
|
-
disable: !i ||
|
|
174
|
+
hideArrow: !i || e.disabled,
|
|
175
|
+
disable: !i || e.disabled,
|
|
175
176
|
titleClassName: r(
|
|
176
177
|
"[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",
|
|
177
178
|
i ? "dgs-ui-kit-px-3" : "!dgs-ui-kit-justify-center",
|
|
178
|
-
|
|
179
|
-
|
|
179
|
+
e.children?.find((d) => d.active) && N,
|
|
180
|
+
C
|
|
180
181
|
),
|
|
181
|
-
children:
|
|
182
|
+
children: e.children?.map((d) => /* @__PURE__ */ l(
|
|
182
183
|
"a",
|
|
183
184
|
{
|
|
184
|
-
href:
|
|
185
|
+
href: d.link,
|
|
185
186
|
className: r(
|
|
186
187
|
"dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
188
|
+
d.disabled && w,
|
|
189
|
+
d.active && z,
|
|
190
|
+
C
|
|
190
191
|
),
|
|
191
192
|
children: [
|
|
192
|
-
/* @__PURE__ */ t("p", { children:
|
|
193
|
-
|
|
194
|
-
|
|
193
|
+
/* @__PURE__ */ t("p", { children: d.title }),
|
|
194
|
+
d.badgeCount && /* @__PURE__ */ t(
|
|
195
|
+
_,
|
|
195
196
|
{
|
|
196
197
|
valueType: "number",
|
|
197
|
-
value:
|
|
198
|
+
value: d.badgeCount,
|
|
198
199
|
color: "error",
|
|
199
200
|
type: "twoTone",
|
|
200
201
|
size: "small"
|
|
@@ -202,17 +203,17 @@ const U = (i) => {
|
|
|
202
203
|
)
|
|
203
204
|
]
|
|
204
205
|
},
|
|
205
|
-
|
|
206
|
+
d.link
|
|
206
207
|
))
|
|
207
208
|
},
|
|
208
|
-
|
|
209
|
+
e.link ?? e.title
|
|
209
210
|
)
|
|
210
211
|
) }),
|
|
211
|
-
|
|
212
|
-
] },
|
|
212
|
+
g !== c.length - 1 && /* @__PURE__ */ t(E, { type: "horizontal" })
|
|
213
|
+
] }, o.title)) })
|
|
213
214
|
] });
|
|
214
215
|
}, $ = () => {
|
|
215
|
-
const { isOpen: i, logo: s } =
|
|
216
|
+
const { isOpen: i, logo: s } = f();
|
|
216
217
|
return /* @__PURE__ */ t("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8", children: /* @__PURE__ */ t(
|
|
217
218
|
"img",
|
|
218
219
|
{
|
|
@@ -223,8 +224,8 @@ const U = (i) => {
|
|
|
223
224
|
}
|
|
224
225
|
) });
|
|
225
226
|
}, q = () => {
|
|
226
|
-
const { userProfile: i, isOpen: s } =
|
|
227
|
-
return /* @__PURE__ */
|
|
227
|
+
const { userProfile: i, isOpen: s } = f();
|
|
228
|
+
return /* @__PURE__ */ l(
|
|
228
229
|
"a",
|
|
229
230
|
{
|
|
230
231
|
href: i?.link ?? "#",
|
|
@@ -241,7 +242,7 @@ const U = (i) => {
|
|
|
241
242
|
className: "dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"
|
|
242
243
|
}
|
|
243
244
|
),
|
|
244
|
-
/* @__PURE__ */
|
|
245
|
+
/* @__PURE__ */ l("div", { className: r("dgs-ui-kit-flex dgs-ui-kit-flex-col", m(s)), children: [
|
|
245
246
|
/* @__PURE__ */ t("p", { className: "dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700", children: i?.name }),
|
|
246
247
|
/* @__PURE__ */ t("p", { className: "dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400", children: i?.description })
|
|
247
248
|
] })
|
|
@@ -249,7 +250,7 @@ const U = (i) => {
|
|
|
249
250
|
}
|
|
250
251
|
);
|
|
251
252
|
}, J = () => {
|
|
252
|
-
const { isOpen: i, setIsOpen: s } =
|
|
253
|
+
const { isOpen: i, setIsOpen: s } = f();
|
|
253
254
|
return /* @__PURE__ */ t(
|
|
254
255
|
"button",
|
|
255
256
|
{
|
|
@@ -262,7 +263,7 @@ const U = (i) => {
|
|
|
262
263
|
className: r(
|
|
263
264
|
"dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",
|
|
264
265
|
i && "dgs-ui-kit-rotate-180",
|
|
265
|
-
|
|
266
|
+
p
|
|
266
267
|
),
|
|
267
268
|
width: 16,
|
|
268
269
|
height: 16
|
|
@@ -273,51 +274,79 @@ const U = (i) => {
|
|
|
273
274
|
}, ui = (i) => {
|
|
274
275
|
const {
|
|
275
276
|
isOpen: s,
|
|
276
|
-
className:
|
|
277
|
-
logo:
|
|
277
|
+
className: u,
|
|
278
|
+
logo: n,
|
|
278
279
|
items: a,
|
|
279
|
-
extraComponent:
|
|
280
|
-
userProfile:
|
|
281
|
-
logOutButtonProps:
|
|
282
|
-
onLogout:
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
280
|
+
extraComponent: c,
|
|
281
|
+
userProfile: h,
|
|
282
|
+
logOutButtonProps: b,
|
|
283
|
+
onLogout: x,
|
|
284
|
+
showMask: k,
|
|
285
|
+
onMaskClick: o
|
|
286
|
+
} = i, g = k ? "div" : A, e = document.documentElement;
|
|
287
|
+
return v(() => {
|
|
288
|
+
const d = "dgs-ui-kit-pr-[80px]";
|
|
289
|
+
return e.classList.add(d), () => {
|
|
290
|
+
e.classList.remove(d);
|
|
291
|
+
};
|
|
292
|
+
}, []), v(() => {
|
|
293
|
+
if (!k) return;
|
|
294
|
+
const d = "dgs-ui-kit-overflow-hidden";
|
|
295
|
+
return s ? e.classList.add(d) : e.classList.remove(d), () => {
|
|
296
|
+
e.classList.remove(d);
|
|
297
|
+
};
|
|
298
|
+
}, [k, s]), /* @__PURE__ */ t(B.Provider, { value: i, children: /* @__PURE__ */ t(
|
|
299
|
+
g,
|
|
286
300
|
{
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
301
|
+
...g === "div" ? {
|
|
302
|
+
className: r(
|
|
303
|
+
"dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",
|
|
304
|
+
s ? "dgs-ui-kit-size-full dgs-ui-kit-bg-black/40" : "dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",
|
|
305
|
+
p
|
|
306
|
+
),
|
|
307
|
+
onClick: (d) => {
|
|
308
|
+
typeof o == "function" && d.target === d.currentTarget && o();
|
|
309
|
+
}
|
|
310
|
+
} : {},
|
|
311
|
+
children: /* @__PURE__ */ l(
|
|
312
|
+
"div",
|
|
313
|
+
{
|
|
314
|
+
className: r(
|
|
315
|
+
u,
|
|
316
|
+
"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width]",
|
|
317
|
+
s ? "dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full" : "dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",
|
|
318
|
+
p
|
|
305
319
|
),
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
{
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
320
|
+
children: [
|
|
321
|
+
/* @__PURE__ */ t(J, {}),
|
|
322
|
+
!!(n?.open ?? n?.close) && /* @__PURE__ */ t($, {}),
|
|
323
|
+
a && a.length > 0 && /* @__PURE__ */ t(W, {}),
|
|
324
|
+
/* @__PURE__ */ l("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
|
|
325
|
+
c,
|
|
326
|
+
/* @__PURE__ */ t(
|
|
327
|
+
E,
|
|
328
|
+
{
|
|
329
|
+
className: "dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",
|
|
330
|
+
type: "horizontal"
|
|
331
|
+
}
|
|
332
|
+
),
|
|
333
|
+
!!h?.image && /* @__PURE__ */ t(q, {}),
|
|
334
|
+
/* @__PURE__ */ t(
|
|
335
|
+
H,
|
|
336
|
+
{
|
|
337
|
+
color: "error",
|
|
338
|
+
variant: "secondary",
|
|
339
|
+
rightIcon: /* @__PURE__ */ t(G, {}),
|
|
340
|
+
isFullWidth: !0,
|
|
341
|
+
onClick: x,
|
|
342
|
+
...b,
|
|
343
|
+
children: s ? "خروج" : ""
|
|
344
|
+
}
|
|
345
|
+
)
|
|
346
|
+
] })
|
|
347
|
+
]
|
|
348
|
+
}
|
|
349
|
+
)
|
|
321
350
|
}
|
|
322
351
|
) });
|
|
323
352
|
};
|
package/dist/Sidebar/types.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export interface FirstLevelSidebarItem {
|
|
|
21
21
|
title: string;
|
|
22
22
|
children?: SecondLevelSidebarItem[];
|
|
23
23
|
}
|
|
24
|
-
|
|
24
|
+
interface SidebarPropsBase {
|
|
25
25
|
isOpen: boolean;
|
|
26
26
|
setIsOpen: (isOpen: boolean) => void;
|
|
27
27
|
logo?: {
|
|
@@ -41,4 +41,14 @@ export interface SidebarProps {
|
|
|
41
41
|
logOutButtonProps?: Omit<ButtonProps, 'onClick'>;
|
|
42
42
|
className?: string;
|
|
43
43
|
}
|
|
44
|
+
interface SidebarPropsWithMask {
|
|
45
|
+
showMask: true;
|
|
46
|
+
onMaskClick?: () => void;
|
|
47
|
+
}
|
|
48
|
+
interface SidebarPropsWithoutMask {
|
|
49
|
+
showMask?: false;
|
|
50
|
+
onMaskClick?: () => never;
|
|
51
|
+
}
|
|
52
|
+
export type SidebarProps = SidebarPropsBase & (SidebarPropsWithMask | SidebarPropsWithoutMask);
|
|
53
|
+
export {};
|
|
44
54
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;CACrC;AAED,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACpF,KAAK,CACN,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,IAAI,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,CAAC,oBAAoB,GAAG,uBAAuB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TBody.d.ts","sourceRoot":"","sources":["../../src/components/Table/TBody.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TBody.d.ts","sourceRoot":"","sources":["../../src/components/Table/TBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAchC,UAAU,UAAU;IAClB,cAAc,EAAE,OAAO,CAAC;CACzB;AA8CD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAiEzB,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"THead.d.ts","sourceRoot":"","sources":["../../src/components/Table/THead.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"THead.d.ts","sourceRoot":"","sources":["../../src/components/Table/THead.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAiBhC,UAAU,UAAU;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB;AA6CD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAkFzB,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Table/context.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Table/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,UAAU,WAAW,CAAC,CAAC,SAAS,aAAa,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IAClE,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,YAAY,qDAKvB,CAAC;AAEH,UAAU,aAAa,CAAC,CAAC,SAAS,aAAa,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAYD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,aAAa,EAAE,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,2CA4C9F;AAED,eAAO,MAAM,eAAe,kCAAiC,CAAC"}
|
package/dist/Table/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),c=require("../clsx-C11secjj.cjs"),k=require("react"),O=require("../Badge/index.cjs"),_=require("../Form/Checkbox/index.cjs"),S=require("../Tooltip/index.cjs"),L=require("../IconArrowDown2-C1dLVveG.cjs"),I=require("../IconInfoCircleOutline-0ef3qbeI.cjs"),p=require("../Divider/index.cjs"),K=require("../Pagination/index.cjs");;/* empty css */const A=k.createContext({observer:null,columns:[],data:[],rowKey:""}),R="after:!dgs-ui-kit-shadow-[rgba(0,0,0,0.06)]";function b(t){t.classList.add(R)}function H(t){t.classList.remove(R)}function z(t){const{children:i,...n}=t,{columns:l,rowSelection:r}=n,[a,d]=k.useState(null);return k.useEffect(()=>{let s=l.some(f=>!!f.sticky);return s||(s=!!r?.sticky),s&&d(new IntersectionObserver(f=>{let o=!1;for(const u of f)if(u.boundingClientRect.right>u.intersectionRect.right){document.querySelectorAll("#sticky-cell-right").forEach(b),o=!0;break}else if(u.boundingClientRect.left<u.intersectionRect.left){document.querySelectorAll("#sticky-cell-left").forEach(b),o=!0;break}o||document.querySelectorAll('[id^="sticky-cell-"]').forEach(H)},{threshold:1,rootMargin:"0% 100% 0% 100%"})),()=>{a&&a.disconnect()}},[]),e.jsx(A.Provider,{value:{observer:a,...n},children:i})}const x=()=>k.useContext(A),D=t=>{const{title:i,extraElement:n,showTotal:l,total:r,className:a}=t;return e.jsxs("div",{className:c.clsx("dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200",a),children:[e.jsx("div",{className:"dgs-ui-kit-font-h4-bold dgs-ui-kit-text-gray-700 dgs-ui-kit-w-full",children:i}),l&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-shrink-0",children:[e.jsx("span",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-700 dgs-ui-kit-ml-1",children:"تعداد نتایج:"}),e.jsx(O,{value:r??0,valueType:"number",size:"large",color:"primary",type:"twoTone"})]}),n]})};function y(t){switch(t){case"center":return"dgs-ui-kit-justify-center";case"start":return"dgs-ui-kit-justify-start";case"end":return"dgs-ui-kit-justify-end";default:return}}function E(t,i){return t||(Array.isArray(i)?i[i.length-1]:i)}function B(t){return!!(t&&t.selectedRowKeys.length>1||typeof t?.onSelectRow=="function")}function q(t,i){return e.jsx("div",{className:c.clsx("dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-centerd",y(t??"center")),children:e.jsx(_,{...i})})}function P(t,i){if(t)return c.clsx("dgs-ui-kit-sticky dgs-ui-kit-z-10",'after:dgs-ui-kit-content[""] after:dgs-ui-kit-absolute after:dgs-ui-kit-top-0 after:dgs-ui-kit-h-full after:dgs-ui-kit-w-[30px] after:dgs-ui-kit-transition-shadow',{" dgs-ui-kit-right-[-1px] dgs-ui-kit-pr-[calc(1em+1px)] after:dgs-ui-kit-left-0 after:-dgs-ui-kit-translate-x-full after:dgs-ui-kit-shadow-[inset_-10px_0_8px_-8px] after:dgs-ui-kit-shadow-transparent":t==="right"," dgs-ui-kit-left-[-1px] dgs-ui-kit-pl-[calc(1em+1px)] after:dgs-ui-kit-right-0 after:dgs-ui-kit-translate-x-full after:dgs-ui-kit-shadow-[inset_10px_0_8px_-8px] after:dgs-ui-kit-shadow-transparent":t==="left",'before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-top-0 before:dgs-ui-kit-right-0 before:dgs-ui-kit-w-full before:dgs-ui-kit-border-t before:md:dgs-ui-kit-border-t-0 before:dgs-ui-kit-border-solid before:dgs-ui-kit-border-gray-200':i})}const m=t=>{const{children:i,className:n,type:l,sticky:r,addBorderToSticky:a,stuckToTop:d}=t,s=k.useRef(null),f=l,{observer:o}=x();return k.useEffect(()=>{if(!(!s.current||!o))return r&&o.observe(s.current),()=>{!s.current||!o||r&&o.unobserve(s.current)}},[s,o]),e.jsx(f,{ref:s,className:c.clsx(n,P(r,a),{'dgs-ui-kit-border-b-0 before:dgs-ui-kit-content[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-bottom-0 before:dgs-ui-kit-left-0 before:dgs-ui-kit-w-full before:dgs-ui-kit-border-b before:dgs-ui-kit-border-solid before:dgs-ui-kit-border-gray-200':d,"dgs-ui-kit-top-0 dgs-ui-kit-z-20":d&&r,"dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-z-10":d&&!r}),id:r&&`sticky-cell-${r}`,children:i})},M=()=>{const{columns:t,emptyContent:i}=x();return e.jsx("tbody",{children:e.jsx("tr",{children:e.jsx("td",{colSpan:t.length,children:i})})})},$=t=>{const{className:i,...n}=t;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"200px",height:"200px",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:c.clsx("dgs-ui-kit-m-auto dgs-ui-kit-bg-none dgs-ui-kit-block dgs-ui-kit-text-primary-500",i),...n,children:[e.jsx("g",{transform:"translate(79,50)",children:e.jsx("g",{transform:"rotate(0)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"1",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.875s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.875s"})]})})}),e.jsx("g",{transform:"translate(70.50609665440987,70.50609665440987)",children:e.jsx("g",{transform:"rotate(45)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.875",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.75s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.75s"})]})})}),e.jsx("g",{transform:"translate(50,79)",children:e.jsx("g",{transform:"rotate(90)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.75",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.625s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.625s"})]})})}),e.jsx("g",{transform:"translate(29.493903345590123,70.50609665440987)",children:e.jsx("g",{transform:"rotate(135)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.625",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.5s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.5s"})]})})}),e.jsx("g",{transform:"translate(21,50)",children:e.jsx("g",{transform:"rotate(180)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.5",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.375s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.375s"})]})})}),e.jsx("g",{transform:"translate(29.493903345590116,29.493903345590123)",children:e.jsx("g",{transform:"rotate(225)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.375",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.25s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.25s"})]})})}),e.jsx("g",{transform:"translate(49.99999999999999,21)",children:e.jsx("g",{transform:"rotate(270)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.25",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.125s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.125s"})]})})}),e.jsx("g",{transform:"translate(70.50609665440987,29.493903345590116)",children:e.jsx("g",{transform:"rotate(315)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.125",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"0s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"0s"})]})})})]})},F=()=>{const{columns:t,loading:i}=x();return e.jsx("tbody",{children:e.jsx("tr",{children:e.jsx("td",{className:"dgs-ui-kit-p-10",colSpan:t.length,children:e.jsx($,{width:typeof i!="boolean"?i.size:100,height:typeof i!="boolean"?i.size:100})})})})},j="dgs-ui-kit-p-4 dgs-ui-kit-pl-0 dgs-ui-kit-bg-white dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200";function U(t,i){return t?Array.isArray(t)?t.reduce((n,l)=>n?.[l]??null,i):i[t]:null}function W(t,i,n){if(typeof t.render=="function")return t.render(i,n);const l=U(t.dataIndex,i);if(t.ellipsis){const r=e.jsx("div",{className:"!dgs-ui-kit-truncate",children:l});return typeof t.ellipsis!="boolean"&&t.ellipsis.hideTooltip?r:e.jsx(S,{wrapperClassName:"dgs-ui-kit-w-full",content:l,children:r})}return l}const Y=t=>{const{havePagination:i}=t,{columns:n,data:l,rowKey:r,rowSelection:a,stickyTableHeader:d,loading:s,emptyContent:f}=x();return s?e.jsx(F,{}):l.length<1&&f?e.jsx(M,{}):e.jsx("tbody",{children:l.map((o,u)=>e.jsxs("tr",{children:[B(a)&&e.jsx(m,{type:"td",className:c.clsx(j,a?.className,{"dgs-ui-kit-border-b-0 dgs-ui-kit-rounded-br-2xl":!i&&u===l.length-1},a?.className),sticky:a?.sticky,addBorderToSticky:d?u!==0:!0,children:q(a?.align,{onChange:g=>a?.onSelectRow(g,o[r]),checked:!!a?.selectedRowKeys.find(g=>g===o[r])})}),n.map(g=>e.jsx(m,{type:"td",className:c.clsx(j,{"dgs-ui-kit-border-b-0 first:dgs-ui-kit-rounded-br-2xl last:dgs-ui-kit-rounded-bl-2xl":!i&&u===l.length-1},g.className),sticky:g.sticky,addBorderToSticky:d?u!==0:!0,children:e.jsx("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-ml-2",y(g.align)),children:W(g,o,u)})},`${o[r]}-${E(g.key,g.dataIndex)}`))]},o[r]))})},Z=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:e.jsx("path",{fill:"currentColor",d:"M19.53 16.03a.75.75 0 0 1-.976.073l-.084-.073L12 9.561l-6.47 6.47a.75.75 0 0 1-.976.072l-.084-.073a.75.75 0 0 1-.073-.976l.073-.084 7-7a.75.75 0 0 1 .976-.073l.084.073 7 7a.75.75 0 0 1 0 1.06"})});function G(t,i){if(t.length!==i.length)return!1;t.sort(),i.sort();for(let n=0;n<t.length;n++)if(t[n]!==i[n])return!1;return!0}const h=16,v="dgs-ui-kit-p-4 dgs-ui-kit-pl-0 dgs-ui-kit-text-gray-500 dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200",C="!dgs-ui-kit-h-8 dgs-ui-kit-shrink-0";function w(t,i){const n=t==="ascend"?Z:L.IconArrowDown2;return e.jsx("button",{onClick:()=>i.onSort(t),children:e.jsx(n,{width:h,height:h,className:i.active===t?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-500"})})}function N(t,i){return e.jsxs("div",{className:"dgs-ui-kit-font-p1-medium dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse",children:[e.jsx("span",{children:t}),i&&(i.anchorIcon??e.jsx(I.IconInfoCircleOutline,{width:h,height:h}))]})}function T(t,i){return t.map(n=>n[i])}const J=t=>{const{haveHeader:i}=t,{columns:n,rowKey:l,rowSelection:r,data:a,stickyTableHeader:d}=x();return e.jsx("thead",{children:e.jsxs("tr",{children:[B(r)&&e.jsx(m,{type:"th",className:c.clsx(v,{"dgs-ui-kit-rounded-tr-2xl":!i},r?.className),sticky:r?.sticky,stuckToTop:d,children:e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-between",children:[q(r?.align,{checked:r.selectedRowKeys.length>0,isIndeterminate:!G(T(a,l),r.selectedRowKeys),onChange:s=>r?.onSelectRow(s,s.target.checked?T(a,l):[])}),e.jsx(p,{type:"vertical",className:C})]})}),n.map((s,f)=>e.jsx(m,{type:"th",sticky:s.sticky,className:c.clsx(v,{"first:dgs-ui-kit-rounded-tr-2xl last:dgs-ui-kit-rounded-tl-2xl":!i},s.className),stuckToTop:d,children:e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center",children:[e.jsxs("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-full dgs-ui-kit-ml-2",y(s.align)),children:[s.tooltip?.content?e.jsx(S,{...s.tooltip,children:N(s.title,s.tooltip)}):N(s.title),typeof s.sort?.onSort=="function"&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col",children:[w("ascend",s.sort),w("descend",s.sort)]})]}),f!==n.length-1&&e.jsx(p,{type:"vertical",className:C})]})},E(s.key,s.dataIndex)))]})})};function Q(t){const{header:i,wrapperClassName:n,className:l,data:r,pagination:a}=t,d=(i&&Object.values(i).length>0)??!1,s=!!(a?.totalCount&&a?.pageSize);return e.jsxs("div",{className:c.clsx("dgs-ui-kit-relative dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid dgs-ui-kit-rounded-2xl ",n),children:[d&&e.jsx(D,{...i,total:a?.totalCount??r.length}),e.jsx("table",{className:l,children:e.jsxs(z,{...t,children:[e.jsx(J,{haveHeader:d}),e.jsx(Y,{havePagination:s})]})}),s&&e.jsx(K,{className:c.clsx("dgs-ui-kit-py-4 !dgs-ui-kit-px-0",a?.className),...a})]})}module.exports=Q;
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),c=require("../clsx-C11secjj.cjs"),k=require("react"),O=require("../Badge/index.cjs"),_=require("../Form/Checkbox/index.cjs"),S=require("../Tooltip/index.cjs"),L=require("../IconArrowDown2-C1dLVveG.cjs"),I=require("../IconInfoCircleOutline-0ef3qbeI.cjs"),p=require("../Divider/index.cjs"),K=require("../Pagination/index.cjs");;/* empty css */const A=k.createContext({observer:null,columns:[],data:[],rowKey:""}),E="after:!dgs-ui-kit-shadow-[rgba(0,0,0,0.06)]";function b(t){t.classList.add(E)}function H(t){t.classList.remove(E)}function z(t){const{children:i,...n}=t,{columns:l,rowSelection:r}=n,[a,d]=k.useState(null);return k.useEffect(()=>{let s=l.some(u=>!!u.sticky);return s||(s=!!r?.sticky),s&&d(new IntersectionObserver(u=>{let o=!1;for(const g of u)if(g.boundingClientRect.right>g.intersectionRect.right){document.querySelectorAll("#sticky-cell-right").forEach(b),o=!0;break}else if(g.boundingClientRect.left<g.intersectionRect.left){document.querySelectorAll("#sticky-cell-left").forEach(b),o=!0;break}o||document.querySelectorAll('[id^="sticky-cell-"]').forEach(H)},{threshold:1,rootMargin:"0% 100% 0% 100%"})),()=>{a&&a.disconnect()}},[]),e.jsx(A.Provider,{value:{observer:a,...n},children:i})}const x=()=>k.useContext(A),D=t=>{const{title:i,extraElement:n,showTotal:l,total:r,className:a}=t;return e.jsxs("div",{className:c.clsx("dgs-ui-kit-p-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200",a),children:[e.jsx("div",{className:"dgs-ui-kit-font-h4-bold dgs-ui-kit-text-gray-700 dgs-ui-kit-w-full",children:i}),l&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-shrink-0",children:[e.jsx("span",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-700 dgs-ui-kit-ml-1",children:"تعداد نتایج:"}),e.jsx(O,{value:r??0,valueType:"number",size:"large",color:"primary",type:"twoTone"})]}),n]})};function y(t){switch(t){case"center":return"dgs-ui-kit-justify-center";case"start":return"dgs-ui-kit-justify-start";case"end":return"dgs-ui-kit-justify-end";default:return}}function R(t,i){return t||(Array.isArray(i)?i[i.length-1]:i)}function B(t){return!!(t&&t.selectedRowKeys.length>1||typeof t?.onSelectRow=="function")}function q(t,i){return e.jsx("div",{className:c.clsx("dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-centerd",y(t??"center")),children:e.jsx(_,{...i})})}function P(t,i){if(t)return c.clsx("dgs-ui-kit-sticky dgs-ui-kit-z-10",'after:dgs-ui-kit-content[""] after:dgs-ui-kit-absolute after:dgs-ui-kit-top-0 after:dgs-ui-kit-h-full after:dgs-ui-kit-w-[30px] after:dgs-ui-kit-transition-shadow',{" dgs-ui-kit-right-[-1px] dgs-ui-kit-pr-[calc(1em+1px)] after:dgs-ui-kit-left-0 after:-dgs-ui-kit-translate-x-full after:dgs-ui-kit-shadow-[inset_-10px_0_8px_-8px] after:dgs-ui-kit-shadow-transparent":t==="right"," dgs-ui-kit-left-[-1px] dgs-ui-kit-pl-[calc(1em+1px)] after:dgs-ui-kit-right-0 after:dgs-ui-kit-translate-x-full after:dgs-ui-kit-shadow-[inset_10px_0_8px_-8px] after:dgs-ui-kit-shadow-transparent":t==="left",'before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-top-0 before:dgs-ui-kit-right-0 before:dgs-ui-kit-w-full before:dgs-ui-kit-border-t before:md:dgs-ui-kit-border-t-0 before:dgs-ui-kit-border-solid before:dgs-ui-kit-border-gray-200':i})}const m=t=>{const{children:i,className:n,type:l,sticky:r,addBorderToSticky:a,stuckToTop:d}=t,s=k.useRef(null),u=l,{observer:o}=x();return k.useEffect(()=>{if(!(!s.current||!o))return r&&o.observe(s.current),()=>{!s.current||!o||r&&o.unobserve(s.current)}},[s,o]),e.jsx(u,{ref:s,className:c.clsx(n,P(r,a),{'dgs-ui-kit-border-b-0 before:dgs-ui-kit-content[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-bottom-0 before:dgs-ui-kit-left-0 before:dgs-ui-kit-w-full before:dgs-ui-kit-border-b before:dgs-ui-kit-border-solid before:dgs-ui-kit-border-gray-200':d,"dgs-ui-kit-top-0 dgs-ui-kit-z-20":d&&r,"dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-z-10":d&&!r}),id:r&&`sticky-cell-${r}`,children:i})},M=()=>{const{columns:t,emptyContent:i}=x();return e.jsx("tbody",{children:e.jsx("tr",{children:e.jsx("td",{colSpan:t.length,children:i})})})},F=t=>{const{className:i,...n}=t;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"200px",height:"200px",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:c.clsx("dgs-ui-kit-m-auto dgs-ui-kit-bg-none dgs-ui-kit-block dgs-ui-kit-text-primary-500",i),...n,children:[e.jsx("g",{transform:"translate(79,50)",children:e.jsx("g",{transform:"rotate(0)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"1",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.875s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.875s"})]})})}),e.jsx("g",{transform:"translate(70.50609665440987,70.50609665440987)",children:e.jsx("g",{transform:"rotate(45)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.875",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.75s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.75s"})]})})}),e.jsx("g",{transform:"translate(50,79)",children:e.jsx("g",{transform:"rotate(90)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.75",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.625s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.625s"})]})})}),e.jsx("g",{transform:"translate(29.493903345590123,70.50609665440987)",children:e.jsx("g",{transform:"rotate(135)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.625",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.5s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.5s"})]})})}),e.jsx("g",{transform:"translate(21,50)",children:e.jsx("g",{transform:"rotate(180)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.5",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.375s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.375s"})]})})}),e.jsx("g",{transform:"translate(29.493903345590116,29.493903345590123)",children:e.jsx("g",{transform:"rotate(225)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.375",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.25s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.25s"})]})})}),e.jsx("g",{transform:"translate(49.99999999999999,21)",children:e.jsx("g",{transform:"rotate(270)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.25",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"-0.125s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"-0.125s"})]})})}),e.jsx("g",{transform:"translate(70.50609665440987,29.493903345590116)",children:e.jsx("g",{transform:"rotate(315)",children:e.jsxs("circle",{cx:"0",cy:"0",r:"6",fill:"currentColor",fillOpacity:"0.125",children:[e.jsx("animateTransform",{attributeName:"transform",type:"scale",begin:"0s",values:"1.5 1.5;1 1",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"fill-opacity",keyTimes:"0;1",dur:"1s",repeatCount:"indefinite",values:"1;0",begin:"0s"})]})})})]})},$=()=>{const{columns:t,loading:i}=x();return e.jsx("tbody",{children:e.jsx("tr",{children:e.jsx("td",{className:"dgs-ui-kit-p-10",colSpan:t.length,children:e.jsx(F,{width:typeof i!="boolean"?i.size:100,height:typeof i!="boolean"?i.size:100})})})})},j="dgs-ui-kit-p-4 dgs-ui-kit-pl-0 dgs-ui-kit-bg-white dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200";function U(t,i){return t?Array.isArray(t)?t.reduce((n,l)=>n?.[l]??null,i):i[t]:null}function W(t,i,n){if(typeof t.render=="function")return t.render(i,n);const l=U(t.dataIndex,i);if(t.ellipsis){const r=e.jsx("div",{className:"!dgs-ui-kit-truncate",children:l});return typeof t.ellipsis!="boolean"&&t.ellipsis.hideTooltip?r:e.jsx(S,{wrapperClassName:"dgs-ui-kit-w-full",content:l,children:r})}return l}const Y=t=>{const{havePagination:i}=t,{columns:n,data:l,rowKey:r,rowSelection:a,stickyTableHeader:d,loading:s,emptyContent:u}=x();return s?e.jsx($,{}):l.length<1&&u?e.jsx(M,{}):e.jsx("tbody",{children:l.map((o,g)=>e.jsxs("tr",{children:[B(a)&&e.jsx(m,{type:"td",className:c.clsx(j,a?.className,{"dgs-ui-kit-border-b-0 dgs-ui-kit-rounded-br-2xl":!i&&g===l.length-1},a?.className),sticky:a?.sticky,addBorderToSticky:d?g!==0:!0,children:q(a?.align,{onChange:f=>a?.onSelectRow(f,o[r]),checked:!!a?.selectedRowKeys.find(f=>f===o[r])})}),n.map(f=>e.jsx(m,{type:"td",className:c.clsx(j,{"dgs-ui-kit-border-b-0 first:dgs-ui-kit-rounded-br-2xl last:dgs-ui-kit-rounded-bl-2xl":!i&&g===l.length-1},f.className),sticky:f.sticky,addBorderToSticky:d?g!==0:!0,children:e.jsx("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-ml-2",y(f.align)),children:W(f,o,g)})},`${o[r]}-${R(f.key,f.dataIndex)}`))]},o[r]))})},Z=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:e.jsx("path",{fill:"currentColor",d:"M19.53 16.03a.75.75 0 0 1-.976.073l-.084-.073L12 9.561l-6.47 6.47a.75.75 0 0 1-.976.072l-.084-.073a.75.75 0 0 1-.073-.976l.073-.084 7-7a.75.75 0 0 1 .976-.073l.084.073 7 7a.75.75 0 0 1 0 1.06"})});function G(t,i){if(t.length!==i.length)return!1;t.sort(),i.sort();for(let n=0;n<t.length;n++)if(t[n]!==i[n])return!1;return!0}const h=16,v="dgs-ui-kit-p-4 dgs-ui-kit-pl-0 dgs-ui-kit-text-gray-500 dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-b dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200",C="!dgs-ui-kit-h-8 dgs-ui-kit-shrink-0";function N(t,i){const n=t==="ascend"?Z:L.IconArrowDown2;return e.jsx("button",{onClick:()=>i.onSort(t),children:e.jsx(n,{width:h,height:h,className:i.active===t?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-500"})})}function w(t,i){return e.jsxs("div",{className:"dgs-ui-kit-font-p1-medium dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse",children:[e.jsx("span",{children:t}),i&&(i.anchorIcon??e.jsx(I.IconInfoCircleOutline,{width:h,height:h}))]})}function T(t,i){return t.map(n=>n[i])}const J=t=>{const{haveHeader:i}=t,{columns:n,rowKey:l,rowSelection:r,data:a,stickyTableHeader:d}=x();return e.jsx("thead",{children:e.jsxs("tr",{children:[B(r)&&e.jsx(m,{type:"th",className:c.clsx(v,{"dgs-ui-kit-rounded-tr-2xl":!i},r?.className),sticky:r?.sticky,stuckToTop:d,children:e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-between",children:[q(r?.align,{checked:r.selectedRowKeys.length>0,isIndeterminate:!G(T(a,l),r.selectedRowKeys),onChange:s=>r?.onSelectRow(s,s.target.checked?T(a,l):[])}),e.jsx(p,{type:"vertical",className:C})]})}),n.map((s,u)=>e.jsx(m,{type:"th",sticky:s.sticky,className:c.clsx(v,{"first:dgs-ui-kit-rounded-tr-2xl last:dgs-ui-kit-rounded-tl-2xl":!i},s.className),stuckToTop:d,children:e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center",children:[e.jsxs("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-full dgs-ui-kit-ml-2",y(s.align)),children:[s.tooltip?.content?e.jsx(S,{...s.tooltip,children:w(s.title,s.tooltip)}):w(s.title),typeof s.sort?.onSort=="function"&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col",children:[N("ascend",s.sort),N("descend",s.sort)]})]}),u!==n.length-1&&e.jsx(p,{type:"vertical",className:C})]})},R(s.key,s.dataIndex)))]})})};function Q(t){const{header:i,wrapperClassName:n,className:l,data:r,pagination:a,layout:d="auto",containerClassName:s}=t,u=(i&&Object.values(i).length>0)??!1,o=!!(a?.totalCount&&a?.pageSize),g=d!=="fixed"?"div":k.Fragment;return e.jsxs("div",{className:c.clsx("dgs-ui-kit-relative dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid dgs-ui-kit-rounded-2xl",n),children:[u&&e.jsx(D,{...i,total:a?.totalCount??r.length}),e.jsx(g,{...d!=="fixed"?{className:c.clsx("dgs-ui-kit-overflow-x-auto dgs-ui-kit-h-full",s)}:{},children:e.jsx(z,{...t,children:e.jsxs("table",{className:l,style:{tableLayout:d},children:[e.jsx(J,{haveHeader:u}),e.jsx(Y,{havePagination:o})]})})}),o&&e.jsx(K,{className:c.clsx("dgs-ui-kit-py-4 !dgs-ui-kit-px-0",a?.className),...a})]})}module.exports=Q;
|