@dgshahr/ui-kit 0.0.97 → 0.0.99

package/dist/Table/index.cjs

@@ -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:""}),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;
+"use client";"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),c=require("../clsx-C11secjj.cjs"),x=require("react"),L=require("../Badge/index.cjs"),I=require("../Form/Checkbox/index.cjs"),R=require("../Tooltip/index.cjs"),K=require("../IconArrowDown2-C1dLVveG.cjs"),H=require("../IconInfoCircleOutline-0ef3qbeI.cjs"),j=require("../Divider/index.cjs"),z=require("../Pagination/index.cjs");;/* empty css                   */const E=x.createContext({observer:null,columns:[],data:[],rowKey:""}),B="after:!dgs-ui-kit-shadow-[rgba(0,0,0,0.06)]";function v(t){t.classList.add(B)}function D(t){t.classList.remove(B)}function P(t){const{children:i,...n}=t,{columns:l,rowSelection:r}=n,[a,d]=x.useState(null);return x.useEffect(()=>{let s=l.some(u=>!!u.sticky);return s||(s=!!r?.sticky),s&&d(new IntersectionObserver(u=>{let o=!1;for(const f of u)if(f.boundingClientRect.right>f.intersectionRect.right){document.querySelectorAll("#sticky-cell-right").forEach(v),o=!0;break}else if(f.boundingClientRect.left<f.intersectionRect.left){document.querySelectorAll("#sticky-cell-left").forEach(v),o=!0;break}o||document.querySelectorAll('[id^="sticky-cell-"]').forEach(D)},{threshold:1,rootMargin:"0% 100% 0% 100%"})),()=>{a&&a.disconnect()}},[]),e.jsx(E.Provider,{value:{observer:a,...n},children:i})}const h=()=>x.useContext(E),M=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(L,{value:r??0,valueType:"number",size:"large",color:"primary",type:"twoTone"})]}),n]})};function b(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 q(t,i){return t||(Array.isArray(i)?i[i.length-1]:i)}function O(t){return!!(t&&t.selectedRowKeys.length>1||typeof t?.onSelectRow=="function")}function _(t,i){return e.jsx("div",{className:c.clsx("dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-centerd",b(t??"center")),children:e.jsx(I,{...i})})}function F(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 y=t=>{const{children:i,className:n,type:l,sticky:r,addBorderToSticky:a,stuckToTop:d}=t,s=x.useRef(null),u=l,{observer:o}=h();return x.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,F(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})},$=()=>{const{columns:t,emptyContent:i}=h();return e.jsx("tbody",{children:e.jsx("tr",{children:e.jsx("td",{colSpan:t.length,children:i})})})},U=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"})]})})})]})},W=()=>{const{columns:t,loading:i}=h();return e.jsx("tbody",{children:e.jsx("tr",{children:e.jsx("td",{className:"dgs-ui-kit-p-10",colSpan:t.length,children:e.jsx(U,{width:typeof i!="boolean"?i.size:100,height:typeof i!="boolean"?i.size:100})})})})},C="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 Y(t,i){return t?Array.isArray(t)?t.reduce((n,l)=>n?.[l]??null,i):i[t]:null}function Z(t,i,n){if(typeof t.render=="function")return t.render(i,n);const l=Y(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(R,{wrapperClassName:"dgs-ui-kit-w-full",content:l,children:r})}return l}const G=t=>{const{havePagination:i}=t,{columns:n,data:l,rowKey:r,rowSelection:a,stickyTableHeader:d,loading:s,emptyContent:u,getRowClassName:o}=h();if(s)return e.jsx(W,{});if(l.length<1&&u)return e.jsx($,{});const f=typeof o=="function";return e.jsx("tbody",{children:l.map((k,m)=>e.jsxs("tr",{children:[O(a)&&e.jsx(y,{type:"td",className:c.clsx(C,a?.className,{"dgs-ui-kit-border-b-0 dgs-ui-kit-rounded-br-2xl":!i&&m===l.length-1},a?.className,f?o(k):""),sticky:a?.sticky,addBorderToSticky:d?m!==0:!0,children:_(a?.align,{onChange:g=>a?.onSelectRow(g,k[r]),checked:!!a?.selectedRowKeys.find(g=>g===k[r])})}),n.map(g=>e.jsx(y,{type:"td",className:c.clsx(C,{"dgs-ui-kit-border-b-0 first:dgs-ui-kit-rounded-br-2xl last:dgs-ui-kit-rounded-bl-2xl":!i&&m===l.length-1},g.className,f?o(k):""),sticky:g.sticky,addBorderToSticky:d?m!==0:!0,children:e.jsx("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-ml-2",b(g.align)),children:Z(g,k,m)})},`${k[r]}-${q(g.key,g.dataIndex)}`))]},k[r]))})},J=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 Q(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 p=16,N="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",w="!dgs-ui-kit-h-8 dgs-ui-kit-shrink-0";function T(t,i){const n=t==="ascend"?J:K.IconArrowDown2;return e.jsx("button",{onClick:()=>i.onSort(t),children:e.jsx(n,{width:p,height:p,className:i.active===t?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-500"})})}function S(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(H.IconInfoCircleOutline,{width:p,height:p}))]})}function A(t,i){return t.map(n=>n[i])}const X=t=>{const{haveHeader:i}=t,{columns:n,rowKey:l,rowSelection:r,data:a,stickyTableHeader:d}=h();return e.jsx("thead",{children:e.jsxs("tr",{children:[O(r)&&e.jsx(y,{type:"th",className:c.clsx(N,{"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:[_(r?.align,{checked:r.selectedRowKeys.length>0,isIndeterminate:!Q(A(a,l),r.selectedRowKeys),onChange:s=>r?.onSelectRow(s,s.target.checked?A(a,l):[])}),e.jsx(j,{type:"vertical",className:w})]})}),n.map((s,u)=>e.jsx(y,{type:"th",sticky:s.sticky,className:c.clsx(N,{"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",b(s.align)),children:[s.tooltip?.content?e.jsx(R,{...s.tooltip,children:S(s.title,s.tooltip)}):S(s.title),typeof s.sort?.onSort=="function"&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col",children:[T("ascend",s.sort),T("descend",s.sort)]})]}),u!==n.length-1&&e.jsx(j,{type:"vertical",className:w})]})},q(s.key,s.dataIndex)))]})})};function V(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),f=d!=="fixed"?"div":x.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(M,{...i,total:a?.totalCount??r.length}),e.jsx(f,{...d!=="fixed"?{className:c.clsx("dgs-ui-kit-overflow-x-auto dgs-ui-kit-h-full",s)}:{},children:e.jsx(P,{...t,children:e.jsxs("table",{className:l,style:{tableLayout:d},children:[e.jsx(X,{haveHeader:u}),e.jsx(G,{havePagination:o})]})})}),o&&e.jsx(z,{className:c.clsx("dgs-ui-kit-py-4 !dgs-ui-kit-px-0",a?.className),...a})]})}module.exports=V;

package/dist/Table/index.mjs

@@ -1,53 +1,53 @@
 "use client";
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { c as u } from "../clsx-OuTLNxxd.js";
-import I, { useState as K, useEffect as A, createContext as j, useContext as H, useRef as z } from "react";
-import D from "../Badge/index.mjs";
-import P from "../Form/Checkbox/index.mjs";
-import E from "../Tooltip/index.mjs";
-import { I as q } from "../IconArrowDown2-7ddwV5IE.js";
-import { I as M } from "../IconInfoCircleOutline-aO1F3qnG.js";
-import b from "../Divider/index.mjs";
-import $ from "../Pagination/index.mjs";
+import j, { useState as H, useEffect as E, createContext as z, useContext as D, useRef as P } from "react";
+import q from "../Badge/index.mjs";
+import M from "../Form/Checkbox/index.mjs";
+import B from "../Tooltip/index.mjs";
+import { I as $ } from "../IconArrowDown2-7ddwV5IE.js";
+import { I as F } from "../IconInfoCircleOutline-aO1F3qnG.js";
+import x from "../Divider/index.mjs";
+import U from "../Pagination/index.mjs";
 import '../assets/styles.css';/* empty css                 */
-const R = j({
+const O = z({
   observer: null,
   columns: [],
   data: [],
   rowKey: ""
-}), B = "after:!dgs-ui-kit-shadow-[rgba(0,0,0,0.06)]";
-function v(t) {
-  t.classList.add(B);
+}), _ = "after:!dgs-ui-kit-shadow-[rgba(0,0,0,0.06)]";
+function C(t) {
+  t.classList.add(_);
 }
-function F(t) {
-  t.classList.remove(B);
+function W(t) {
+  t.classList.remove(_);
 }
-function U(t) {
-  const { children: i, ...n } = t, { columns: l, rowSelection: s } = n, [a, c] = K(null);
-  return A(() => {
+function Y(t) {
+  const { children: i, ...n } = t, { columns: l, rowSelection: s } = n, [a, c] = H(null);
+  return E(() => {
     let r = l.some((g) => !!g.sticky);
     return r || (r = !!s?.sticky), r && c(
       new IntersectionObserver(
         (g) => {
           let d = !1;
-          for (const f of g)
-            if (f.boundingClientRect.right > f.intersectionRect.right) {
-              document.querySelectorAll("#sticky-cell-right").forEach(v), d = !0;
+          for (const k of g)
+            if (k.boundingClientRect.right > k.intersectionRect.right) {
+              document.querySelectorAll("#sticky-cell-right").forEach(C), d = !0;
               break;
-            } else if (f.boundingClientRect.left < f.intersectionRect.left) {
-              document.querySelectorAll("#sticky-cell-left").forEach(v), d = !0;
+            } else if (k.boundingClientRect.left < k.intersectionRect.left) {
+              document.querySelectorAll("#sticky-cell-left").forEach(C), d = !0;
               break;
             }
-          d || document.querySelectorAll('[id^="sticky-cell-"]').forEach(F);
+          d || document.querySelectorAll('[id^="sticky-cell-"]').forEach(W);
         },
         { threshold: 1, rootMargin: "0% 100% 0% 100%" }
       )
     ), () => {
       a && a.disconnect();
     };
-  }, []), /* @__PURE__ */ e(R.Provider, { value: { observer: a, ...n }, children: i });
+  }, []), /* @__PURE__ */ e(O.Provider, { value: { observer: a, ...n }, children: i });
 }
-const m = () => H(R), W = (t) => {
+const p = () => D(O), Z = (t) => {
   const { title: i, extraElement: n, showTotal: l, total: s, className: a } = t;
   return /* @__PURE__ */ o(
     "div",
@@ -61,7 +61,7 @@ const m = () => H(R), W = (t) => {
         l && /* @__PURE__ */ o("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-shrink-0", children: [
           /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-700 dgs-ui-kit-ml-1", children: "تعداد نتایج:" }),
           /* @__PURE__ */ e(
-            D,
+            q,
             {
               value: s ?? 0,
               valueType: "number",
@@ -76,7 +76,7 @@ const m = () => H(R), W = (t) => {
     }
   );
 };
-function y(t) {
+function v(t) {
   switch (t) {
     case "center":
       return "dgs-ui-kit-justify-center";
@@ -88,25 +88,25 @@ function y(t) {
       return;
   }
 }
-function O(t, i) {
+function L(t, i) {
   return t || (Array.isArray(i) ? i[i.length - 1] : i);
 }
-function _(t) {
+function I(t) {
   return !!(t && t.selectedRowKeys.length > 1 || typeof t?.onSelectRow == "function");
 }
-function L(t, i) {
+function K(t, i) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: u(
         "dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-centerd",
-        y(t ?? "center")
+        v(t ?? "center")
       ),
-      children: /* @__PURE__ */ e(P, { ...i })
+      children: /* @__PURE__ */ e(M, { ...i })
     }
   );
 }
-function Y(t, i) {
+function G(t, i) {
   if (t)
     return u(
       "dgs-ui-kit-sticky dgs-ui-kit-z-10",
@@ -119,9 +119,9 @@ function Y(t, i) {
       }
     );
 }
-const h = (t) => {
-  const { children: i, className: n, type: l, sticky: s, addBorderToSticky: a, stuckToTop: c } = t, r = z(null), g = l, { observer: d } = m();
-  return A(() => {
+const y = (t) => {
+  const { children: i, className: n, type: l, sticky: s, addBorderToSticky: a, stuckToTop: c } = t, r = P(null), g = l, { observer: d } = p();
+  return E(() => {
     if (!(!r.current || !d))
       return s && d.observe(r.current), () => {
         !r.current || !d || s && d.unobserve(r.current);
@@ -130,7 +130,7 @@ const h = (t) => {
     g,
     {
       ref: r,
-      className: u(n, Y(s, a), {
+      className: u(n, G(s, 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': c,
         "dgs-ui-kit-top-0 dgs-ui-kit-z-20": c && s,
         "dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-z-10": c && !s
@@ -139,10 +139,10 @@ const h = (t) => {
       children: i
     }
   );
-}, Z = () => {
-  const { columns: t, emptyContent: i } = m();
+}, J = () => {
+  const { columns: t, emptyContent: i } = p();
   return /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length, children: i }) }) });
-}, G = (t) => {
+}, Q = (t) => {
   const { className: i, ...n } = t;
   return /* @__PURE__ */ o(
     "svg",
@@ -441,15 +441,15 @@ const h = (t) => {
       ]
     }
   );
-}, J = () => {
-  const { columns: t, loading: i } = m();
+}, X = () => {
+  const { columns: t, loading: i } = p();
   return /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
     "td",
     {
       className: "dgs-ui-kit-p-10",
       colSpan: t.length,
       children: /* @__PURE__ */ e(
-        G,
+        Q,
         {
           width: typeof i != "boolean" ? i.size : 100,
           height: typeof i != "boolean" ? i.size : 100
@@ -457,17 +457,17 @@ const h = (t) => {
       )
     }
   ) }) });
-}, x = "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 Q(t, i) {
+}, N = "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 V(t, i) {
   return t ? Array.isArray(t) ? t.reduce((n, l) => n?.[l] ?? null, i) : i[t] : null;
 }
-function X(t, i, n) {
+function ee(t, i, n) {
   if (typeof t.render == "function") return t.render(i, n);
-  const l = Q(t.dataIndex, i);
+  const l = V(t.dataIndex, i);
   if (t.ellipsis) {
     const s = /* @__PURE__ */ e("div", { className: "!dgs-ui-kit-truncate", children: l });
     return typeof t.ellipsis != "boolean" && t.ellipsis.hideTooltip ? s : /* @__PURE__ */ e(
-      E,
+      B,
       {
         wrapperClassName: "dgs-ui-kit-w-full",
         content: l,
@@ -477,57 +477,71 @@ function X(t, i, n) {
   }
   return l;
 }
-const V = (t) => {
-  const { havePagination: i } = t, { columns: n, data: l, rowKey: s, rowSelection: a, stickyTableHeader: c, loading: r, emptyContent: g } = m();
-  return r ? /* @__PURE__ */ e(J, {}) : l.length < 1 && g ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ e("tbody", { children: l.map((d, f) => /* @__PURE__ */ o("tr", { children: [
-    _(a) && /* @__PURE__ */ e(
-      h,
+const te = (t) => {
+  const { havePagination: i } = t, {
+    columns: n,
+    data: l,
+    rowKey: s,
+    rowSelection: a,
+    stickyTableHeader: c,
+    loading: r,
+    emptyContent: g,
+    getRowClassName: d
+  } = p();
+  if (r) return /* @__PURE__ */ e(X, {});
+  if (l.length < 1 && g) return /* @__PURE__ */ e(J, {});
+  const k = typeof d == "function";
+  return /* @__PURE__ */ e("tbody", { children: l.map((m, h) => /* @__PURE__ */ o("tr", { children: [
+    I(a) && /* @__PURE__ */ e(
+      y,
       {
         type: "td",
         className: u(
-          x,
+          N,
           a?.className,
           {
-            "dgs-ui-kit-border-b-0 dgs-ui-kit-rounded-br-2xl": !i && f === l.length - 1
+            "dgs-ui-kit-border-b-0 dgs-ui-kit-rounded-br-2xl": !i && h === l.length - 1
           },
-          a?.className
+          a?.className,
+          k ? d(m) : ""
         ),
         sticky: a?.sticky,
-        addBorderToSticky: c ? f !== 0 : !0,
-        children: L(a?.align, {
-          onChange: (k) => a?.onSelectRow(k, d[s]),
-          checked: !!a?.selectedRowKeys.find((k) => k === d[s])
+        addBorderToSticky: c ? h !== 0 : !0,
+        children: K(a?.align, {
+          onChange: (f) => a?.onSelectRow(f, m[s]),
+          checked: !!a?.selectedRowKeys.find((f) => f === m[s])
         })
       }
     ),
-    n.map((k) => /* @__PURE__ */ e(
-      h,
+    n.map((f) => /* @__PURE__ */ e(
+      y,
       {
         type: "td",
         className: u(
-          x,
+          N,
           {
-            "dgs-ui-kit-border-b-0 first:dgs-ui-kit-rounded-br-2xl last:dgs-ui-kit-rounded-bl-2xl": !i && f === l.length - 1
+            "dgs-ui-kit-border-b-0 first:dgs-ui-kit-rounded-br-2xl last:dgs-ui-kit-rounded-bl-2xl": !i && h === l.length - 1
           },
-          k.className
+          f.className,
+          k ? d(m) : ""
         ),
-        sticky: k.sticky,
-        addBorderToSticky: c ? f !== 0 : !0,
+        sticky: f.sticky,
+        addBorderToSticky: c ? h !== 0 : !0,
         children: /* @__PURE__ */ e(
           "div",
           {
             className: u(
               "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-ml-2",
-              y(k.align)
+              v(f.align)
             ),
-            children: X(k, d, f)
+            children: ee(f, m, h)
           }
         )
       },
-      `${d[s]}-${O(k.key, k.dataIndex)}`
+      `${m[s]}-${L(f.key, f.dataIndex)}`
     ))
-  ] }, d[s])) });
-}, ee = (t) => /* @__PURE__ */ e(
+  ] }, m[s])) });
+}, ie = (t) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -545,78 +559,78 @@ const V = (t) => {
     )
   }
 );
-function te(t, i) {
+function re(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 p = 16, C = "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", N = "!dgs-ui-kit-h-8 dgs-ui-kit-shrink-0";
-function w(t, i) {
+const b = 16, w = "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", T = "!dgs-ui-kit-h-8 dgs-ui-kit-shrink-0";
+function S(t, i) {
   return /* @__PURE__ */ e("button", { onClick: () => i.onSort(t), children: /* @__PURE__ */ e(
-    t === "ascend" ? ee : q,
+    t === "ascend" ? ie : $,
     {
-      width: p,
-      height: p,
+      width: b,
+      height: b,
       className: i.active === t ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-500"
     }
   ) });
 }
-function T(t, i) {
+function A(t, i) {
   return /* @__PURE__ */ o("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: [
     /* @__PURE__ */ e("span", { children: t }),
     i && (i.anchorIcon ?? /* @__PURE__ */ e(
-      M,
+      F,
       {
-        width: p,
-        height: p
+        width: b,
+        height: b
       }
     ))
   ] });
 }
-function S(t, i) {
+function R(t, i) {
   return t.map((n) => n[i]);
 }
-const ie = (t) => {
-  const { haveHeader: i } = t, { columns: n, rowKey: l, rowSelection: s, data: a, stickyTableHeader: c } = m();
+const se = (t) => {
+  const { haveHeader: i } = t, { columns: n, rowKey: l, rowSelection: s, data: a, stickyTableHeader: c } = p();
   return /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
-    _(s) && /* @__PURE__ */ e(
-      h,
+    I(s) && /* @__PURE__ */ e(
+      y,
       {
         type: "th",
         className: u(
-          C,
+          w,
           { "dgs-ui-kit-rounded-tr-2xl": !i },
           s?.className
         ),
         sticky: s?.sticky,
         stuckToTop: c,
         children: /* @__PURE__ */ o("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-between", children: [
-          L(s?.align, {
+          K(s?.align, {
             checked: s.selectedRowKeys.length > 0,
-            isIndeterminate: !te(
-              S(a, l),
+            isIndeterminate: !re(
+              R(a, l),
               s.selectedRowKeys
             ),
-            onChange: (r) => s?.onSelectRow(r, r.target.checked ? S(a, l) : [])
+            onChange: (r) => s?.onSelectRow(r, r.target.checked ? R(a, l) : [])
           }),
           /* @__PURE__ */ e(
-            b,
+            x,
             {
               type: "vertical",
-              className: N
+              className: T
             }
           )
         ] })
       }
     ),
     n.map((r, g) => /* @__PURE__ */ e(
-      h,
+      y,
       {
         type: "th",
         sticky: r.sticky,
         className: u(
-          C,
+          w,
           {
             "first:dgs-ui-kit-rounded-tr-2xl last:dgs-ui-kit-rounded-tl-2xl": !i
           },
@@ -629,31 +643,31 @@ const ie = (t) => {
             {
               className: u(
                 "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(r.align)
+                v(r.align)
               ),
               children: [
-                r.tooltip?.content ? /* @__PURE__ */ e(E, { ...r.tooltip, children: T(r.title, r.tooltip) }) : T(r.title),
+                r.tooltip?.content ? /* @__PURE__ */ e(B, { ...r.tooltip, children: A(r.title, r.tooltip) }) : A(r.title),
                 typeof r.sort?.onSort == "function" && /* @__PURE__ */ o("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col", children: [
-                  w("ascend", r.sort),
-                  w("descend", r.sort)
+                  S("ascend", r.sort),
+                  S("descend", r.sort)
                 ] })
               ]
             }
           ),
           g !== n.length - 1 && /* @__PURE__ */ e(
-            b,
+            x,
             {
               type: "vertical",
-              className: N
+              className: T
             }
           )
         ] })
       },
-      O(r.key, r.dataIndex)
+      L(r.key, r.dataIndex)
     ))
   ] }) });
 };
-function ke(t) {
+function he(t) {
   const {
     header: i,
     wrapperClassName: n,
@@ -662,7 +676,7 @@ function ke(t) {
     pagination: a,
     layout: c = "auto",
     containerClassName: r
-  } = t, g = (i && Object.values(i).length > 0) ?? !1, d = !!(a?.totalCount && a?.pageSize), f = c !== "fixed" ? "div" : I.Fragment;
+  } = t, g = (i && Object.values(i).length > 0) ?? !1, d = !!(a?.totalCount && a?.pageSize), k = c !== "fixed" ? "div" : j.Fragment;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -672,31 +686,31 @@ function ke(t) {
       ),
       children: [
         g && /* @__PURE__ */ e(
-          W,
+          Z,
           {
             ...i,
             total: a?.totalCount ?? s.length
           }
         ),
         /* @__PURE__ */ e(
-          f,
+          k,
           {
             ...c !== "fixed" ? { className: u("dgs-ui-kit-overflow-x-auto dgs-ui-kit-h-full", r) } : {},
-            children: /* @__PURE__ */ e(U, { ...t, children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ e(Y, { ...t, children: /* @__PURE__ */ o(
               "table",
               {
                 className: l,
                 style: { tableLayout: c },
                 children: [
-                  /* @__PURE__ */ e(ie, { haveHeader: g }),
-                  /* @__PURE__ */ e(V, { havePagination: d })
+                  /* @__PURE__ */ e(se, { haveHeader: g }),
+                  /* @__PURE__ */ e(te, { havePagination: d })
                 ]
               }
             ) })
           }
         ),
         d && /* @__PURE__ */ e(
-          $,
+          U,
           {
             className: u("dgs-ui-kit-py-4 !dgs-ui-kit-px-0", a?.className),
             ...a
@@ -707,5 +721,5 @@ function ke(t) {
   );
 }
 export {
-  ke as default
+  he as default
 };

package/dist/Table/types.d.ts

@@ -47,6 +47,7 @@ export interface TableProps<T extends UnknownRecord = UnknownRecord> {
     data: T[];
     columns: ColumnsType<T>[];
     rowKey: [keyof T] extends [never] ? string : keyof T;
+    getRowClassName?: (record: T) => string | undefined;
     header?: TableHeaderProps;
     stickyTableHeader?: boolean;
     rowSelection?: RowSelectionProps<T>;

package/dist/Table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Table/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Table/types.ts"],"names":[],"mappings":"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"}