dgz-ui-shared 1.0.64 → 1.0.66

package/dist/components/datatable/index.cjs.js

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-DUiatUiq.cjs"),W=require("../../button-Bp2lHjov-D9UnCnYX.cjs"),u=require("../../dropdown-menu-BPBcxHRB-towSSPIs.cjs"),L=require("../../MyLimitSelect-BFWr_fUn.cjs"),T=require("../../FilterWrapper-DiuKsyOG.cjs"),c=require("react"),y=require("../../lodash-C5w_OPmE.cjs"),j=require("../../index-DqTIeHVj-DlSOwhuZ.cjs"),d=require("../../utils-B6fNqzRf-BNysSCt9.cjs"),A=require("../../useSortable-Dx_e142l.cjs"),D=require("../../radio-group-CqPTye2U-CXc2TUFE.cjs"),$=require("../../SortOrder-81BrXp3i.cjs"),O=require("../../Empty--unTFnpg.cjs"),I=require("../../createLucideIcon-BnAj0RnC.cjs"),G=require("../../Loader-bUUShWXh.cjs"),J=require("../../useTranslation-CZf20ucv.cjs"),B=c.forwardRef(({className:s,...t},r)=>j.ae.jsx("table",{ref:r,className:d.mo("w-full caption-bottom text-sm",s),...t}));B.displayName="Table";const H=c.forwardRef(({className:s,...t},r)=>j.ae.jsx("thead",{ref:r,className:d.mo("[&_tr]:border-b",s),...t}));H.displayName="TableHeader";const C=c.forwardRef(({className:s,...t},r)=>j.ae.jsx("tbody",{ref:r,className:d.mo("[&_tr:last-child]:border-0",s),...t}));C.displayName="TableBody";const Q=c.forwardRef(({className:s,...t},r)=>j.ae.jsx("tfoot",{ref:r,className:d.mo("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",s),...t}));Q.displayName="TableFooter";const M=c.forwardRef(({className:s,...t},r)=>j.ae.jsx("tr",{ref:r,className:d.mo("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",s),...t}));M.displayName="TableRow";const q=c.forwardRef(({className:s,...t},r)=>j.ae.jsx("th",{ref:r,className:d.mo("text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",s),...t}));q.displayName="TableHead";const N=c.forwardRef(({className:s,...t},r)=>j.ae.jsx("td",{ref:r,className:d.mo("p-4 align-middle [&:has([role=checkbox])]:pr-0",s),...t}));N.displayName="TableCell";const S=c.forwardRef(({className:s,...t},r)=>j.ae.jsx("caption",{ref:r,className:d.mo("text-muted-foreground mt-4 text-sm",s),...t}));S.displayName="TableCaption";/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-DUiatUiq.cjs"),O=require("../../button-Bp2lHjov-D9UnCnYX.cjs"),R=require("../../dropdown-menu-BPBcxHRB-towSSPIs.cjs"),L=require("../../MyLimitSelect-BFWr_fUn.cjs"),T=require("../../FilterWrapper-DiuKsyOG.cjs"),a=require("react"),E=require("../../lodash-C5w_OPmE.cjs"),m=require("../../index-DqTIeHVj-DlSOwhuZ.cjs"),n=require("../../utils-B6fNqzRf-BNysSCt9.cjs"),D=require("../../useSortable-Dx_e142l.cjs"),F=require("../../radio-group-CqPTye2U-CXc2TUFE.cjs"),$=require("../../SortOrder-81BrXp3i.cjs"),G=require("../../Empty--unTFnpg.cjs"),I=require("../../createLucideIcon-BnAj0RnC.cjs"),J=require("../../Loader-bUUShWXh.cjs"),Q=require("../../useTranslation-CZf20ucv.cjs"),B=a.forwardRef(({className:s,...t},i)=>m.ae.jsx("table",{ref:i,className:n.mo("w-full caption-bottom text-sm",s),...t}));B.displayName="Table";const H=a.forwardRef(({className:s,...t},i)=>m.ae.jsx("thead",{ref:i,className:n.mo("[&_tr]:border-b",s),...t}));H.displayName="TableHeader";const U=a.forwardRef(({className:s,...t},i)=>m.ae.jsx("tbody",{ref:i,className:n.mo("[&_tr:last-child]:border-0",s),...t}));U.displayName="TableBody";const X=a.forwardRef(({className:s,...t},i)=>m.ae.jsx("tfoot",{ref:i,className:n.mo("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",s),...t}));X.displayName="TableFooter";const M=a.forwardRef(({className:s,...t},i)=>m.ae.jsx("tr",{ref:i,className:n.mo("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",s),...t}));M.displayName="TableRow";const q=a.forwardRef(({className:s,...t},i)=>m.ae.jsx("th",{ref:i,className:n.mo("text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",s),...t}));q.displayName="TableHead";const b=a.forwardRef(({className:s,...t},i)=>m.ae.jsx("td",{ref:i,className:n.mo("p-4 align-middle [&:has([role=checkbox])]:pr-0",s),...t}));b.displayName="TableCell";const Y=a.forwardRef(({className:s,...t},i)=>m.ae.jsx("caption",{ref:i,className:n.mo("text-muted-foreground mt-4 text-sm",s),...t}));Y.displayName="TableCaption";/**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const X=[["path",{d:"m3 16 4 4 4-4",key:"1co6wj"}],["path",{d:"M7 20V4",key:"1yoxec"}],["path",{d:"M11 4h10",key:"1w87gc"}],["path",{d:"M11 8h7",key:"djye34"}],["path",{d:"M11 12h4",key:"q8tih4"}]],Y=I.createLucideIcon("arrow-down-wide-narrow",X);/**
+ */const Z=[["path",{d:"m3 16 4 4 4-4",key:"1co6wj"}],["path",{d:"M7 20V4",key:"1yoxec"}],["path",{d:"M11 4h10",key:"1w87gc"}],["path",{d:"M11 8h7",key:"djye34"}],["path",{d:"M11 12h4",key:"q8tih4"}]],K=I.createLucideIcon("arrow-down-wide-narrow",Z);/**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Z=[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]],P=I.createLucideIcon("arrow-up-down",Z);/**
+ */const C=[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]],P=I.createLucideIcon("arrow-up-down",C);/**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const K=[["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}],["path",{d:"M11 12h10",key:"1438ji"}],["path",{d:"M11 16h7",key:"uosisv"}],["path",{d:"M11 20h4",key:"1krc32"}]],ee=I.createLucideIcon("arrow-up-wide-narrow",K);/**
+ */const ee=[["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}],["path",{d:"M11 12h10",key:"1438ji"}],["path",{d:"M11 16h7",key:"uosisv"}],["path",{d:"M11 20h4",key:"1krc32"}]],se=I.createLucideIcon("arrow-up-wide-narrow",ee);/**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const se=[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]],te=I.createLucideIcon("refresh-cw",se),U=({rows:s=[],columns:t,onRowClick:r,rowKey:p,params:a={page:1,limit:L.DEFAULT_LIMIT},hasNumbers:h=!1,hasCheckbox:f=!1,selectedItems:_,onSelectedItemsChange:g,onSortOrderChange:n,isStickyHeader:F})=>{const{sortObject:o,handleSort:R}=A.useSortable({sortField:a==null?void 0:a.sortField,sortOrder:a==null?void 0:a.sortField,onSortOrderChange:n}),{selectedRows:b,isRowSelected:m,isAllRowsSelected:w,handleSelectAllRows:k,handleSelectRow:v}=A.useDataTable({rows:s,defaultSelectedRows:_});return c.useEffect(()=>{g&&g(b)},[b]),e.jsxRuntimeExports.jsxs(B,{className:"relative",children:[e.jsxRuntimeExports.jsx(H,{className:d.mo("bg-bg",F&&"sticky top-0 z-10"),children:e.jsxRuntimeExports.jsxs(M,{children:[f&&e.jsxRuntimeExports.jsx(q,{className:"w-12 p-3",children:e.jsxRuntimeExports.jsx(D.Tl,{className:"mt-1",checked:w(p),onCheckedChange:i=>k(p,!!i),"aria-label":"Select all"})}),h&&e.jsxRuntimeExports.jsx(q,{className:"w-12 p-2",children:"#"}),t.filter(i=>!i.hidden).map(i=>e.jsxRuntimeExports.jsx(q,{style:i.styles,className:d.mo("p-2",i.sortable&&"cursor-pointer"),onClick:()=>R(i.dataIndex),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[i.name," ",i.sortable&&((o==null?void 0:o.sortField)===i.key?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[(o==null?void 0:o.sortOrder)===$.SortOrder.DESC&&e.jsxRuntimeExports.jsx(Y,{size:15}),(o==null?void 0:o.sortOrder)===$.SortOrder.ASC&&e.jsxRuntimeExports.jsx(ee,{size:15})]}):e.jsxRuntimeExports.jsx(P,{size:15}))]})},i.key))]})}),e.jsxRuntimeExports.jsx(C,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:s.length?s.map((i,E)=>e.jsxRuntimeExports.jsxs(M,{onClick:()=>r==null?void 0:r(i),className:d.mo(r&&"cursor-pointer"),"data-state":m(i[p])&&"selected",children:[f&&e.jsxRuntimeExports.jsx(N,{className:"w-12 p-3",onClick:l=>l.stopPropagation(),children:e.jsxRuntimeExports.jsx(D.Tl,{className:"mt-1",checked:m(i[p]),onCheckedChange:l=>v(i[p],!!l),"aria-label":"Select row"})}),h&&e.jsxRuntimeExports.jsx(N,{className:"w-12 p-2",children:(a.page-1)*(a.limit||L.DEFAULT_LIMIT)+E+1}),t.filter(l=>!l.hidden).map(l=>e.jsxRuntimeExports.jsx(N,{className:"text-body-xs-medium max-w-xs overflow-hidden p-2 text-ellipsis",style:l.styles,children:l.render?l.render(y.lodashExports.get(i,l.dataIndex),i):y.lodashExports.get(i,l.dataIndex,"")},`${E}-${l.key}`))]},`${i[p]}`)):e.jsxRuntimeExports.jsx(M,{children:e.jsxRuntimeExports.jsx(N,{colSpan:h?f?t.length+2:t.length+1:t.length,children:e.jsxRuntimeExports.jsx(O.Empty,{})})})})]})},re=({dataSource:s,columns:t,onRowClick:r,rowKey:p,hasNumbers:a,hasSearch:h,hasCheckbox:f,hasPagination:_,isStickyHeader:g,onParamChange:n,loading:F,tableKey:o,filters:R=[],handleFilterChange:b,params:m,hasColumnsVisibilityDropdown:w})=>{const{t:k}=J.useTranslation(),[v,i]=c.useState([]),{formattedColumns:E,handleColumnsChange:l,resetColumns:V}=A.useColumns({key:o,columns:t});return e.jsxRuntimeExports.jsxs("div",{className:"border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",children:[(h||w&&o||!y.lodashExports.isEmpty(R))&&e.jsxRuntimeExports.jsxs("div",{className:"flex shrink-0 items-center justify-between gap-3 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"w-full shrink",children:h&&e.jsxRuntimeExports.jsx(T.Search,{defaultValue:y.lodashExports.get(m,"search",""),onSearchChange:x=>({...m,search:x,page:1})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex shrink-0 items-center justify-end gap-3",children:[w&&o&&e.jsxRuntimeExports.jsxs(u.Nt,{children:[e.jsxRuntimeExports.jsx(u.jt,{asChild:!0,children:e.jsxRuntimeExports.jsxs(W.u,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:[e.jsxRuntimeExports.jsx(T.yn,{})," ",e.jsxRuntimeExports.jsx("span",{className:"hidden lg:!inline",children:k("Customize columns")}),e.jsxRuntimeExports.jsx(T.f1,{})]})}),e.jsxRuntimeExports.jsxs(u.ut,{align:"end",children:[e.jsxRuntimeExports.jsxs(u.it,{className:"capitalize",onClick:V,children:[e.jsxRuntimeExports.jsx(te,{})," ",k("Reset columns")]}),e.jsxRuntimeExports.jsx(u.ft,{}),E.map(x=>e.jsxRuntimeExports.jsx(u.dt,{className:"capitalize",checked:!x.hidden,onCheckedChange:z=>l(x,!z),children:x.name},x.key))]})]}),!y.lodashExports.isEmpty(R)&&e.jsxRuntimeExports.jsx(T.FilterWrapper,{filters:R,onFilter:b})]})]}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col overflow-auto border-y",children:F?e.jsxRuntimeExports.jsx(G.Loader,{}):e.jsxRuntimeExports.jsx(U,{params:m,rows:s==null?void 0:s.docs,rowKey:p,selectedItems:v,isStickyHeader:g,columns:E,hasCheckbox:f,hasNumbers:a,onRowClick:r,onSelectedItemsChange:i,onSortOrderChange:({sortField:x,sortOrder:z})=>{n==null||n({...m,sortField:x,sortOrder:z})}})}),_&&e.jsxRuntimeExports.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row",children:[e.jsxRuntimeExports.jsx("div",{className:"text-sm",children:e.jsxRuntimeExports.jsx(L.MyLimitSelect,{onLimitChange:x=>n==null?void 0:n({...m,limit:x,page:1}),defaultValue:s==null?void 0:s.limit})}),e.jsxRuntimeExports.jsxs("div",{className:"text-muted-foreground text-sm",children:[v.length," of ",(s==null?void 0:s.total)||0," row(s) selected."]}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(L.MyPagination,{onPageChange:x=>n==null?void 0:n({...m,page:x}),currentPage:s==null?void 0:s.page,totalPages:s==null?void 0:s.totalPages})})]})]})};exports.DataTable=re;exports.MyTable=U;
+ */const te=[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]],re=I.createLucideIcon("refresh-cw",te),S=({rows:s=[],columns:t,onRowClick:i,rowKey:j,params:c={page:1,limit:L.DEFAULT_LIMIT},hasNumbers:u=!1,hasCheckbox:N=!1,selectedItems:_,onSelectedItemsChange:w,onSortOrderChange:l,isStickyHeader:z})=>{const{sortObject:d,handleSort:y}=D.useSortable({sortField:c==null?void 0:c.sortField,sortOrder:c==null?void 0:c.sortField,onSortOrderChange:l}),{selectedRows:h,isRowSelected:f,isAllRowsSelected:p,handleSelectAllRows:k,handleSelectRow:g}=D.useDataTable({rows:s,defaultSelectedRows:_});return a.useEffect(()=>{w&&w(h)},[h]),e.jsxRuntimeExports.jsxs(B,{className:"relative",children:[e.jsxRuntimeExports.jsx(H,{className:n.mo("bg-bg",z&&"sticky top-0 z-10"),children:e.jsxRuntimeExports.jsxs(M,{children:[N&&e.jsxRuntimeExports.jsx(q,{className:"w-12 p-3",children:e.jsxRuntimeExports.jsx(F.Tl,{className:"mt-1",checked:p(j),onCheckedChange:r=>k(j,!!r),"aria-label":"Select all"})}),u&&e.jsxRuntimeExports.jsx(q,{className:"w-12 p-2",children:"#"}),t.filter(r=>!r.hidden).map(r=>e.jsxRuntimeExports.jsx(q,{style:r.styles,className:n.mo("p-2",r.sortable&&"cursor-pointer"),onClick:()=>y(r.dataIndex),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[r.name," ",r.sortable&&((d==null?void 0:d.sortField)===r.key?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[(d==null?void 0:d.sortOrder)===$.SortOrder.DESC&&e.jsxRuntimeExports.jsx(K,{size:15}),(d==null?void 0:d.sortOrder)===$.SortOrder.ASC&&e.jsxRuntimeExports.jsx(se,{size:15})]}):e.jsxRuntimeExports.jsx(P,{size:15}))]})},r.key))]})}),e.jsxRuntimeExports.jsx(U,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:s.length?s.map((r,v)=>e.jsxRuntimeExports.jsxs(M,{onClick:()=>i==null?void 0:i(r),className:n.mo(i&&"cursor-pointer"),"data-state":f(r[j])&&"selected",children:[N&&e.jsxRuntimeExports.jsx(b,{className:"w-12 p-3",onClick:x=>x.stopPropagation(),children:e.jsxRuntimeExports.jsx(F.Tl,{className:"mt-1",checked:f(r[j]),onCheckedChange:x=>g(r[j],!!x),"aria-label":"Select row"})}),u&&e.jsxRuntimeExports.jsx(b,{className:"w-12 p-2",children:(c.page-1)*(c.limit||L.DEFAULT_LIMIT)+v+1}),t.filter(x=>!x.hidden).map(x=>e.jsxRuntimeExports.jsx(b,{className:"text-body-xs-medium max-w-xs overflow-hidden p-2 text-ellipsis",style:x.styles,children:x.render?x.render(E.lodashExports.get(r,x.dataIndex),r):E.lodashExports.get(r,x.dataIndex,"")},`${v}-${x.key}`))]},`${r[j]}`)):e.jsxRuntimeExports.jsx(M,{children:e.jsxRuntimeExports.jsx(b,{colSpan:u?N?t.length+2:t.length+1:t.length,children:e.jsxRuntimeExports.jsx(G.Empty,{})})})})]})},ie=({dataSource:s,columns:t,onRowClick:i,rowKey:j,hasNumbers:c,hasSearch:u,hasCheckbox:N,hasPagination:_,isStickyHeader:w,onParamChange:l,dataKey:z="docs",loading:d,tableKey:y,filters:h=[],handleFilterChange:f,params:p,hasColumnsVisibilityDropdown:k})=>{const{t:g}=Q.useTranslation(),[r,v]=a.useState([]),{formattedColumns:x,handleColumnsChange:V,resetColumns:W}=D.useColumns({key:y,columns:t});return e.jsxRuntimeExports.jsxs("div",{className:"border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",children:[(u||k&&y||!E.lodashExports.isEmpty(h))&&e.jsxRuntimeExports.jsxs("div",{className:"flex shrink-0 items-center justify-between gap-3 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"w-full shrink",children:u&&e.jsxRuntimeExports.jsx(T.Search,{defaultValue:E.lodashExports.get(p,"search",""),onSearchChange:o=>l==null?void 0:l({...p,search:o,page:1})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex shrink-0 items-center justify-end gap-3",children:[k&&y&&e.jsxRuntimeExports.jsxs(R.Nt,{children:[e.jsxRuntimeExports.jsx(R.jt,{asChild:!0,children:e.jsxRuntimeExports.jsxs(O.u,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:[e.jsxRuntimeExports.jsx(T.yn,{})," ",e.jsxRuntimeExports.jsx("span",{className:"hidden lg:!inline",children:g("Customize columns")}),e.jsxRuntimeExports.jsx(T.f1,{})]})}),e.jsxRuntimeExports.jsxs(R.ut,{align:"end",children:[e.jsxRuntimeExports.jsxs(R.it,{className:"capitalize",onClick:W,children:[e.jsxRuntimeExports.jsx(re,{})," ",g("Reset columns")]}),e.jsxRuntimeExports.jsx(R.ft,{}),x.map(o=>e.jsxRuntimeExports.jsx(R.dt,{className:"capitalize",checked:!o.hidden,onCheckedChange:A=>V(o,!A),children:o.name},o.key))]})]}),!E.lodashExports.isEmpty(h)&&e.jsxRuntimeExports.jsx(T.FilterWrapper,{filters:h,onFilter:o=>{l==null||l({...p,...o,page:1}),f==null||f(o)}})]})]}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col overflow-auto border-y",children:d?e.jsxRuntimeExports.jsx(J.Loader,{}):e.jsxRuntimeExports.jsx(S,{params:p,rows:E.lodashExports.get(s,z,[]),rowKey:j,selectedItems:r,isStickyHeader:w,columns:x,hasCheckbox:N,hasNumbers:c,onRowClick:i,onSelectedItemsChange:v,onSortOrderChange:({sortField:o,sortOrder:A})=>{l==null||l({...p,sortField:o,sortOrder:A})}})}),_&&e.jsxRuntimeExports.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row",children:[e.jsxRuntimeExports.jsx("div",{className:"text-sm",children:e.jsxRuntimeExports.jsx(L.MyLimitSelect,{onLimitChange:o=>l==null?void 0:l({...p,limit:o,page:1}),defaultValue:s==null?void 0:s.limit})}),e.jsxRuntimeExports.jsxs("div",{className:"text-muted-foreground text-sm",children:[r.length," of ",(s==null?void 0:s.total)||0," row(s) selected."]}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(L.MyPagination,{onPageChange:o=>l==null?void 0:l({...p,page:o}),currentPage:s==null?void 0:s.page,totalPages:s==null?void 0:s.totalPages})})]})]})};exports.DataTable=ie;exports.MyTable=S;

package/dist/components/datatable/index.es.js

@@ -1,45 +1,45 @@
 import { j as e } from "../../jsx-runtime-C5mzlN2N.js";
-import { u as H } from "../../button-Bp2lHjov-BTlHPcva.js";
-import { N as U, j as V, u as W, i as B, f as G, d as J } from "../../dropdown-menu-BPBcxHRB-EjT0ADL9.js";
-import { D as R, a as O, M as Q } from "../../MyLimitSelect-Bzc40bxS.js";
-import { S as X, y as Y, f as Z, F as S } from "../../FilterWrapper-DwZpntbw.js";
-import { forwardRef as h, useEffect as K, useState as P } from "react";
-import { l as k } from "../../lodash-CYNxjS-I.js";
-import { a as p } from "../../index-DqTIeHVj-CeLMF2B2.js";
+import { u as V } from "../../button-Bp2lHjov-BTlHPcva.js";
+import { N as W, j as B, u as G, i as J, f as O, d as Q } from "../../dropdown-menu-BPBcxHRB-EjT0ADL9.js";
+import { D as A, a as S, M as X } from "../../MyLimitSelect-Bzc40bxS.js";
+import { S as Y, y as Z, f as K, F as C } from "../../FilterWrapper-DwZpntbw.js";
+import { forwardRef as p, useEffect as P, useState as ee } from "react";
+import { l as y } from "../../lodash-CYNxjS-I.js";
+import { a as h } from "../../index-DqTIeHVj-CeLMF2B2.js";
 import { m as o } from "../../utils-B6fNqzRf-B1_jG1K7.js";
-import { u as ee, a as se, b as te } from "../../useSortable-QB1cZsY8.js";
-import { T as A } from "../../radio-group-CqPTye2U-DGs9dBuR.js";
-import { S as I } from "../../SortOrder-CwuehjY1.js";
-import { E as le } from "../../Empty--aMfJ9Jw.js";
-import { c as F } from "../../createLucideIcon-B950nf2d.js";
-import { L as de } from "../../Loader-CVKJNLck.js";
-import { u as ie } from "../../useTranslation-dH-uwymc.js";
-const D = h(
-  ({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
+import { u as se, a as te, b as le } from "../../useSortable-QB1cZsY8.js";
+import { T as I } from "../../radio-group-CqPTye2U-DGs9dBuR.js";
+import { S as D } from "../../SortOrder-CwuehjY1.js";
+import { E as de } from "../../Empty--aMfJ9Jw.js";
+import { c as E } from "../../createLucideIcon-B950nf2d.js";
+import { L as ie } from "../../Loader-CVKJNLck.js";
+import { u as re } from "../../useTranslation-dH-uwymc.js";
+const F = p(
+  ({ className: s, ...t }, d) => /* @__PURE__ */ h.jsx(
     "table",
     {
-      ref: l,
+      ref: d,
       className: o("w-full caption-bottom text-sm", s),
       ...t
     }
   )
 );
-D.displayName = "Table";
-const $ = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx("thead", { ref: l, className: o("[&_tr]:border-b", s), ...t }));
+F.displayName = "Table";
+const $ = p(({ className: s, ...t }, d) => /* @__PURE__ */ h.jsx("thead", { ref: d, className: o("[&_tr]:border-b", s), ...t }));
 $.displayName = "TableHeader";
-const C = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
+const q = p(({ className: s, ...t }, d) => /* @__PURE__ */ h.jsx(
   "tbody",
   {
-    ref: l,
+    ref: d,
     className: o("[&_tr:last-child]:border-0", s),
     ...t
   }
 ));
-C.displayName = "TableBody";
-const ae = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
+q.displayName = "TableBody";
+const ce = p(({ className: s, ...t }, d) => /* @__PURE__ */ h.jsx(
   "tfoot",
   {
-    ref: l,
+    ref: d,
     className: o(
       "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
       s
@@ -47,11 +47,11 @@ const ae = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
     ...t
   }
 ));
-ae.displayName = "TableFooter";
-const T = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
+ce.displayName = "TableFooter";
+const T = p(({ className: s, ...t }, d) => /* @__PURE__ */ h.jsx(
   "tr",
   {
-    ref: l,
+    ref: d,
     className: o(
       "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
       s
@@ -60,10 +60,10 @@ const T = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
   }
 ));
 T.displayName = "TableRow";
-const _ = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
+const _ = p(({ className: s, ...t }, d) => /* @__PURE__ */ h.jsx(
   "th",
   {
-    ref: l,
+    ref: d,
     className: o(
       "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
       s
@@ -72,37 +72,37 @@ const _ = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
   }
 ));
 _.displayName = "TableHead";
-const g = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
+const w = p(({ className: s, ...t }, d) => /* @__PURE__ */ h.jsx(
   "td",
   {
-    ref: l,
+    ref: d,
     className: o("p-4 align-middle [&:has([role=checkbox])]:pr-0", s),
     ...t
   }
 ));
-g.displayName = "TableCell";
-const re = h(({ className: s, ...t }, l) => /* @__PURE__ */ p.jsx(
+w.displayName = "TableCell";
+const ae = p(({ className: s, ...t }, d) => /* @__PURE__ */ h.jsx(
   "caption",
   {
-    ref: l,
+    ref: d,
     className: o("text-muted-foreground mt-4 text-sm", s),
     ...t
   }
 ));
-re.displayName = "TableCaption";
+ae.displayName = "TableCaption";
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ce = [
+const oe = [
   ["path", { d: "m3 16 4 4 4-4", key: "1co6wj" }],
   ["path", { d: "M7 20V4", key: "1yoxec" }],
   ["path", { d: "M11 4h10", key: "1w87gc" }],
   ["path", { d: "M11 8h7", key: "djye34" }],
   ["path", { d: "M11 12h4", key: "q8tih4" }]
-], oe = F("arrow-down-wide-narrow", ce);
+], xe = E("arrow-down-wide-narrow", oe);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -114,253 +114,262 @@ const ne = [
   ["path", { d: "M17 20V4", key: "1ejh1v" }],
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
   ["path", { d: "M7 4v16", key: "1glfcx" }]
-], me = F("arrow-up-down", ne);
+], me = E("arrow-up-down", ne);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xe = [
+const pe = [
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
   ["path", { d: "M7 4v16", key: "1glfcx" }],
   ["path", { d: "M11 12h10", key: "1438ji" }],
   ["path", { d: "M11 16h7", key: "uosisv" }],
   ["path", { d: "M11 20h4", key: "1krc32" }]
-], he = F("arrow-up-wide-narrow", xe);
+], he = E("arrow-up-wide-narrow", pe);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pe = [
+const fe = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
-], fe = F("refresh-cw", pe), je = ({
+], je = E("refresh-cw", fe), Ne = ({
   rows: s = [],
   columns: t,
-  onRowClick: l,
-  rowKey: x,
-  params: n = {
+  onRowClick: d,
+  rowKey: m,
+  params: x = {
     page: 1,
-    limit: R
+    limit: A
   },
   hasNumbers: f = !1,
-  hasCheckbox: j = !1,
-  selectedItems: E,
-  onSelectedItemsChange: b,
-  onSortOrderChange: c,
-  isStickyHeader: L
+  hasCheckbox: k = !1,
+  selectedItems: L,
+  onSelectedItemsChange: g,
+  onSortOrderChange: i,
+  isStickyHeader: z
 }) => {
-  const { sortObject: a, handleSort: N } = ee({
-    sortField: n == null ? void 0 : n.sortField,
-    sortOrder: n == null ? void 0 : n.sortField,
-    onSortOrderChange: c
+  const { sortObject: a, handleSort: b } = se({
+    sortField: x == null ? void 0 : x.sortField,
+    sortOrder: x == null ? void 0 : x.sortField,
+    onSortOrderChange: i
   }), {
-    selectedRows: w,
-    isRowSelected: m,
-    isAllRowsSelected: v,
-    handleSelectAllRows: M,
+    selectedRows: j,
+    isRowSelected: N,
+    isAllRowsSelected: n,
+    handleSelectAllRows: v,
     handleSelectRow: u
-  } = se({ rows: s, defaultSelectedRows: E });
-  return K(() => {
-    b && b(w);
-  }, [w]), /* @__PURE__ */ e.jsxs(D, { className: "relative", children: [
+  } = te({ rows: s, defaultSelectedRows: L });
+  return P(() => {
+    g && g(j);
+  }, [j]), /* @__PURE__ */ e.jsxs(F, { className: "relative", children: [
     /* @__PURE__ */ e.jsx(
       $,
       {
-        className: o("bg-bg", L && "sticky top-0 z-10"),
+        className: o("bg-bg", z && "sticky top-0 z-10"),
         children: /* @__PURE__ */ e.jsxs(T, { children: [
-          j && /* @__PURE__ */ e.jsx(_, { className: "w-12 p-3", children: /* @__PURE__ */ e.jsx(
-            A,
+          k && /* @__PURE__ */ e.jsx(_, { className: "w-12 p-3", children: /* @__PURE__ */ e.jsx(
+            I,
             {
               className: "mt-1",
-              checked: v(x),
-              onCheckedChange: (d) => M(x, !!d),
+              checked: n(m),
+              onCheckedChange: (l) => v(m, !!l),
               "aria-label": "Select all"
             }
           ) }),
           f && /* @__PURE__ */ e.jsx(_, { className: "w-12 p-2", children: "#" }),
-          t.filter((d) => !d.hidden).map((d) => /* @__PURE__ */ e.jsx(
+          t.filter((l) => !l.hidden).map((l) => /* @__PURE__ */ e.jsx(
             _,
             {
-              style: d.styles,
-              className: o("p-2", d.sortable && "cursor-pointer"),
-              onClick: () => N(d.dataIndex),
+              style: l.styles,
+              className: o("p-2", l.sortable && "cursor-pointer"),
+              onClick: () => b(l.dataIndex),
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                d.name,
+                l.name,
                 " ",
-                d.sortable && ((a == null ? void 0 : a.sortField) === d.key ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  (a == null ? void 0 : a.sortOrder) === I.DESC && /* @__PURE__ */ e.jsx(oe, { size: 15 }),
-                  (a == null ? void 0 : a.sortOrder) === I.ASC && /* @__PURE__ */ e.jsx(he, { size: 15 })
+                l.sortable && ((a == null ? void 0 : a.sortField) === l.key ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  (a == null ? void 0 : a.sortOrder) === D.DESC && /* @__PURE__ */ e.jsx(xe, { size: 15 }),
+                  (a == null ? void 0 : a.sortOrder) === D.ASC && /* @__PURE__ */ e.jsx(he, { size: 15 })
                 ] }) : /* @__PURE__ */ e.jsx(me, { size: 15 }))
               ] })
             },
-            d.key
+            l.key
           ))
         ] })
       }
     ),
-    /* @__PURE__ */ e.jsx(C, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: s.length ? s.map((d, y) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx(q, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: s.length ? s.map((l, M) => /* @__PURE__ */ e.jsxs(
       T,
       {
-        onClick: () => l == null ? void 0 : l(d),
-        className: o(l && "cursor-pointer"),
-        "data-state": m(d[x]) && "selected",
+        onClick: () => d == null ? void 0 : d(l),
+        className: o(d && "cursor-pointer"),
+        "data-state": N(l[m]) && "selected",
         children: [
-          j && /* @__PURE__ */ e.jsx(
-            g,
+          k && /* @__PURE__ */ e.jsx(
+            w,
             {
               className: "w-12 p-3",
-              onClick: (i) => i.stopPropagation(),
+              onClick: (r) => r.stopPropagation(),
               children: /* @__PURE__ */ e.jsx(
-                A,
+                I,
                 {
                   className: "mt-1",
-                  checked: m(d[x]),
-                  onCheckedChange: (i) => u(d[x], !!i),
+                  checked: N(l[m]),
+                  onCheckedChange: (r) => u(l[m], !!r),
                   "aria-label": "Select row"
                 }
               )
             }
           ),
-          f && /* @__PURE__ */ e.jsx(g, { className: "w-12 p-2", children: (n.page - 1) * (n.limit || R) + y + 1 }),
-          t.filter((i) => !i.hidden).map((i) => /* @__PURE__ */ e.jsx(
-            g,
+          f && /* @__PURE__ */ e.jsx(w, { className: "w-12 p-2", children: (x.page - 1) * (x.limit || A) + M + 1 }),
+          t.filter((r) => !r.hidden).map((r) => /* @__PURE__ */ e.jsx(
+            w,
             {
               className: "text-body-xs-medium max-w-xs overflow-hidden p-2 text-ellipsis",
-              style: i.styles,
-              children: i.render ? i.render(k.get(d, i.dataIndex), d) : k.get(d, i.dataIndex, "")
+              style: r.styles,
+              children: r.render ? r.render(y.get(l, r.dataIndex), l) : y.get(l, r.dataIndex, "")
             },
-            `${y}-${i.key}`
+            `${M}-${r.key}`
           ))
         ]
       },
-      `${d[x]}`
+      `${l[m]}`
     )) : /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsx(
-      g,
+      w,
       {
-        colSpan: f ? j ? t.length + 2 : t.length + 1 : t.length,
-        children: /* @__PURE__ */ e.jsx(le, {})
+        colSpan: f ? k ? t.length + 2 : t.length + 1 : t.length,
+        children: /* @__PURE__ */ e.jsx(de, {})
       }
     ) }) })
   ] });
-}, Ae = ({
+}, De = ({
   dataSource: s,
   columns: t,
-  onRowClick: l,
-  rowKey: x,
-  hasNumbers: n,
+  onRowClick: d,
+  rowKey: m,
+  hasNumbers: x,
   hasSearch: f,
-  hasCheckbox: j,
-  hasPagination: E,
-  isStickyHeader: b,
-  onParamChange: c,
-  loading: L,
-  tableKey: a,
-  filters: N = [],
-  handleFilterChange: w,
-  params: m,
+  hasCheckbox: k,
+  hasPagination: L,
+  isStickyHeader: g,
+  onParamChange: i,
+  dataKey: z = "docs",
+  loading: a,
+  tableKey: b,
+  filters: j = [],
+  handleFilterChange: N,
+  params: n,
   hasColumnsVisibilityDropdown: v
 }) => {
-  const { t: M } = ie(), [u, d] = P([]), { formattedColumns: y, handleColumnsChange: i, resetColumns: q } = te({ key: a, columns: t });
+  const { t: u } = re(), [l, M] = ee([]), { formattedColumns: r, handleColumnsChange: H, resetColumns: U } = le({ key: b, columns: t });
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",
       children: [
-        (f || v && a || !k.isEmpty(N)) && /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 items-center justify-between gap-3 p-4", children: [
+        (f || v && b || !y.isEmpty(j)) && /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 items-center justify-between gap-3 p-4", children: [
           /* @__PURE__ */ e.jsx("div", { className: "w-full shrink", children: f && /* @__PURE__ */ e.jsx(
-            X,
+            Y,
             {
-              defaultValue: k.get(m, "search", ""),
-              onSearchChange: (r) => ({ ...m, search: r, page: 1 })
+              defaultValue: y.get(n, "search", ""),
+              onSearchChange: (c) => i == null ? void 0 : i({ ...n, search: c, page: 1 })
             }
           ) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 items-center justify-end gap-3", children: [
-            v && a && /* @__PURE__ */ e.jsxs(U, { children: [
-              /* @__PURE__ */ e.jsx(V, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-                H,
+            v && b && /* @__PURE__ */ e.jsxs(W, { children: [
+              /* @__PURE__ */ e.jsx(B, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+                V,
                 {
                   variant: "secondary",
                   size: "sm",
                   className: "ml-auto rounded-lg px-3",
                   children: [
-                    /* @__PURE__ */ e.jsx(Y, {}),
+                    /* @__PURE__ */ e.jsx(Z, {}),
                     " ",
-                    /* @__PURE__ */ e.jsx("span", { className: "hidden lg:!inline", children: M("Customize columns") }),
-                    /* @__PURE__ */ e.jsx(Z, {})
+                    /* @__PURE__ */ e.jsx("span", { className: "hidden lg:!inline", children: u("Customize columns") }),
+                    /* @__PURE__ */ e.jsx(K, {})
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e.jsxs(W, { align: "end", children: [
+              /* @__PURE__ */ e.jsxs(G, { align: "end", children: [
                 /* @__PURE__ */ e.jsxs(
-                  B,
+                  J,
                   {
                     className: "capitalize",
-                    onClick: q,
+                    onClick: U,
                     children: [
-                      /* @__PURE__ */ e.jsx(fe, {}),
+                      /* @__PURE__ */ e.jsx(je, {}),
                       " ",
-                      M("Reset columns")
+                      u("Reset columns")
                     ]
                   }
                 ),
-                /* @__PURE__ */ e.jsx(G, {}),
-                y.map((r) => /* @__PURE__ */ e.jsx(
-                  J,
+                /* @__PURE__ */ e.jsx(O, {}),
+                r.map((c) => /* @__PURE__ */ e.jsx(
+                  Q,
                   {
                     className: "capitalize",
-                    checked: !r.hidden,
-                    onCheckedChange: (z) => i(r, !z),
-                    children: r.name
+                    checked: !c.hidden,
+                    onCheckedChange: (R) => H(c, !R),
+                    children: c.name
                   },
-                  r.key
+                  c.key
                 ))
               ] })
             ] }),
-            !k.isEmpty(N) && /* @__PURE__ */ e.jsx(S, { filters: N, onFilter: w })
+            !y.isEmpty(j) && /* @__PURE__ */ e.jsx(
+              C,
+              {
+                filters: j,
+                onFilter: (c) => {
+                  i == null || i({ ...n, ...c, page: 1 }), N == null || N(c);
+                }
+              }
+            )
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col overflow-auto border-y", children: L ? /* @__PURE__ */ e.jsx(de, {}) : /* @__PURE__ */ e.jsx(
-          je,
+        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col overflow-auto border-y", children: a ? /* @__PURE__ */ e.jsx(ie, {}) : /* @__PURE__ */ e.jsx(
+          Ne,
           {
-            params: m,
-            rows: s == null ? void 0 : s.docs,
-            rowKey: x,
-            selectedItems: u,
-            isStickyHeader: b,
-            columns: y,
-            hasCheckbox: j,
-            hasNumbers: n,
-            onRowClick: l,
-            onSelectedItemsChange: d,
-            onSortOrderChange: ({ sortField: r, sortOrder: z }) => {
-              c == null || c({ ...m, sortField: r, sortOrder: z });
+            params: n,
+            rows: y.get(s, z, []),
+            rowKey: m,
+            selectedItems: l,
+            isStickyHeader: g,
+            columns: r,
+            hasCheckbox: k,
+            hasNumbers: x,
+            onRowClick: d,
+            onSelectedItemsChange: M,
+            onSortOrderChange: ({ sortField: c, sortOrder: R }) => {
+              i == null || i({ ...n, sortField: c, sortOrder: R });
             }
           }
         ) }),
-        E && /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
+        L && /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
           /* @__PURE__ */ e.jsx("div", { className: "text-sm", children: /* @__PURE__ */ e.jsx(
-            O,
+            S,
             {
-              onLimitChange: (r) => c == null ? void 0 : c({ ...m, limit: r, page: 1 }),
+              onLimitChange: (c) => i == null ? void 0 : i({ ...n, limit: c, page: 1 }),
               defaultValue: s == null ? void 0 : s.limit
             }
           ) }),
           /* @__PURE__ */ e.jsxs("div", { className: "text-muted-foreground text-sm", children: [
-            u.length,
+            l.length,
             " of ",
             (s == null ? void 0 : s.total) || 0,
             " row(s) selected."
           ] }),
           /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-            Q,
+            X,
             {
-              onPageChange: (r) => c == null ? void 0 : c({ ...m, page: r }),
+              onPageChange: (c) => i == null ? void 0 : i({ ...n, page: c }),
               currentPage: s == null ? void 0 : s.page,
               totalPages: s == null ? void 0 : s.totalPages
             }
@@ -371,6 +380,6 @@ const pe = [
   );
 };
 export {
-  Ae as DataTable,
-  je as MyTable
+  De as DataTable,
+  Ne as MyTable
 };

package/dist/types/components/datatable/DataTable.d.ts

@@ -1,20 +1,20 @@
 import { type MyTableProps } from './MyTable';
 import { type FilterInterface } from '../filters';
 export interface PaginationInterface<TData> {
-    docs: TData[];
-    total: number;
-    offset: number;
+    docs?: TData[];
+    offset?: number;
     limit: number;
     totalPages: number;
+    total?: number;
     page: number;
-    pagingCounter: number;
-    hasPrevPage: boolean;
-    hasNextPage: boolean;
-    prevPage: number;
-    nextPage: number;
+    pagingCounter?: number;
+    hasPrevPage?: boolean;
+    hasNextPage?: boolean;
+    prevPage?: number;
+    nextPage?: number;
 }
-export interface DataTableProps<TData> extends Omit<MyTableProps<TData>, 'rows'> {
-    dataSource?: PaginationInterface<TData>;
+export interface DataTableProps<TData, TPaginationData extends PaginationInterface<TData>> extends Omit<MyTableProps<TData>, 'rows'> {
+    dataSource?: TPaginationData;
     onParamChange?: (param: Record<string, unknown>) => void;
     hasPagination?: true;
     hasSearch?: true;
@@ -22,7 +22,8 @@ export interface DataTableProps<TData> extends Omit<MyTableProps<TData>, 'rows'>
     filters?: FilterInterface[];
     handleFilterChange?: (filters: Record<string, unknown>) => void;
     tableKey: string;
+    dataKey?: keyof TPaginationData;
     hasColumnsVisibilityDropdown?: true;
 }
-export declare const DataTable: <TData>({ dataSource, columns, onRowClick, rowKey, hasNumbers, hasSearch, hasCheckbox, hasPagination, isStickyHeader, onParamChange, loading, tableKey, filters, handleFilterChange, params, hasColumnsVisibilityDropdown, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <TData, TPaginationData extends PaginationInterface<TData> = PaginationInterface<TData>>({ dataSource, columns, onRowClick, rowKey, hasNumbers, hasSearch, hasCheckbox, hasPagination, isStickyHeader, onParamChange, dataKey, loading, tableKey, filters, handleFilterChange, params, hasColumnsVisibilityDropdown, }: DataTableProps<TData, TPaginationData>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DataTable.d.ts.map

package/dist/types/components/datatable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/DataTable.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,EAAE,KAAK,eAAe,EAAyB,MAAM,YAAY,CAAC;AAGzE,MAAM,WAAW,mBAAmB,CAAC,KAAK;IACxC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc,CAAC,KAAK,CACnC,SAAQ,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B,CAAC,EAAE,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,GAAI,KAAK,EAAG,sNAiB/B,cAAc,CAAC,KAAK,CAAC,4CAoHvB,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/DataTable.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,EAAE,KAAK,eAAe,EAAyB,MAAM,YAAY,CAAC;AAGzE,MAAM,WAAW,mBAAmB,CAAC,KAAK;IACxC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc,CAC7B,KAAK,EACL,eAAe,SAAS,mBAAmB,CAAC,KAAK,CAAC,CAClD,SAAQ,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,eAAe,CAAC;IAChC,4BAA4B,CAAC,EAAE,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,GACpB,KAAK,EACL,eAAe,SACb,mBAAmB,CAAC,KAAK,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,EACzD,+NAkBC,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,4CA4HxC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dgz-ui-shared",
-  "version": "1.0.64",
+  "version": "1.0.66",
   "type": "module",
   "files": [
     "dist"