@dgshahr/ui-kit 0.0.93 → 0.0.95
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/README.md +53 -0
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +1 -1
- package/dist/Form/Select/types.d.ts +1 -1
- package/dist/Form/Select/types.d.ts.map +1 -1
- package/dist/{Slide-CqKDMR53.js → Slide-BTJT9KN2.js} +50 -48
- package/dist/Slide-CfRBVhF3.cjs +1 -0
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/index.mjs +1 -1
- package/dist/Table/TBody.d.ts.map +1 -1
- package/dist/Table/TBodyEmpty.d.ts +4 -0
- package/dist/Table/TBodyEmpty.d.ts.map +1 -0
- package/dist/Table/TBodyLoading.d.ts +4 -0
- package/dist/Table/TBodyLoading.d.ts.map +1 -0
- package/dist/Table/index.cjs +1 -1
- package/dist/Table/index.mjs +509 -191
- package/dist/Table/types.d.ts +4 -0
- package/dist/Table/types.d.ts.map +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +29 -2
- package/dist/Slide-BhtrgZAI.cjs +0 -1
package/README.md
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
# DGS UI Kit
|
|
2
|
+
|
|
3
|
+
A modern, accessible, and customizable React component library built with TypeScript and Tailwind CSS. This UI Kit is designed to help you rapidly build consistent, scalable user interfaces across your web applications.
|
|
4
|
+
|
|
5
|
+
## ✨ Features
|
|
6
|
+
|
|
7
|
+
- 📦 **Reusable React Components** – A growing set of fully styled and typed UI components.
|
|
8
|
+
- 🎨 **Customizable Design Tokens** – Easily override colors via CSS variables.
|
|
9
|
+
- 🧩 **Tree-shakable** – Import only what you need.
|
|
10
|
+
- ⚡ **Tailwind CSS Utility Classes** – Built-in styles with scoped, prefixed Tailwind utilities.
|
|
11
|
+
- 📚 **Storybook Documentation** – [Explore live components & usage](https://dgshahr.github.io/uikit/).
|
|
12
|
+
|
|
13
|
+
## 📦 Installation
|
|
14
|
+
|
|
15
|
+
Before using this library, make sure you have `react` installed in your project, as it's a peer dependency.
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
npm install @dgshahr/uikit
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
or
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
yarn add @dgshahr/uikit
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
> No need to set up Tailwind or any additional configuration. All styles are already bundled and scoped.
|
|
28
|
+
|
|
29
|
+
## 🚀 Getting Started
|
|
30
|
+
|
|
31
|
+
Visit the [documentation site](https://dgshahr.github.io/uikit/) to learn more about:
|
|
32
|
+
|
|
33
|
+
- How to use the components
|
|
34
|
+
- Customizing theme tokens like colors
|
|
35
|
+
- Contributing to the project
|
|
36
|
+
|
|
37
|
+
## 🧱 Project Structure
|
|
38
|
+
|
|
39
|
+
Each component lives in its own folder under the `src/components` directory.
|
|
40
|
+
|
|
41
|
+
- Every component must export from an `index.ts` or `index.tsx` file. Vite uses this to build each component individually.
|
|
42
|
+
- If a component exports multiple members (e.g., `Button`, `ButtonGroup`), use named exports in its `index` file.
|
|
43
|
+
- Each component must have a `ComponentName.stories.tsx` file to generate its documentation.
|
|
44
|
+
|
|
45
|
+
The root `index.ts` file serves as the main entry point for bundling the entire library and contains exports for all components.
|
|
46
|
+
|
|
47
|
+
## 🛠️ Contributing
|
|
48
|
+
|
|
49
|
+
We welcome contributions! See the [Contributing Guide](https://dgshahr.github.io/uikit/?path=/docs/getting-started-contributing--documentation) to learn how to get started.
|
|
50
|
+
|
|
51
|
+
## 📄 License
|
|
52
|
+
|
|
53
|
+
This project is licensed under the MIT License.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),q=require("../../index-CSis3p-s.cjs"),u=require("react"),W=require("../../IconSearch-BeVs-gUu.cjs"),R=require("../Checkbox/index.cjs"),_=require("../../Button/index.cjs"),A=require("../../PickerWrapper-VwVWt_Vr.cjs"),H=require("../../Chip/index.cjs");;/* empty css */function V(s,n=100){if(!s)return;if(window.innerWidth>768){s.focus(),s.click();return}const t=document.createElement("input");t.style.position="absolute",t.style.top=`${s.offsetTop+7}px`,t.style.left=`${s.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{s.focus(),s.click(),document.body.removeChild(t)},n)}function z({label:s,isMultiple:n,isActive:t,disabled:o}){return n?r.jsx(R,{checked:t,label:s,readOnly:!0,disabled:o}):s}const D=s=>{const{option:n,onClick:t,value:o,mode:c,optionCellClassName:g,optionCell:i}=s;function l(){return Array.isArray(o)?o.includes(n.value):n.value===o}return r.jsx("button",{type:"button",onClick:t,className:d.clsx("dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",l()?"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",g),disabled:n.disabled,children:i?i(n,l()):z({label:n.label,isMultiple:c==="multiple",isActive:l(),disabled:n.disabled??!1})})},T=u.memo(D),K=20,U=s=>{const{options:n,mode:t="single",afterOptions:o,
|
|
1
|
+
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),q=require("../../index-CSis3p-s.cjs"),u=require("react"),W=require("../../IconSearch-BeVs-gUu.cjs"),R=require("../Checkbox/index.cjs"),_=require("../../Button/index.cjs"),A=require("../../PickerWrapper-VwVWt_Vr.cjs"),H=require("../../Chip/index.cjs");;/* empty css */function V(s,n=100){if(!s)return;if(window.innerWidth>768){s.focus(),s.click();return}const t=document.createElement("input");t.style.position="absolute",t.style.top=`${s.offsetTop+7}px`,t.style.left=`${s.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{s.focus(),s.click(),document.body.removeChild(t)},n)}function z({label:s,isMultiple:n,isActive:t,disabled:o}){return n?r.jsx(R,{checked:t,label:s,readOnly:!0,disabled:o}):s}const D=s=>{const{option:n,onClick:t,value:o,mode:c,optionCellClassName:g,optionCell:i}=s;function l(){return Array.isArray(o)?o.includes(n.value):n.value===o}return r.jsx("button",{type:"button",onClick:t,className:d.clsx("dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",l()?"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",g),disabled:n.disabled,children:i?i(n,l()):z({label:n.label,isMultiple:c==="multiple",isActive:l(),disabled:n.disabled??!1})})},T=u.memo(D),K=20,U=s=>{const{options:n,mode:t="single",afterOptions:o,beforeOptions:c,onChange:g,searchable:i=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوانها",value:p,optionCellClassName:y,emptyContent:M="نتیجهای یافت نشد !",showClearButtonOnEmpty:$=!0}=s,[k,I]=u.useState(""),[x,B]=u.useState(0),m=u.useRef(null),{toggleWrapperVisibility:F}=A.usePickerWrapperContext(),O=d.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!i&&!c||t==="multiple"&&l)&&"first-of-type:dgs-ui-kit-border-t-0",!!o&&"last-of-type:dgs-ui-kit-border-b");let h;const C=i;typeof i=="boolean"?h=i:h=Object.keys(i).length>0;const v=u.useMemo(()=>{if(!Array.isArray(n))throw new Error("options should be array");return k?n?.filter(e=>e.label.includes(k)):n},[k,n]),N=u.useMemo(()=>t==="multiple"&&l?n?.filter(e=>p.includes(e.value))??[]:[],[n,p]),P=u.useMemo(()=>{let e=v;t==="multiple"&&l&&(e=e?.filter(w=>!p.includes(w.value)));const a=Math.min(x+K,e?.length??0);return e?.slice(x,a)},[v,x,p]),b=m?.current?.children[0]?.clientHeight??50,L=(v?.length??0)*b,j=u.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const a=e.scrollTop,w=m.current.offsetTop,E=Math.floor((a-w)/b);B(E>=0?E:0)},[b]);u.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",j),()=>e.removeEventListener("scroll",j)},[j]),u.useEffect(()=>{h&&V(document.getElementById("search-input"),400)},[]);const S=u.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const a=[...p??[]];a.includes(e)?a.splice(a.indexOf(e),1):a.push(e),g(a)}else g(e),F()},[p]);return r.jsxs(r.Fragment,{children:[h&&r.jsx(q.Input,{id:"search-input",wrapperClassName:d.clsx("dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-pt-3 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-3",c?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",C?.wrapperClassName),placeholder:C?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:C?.rightIcon??r.jsx(W.IconSearch,{width:20,height:20}),...typeof i=="object"?i:{}}),c,t==="multiple"&&l&&N.length>0&&r.jsxs(r.Fragment,{children:[r.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:`${f}ی انتخاب شده`}),N.map(e=>r.jsx(T,{onClick:()=>S(e.value),option:e,optionCellClassName:d.clsx(O,y),...s},e.value))]}),r.jsxs(r.Fragment,{children:[t==="multiple"&&l&&r.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:f}),r.jsx("div",{ref:m,className:"dgs-ui-kit-relative",style:{height:L},children:P?.map((e,a)=>r.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(x+a)*b}px`},children:r.jsx(T,{onClick:()=>S(e.value),option:e,...s})},e.value))}),!P?.length&&!N.length&&r.jsxs("div",{className:"dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2",children:[r.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:M}),$&&r.jsx(_,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),o]})};function G(s,n){if(!Array.isArray(s))return n.find(t=>t.value===s)?.label??""}const J=s=>{const{searchable:n=!0,value:t,options:o}=s,c=Array.isArray(t)&&t.length>0;function g(){return s.inputProps?.prefix?s.inputProps.prefix:c?t.map(l=>r.jsx(H,{label:o.find(f=>f.value===l)?.label,clickable:!0,leftIcon:r.jsx(q.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=t.filter(y=>y!==l);s.onChange?.(p)}},l)):null}const i={...s};return i.dropdownType==="popover"&&!n&&(i.popoverClassName=d.clsx("dgs-ui-kit-pt-3",i.popoverClassName)),i.dropdownType==="drawer"&&(i.drawerProps={...i.drawerProps,containerClassName:d.clsx(n?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",i.drawerProps?.containerClassName)}),i.customInput||(i.inputProps={...i.inputProps,value:G(t,o),prefix:g(),prefixClassName:c?d.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center flex dgs-ui-kit-flex-wrap dgs-ui-kit-gap-2 dgs-ui-kit-w-full",i.inputProps?.prefixClassName):i.inputProps?.prefixClassName,className:c?"dgs-ui-kit-hidden":i.inputProps?.className,containerClassName:c?d.clsx("dgs-ui-kit-items-baseline",i.inputProps?.containerClassName):i.inputProps?.containerClassName}),r.jsx(A.PickerWrapper,{...i,children:r.jsx(U,{...s})})};module.exports=J;
|
|
@@ -11,7 +11,7 @@ type SelectPropsBase<T> = {
|
|
|
11
11
|
searchable?: boolean | Omit<InputProps, 'onChange'>;
|
|
12
12
|
optionCell?: (option: Option<T>, isActive: boolean) => ReactNode;
|
|
13
13
|
optionCellClassName?: string;
|
|
14
|
-
|
|
14
|
+
beforeOptions?: ReactNode;
|
|
15
15
|
afterOptions?: ReactNode;
|
|
16
16
|
emptyContent?: ReactNode;
|
|
17
17
|
showClearButtonOnEmpty?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,kBAAkB,GAClB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as r, jsxs as
|
|
2
|
+
import { jsx as r, jsxs as N, Fragment as V } from "react/jsx-runtime";
|
|
3
3
|
import { c as p } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
import { createContext as F, useContext as $, useState as C, useEffect as
|
|
4
|
+
import { createContext as F, useContext as $, useState as C, useEffect as x, forwardRef as K, useRef as M, useImperativeHandle as z, useId as X } from "react";
|
|
5
5
|
import { I as q } from "./IconArrowLeft2-cxcPyDqS.js";
|
|
6
6
|
import { I as H } from "./IconArrowRight2-BoXg0Gkw.js";
|
|
7
|
-
import
|
|
8
|
-
const
|
|
7
|
+
import A from "./Button/index.mjs";
|
|
8
|
+
const B = F({
|
|
9
9
|
slidesPerView: 1,
|
|
10
10
|
spaceBetween: 0,
|
|
11
11
|
navigationVariant: "outside",
|
|
@@ -13,7 +13,7 @@ const M = F({
|
|
|
13
13
|
showPaginationText: !1,
|
|
14
14
|
childrenCount: 0,
|
|
15
15
|
sliderId: ""
|
|
16
|
-
}),
|
|
16
|
+
}), L = () => $(B);
|
|
17
17
|
function G({
|
|
18
18
|
active: e,
|
|
19
19
|
autoplay: i,
|
|
@@ -29,17 +29,17 @@ function G({
|
|
|
29
29
|
];
|
|
30
30
|
}
|
|
31
31
|
const J = (e) => {
|
|
32
|
-
const { active: i, onClick: n, onNavigateToNext: o, index: t } = e, { autoplay: a, navigationVariant: k = "outside" } =
|
|
33
|
-
return
|
|
32
|
+
const { active: i, onClick: n, onNavigateToNext: o, index: t } = e, { autoplay: a, navigationVariant: k = "outside" } = L(), [d, l] = C(0);
|
|
33
|
+
return x(() => {
|
|
34
34
|
if (!i || !a) return;
|
|
35
35
|
const f = typeof a == "boolean" ? 7e3 : a?.delay ?? 7e3;
|
|
36
|
-
let
|
|
36
|
+
let m = Date.now();
|
|
37
37
|
const u = setInterval(() => {
|
|
38
|
-
const c = Date.now() -
|
|
38
|
+
const c = Date.now() - m, g = c / f * 100;
|
|
39
39
|
l(Math.min(g, 100)), c >= f && typeof o == "function" && (o(), l(0), clearInterval(u));
|
|
40
40
|
}, 100);
|
|
41
41
|
return function() {
|
|
42
|
-
return l(0),
|
|
42
|
+
return l(0), m = Date.now(), clearInterval(u);
|
|
43
43
|
};
|
|
44
44
|
}, [i, a, o]), /* @__PURE__ */ r(
|
|
45
45
|
"button",
|
|
@@ -70,7 +70,7 @@ const J = (e) => {
|
|
|
70
70
|
navigationVariant: d = "outside",
|
|
71
71
|
showNavigationDots: l = !0,
|
|
72
72
|
showPaginationText: f
|
|
73
|
-
} =
|
|
73
|
+
} = L(), m = /* @__PURE__ */ N(
|
|
74
74
|
"div",
|
|
75
75
|
{
|
|
76
76
|
className: p("dgs-ui-kit-flex dgs-ui-kit-gap-2", {
|
|
@@ -80,7 +80,7 @@ const J = (e) => {
|
|
|
80
80
|
}),
|
|
81
81
|
children: [
|
|
82
82
|
/* @__PURE__ */ r(
|
|
83
|
-
|
|
83
|
+
A,
|
|
84
84
|
{
|
|
85
85
|
type: "button",
|
|
86
86
|
variant: "secondary",
|
|
@@ -90,7 +90,7 @@ const J = (e) => {
|
|
|
90
90
|
}
|
|
91
91
|
),
|
|
92
92
|
/* @__PURE__ */ r(
|
|
93
|
-
|
|
93
|
+
A,
|
|
94
94
|
{
|
|
95
95
|
type: "button",
|
|
96
96
|
variant: "secondary",
|
|
@@ -102,9 +102,9 @@ const J = (e) => {
|
|
|
102
102
|
]
|
|
103
103
|
}
|
|
104
104
|
);
|
|
105
|
-
return /* @__PURE__ */
|
|
106
|
-
t && t !== "hide" && t === "onSides" &&
|
|
107
|
-
/* @__PURE__ */
|
|
105
|
+
return /* @__PURE__ */ N(V, { children: [
|
|
106
|
+
t && t !== "hide" && t === "onSides" && m,
|
|
107
|
+
/* @__PURE__ */ N(
|
|
108
108
|
"div",
|
|
109
109
|
{
|
|
110
110
|
className: p(
|
|
@@ -118,9 +118,9 @@ const J = (e) => {
|
|
|
118
118
|
k
|
|
119
119
|
),
|
|
120
120
|
children: [
|
|
121
|
-
t && t !== "hide" && t !== "onSides" &&
|
|
122
|
-
(l || f) && /* @__PURE__ */
|
|
123
|
-
f && /* @__PURE__ */
|
|
121
|
+
t && t !== "hide" && t !== "onSides" && m,
|
|
122
|
+
(l || f) && /* @__PURE__ */ N("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3", children: [
|
|
123
|
+
f && /* @__PURE__ */ N("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02", children: [
|
|
124
124
|
/* @__PURE__ */ r(
|
|
125
125
|
"span",
|
|
126
126
|
{
|
|
@@ -166,53 +166,55 @@ const J = (e) => {
|
|
|
166
166
|
slidesPerView: d = 1,
|
|
167
167
|
navigationButtonsShowType: l = "hide",
|
|
168
168
|
spaceBetween: f = 0,
|
|
169
|
-
showPaginationText:
|
|
169
|
+
showPaginationText: m,
|
|
170
170
|
onSlideIndexChange: u,
|
|
171
171
|
initialSlide: c,
|
|
172
172
|
containerXPadding: g = 0
|
|
173
|
-
} = n, [S, I] = C(0), [
|
|
173
|
+
} = n, [S, I] = C(0), [W, D] = C(0), R = Object.fromEntries(
|
|
174
174
|
Object.entries(n).filter(([s]) => s !== "children")
|
|
175
|
-
), h =
|
|
176
|
-
function
|
|
175
|
+
), h = M(null), v = Math.ceil(W / Math.floor(d)), E = (k || l && l !== "hide" || m) && v > 1;
|
|
176
|
+
function O(s) {
|
|
177
177
|
if (Math.ceil(Math.abs(s.currentTarget.scrollLeft)) + s.currentTarget.clientWidth + 1 + g >= s.currentTarget.scrollWidth) {
|
|
178
|
-
I(
|
|
178
|
+
I(v - 1);
|
|
179
179
|
return;
|
|
180
180
|
}
|
|
181
|
-
const
|
|
182
|
-
if (
|
|
181
|
+
const w = s.currentTarget.scrollWidth - g * 2, b = w / v, y = (w - s.currentTarget.scrollLeft - g) / b;
|
|
182
|
+
if (y <= v) {
|
|
183
183
|
I(0);
|
|
184
184
|
return;
|
|
185
185
|
}
|
|
186
|
-
I(Math.round(
|
|
186
|
+
I(Math.round(y % v));
|
|
187
187
|
}
|
|
188
188
|
function P(s) {
|
|
189
189
|
if (!h.current) return;
|
|
190
|
-
const
|
|
191
|
-
s < 0 ? h.current.scrollTo({ behavior: "smooth", left: -(
|
|
190
|
+
const w = h.current.offsetWidth, b = S - s, y = h.current.scrollWidth / v, j = b * y;
|
|
191
|
+
s < 0 ? h.current.scrollTo({ behavior: "smooth", left: -(w * v) }) : s >= v ? h.current.scrollTo({ behavior: "smooth", left: 0 }) : h.current.scrollBy({ behavior: "smooth", left: j });
|
|
192
192
|
}
|
|
193
193
|
function T() {
|
|
194
|
-
const
|
|
195
|
-
(
|
|
196
|
-
)
|
|
197
|
-
|
|
194
|
+
const w = Object.keys(e.responsive).sort(
|
|
195
|
+
(y, j) => Number(y) - Number(j)
|
|
196
|
+
).findLast(
|
|
197
|
+
(y) => Number(y) <= window.innerWidth
|
|
198
|
+
), b = w ? e.responsive[Number(w)] : null;
|
|
199
|
+
o(b ? { ...n, ...b } : e);
|
|
198
200
|
}
|
|
199
201
|
return z(i, () => ({
|
|
200
202
|
element: h.current,
|
|
201
203
|
navigate: (s) => P(Math.max(0, s - 1))
|
|
202
|
-
})),
|
|
204
|
+
})), x(() => {
|
|
203
205
|
if (!h.current) return;
|
|
204
206
|
let s = h.current.childElementCount;
|
|
205
|
-
g > 0 && (s -= 2),
|
|
206
|
-
}, [e.children, h, g]),
|
|
207
|
+
g > 0 && (s -= 2), D(s);
|
|
208
|
+
}, [e.children, h, g]), x(() => {
|
|
207
209
|
if (!(!e.responsive || Object.keys(e.responsive).length <= 0))
|
|
208
210
|
return T(), window.addEventListener("resize", T), () => {
|
|
209
211
|
window.removeEventListener("resize", T);
|
|
210
212
|
};
|
|
211
|
-
}, [e.responsive]),
|
|
213
|
+
}, [e.responsive]), x(() => {
|
|
212
214
|
u && typeof u == "function" && u(S);
|
|
213
|
-
}, [S]),
|
|
215
|
+
}, [S]), x(() => {
|
|
214
216
|
typeof c == "number" && h.current && P(Math.max(0, c - 1));
|
|
215
|
-
}, [c, h.current]), /* @__PURE__ */ r(
|
|
217
|
+
}, [c, h.current]), /* @__PURE__ */ r(B.Provider, { value: { ...R, childrenCount: W, sliderId: X() }, children: /* @__PURE__ */ N(
|
|
216
218
|
"div",
|
|
217
219
|
{
|
|
218
220
|
className: p(
|
|
@@ -221,7 +223,7 @@ const J = (e) => {
|
|
|
221
223
|
),
|
|
222
224
|
style: { direction: "rtl" },
|
|
223
225
|
children: [
|
|
224
|
-
/* @__PURE__ */
|
|
226
|
+
/* @__PURE__ */ N(
|
|
225
227
|
"div",
|
|
226
228
|
{
|
|
227
229
|
className: p(
|
|
@@ -229,7 +231,7 @@ const J = (e) => {
|
|
|
229
231
|
a
|
|
230
232
|
),
|
|
231
233
|
style: { marginLeft: -f },
|
|
232
|
-
onScroll:
|
|
234
|
+
onScroll: O,
|
|
233
235
|
ref: h,
|
|
234
236
|
children: [
|
|
235
237
|
g > 0 && /* @__PURE__ */ r(
|
|
@@ -256,12 +258,12 @@ const J = (e) => {
|
|
|
256
258
|
]
|
|
257
259
|
}
|
|
258
260
|
),
|
|
259
|
-
|
|
261
|
+
E && /* @__PURE__ */ r(
|
|
260
262
|
Q,
|
|
261
263
|
{
|
|
262
264
|
onNavigate: P,
|
|
263
265
|
slideIndex: S,
|
|
264
|
-
slidesCount:
|
|
266
|
+
slidesCount: v
|
|
265
267
|
}
|
|
266
268
|
)
|
|
267
269
|
]
|
|
@@ -294,12 +296,12 @@ const st = (e) => {
|
|
|
294
296
|
centerMode: d = !1,
|
|
295
297
|
containerXPadding: l = 0,
|
|
296
298
|
childrenCount: f = 0,
|
|
297
|
-
sliderId:
|
|
298
|
-
} =
|
|
299
|
-
return
|
|
299
|
+
sliderId: m
|
|
300
|
+
} = L(), u = M(null), [c, g] = C(0);
|
|
301
|
+
return x(() => {
|
|
300
302
|
u.current && g(
|
|
301
303
|
Array.prototype.indexOf.call(
|
|
302
|
-
document.querySelectorAll(`[id='slide-item-${
|
|
304
|
+
document.querySelectorAll(`[id='slide-item-${m}']`),
|
|
303
305
|
u.current
|
|
304
306
|
)
|
|
305
307
|
);
|
|
@@ -308,7 +310,7 @@ const st = (e) => {
|
|
|
308
310
|
{
|
|
309
311
|
...t,
|
|
310
312
|
ref: u,
|
|
311
|
-
id: `slide-item-${
|
|
313
|
+
id: `slide-item-${m}`,
|
|
312
314
|
className: p("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal", n),
|
|
313
315
|
style: {
|
|
314
316
|
width: 100 / (a ?? 1) + "%",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const e=require("react/jsx-runtime"),p=require("./clsx-C11secjj.cjs"),n=require("react"),D=require("./IconArrowLeft2-CNA3H0xY.cjs"),q=require("./IconArrowRight2-CF_bdH81.cjs"),A=require("./Button/index.cjs"),L=n.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1,childrenCount:0,sliderId:""}),P=()=>n.useContext(L);function O({active:i,autoplay:s,variant:r="outside"}){return[{inside:"dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",outside:"dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"}[r],i?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",s?"dgs-ui-kit-p-[1px]":""]}const V=i=>{const{active:s,onClick:r,onNavigateToNext:a,index:t}=i,{autoplay:d,navigationVariant:v="outside"}=P(),[l,u]=n.useState(0);return n.useEffect(()=>{if(!s||!d)return;const k=typeof d=="boolean"?7e3:d?.delay??7e3;let x=Date.now();const c=setInterval(()=>{const g=Date.now()-x,f=g/k*100;u(Math.min(f,100)),g>=k&&typeof a=="function"&&(a(),u(0),clearInterval(c))},100);return function(){return u(0),x=Date.now(),clearInterval(c)}},[s,d,a]),e.jsx("button",{className:p.clsx("dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",O({active:s,autoplay:d,variant:v})),onClick:r,"aria-label":`slider-navigation-dot-${t+1}`,children:s&&e.jsx("div",{className:p.clsx("dgs-ui-kit-h-full dgs-ui-kit-rounded-full",{"dgs-ui-kit-bg-white":v==="inside","dgs-ui-kit-bg-gray-700":v==="outside"}),style:{width:d?`${l}%`:"100%"}})})},F=i=>{const{onNavigate:s,slideIndex:r,slidesCount:a}=i,{navigationButtonsShowType:t="hide",dotsClassName:d,navigationContainerClassName:v,navigationVariant:l="outside",showNavigationDots:u=!0,showPaginationText:k}=P(),x=e.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-2",{"dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-[5.5%]":l==="inside"&&t!=="onSides","dgs-ui-kit-absolute dgs-ui-kit-justify-between dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-w-full dgs-ui-kit-px-[5.5%]":t==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":t==="hover"||t==="onSides"}),children:[e.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r-1),rightIcon:e.jsx(q.IconArrowRight2,{}),"aria-label":"slider-previous-button"}),e.jsx(A,{type:"button",variant:"secondary",onClick:()=>s(r+1),rightIcon:e.jsx(D.IconArrowLeft2,{}),"aria-label":"slider-next-button"})]});return e.jsxs(e.Fragment,{children:[t&&t!=="hide"&&t==="onSides"&&x,e.jsxs("div",{className:p.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-items-center dgs-ui-kit-mt-2":l==="outside","dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center":l==="inside","dgs-ui-kit-justify-between":l==="outside"&&t!=="hide"&&t!=="onSides","dgs-ui-kit-justify-center":l==="outside"&&(t==="hide"||t==="onSides")},v),children:[t&&t!=="hide"&&t!=="onSides"&&x,(u||k)&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[k&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02",children:[e.jsx("span",{className:p.clsx("dgs-ui-kit-font-bold",{"dgs-ui-kit-text-gray-600":l==="outside","dgs-ui-kit-text-white":l==="inside"}),children:r+1}),e.jsx("span",{children:"از"}),e.jsx("span",{children:a})]}),u&&e.jsx("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",d),children:Array.from(Array(a).keys()).map((c,g)=>e.jsx(V,{active:r===g,index:g,onClick:()=>s(g),onNavigateToNext:()=>s(r+1)},c+a))})]})]})]})},R=n.forwardRef((i,s)=>{const[r,a]=n.useState(i),{className:t="",containerClassName:d="",showNavigationDots:v=!0,slidesPerView:l=1,navigationButtonsShowType:u="hide",spaceBetween:k=0,showPaginationText:x,onSlideIndexChange:c,initialSlide:g,containerXPadding:f=0}=r,[b,C]=n.useState(0),[T,W]=n.useState(0),E=Object.fromEntries(Object.entries(r).filter(([o])=>o!=="children")),h=n.useRef(null),m=Math.ceil(T/Math.floor(l)),M=(v||u&&u!=="hide"||x)&&m>1;function B(o){if(Math.ceil(Math.abs(o.currentTarget.scrollLeft))+o.currentTarget.clientWidth+1+f>=o.currentTarget.scrollWidth){C(m-1);return}const w=o.currentTarget.scrollWidth-f*2,N=w/m,y=(w-o.currentTarget.scrollLeft-f)/N;if(y<=m){C(0);return}C(Math.round(y%m))}function j(o){if(!h.current)return;const w=h.current.offsetWidth,N=b-o,y=h.current.scrollWidth/m,I=N*y;o<0?h.current.scrollTo({behavior:"smooth",left:-(w*m)}):o>=m?h.current.scrollTo({behavior:"smooth",left:0}):h.current.scrollBy({behavior:"smooth",left:I})}function S(){const w=Object.keys(i.responsive).sort((y,I)=>Number(y)-Number(I)).findLast(y=>Number(y)<=window.innerWidth),N=w?i.responsive[Number(w)]:null;a(N?{...r,...N}:i)}return n.useImperativeHandle(s,()=>({element:h.current,navigate:o=>j(Math.max(0,o-1))})),n.useEffect(()=>{if(!h.current)return;let o=h.current.childElementCount;f>0&&(o-=2),W(o)},[i.children,h,f]),n.useEffect(()=>{if(!(!i.responsive||Object.keys(i.responsive).length<=0))return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[i.responsive]),n.useEffect(()=>{c&&typeof c=="function"&&c(b)},[b]),n.useEffect(()=>{typeof g=="number"&&h.current&&j(Math.max(0,g-1))},[g,h.current]),e.jsx(L.Provider,{value:{...E,childrenCount:T,sliderId:n.useId()},children:e.jsxs("div",{className:p.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",t),style:{direction:"rtl"},children:[e.jsxs("div",{className:p.clsx("dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",d),style:{marginLeft:-k},onScroll:B,ref:h,children:[f>0&&e.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}}),i.children,f>0&&e.jsx("div",{className:"dgs-ui-kit-shrink-0",style:{width:f,paddingLeft:k}})]}),M&&e.jsx(F,{onNavigate:j,slideIndex:b,slidesCount:m})]})})});R.displayName="Slider";function $({slidesPerView:i,childIndex:s,centerMode:r,childrenCount:a,haveContainerPadding:t}){const d=s%Math.floor(i)===0,v=i%1!==0,l=s===0,u=s===a-1;if(!d)return"none";if(r){if(v&&!t){if(l)return"start";if(u)return"end"}return"center"}return"start"}const K=i=>{const{children:s,className:r,style:a,...t}=i,{slidesPerView:d=1,spaceBetween:v=0,centerMode:l=!1,containerXPadding:u=0,childrenCount:k=0,sliderId:x}=P(),c=n.useRef(null),[g,f]=n.useState(0);return n.useEffect(()=>{c.current&&f(Array.prototype.indexOf.call(document.querySelectorAll(`[id='slide-item-${x}']`),c.current))},[c,k,u]),e.jsx("div",{...t,ref:c,id:`slide-item-${x}`,className:p.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-normal",r),style:{width:100/(d??1)+"%",paddingLeft:v,scrollSnapAlign:$({slidesPerView:d,childIndex:g,centerMode:l,childrenCount:k||0,haveContainerPadding:u>0}),...a},children:s})};exports.Slide=K;exports.Slider=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEtD,QAAA,MAAM,MAAM;;
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEtD,QAAA,MAAM,MAAM;;6CAkKV,CAAC;AAIH,eAAe,MAAM,CAAC"}
|
package/dist/Slider/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const e=require("../Slide-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const e=require("../Slide-CfRBVhF3.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;
|
package/dist/Slider/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TBody.d.ts","sourceRoot":"","sources":["../../src/components/Table/TBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TBody.d.ts","sourceRoot":"","sources":["../../src/components/Table/TBody.tsx"],"names":[],"mappings":"AACA,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TBodyEmpty.d.ts","sourceRoot":"","sources":["../../src/components/Table/TBodyEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,QAAA,MAAM,UAAU,EAAE,EAUjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TBodyLoading.d.ts","sourceRoot":"","sources":["../../src/components/Table/TBodyLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,QAAA,MAAM,YAAY,EAAE,EAiBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/dist/Table/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),c=require("../clsx-C11secjj.cjs"),g=require("react"),_=require("../Badge/index.cjs"),B=require("../Form/Checkbox/index.cjs"),S=require("../Tooltip/index.cjs"),I=require("../IconArrowDown2-C1dLVveG.cjs"),K=require("../IconInfoCircleOutline-0ef3qbeI.cjs"),y=require("../Divider/index.cjs"),L=require("../Pagination/index.cjs");;/* empty css */const T=g.createContext({observer:null,columns:[],data:[],rowKey:""}),A="after:!dgs-ui-kit-shadow-[rgba(0,0,0,0.06)]";function p(e){e.classList.add(A)}function H(e){e.classList.remove(A)}function D(e){const{children:t,...n}=e,{columns:l,rowSelection:r}=n,[d,u]=g.useState(null);return g.useEffect(()=>{let s=l.some(a=>!!a.sticky);return s||(s=!!r?.sticky),s&&u(new IntersectionObserver(a=>{let o=!1;for(const k of a)if(k.boundingClientRect.right>k.intersectionRect.right){document.querySelectorAll("#sticky-cell-right").forEach(p),o=!0;break}else if(k.boundingClientRect.left<k.intersectionRect.left){document.querySelectorAll("#sticky-cell-left").forEach(p),o=!0;break}o||document.querySelectorAll('[id^="sticky-cell-"]').forEach(H)},{threshold:1,rootMargin:"0% 100% 0% 100%"})),()=>{d&&d.disconnect()}},[]),i.jsx(T.Provider,{value:{observer:d,...n},children:t})}const h=()=>g.useContext(T),O=e=>{const{title:t,extraElement:n,showTotal:l,total:r,className:d}=e;return i.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",d),children:[i.jsx("div",{className:"dgs-ui-kit-font-h4-bold dgs-ui-kit-text-gray-700 dgs-ui-kit-w-full",children:t}),l&&i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-shrink-0",children:[i.jsx("span",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-700 dgs-ui-kit-ml-1",children:"تعداد نتایج:"}),i.jsx(_,{value:r??0,valueType:"number",size:"large",color:"primary",type:"twoTone"})]}),n]})};function b(e){switch(e){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(e,t){return e||(Array.isArray(t)?t[t.length-1]:t)}function E(e){return!!(e&&e.selectedRowKeys.length>1||typeof e?.onSelectRow=="function")}function q(e,t){return i.jsx("div",{className:c.clsx("dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-centerd",b(e??"center")),children:i.jsx(B,{...t})})}function P(e,t){if(e)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":e==="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":e==="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':t})}const f=e=>{const{children:t,className:n,type:l,sticky:r,addBorderToSticky:d,stuckToTop:u}=e,s=g.useRef(null),a=l,{observer:o}=h();return g.useEffect(()=>{if(!(!s.current||!o))return r&&o.observe(s.current),()=>{!s.current||!o||r&&o.unobserve(s.current)}},[s,o]),i.jsx(a,{ref:s,className:c.clsx(n,P(r,d),{'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':u,"dgs-ui-kit-top-0 dgs-ui-kit-z-20":u&&r,"dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-z-10":u&&!r}),id:r&&`sticky-cell-${r}`,children:t})},m="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 z(e,t){return e?Array.isArray(e)?e.reduce((n,l)=>n?.[l]??null,t):t[e]:null}function $(e,t,n){if(typeof e.render=="function")return e.render(t,n);const l=z(e.dataIndex,t);if(e.ellipsis){const r=i.jsx("div",{className:"!dgs-ui-kit-truncate",children:l});return typeof e.ellipsis!="boolean"&&e.ellipsis.hideTooltip?r:i.jsx(S,{wrapperClassName:"dgs-ui-kit-w-full",content:l,children:r})}return l}const F=e=>{const{havePagination:t}=e,{columns:n,data:l,rowKey:r,rowSelection:d,stickyTableHeader:u}=h();return i.jsx("tbody",{children:l.map((s,a)=>i.jsxs("tr",{children:[E(d)&&i.jsx(f,{type:"td",className:c.clsx(m,d?.className,{"dgs-ui-kit-border-b-0 dgs-ui-kit-rounded-br-2xl":!t&&a===l.length-1},d?.className),sticky:d?.sticky,addBorderToSticky:u?a!==0:!0,children:q(d?.align,{onChange:o=>d?.onSelectRow(o,s[r]),checked:!!d?.selectedRowKeys.find(o=>o===s[r])})}),n.map(o=>i.jsx(f,{type:"td",className:c.clsx(m,{"dgs-ui-kit-border-b-0 first:dgs-ui-kit-rounded-br-2xl last:dgs-ui-kit-rounded-bl-2xl":!t&&a===l.length-1},o.className),sticky:o.sticky,addBorderToSticky:u?a!==0:!0,children:i.jsx("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-ml-2",b(o.align)),children:$(o,s,a)})},`${s[r]}-${R(o.key,o.dataIndex)}`))]},s[r]))})},M=e=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...e,children:i.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 U(e,t){if(e.length!==t.length)return!1;e.sort(),t.sort();for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}const x=16,j="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",v="!dgs-ui-kit-h-8 dgs-ui-kit-shrink-0";function w(e,t){const n=e==="ascend"?M:I.IconArrowDown2;return i.jsx("button",{onClick:()=>t.onSort(e),children:i.jsx(n,{width:x,height:x,className:t.active===e?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-500"})})}function C(e,t){return i.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:[i.jsx("span",{children:e}),t&&(t.anchorIcon??i.jsx(K.IconInfoCircleOutline,{width:x,height:x}))]})}function N(e,t){return e.map(n=>n[t])}const W=e=>{const{haveHeader:t}=e,{columns:n,rowKey:l,rowSelection:r,data:d,stickyTableHeader:u}=h();return i.jsx("thead",{children:i.jsxs("tr",{children:[E(r)&&i.jsx(f,{type:"th",className:c.clsx(j,{"dgs-ui-kit-rounded-tr-2xl":!t},r?.className),sticky:r?.sticky,stuckToTop:u,children:i.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:!U(N(d,l),r.selectedRowKeys),onChange:s=>r?.onSelectRow(s,s.target.checked?N(d,l):[])}),i.jsx(y,{type:"vertical",className:v})]})}),n.map((s,a)=>i.jsx(f,{type:"th",sticky:s.sticky,className:c.clsx(j,{"first:dgs-ui-kit-rounded-tr-2xl last:dgs-ui-kit-rounded-tl-2xl":!t},s.className),stuckToTop:u,children:i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center",children:[i.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",b(s.align)),children:[s.tooltip?.content?i.jsx(S,{...s.tooltip,children:C(s.title,s.tooltip)}):C(s.title),typeof s.sort?.onSort=="function"&&i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col",children:[w("ascend",s.sort),w("descend",s.sort)]})]}),a!==n.length-1&&i.jsx(y,{type:"vertical",className:v})]})},R(s.key,s.dataIndex)))]})})};function Z(e){const{header:t,wrapperClassName:n,className:l,data:r,pagination:d}=e,u=(t&&Object.values(t).length>0)??!1,s=!!(d?.totalCount&&d?.pageSize);return i.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&&i.jsx(O,{...t,total:d?.totalCount??r.length}),i.jsx("table",{className:l,children:i.jsxs(D,{...e,children:[i.jsx(W,{haveHeader:u}),i.jsx(F,{havePagination:s})]})}),s&&i.jsx(L,{className:c.clsx("dgs-ui-kit-py-4 !dgs-ui-kit-px-0",d?.className),...d})]})}module.exports=Z;
|
|
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;
|