dgz-ui-shared 1.2.30 → 1.2.31

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("../../chunks/index-ClQFzqcq.cjs.js"),J=require("dgz-ui/button"),b=require("dgz-ui/dropdown"),k=require("dgz-ui/utils"),v=require("../../chunks/lodash-BjH0kD7j.cjs.js"),h=require("lucide-react"),L=require("react"),Z=require("react-i18next"),X=require("../../chunks/useSortable-B3LF1tg8.cjs.js"),se=require("../../chunks/Actions-bpMDyl5M.cjs.js"),te=require("../../chunks/ExportData-DJE0jOHc.cjs.js"),Q=require("../../chunks/Search-DfRA43qp.cjs.js"),le=require("dgz-ui"),xe=require("../../chunks/Loader-D_jX_Wgx.cjs.js"),H=require("../../chunks/MyPagination-CnF3468f.cjs.js"),U=require("dgz-ui/form"),f=require("dgz-ui/table"),Y=require("../../chunks/SortOrder-81BrXp3i.cjs.js"),de=require("../../chunks/Empty-BYOOFAab.cjs.js"),ce=L.memo(function({filters:N,params:E,onFilter:n,className:w,...A}){const{t:g}=Z.useTranslation(),x=L.useMemo(()=>Object.fromEntries((N==null?void 0:N.map(d=>{var j;return[d.name,Object.fromEntries(((j=d.options)==null?void 0:j.map(({label:s,value:T})=>[T,s]))||[])]}))||[]),[N]);return e.jsx("div",{...A,className:k.cn("flex flex-wrap gap-2",w),children:Object.entries(E||{}).filter(([d,j])=>!!(x!=null&&x[d])&&!v.lodashExports.isEmpty(j)).map(([d,j])=>{var s;return Array.isArray(j)?e.jsx(le.ButtonGroup,{children:j.filter(T=>{var u;return((u=x==null?void 0:x[d])==null?void 0:u[T])&&T}).map((T,u)=>{var i;return e.jsxs(J.Button,{size:"sm",onClick:()=>{n==null||n({...E,[d]:j.filter(M=>M!==T)})},children:[g(String(((i=x==null?void 0:x[d])==null?void 0:i[T])||""))," ",e.jsx(h.XIcon,{})]},u)})},d):e.jsxs(J.Button,{size:"sm",onClick:()=>{n==null||n(v.lodashExports.omit(E,d))},children:[g(String(((s=x==null?void 0:x[d])==null?void 0:s[j])||""))," ",e.jsx(h.XIcon,{})]})})})}),a=({rows:t=[],columns:N,onRowClick:E,rowKey:n,params:w={page:1,limit:H.DEFAULT_LIMIT},hasNumbers:A=!1,hasCheckbox:g=!1,selectedItems:x,onSelectedItemsChange:d,onSortOrderChange:j,isStickyHeader:s,className:T,...u})=>{const{sortObject:i,handleSort:M}=X.useSortable({sortField:w==null?void 0:w.sortField,sortOrder:w==null?void 0:w.sortOrder,onSortOrderChange:j}),{selectedRows:z,isRowSelected:o,isAllRowsSelected:q,handleSelectAllRows:W,handleSelectRow:R}=X.useDataTable({rows:t,defaultSelectedRows:x});return L.useEffect(()=>{JSON.stringify(x)!==JSON.stringify(z)&&z&&(d==null||d(z))},[z,x,d]),e.jsxs(f.Table,{...u,className:k.cn("relative",T),children:[e.jsx(f.TableHeader,{className:k.cn("bg-bg",s&&"sticky top-0 z-1"),children:e.jsxs(f.TableRow,{children:[g&&e.jsx(f.TableHead,{className:"w-12 p-3",children:e.jsx(U.Checkbox,{className:"mt-1",checked:q(n),onCheckedChange:l=>W(n,!!l),"aria-label":"Select all"})}),A&&e.jsx(f.TableHead,{className:"w-12 p-2",children:"#"}),N.filter(l=>!l.hidden).map(l=>e.jsx(f.TableHead,{style:l.styles,className:k.cn("p-2",l.sortable&&"cursor-pointer"),onClick:()=>l.sortable&&M(l.dataIndex),children:e.jsxs("div",{className:"flex items-center gap-2",children:[l.name," ",l.sortable&&((i==null?void 0:i.sortField)===l.key?e.jsxs(e.Fragment,{children:[(i==null?void 0:i.sortOrder)===Y.SortOrder.DESC&&e.jsx(h.ArrowDownWideNarrow,{size:15}),(i==null?void 0:i.sortOrder)===Y.SortOrder.ASC&&e.jsx(h.ArrowUpWideNarrow,{size:15})]}):e.jsx(h.ArrowUpDown,{size:15}))]})},l.key))]})}),e.jsx(f.TableBody,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:t.length?t.map((l,y)=>e.jsxs(f.TableRow,{onClick:()=>E==null?void 0:E(l),className:k.cn(E&&"cursor-pointer"),"data-state":o(l[n])&&"selected",children:[g&&e.jsx(f.TableCell,{className:"w-12 p-3",onClick:r=>r.stopPropagation(),children:e.jsx(U.Checkbox,{className:"mt-1",checked:o(l[n]),onCheckedChange:r=>R(l[n],!!r),"aria-label":"Select row"})}),A&&e.jsx(f.TableCell,{className:"w-12 p-2",children:(w.page-1)*(w.limit||H.DEFAULT_LIMIT)+y+1}),N.filter(r=>!r.hidden).map(r=>e.jsx(f.TableCell,{className:"text-body-xs-medium max-w-xs p-2",style:r.styles,children:r.render?r.render(v.lodashExports.get(l,r.dataIndex),l):v.lodashExports.get(l,r.dataIndex,"")},`${y}-${r.key}`))]},`${l[n]}`)):e.jsx(f.TableRow,{children:e.jsx(f.TableCell,{colSpan:A?g?N.length+2:N.length+1:N.length,children:e.jsx(de.Empty,{})})})})]})},re=({dataSource:t,columns:N,onRowClick:E,rowKey:n,hasNumbers:w,hasSearch:A,exportOptions:g,hasCheckbox:x,hasPagination:d,isStickyHeader:j,onParamChange:s,dataKey:T="docs",loading:u,tableKey:i,filters:M,actions:z,handleFilterChange:o,params:q,exportLoading:W=!1,onColumnsUpdate:R,hasColumnsVisibilityDropdown:l,showAppliedFilters:y=!1,onSelectedItemsChange:r,actionProps:m,filterWrapperProps:F,exportOptionsProps:K,columnsVisibilityProps:p,paginationProps:S,searchProps:D,...V})=>{var G;const{t:_}=Z.useTranslation(),[B,C]=L.useState([]),{formattedColumns:$,handleColumnsChange:P,resetColumns:ee}=X.useColumns({key:i,columns:N});return L.useEffect(()=>{R==null||R($)},[$,R]),L.useEffect(()=>{r==null||r(B)},[B,r]),e.jsxs("div",{className:"border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",children:[e.jsxs("div",{className:"flex flex-col gap-4 p-4",children:[(A||l&&i||!v.lodashExports.isEmpty(g)||!v.lodashExports.isEmpty(M))&&e.jsxs("div",{className:"flex flex-col justify-between gap-3 lg:flex-row lg:items-center",children:[e.jsx("div",{className:"grow",children:A&&e.jsx(Q.Search,{...D,inputProps:{...D==null?void 0:D.inputProps,className:k.cn("h-8 grow",(G=D==null?void 0:D.inputProps)==null?void 0:G.className)},className:k.cn("max-w-full lg:max-w-80 [&_button]:-top-1",D==null?void 0:D.className),defaultValue:v.lodashExports.get(q,"search",""),onSearchChange:c=>s==null?void 0:s({...q,search:c,page:1})})}),e.jsxs("div",{className:"flex items-center justify-end gap-3",children:[g&&e.jsx(te.ExportData,{...K,options:g,loading:W}),l&&i&&e.jsxs(b.DropdownMenu,{children:[e.jsx(b.DropdownMenuTrigger,{asChild:!0,className:"grow",...p==null?void 0:p.triggerProps,children:e.jsx(J.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:(p==null?void 0:p.title)||e.jsxs(e.Fragment,{children:[e.jsx(O.yn,{})," ",e.jsx("span",{className:"hidden md:inline!",children:_("Customize columns")}),e.jsx(O.f1,{})]})})}),e.jsxs(b.DropdownMenuContent,{align:"end",...p==null?void 0:p.contentProps,children:[e.jsxs(b.DropdownMenuItem,{className:"capitalize",onClick:ee,children:[e.jsx(h.RefreshCw,{})," ",(p==null?void 0:p.resetText)||_("Reset columns")]}),e.jsx(b.DropdownMenuSeparator,{}),$.map(c=>e.jsx(b.DropdownMenuCheckboxItem,{className:"capitalize",checked:!c.hidden,onCheckedChange:I=>P(c,!I),children:c.name},c.key))]})]}),z&&e.jsx(se.Actions,{...m,actions:z}),M&&e.jsx(Q.FilterWrapper,{...F,filters:M,params:q,onChange:o,onFilter:c=>{s==null||s({...c,page:1}),o==null||o(c)}})]})]}),y&&!v.lodashExports.isEmpty(M)&&e.jsx(ce,{filters:M,params:q,onFilter:c=>{s==null||s({...c,page:1}),o==null||o(c)}})]}),e.jsx("div",{className:"flex flex-col overflow-auto border-y",children:u?e.jsx(xe.Loader,{}):e.jsx(a,{...V,params:{page:(t==null?void 0:t.page)||1,limit:t==null?void 0:t.limit,...q},rows:v.lodashExports.get(t,T,[]),rowKey:n,selectedItems:B,isStickyHeader:j,columns:$,hasCheckbox:x,hasNumbers:w,onRowClick:E,onSelectedItemsChange:C,onSortOrderChange:({sortField:c,sortOrder:I})=>{s==null||s({...q,sortField:c,sortOrder:I})}})}),d&&e.jsxs("div",{className:"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between",children:[e.jsx("div",{className:"text-sm",children:e.jsx(H.MyLimitSelect,{onLimitChange:c=>s==null?void 0:s({...q,limit:c,page:1}),defaultValue:t==null?void 0:t.limit})}),e.jsx("div",{className:"text-muted-foreground text-sm",children:_("{{selectedCount}} of {{total}} row(s) selected",{selectedCount:B.length,total:(t==null?void 0:t.total)||0})}),e.jsx("div",{children:e.jsx(H.MyPagination,{...S,onPageChange:c=>s==null?void 0:s({...q,page:c}),currentPage:t==null?void 0:t.page,totalPages:t==null?void 0:t.totalPages})})]})]})};exports.DataTable=re;exports.MyTable=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("../../chunks/index-ClQFzqcq.cjs.js"),J=require("dgz-ui/button"),b=require("dgz-ui/dropdown"),h=require("dgz-ui/utils"),D=require("../../chunks/lodash-BjH0kD7j.cjs.js"),L=require("lucide-react"),k=require("react"),Z=require("react-i18next"),X=require("../../chunks/useSortable-B3LF1tg8.cjs.js"),se=require("../../chunks/Actions-bpMDyl5M.cjs.js"),te=require("../../chunks/ExportData-DJE0jOHc.cjs.js"),Q=require("../../chunks/Search-DfRA43qp.cjs.js"),le=require("dgz-ui"),xe=require("../../chunks/Loader-D_jX_Wgx.cjs.js"),H=require("../../chunks/MyPagination-CnF3468f.cjs.js"),U=require("dgz-ui/form"),j=require("dgz-ui/table"),Y=require("../../chunks/SortOrder-81BrXp3i.cjs.js"),de=require("../../chunks/Empty-BYOOFAab.cjs.js"),ce=k.memo(function({filters:f,params:w,onFilter:i,className:N,...u}){const{t:T}=Z.useTranslation(),x=k.useMemo(()=>Object.fromEntries((f==null?void 0:f.map(n=>{var s;return[n.name,Object.fromEntries(((s=n.options)==null?void 0:s.map(({label:z,value:E})=>[E,z]))||[])]}))||[]),[f]),A=k.useMemo(()=>Object.entries(w||{}).filter(([n,s])=>!!(x!=null&&x[n])&&!D.lodashExports.isEmpty(s)),[x,w]);return!D.lodashExports.isEmpty(A)&&e.jsx("div",{...u,className:h.cn("flex flex-wrap gap-2",N),children:A.map(([n,s])=>{var z;return Array.isArray(s)?e.jsx(le.ButtonGroup,{children:s.filter(E=>{var d;return((d=x==null?void 0:x[n])==null?void 0:d[E])&&E}).map((E,d)=>{var o;return e.jsxs(J.Button,{size:"sm",onClick:()=>{i==null||i({...w,[n]:s.filter(v=>v!==E)})},children:[T(String(((o=x==null?void 0:x[n])==null?void 0:o[E])||""))," ",e.jsx(L.XIcon,{})]},d)})},n):e.jsxs(J.Button,{size:"sm",onClick:()=>{i==null||i(D.lodashExports.omit(w,n))},children:[T(String(((z=x==null?void 0:x[n])==null?void 0:z[s])||""))," ",e.jsx(L.XIcon,{})]})})})}),m=({rows:t=[],columns:f,onRowClick:w,rowKey:i,params:N={page:1,limit:H.DEFAULT_LIMIT},hasNumbers:u=!1,hasCheckbox:T=!1,selectedItems:x,onSelectedItemsChange:A,onSortOrderChange:n,isStickyHeader:s,className:z,...E})=>{const{sortObject:d,handleSort:o}=X.useSortable({sortField:N==null?void 0:N.sortField,sortOrder:N==null?void 0:N.sortOrder,onSortOrderChange:n}),{selectedRows:v,isRowSelected:g,isAllRowsSelected:q,handleSelectAllRows:W,handleSelectRow:R}=X.useDataTable({rows:t,defaultSelectedRows:x});return k.useEffect(()=>{JSON.stringify(x)!==JSON.stringify(v)&&v&&(A==null||A(v))},[v,x,A]),e.jsxs(j.Table,{...E,className:h.cn("relative",z),children:[e.jsx(j.TableHeader,{className:h.cn("bg-bg",s&&"sticky top-0 z-1"),children:e.jsxs(j.TableRow,{children:[T&&e.jsx(j.TableHead,{className:"w-12 p-3",children:e.jsx(U.Checkbox,{className:"mt-1",checked:q(i),onCheckedChange:l=>W(i,!!l),"aria-label":"Select all"})}),u&&e.jsx(j.TableHead,{className:"w-12 p-2",children:"#"}),f.filter(l=>!l.hidden).map(l=>e.jsx(j.TableHead,{style:l.styles,className:h.cn("p-2",l.sortable&&"cursor-pointer"),onClick:()=>l.sortable&&o(l.dataIndex),children:e.jsxs("div",{className:"flex items-center gap-2",children:[l.name," ",l.sortable&&((d==null?void 0:d.sortField)===l.key?e.jsxs(e.Fragment,{children:[(d==null?void 0:d.sortOrder)===Y.SortOrder.DESC&&e.jsx(L.ArrowDownWideNarrow,{size:15}),(d==null?void 0:d.sortOrder)===Y.SortOrder.ASC&&e.jsx(L.ArrowUpWideNarrow,{size:15})]}):e.jsx(L.ArrowUpDown,{size:15}))]})},l.key))]})}),e.jsx(j.TableBody,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:t.length?t.map((l,y)=>e.jsxs(j.TableRow,{onClick:()=>w==null?void 0:w(l),className:h.cn(w&&"cursor-pointer"),"data-state":g(l[i])&&"selected",children:[T&&e.jsx(j.TableCell,{className:"w-12 p-3",onClick:r=>r.stopPropagation(),children:e.jsx(U.Checkbox,{className:"mt-1",checked:g(l[i]),onCheckedChange:r=>R(l[i],!!r),"aria-label":"Select row"})}),u&&e.jsx(j.TableCell,{className:"w-12 p-2",children:(N.page-1)*(N.limit||H.DEFAULT_LIMIT)+y+1}),f.filter(r=>!r.hidden).map(r=>e.jsx(j.TableCell,{className:"text-body-xs-medium max-w-xs p-2",style:r.styles,children:r.render?r.render(D.lodashExports.get(l,r.dataIndex),l):D.lodashExports.get(l,r.dataIndex,"")},`${y}-${r.key}`))]},`${l[i]}`)):e.jsx(j.TableRow,{children:e.jsx(j.TableCell,{colSpan:u?T?f.length+2:f.length+1:f.length,children:e.jsx(de.Empty,{})})})})]})},re=({dataSource:t,columns:f,onRowClick:w,rowKey:i,hasNumbers:N,hasSearch:u,exportOptions:T,hasCheckbox:x,hasPagination:A,isStickyHeader:n,onParamChange:s,dataKey:z="docs",loading:E,tableKey:d,filters:o,actions:v,handleFilterChange:g,params:q,exportLoading:W=!1,onColumnsUpdate:R,hasColumnsVisibilityDropdown:l,showAppliedFilters:y=!1,onSelectedItemsChange:r,actionProps:a,filterWrapperProps:F,exportOptionsProps:K,columnsVisibilityProps:p,paginationProps:S,searchProps:M,...V})=>{var G;const{t:_}=Z.useTranslation(),[B,C]=k.useState([]),{formattedColumns:$,handleColumnsChange:P,resetColumns:ee}=X.useColumns({key:d,columns:f});return k.useEffect(()=>{R==null||R($)},[$,R]),k.useEffect(()=>{r==null||r(B)},[B,r]),e.jsxs("div",{className:"border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",children:[e.jsxs("div",{className:"flex flex-col gap-4 p-4",children:[(u||l&&d||!D.lodashExports.isEmpty(T)||!D.lodashExports.isEmpty(o))&&e.jsxs("div",{className:"flex flex-col justify-between gap-3 lg:flex-row lg:items-center",children:[e.jsx("div",{className:"grow",children:u&&e.jsx(Q.Search,{...M,inputProps:{...M==null?void 0:M.inputProps,className:h.cn("h-8 grow",(G=M==null?void 0:M.inputProps)==null?void 0:G.className)},className:h.cn("max-w-full lg:max-w-80! [&_button]:-top-1",M==null?void 0:M.className),defaultValue:D.lodashExports.get(q,"search",""),onSearchChange:c=>s==null?void 0:s({...q,search:c,page:1})})}),e.jsxs("div",{className:"flex items-center justify-end gap-3",children:[T&&e.jsx(te.ExportData,{...K,options:T,loading:W}),l&&d&&e.jsxs(b.DropdownMenu,{children:[e.jsx(b.DropdownMenuTrigger,{asChild:!0,className:"grow",...p==null?void 0:p.triggerProps,children:e.jsx(J.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:(p==null?void 0:p.title)||e.jsxs(e.Fragment,{children:[e.jsx(O.yn,{})," ",e.jsx("span",{className:"hidden md:inline!",children:_("Customize columns")}),e.jsx(O.f1,{})]})})}),e.jsxs(b.DropdownMenuContent,{align:"end",...p==null?void 0:p.contentProps,children:[e.jsxs(b.DropdownMenuItem,{className:"capitalize",onClick:ee,children:[e.jsx(L.RefreshCw,{})," ",(p==null?void 0:p.resetText)||_("Reset columns")]}),e.jsx(b.DropdownMenuSeparator,{}),$.map(c=>e.jsx(b.DropdownMenuCheckboxItem,{className:"capitalize",checked:!c.hidden,onCheckedChange:I=>P(c,!I),children:c.name},c.key))]})]}),v&&e.jsx(se.Actions,{...a,actions:v}),o&&e.jsx(Q.FilterWrapper,{...F,filters:o,params:q,onChange:g,onFilter:c=>{s==null||s({...c,page:1}),g==null||g(c)}})]})]}),y&&!D.lodashExports.isEmpty(o)&&e.jsx(ce,{filters:o,params:q,onFilter:c=>{s==null||s({...c,page:1}),g==null||g(c)}})]}),e.jsx("div",{className:"flex flex-col overflow-auto border-y",children:E?e.jsx(xe.Loader,{}):e.jsx(m,{...V,params:{page:(t==null?void 0:t.page)||1,limit:t==null?void 0:t.limit,...q},rows:D.lodashExports.get(t,z,[]),rowKey:i,selectedItems:B,isStickyHeader:n,columns:$,hasCheckbox:x,hasNumbers:N,onRowClick:w,onSelectedItemsChange:C,onSortOrderChange:({sortField:c,sortOrder:I})=>{s==null||s({...q,sortField:c,sortOrder:I})}})}),A&&e.jsxs("div",{className:"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between",children:[e.jsx("div",{className:"text-sm",children:e.jsx(H.MyLimitSelect,{onLimitChange:c=>s==null?void 0:s({...q,limit:c,page:1}),defaultValue:t==null?void 0:t.limit})}),e.jsx("div",{className:"text-muted-foreground text-sm",children:_("{{selectedCount}} of {{total}} row(s) selected",{selectedCount:B.length,total:(t==null?void 0:t.total)||0})}),e.jsx("div",{children:e.jsx(H.MyPagination,{...S,onPageChange:c=>s==null?void 0:s({...q,page:c}),currentPage:t==null?void 0:t.page,totalPages:t==null?void 0:t.totalPages})})]})]})};exports.DataTable=re;exports.MyTable=m;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/filters/AppliedFilters.tsx","../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { ButtonGroup } from 'dgz-ui';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { cn } from 'dgz-ui/utils';\nimport { isEmpty, omit } from 'lodash';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { FilterInterface } from './FilterWrapper.tsx';\n\n/**\n * Props for the FilterWrapper component.\n */\nexport interface AppliedFiltersProps extends CardProps {\n  /** Array of filter definitions to render. */\n  filters?: FilterInterface[];\n  /** Current active parameters/filters. */\n  params?: Record<string, unknown>;\n  /** Callback fired when filters are applied. */\n  onFilter?: (filters: Record<string, unknown>) => void;\n}\n\n/**\n * FilterWrapper shows a popover with a dynamic list of field filters and emits selected filter values.\n *\n * @param props.filters - Array of filter definitions to render.\n * @param props.params - Current params used to detect active filters.\n * @param props.onFilter - Callback fired when user applies filters.\n * @param props.onCancel - Callback fired on cancel.\n * @param props.onChange - Callback fired whenever filter form values change.\n */\nexport const AppliedFilters = memo(function FilterWrapper({\n  filters,\n  params,\n  onFilter,\n  className,\n  ...props\n}: AppliedFiltersProps) {\n  const { t } = useTranslation();\n\n  const filterObject = useMemo(\n    () =>\n      Object.fromEntries(\n        filters?.map((filter) => [\n          filter.name,\n          Object.fromEntries(\n            filter.options?.map(({ label, value }) => [value, label]) || []\n          ),\n        ]) || []\n      ),\n    [filters]\n  );\n\n  return (\n    <div {...props} className={cn('flex flex-wrap gap-2', className)}>\n      {Object.entries(params || {})\n        .filter(([key, value]) => !!filterObject?.[key] && !isEmpty(value))\n        .map(([key, value]) =>\n          Array.isArray(value) ? (\n            <ButtonGroup key={key}>\n              {value\n                .filter((val) => filterObject?.[key]?.[val] && val)\n                .map((val, index) => (\n                  <Button\n                    size={'sm'}\n                    key={index}\n                    onClick={() => {\n                      onFilter?.({\n                        ...params,\n                        [key]: value.filter((v) => v !== val),\n                      });\n                    }}\n                  >\n                    {t(String(filterObject?.[key]?.[val] || ''))} <XIcon />\n                  </Button>\n                ))}\n            </ButtonGroup>\n          ) : (\n            <Button\n              size={'sm'}\n              onClick={() => {\n                onFilter?.(omit(params, key));\n              }}\n            >\n              {t(String(filterObject?.[key]?.[value as string] || ''))}{' '}\n              <XIcon />\n            </Button>\n          )\n        )}\n    </div>\n  );\n});\n","import { Checkbox } from 'dgz-ui/form';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport {\n  ArrowDownWideNarrow,\n  ArrowUpDown,\n  ArrowUpWideNarrow,\n} from 'lucide-react';\nimport { type ComponentProps, useEffect } from 'react';\nimport { SortOrder } from '../../enums';\nimport { useDataTable, useSortable, type UseSortableProps } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { Empty } from '../empty';\nimport { DEFAULT_LIMIT } from '../pagination/MyLimitSelect';\n\n/**\n * Props for the MyTable component.\n * @template TData - The type of data in the table.\n */\nexport interface MyTableProps<TData> extends ComponentProps<'table'> {\n  /** Array of data rows to display. */\n  rows?: TData[];\n  /** Column definitions. */\n  columns: ColumnType<TData>[];\n  /** Callback when a row is clicked. */\n  onRowClick?: (row: TData) => void;\n  /** Whether to show row numbers. */\n  hasNumbers?: boolean;\n  /** Whether to show selection checkboxes. */\n  hasCheckbox?: boolean;\n  /** Unique key for each row. */\n  rowKey: keyof TData;\n  /** Current table parameters (page, limit, sort). */\n  params?: Record<string, unknown>;\n  /** Total number of items (optional, often used with pagination context). */\n  total?: number;\n  /** Array of currently selected item keys. */\n  selectedItems?: TData[keyof TData][];\n  /** Callback when selected items change. */\n  onSelectedItemsChange?: (selectedItems: TData[keyof TData][]) => void;\n  /** Callback when sort order changes. */\n  onSortOrderChange?: (\n    params: Omit<UseSortableProps<TData>, 'onSortOrderChange'>\n  ) => void;\n  /** Whether the header should stick to the top. */\n  isStickyHeader?: true;\n}\n\n/**\n * MyTable renders a generic data table with optional numbering, selection checkboxes,\n * sortable columns and sticky header. It is a presentational component and delegates\n * sorting/selection state via hooks and callbacks.\n *\n * @template TData - The row data type.\n * @param props - Component props.\n * @returns React element containing the table.\n */\nexport const MyTable = <TData,>({\n  rows = [],\n  columns,\n  onRowClick,\n  rowKey,\n  params = {\n    page: 1,\n    limit: DEFAULT_LIMIT,\n  },\n  hasNumbers = false,\n  hasCheckbox = false,\n  selectedItems,\n  onSelectedItemsChange,\n  onSortOrderChange,\n  isStickyHeader,\n  className,\n  ...props\n}: MyTableProps<TData>) => {\n  const { sortObject, handleSort } = useSortable<TData>({\n    sortField: params?.sortField as keyof TData | undefined,\n    sortOrder: params?.sortOrder as SortOrder | undefined,\n    onSortOrderChange,\n  });\n  const {\n    selectedRows,\n    isRowSelected,\n    isAllRowsSelected,\n    handleSelectAllRows,\n    handleSelectRow,\n  } = useDataTable<TData>({ rows, defaultSelectedRows: selectedItems });\n\n  useEffect(() => {\n    if (\n      JSON.stringify(selectedItems) !== JSON.stringify(selectedRows) &&\n      selectedRows\n    ) {\n      onSelectedItemsChange?.(selectedRows);\n    }\n  }, [selectedRows, selectedItems, onSelectedItemsChange]);\n\n  return (\n    <Table {...props} className={cn('relative', className)}>\n      <TableHeader\n        className={cn('bg-bg', isStickyHeader && 'sticky top-0 z-1')}\n      >\n        <TableRow>\n          {hasCheckbox && (\n            <TableHead className={'w-12 p-3'}>\n              <Checkbox\n                className={'mt-1'}\n                checked={isAllRowsSelected(rowKey)}\n                onCheckedChange={(value) =>\n                  handleSelectAllRows(rowKey, !!value)\n                }\n                aria-label=\"Select all\"\n              />\n            </TableHead>\n          )}\n          {hasNumbers && <TableHead className={'w-12 p-2'}>#</TableHead>}\n          {columns\n            .filter((column) => !column.hidden)\n            .map((column) => (\n              <TableHead\n                key={column.key}\n                style={column.styles}\n                className={cn('p-2', column.sortable && 'cursor-pointer')}\n                onClick={() => column.sortable && handleSort(column.dataIndex)}\n              >\n                <div className={'flex items-center gap-2'}>\n                  {column.name}{' '}\n                  {column.sortable &&\n                    (sortObject?.sortField === column.key ? (\n                      <>\n                        {sortObject?.sortOrder === SortOrder.DESC && (\n                          <ArrowDownWideNarrow size={15} />\n                        )}\n                        {sortObject?.sortOrder === SortOrder.ASC && (\n                          <ArrowUpWideNarrow size={15} />\n                        )}\n                      </>\n                    ) : (\n                      <ArrowUpDown size={15} />\n                    ))}\n                </div>\n              </TableHead>\n            ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody className={'[&>tr:nth-child(even)]:bg-bg-secondary'}>\n        {rows.length ? (\n          rows.map((row, index) => (\n            <TableRow\n              key={`${row[rowKey]}`}\n              onClick={() => onRowClick?.(row)}\n              className={cn(onRowClick && 'cursor-pointer')}\n              data-state={isRowSelected(row[rowKey]) && 'selected'}\n            >\n              {hasCheckbox && (\n                <TableCell\n                  className={'w-12 p-3'}\n                  onClick={(evt) => evt.stopPropagation()}\n                >\n                  <Checkbox\n                    className={'mt-1'}\n                    checked={isRowSelected(row[rowKey])}\n                    onCheckedChange={(value) =>\n                      handleSelectRow(row[rowKey], !!value)\n                    }\n                    aria-label=\"Select row\"\n                  />\n                </TableCell>\n              )}\n              {hasNumbers && (\n                <TableCell className={'w-12 p-2'}>\n                  {((params.page as number) - 1) *\n                    ((params.limit || DEFAULT_LIMIT) as number) +\n                    index +\n                    1}\n                </TableCell>\n              )}\n              {columns\n                .filter((column) => !column.hidden)\n                .map((column) => (\n                  <TableCell\n                    className={'text-body-xs-medium max-w-xs p-2'}\n                    style={column.styles}\n                    key={`${index}-${column.key}`}\n                  >\n                    {column.render\n                      ? column.render(get(row, column.dataIndex), row)\n                      : get(row, column.dataIndex, '')}\n                  </TableCell>\n                ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow>\n            <TableCell\n              colSpan={\n                hasNumbers\n                  ? hasCheckbox\n                    ? columns.length + 2\n                    : columns.length + 1\n                  : columns.length\n              }\n            >\n              <Empty />\n            </TableCell>\n          </TableRow>\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n","import { RiArrowDownSLine, RiLayoutColumnLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport { cn } from 'dgz-ui/utils';\nimport { get, isEmpty } from 'lodash';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n  ExportData,\n  type ExportDataInterface,\n  type ExportDataProps,\n} from '../export';\nimport {\n  type FilterInterface,\n  FilterWrapper,\n  type FilterWrapperProps,\n  Search,\n  type SearchProps,\n} from '../filters';\nimport { AppliedFilters } from '../filters/AppliedFilters.tsx';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n *   may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n *   (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n  /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n  docs?: TData[];\n  /** Zero-based index of the first item on the current page (if provided by API). */\n  offset?: number;\n  /** Page size (items per page). */\n  limit: number;\n  /** Total number of pages available. */\n  totalPages: number;\n  /** Total number of items across all pages (if available). */\n  total?: number;\n  /** Current page number (1-based). */\n  page: number;\n  /** Convenience counter for the first item index on the page (if provided). */\n  pagingCounter?: number;\n  /** Whether a previous page exists. */\n  hasPrevPage?: boolean;\n  /** Whether a next page exists. */\n  hasNextPage?: boolean;\n  /** Previous page number, if available. */\n  prevPage?: number;\n  /** Next page number, if available. */\n  nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n  TData,\n  TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n  /** Pagination data source. */\n  dataSource?: TPaginationData;\n  /** Callback for parameter changes (pagination, sorting, filtering). */\n  onParamChange?: (param: Record<string, unknown>) => void;\n  /** Whether to enable pagination. */\n  hasPagination?: true;\n  /** Options for the export data dropdown. */\n  exportOptions?: ExportDataInterface[];\n  /** Whether to enable search functionality. */\n  hasSearch?: true;\n  /** Whether the table data is loading. */\n  loading?: boolean;\n  /** Array of filters to display. */\n  filters?: FilterInterface[];\n  /** Array of actions to display. */\n  actions?: ActionInterface[];\n  /** Callback for filter changes. */\n  handleFilterChange?: (filters: Record<string, unknown>) => void;\n  /** Unique key for the table, used for column persistence. */\n  tableKey: string;\n  /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n  dataKey?: keyof TPaginationData;\n  /** Whether to show the columns visibility dropdown. */\n  hasColumnsVisibilityDropdown?: true;\n  /** Whether to show the columns visibility dropdown. */\n  showAppliedFilters?: boolean;\n  /** Callback when columns are updated (e.g., visibility toggled). */\n  onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n  /** Whether the export action is loading. */\n  exportLoading?: boolean;\n  /** Props for the Actions component. */\n  actionProps?: Partial<ActionsProps>;\n  /** Props for the FilterWrapper component. */\n  filterWrapperProps?: Partial<FilterWrapperProps>;\n  /** Props for the ExportData component. */\n  exportOptionsProps?: Partial<ExportDataProps>;\n  searchProps?: Partial<SearchProps>;\n  paginationProps?: Partial<MyPaginationProps>;\n  /** Props for the columns visibility dropdown. */\n  columnsVisibilityProps?: DropdownContainerProps & {\n    title?: ReactNode;\n    resetText?: ReactNode;\n  };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n *   `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * Props Overview\n * - `dataSource` — Paginated data source object that contains rows (see `dataKey`) and pagination metadata.\n * - `columns` — Column definitions passed to `MyTable`.\n * - `onRowClick` — Callback when a row is clicked.\n * - `rowKey` — Property name used as a unique row key.\n * - `hasNumbers` — Whether to show the row numbers column.\n * - `hasSearch` — Set to `true` to display the search input in the header.\n * - `exportOptions` — Export menu options shown by `ExportData` (see `ExportDataInterface[]`).\n * - `exportLoading` — When `true`, shows a spinner in the Export button to indicate an export action is in progress.\n * - `hasCheckbox` — Whether to show the selection checkbox column.\n * - `hasPagination` — Set to `true` to render the pagination footer.\n * - `isStickyHeader` — Whether to keep the table header sticky.\n * - `onParamChange` — Emits parameter changes for pagination/sorting/search/filters.\n * - `dataKey` — Key within `dataSource` that contains the row array. Defaults to `\"docs\"`.\n * - `loading` — If `true`, shows a loading state instead of the table rows.\n * - `tableKey` — Unique key for persisting column visibility state.\n * - `filters` — Filter configurations to render in the header.\n * - `actions` — Header actions independent of selected rows.\n * - `handleFilterChange` — Callback executed when filter values change.\n * - `params` — Current list parameters (pagination, sort, search, filters).\n * - `hasColumnsVisibilityDropdown` — Set to `true` to show the columns customize dropdown.\n * - `onColumnsUpdate` — Notifies parent whenever the internal columns state changes (after formatting/visibility).\n * - `actionProps` — Props passed to the `Actions` component.\n * - `filterWrapperProps` — Props passed to the `FilterWrapper` component.\n * - `exportOptionsProps` — Props passed to the `ExportData` component.\n * - `columnsVisibilityProps` — Props passed to the columns visibility dropdown.\n * - `onSelectedItemsChange` — Callback when selected rows change (requires `hasCheckbox`).\n *\n * Accessibility\n * - Header controls and dropdowns reuse shared primitives that include keyboard and ARIA support.\n *\n * Internationalization\n * - Text such as \"Export\", \"Customize columns\", and \"Reset columns\" are resolved via `react-i18next`.\n *\n * Usage Examples\n * 1) Minimal paginated table (uses default `dataKey = \"docs\"`)\n * ```tsx\n * type User = { id: string; name: string };\n * const data = { docs: [{ id: '1', name: 'Ada' }], page: 1, limit: 10, totalPages: 1 };\n *\n * <DataTable<User>\n *   tableKey=\"users-table\"\n *   columns={[{ key: 'name', name: 'Name' }]}\n *   rowKey=\"id\"\n *   dataSource={data}\n *   hasPagination\n * />\n * ```\n *\n * 2) Custom `dataKey` and column visibility persistence\n * ```tsx\n * type Row = { id: number; title: string };\n * const payload = { items: [{ id: 1, title: 'Hello' }], page: 1, limit: 20, totalPages: 1 };\n *\n * <DataTable<Row>\n *   tableKey=\"posts\"\n *   columns={[{ key: 'title', name: 'Title' }]}\n *   rowKey=\"id\"\n *   dataSource={payload}\n *   dataKey=\"items\"\n *   hasColumnsVisibilityDropdown\n * />\n * ```\n *\n * 3) Responding to user interactions via `onParamChange`\n * ```tsx\n * const [params, setParams] = useState({ page: 1, limit: 10 });\n *\n * <DataTable\n *   tableKey=\"logs\"\n *   columns={[{ key: 'message', name: 'Message' }]}\n *   rowKey=\"id\"\n *   params={params}\n *   onParamChange={setParams}\n *   hasSearch\n *   hasPagination\n * />\n * ```\n *\n * Notes and Best Practices\n * - Ensure `rowKey` points to a stable unique field in `TData` to avoid key collisions.\n * - When arrays like `exportOptions`, `filters`, or `actions` are empty, their sections are not rendered.\n * - Sorting emits `{ sortField, sortOrder }` through `onParamChange` when the user toggles a column sort.\n *\n * Returns\n * - React element that renders a complete data table experience.\n */\nexport const DataTable = <\n  TData,\n  TPaginationData extends PaginationInterface<TData> =\n    PaginationInterface<TData>,\n>({\n  dataSource,\n  columns,\n  onRowClick,\n  rowKey,\n  hasNumbers,\n  hasSearch,\n  exportOptions,\n  hasCheckbox,\n  hasPagination,\n  isStickyHeader,\n  onParamChange,\n  dataKey = 'docs',\n  loading,\n  tableKey,\n  filters,\n  actions,\n  handleFilterChange,\n  params,\n  exportLoading = false,\n  onColumnsUpdate,\n  hasColumnsVisibilityDropdown,\n  showAppliedFilters = false,\n  onSelectedItemsChange,\n  actionProps,\n  filterWrapperProps,\n  exportOptionsProps,\n  columnsVisibilityProps,\n  paginationProps,\n  searchProps,\n  ...props\n}: DataTableProps<TData, TPaginationData>) => {\n  const { t } = useTranslation();\n  const [selectedRows, setSelectedRows] = useState<TData[keyof TData][]>([]);\n  const { formattedColumns, handleColumnsChange, resetColumns } =\n    useColumns<TData>({ key: tableKey, columns });\n\n  useEffect(() => {\n    onColumnsUpdate?.(formattedColumns);\n  }, [formattedColumns, onColumnsUpdate]);\n\n  useEffect(() => {\n    onSelectedItemsChange?.(selectedRows);\n  }, [selectedRows, onSelectedItemsChange]);\n\n  return (\n    <div\n      className={\n        'border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs'\n      }\n    >\n      <div className={'flex flex-col gap-4 p-4'}>\n        {(hasSearch ||\n          (hasColumnsVisibilityDropdown && tableKey) ||\n          !isEmpty(exportOptions) ||\n          !isEmpty(filters)) && (\n          <div className=\"flex flex-col justify-between gap-3 lg:flex-row lg:items-center\">\n            <div className={'grow'}>\n              {hasSearch && (\n                <Search\n                  {...searchProps}\n                  inputProps={{\n                    ...searchProps?.inputProps,\n                    className: cn(\n                      'h-8 grow',\n                      searchProps?.inputProps?.className\n                    ),\n                  }}\n                  className={cn(\n                    'max-w-full lg:max-w-80 [&_button]:-top-1',\n                    searchProps?.className\n                  )}\n                  defaultValue={get(params, 'search', '') as string}\n                  onSearchChange={(search) =>\n                    onParamChange?.({ ...params, search, page: 1 })\n                  }\n                />\n              )}\n            </div>\n            <div className={'flex items-center justify-end gap-3'}>\n              {exportOptions && (\n                <ExportData\n                  {...exportOptionsProps}\n                  options={exportOptions}\n                  loading={exportLoading}\n                />\n              )}\n              {hasColumnsVisibilityDropdown && tableKey && (\n                <DropdownMenu>\n                  <DropdownMenuTrigger\n                    asChild\n                    className={'grow'}\n                    {...columnsVisibilityProps?.triggerProps}\n                  >\n                    <Button\n                      variant=\"secondary\"\n                      size={'sm'}\n                      className={'ml-auto rounded-lg px-3'}\n                    >\n                      {columnsVisibilityProps?.title || (\n                        <>\n                          <RiLayoutColumnLine />{' '}\n                          <span className={'hidden md:inline!'}>\n                            {t('Customize columns')}\n                          </span>\n                          <RiArrowDownSLine />\n                        </>\n                      )}\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent\n                    align=\"end\"\n                    {...columnsVisibilityProps?.contentProps}\n                  >\n                    <DropdownMenuItem\n                      className=\"capitalize\"\n                      onClick={resetColumns}\n                    >\n                      <RefreshCw />{' '}\n                      {columnsVisibilityProps?.resetText || t('Reset columns')}\n                    </DropdownMenuItem>\n                    <DropdownMenuSeparator />\n                    {formattedColumns.map((column) => {\n                      return (\n                        <DropdownMenuCheckboxItem\n                          key={column.key}\n                          className=\"capitalize\"\n                          checked={!column.hidden}\n                          onCheckedChange={(value) =>\n                            handleColumnsChange(column, !value)\n                          }\n                        >\n                          {column.name}\n                        </DropdownMenuCheckboxItem>\n                      );\n                    })}\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n              {actions && <Actions {...actionProps} actions={actions} />}\n              {filters && (\n                <FilterWrapper\n                  {...filterWrapperProps}\n                  filters={filters}\n                  params={params}\n                  onChange={handleFilterChange}\n                  onFilter={(filter) => {\n                    onParamChange?.({ ...filter, page: 1 });\n                    handleFilterChange?.(filter);\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        )}\n        {showAppliedFilters && !isEmpty(filters) && (\n          <AppliedFilters\n            filters={filters}\n            params={params}\n            onFilter={(filter) => {\n              onParamChange?.({ ...filter, page: 1 });\n              handleFilterChange?.(filter);\n            }}\n          />\n        )}\n      </div>\n\n      <div className={'flex flex-col overflow-auto border-y'}>\n        {!loading ? (\n          <MyTable<TData>\n            {...props}\n            params={{\n              page: dataSource?.page || 1,\n              limit: dataSource?.limit,\n              ...params,\n            }}\n            rows={get(dataSource, dataKey, []) as TData[]}\n            rowKey={rowKey}\n            selectedItems={selectedRows}\n            isStickyHeader={isStickyHeader}\n            columns={formattedColumns}\n            hasCheckbox={hasCheckbox}\n            hasNumbers={hasNumbers}\n            onRowClick={onRowClick}\n            onSelectedItemsChange={setSelectedRows}\n            onSortOrderChange={({ sortField, sortOrder }) => {\n              onParamChange?.({ ...params, sortField, sortOrder });\n            }}\n          />\n        ) : (\n          <Loader />\n        )}\n      </div>\n      {hasPagination && (\n        <div className=\"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between\">\n          <div className=\"text-sm\">\n            <MyLimitSelect\n              onLimitChange={(limit) =>\n                onParamChange?.({ ...params, limit, page: 1 })\n              }\n              defaultValue={dataSource?.limit}\n            />\n          </div>\n          <div className=\"text-muted-foreground text-sm\">\n            {t('{{selectedCount}} of {{total}} row(s) selected', {\n              selectedCount: selectedRows.length,\n              total: dataSource?.total || 0,\n            })}\n          </div>\n          <div>\n            <MyPagination\n              {...paginationProps}\n              onPageChange={(page) => onParamChange?.({ ...params, page })}\n              currentPage={dataSource?.page}\n              totalPages={dataSource?.totalPages}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["AppliedFilters","memo","filters","params","onFilter","className","props","t","useTranslation","filterObject","useMemo","filter","_a","label","value","jsx","cn","key","isEmpty","ButtonGroup","val","index","jsxs","Button","v","XIcon","omit","MyTable","rows","columns","onRowClick","rowKey","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","Table","TableHeader","TableRow","TableHead","Checkbox","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","showAppliedFilters","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/filters/AppliedFilters.tsx","../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { ButtonGroup } from 'dgz-ui';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { cn } from 'dgz-ui/utils';\nimport { isEmpty, omit } from 'lodash';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { FilterInterface } from './FilterWrapper.tsx';\n\n/**\n * Props for the FilterWrapper component.\n */\nexport interface AppliedFiltersProps extends CardProps {\n  /** Array of filter definitions to render. */\n  filters?: FilterInterface[];\n  /** Current active parameters/filters. */\n  params?: Record<string, unknown>;\n  /** Callback fired when filters are applied. */\n  onFilter?: (filters: Record<string, unknown>) => void;\n}\n\n/**\n * FilterWrapper shows a popover with a dynamic list of field filters and emits selected filter values.\n *\n * @param props.filters - Array of filter definitions to render.\n * @param props.params - Current params used to detect active filters.\n * @param props.onFilter - Callback fired when user applies filters.\n * @param props.onCancel - Callback fired on cancel.\n * @param props.onChange - Callback fired whenever filter form values change.\n */\nexport const AppliedFilters = memo(function FilterWrapper({\n  filters,\n  params,\n  onFilter,\n  className,\n  ...props\n}: AppliedFiltersProps) {\n  const { t } = useTranslation();\n\n  const filterObject = useMemo(\n    () =>\n      Object.fromEntries(\n        filters?.map((filter) => [\n          filter.name,\n          Object.fromEntries(\n            filter.options?.map(({ label, value }) => [value, label]) || []\n          ),\n        ]) || []\n      ),\n    [filters]\n  );\n\n  const paramsArr = useMemo(\n    () =>\n      Object.entries(params || {}).filter(\n        ([key, value]) => !!filterObject?.[key] && !isEmpty(value)\n      ),\n    [filterObject, params]\n  );\n\n  return (\n    !isEmpty(paramsArr) && (\n      <div {...props} className={cn('flex flex-wrap gap-2', className)}>\n        {paramsArr.map(([key, value]) =>\n          Array.isArray(value) ? (\n            <ButtonGroup key={key}>\n              {value\n                .filter((val) => filterObject?.[key]?.[val] && val)\n                .map((val, index) => (\n                  <Button\n                    size={'sm'}\n                    key={index}\n                    onClick={() => {\n                      onFilter?.({\n                        ...params,\n                        [key]: value.filter((v) => v !== val),\n                      });\n                    }}\n                  >\n                    {t(String(filterObject?.[key]?.[val] || ''))} <XIcon />\n                  </Button>\n                ))}\n            </ButtonGroup>\n          ) : (\n            <Button\n              size={'sm'}\n              onClick={() => {\n                onFilter?.(omit(params, key));\n              }}\n            >\n              {t(String(filterObject?.[key]?.[value as string] || ''))}{' '}\n              <XIcon />\n            </Button>\n          )\n        )}\n      </div>\n    )\n  );\n});\n","import { Checkbox } from 'dgz-ui/form';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport {\n  ArrowDownWideNarrow,\n  ArrowUpDown,\n  ArrowUpWideNarrow,\n} from 'lucide-react';\nimport { type ComponentProps, useEffect } from 'react';\nimport { SortOrder } from '../../enums';\nimport { useDataTable, useSortable, type UseSortableProps } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { Empty } from '../empty';\nimport { DEFAULT_LIMIT } from '../pagination/MyLimitSelect';\n\n/**\n * Props for the MyTable component.\n * @template TData - The type of data in the table.\n */\nexport interface MyTableProps<TData> extends ComponentProps<'table'> {\n  /** Array of data rows to display. */\n  rows?: TData[];\n  /** Column definitions. */\n  columns: ColumnType<TData>[];\n  /** Callback when a row is clicked. */\n  onRowClick?: (row: TData) => void;\n  /** Whether to show row numbers. */\n  hasNumbers?: boolean;\n  /** Whether to show selection checkboxes. */\n  hasCheckbox?: boolean;\n  /** Unique key for each row. */\n  rowKey: keyof TData;\n  /** Current table parameters (page, limit, sort). */\n  params?: Record<string, unknown>;\n  /** Total number of items (optional, often used with pagination context). */\n  total?: number;\n  /** Array of currently selected item keys. */\n  selectedItems?: TData[keyof TData][];\n  /** Callback when selected items change. */\n  onSelectedItemsChange?: (selectedItems: TData[keyof TData][]) => void;\n  /** Callback when sort order changes. */\n  onSortOrderChange?: (\n    params: Omit<UseSortableProps<TData>, 'onSortOrderChange'>\n  ) => void;\n  /** Whether the header should stick to the top. */\n  isStickyHeader?: true;\n}\n\n/**\n * MyTable renders a generic data table with optional numbering, selection checkboxes,\n * sortable columns and sticky header. It is a presentational component and delegates\n * sorting/selection state via hooks and callbacks.\n *\n * @template TData - The row data type.\n * @param props - Component props.\n * @returns React element containing the table.\n */\nexport const MyTable = <TData,>({\n  rows = [],\n  columns,\n  onRowClick,\n  rowKey,\n  params = {\n    page: 1,\n    limit: DEFAULT_LIMIT,\n  },\n  hasNumbers = false,\n  hasCheckbox = false,\n  selectedItems,\n  onSelectedItemsChange,\n  onSortOrderChange,\n  isStickyHeader,\n  className,\n  ...props\n}: MyTableProps<TData>) => {\n  const { sortObject, handleSort } = useSortable<TData>({\n    sortField: params?.sortField as keyof TData | undefined,\n    sortOrder: params?.sortOrder as SortOrder | undefined,\n    onSortOrderChange,\n  });\n  const {\n    selectedRows,\n    isRowSelected,\n    isAllRowsSelected,\n    handleSelectAllRows,\n    handleSelectRow,\n  } = useDataTable<TData>({ rows, defaultSelectedRows: selectedItems });\n\n  useEffect(() => {\n    if (\n      JSON.stringify(selectedItems) !== JSON.stringify(selectedRows) &&\n      selectedRows\n    ) {\n      onSelectedItemsChange?.(selectedRows);\n    }\n  }, [selectedRows, selectedItems, onSelectedItemsChange]);\n\n  return (\n    <Table {...props} className={cn('relative', className)}>\n      <TableHeader\n        className={cn('bg-bg', isStickyHeader && 'sticky top-0 z-1')}\n      >\n        <TableRow>\n          {hasCheckbox && (\n            <TableHead className={'w-12 p-3'}>\n              <Checkbox\n                className={'mt-1'}\n                checked={isAllRowsSelected(rowKey)}\n                onCheckedChange={(value) =>\n                  handleSelectAllRows(rowKey, !!value)\n                }\n                aria-label=\"Select all\"\n              />\n            </TableHead>\n          )}\n          {hasNumbers && <TableHead className={'w-12 p-2'}>#</TableHead>}\n          {columns\n            .filter((column) => !column.hidden)\n            .map((column) => (\n              <TableHead\n                key={column.key}\n                style={column.styles}\n                className={cn('p-2', column.sortable && 'cursor-pointer')}\n                onClick={() => column.sortable && handleSort(column.dataIndex)}\n              >\n                <div className={'flex items-center gap-2'}>\n                  {column.name}{' '}\n                  {column.sortable &&\n                    (sortObject?.sortField === column.key ? (\n                      <>\n                        {sortObject?.sortOrder === SortOrder.DESC && (\n                          <ArrowDownWideNarrow size={15} />\n                        )}\n                        {sortObject?.sortOrder === SortOrder.ASC && (\n                          <ArrowUpWideNarrow size={15} />\n                        )}\n                      </>\n                    ) : (\n                      <ArrowUpDown size={15} />\n                    ))}\n                </div>\n              </TableHead>\n            ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody className={'[&>tr:nth-child(even)]:bg-bg-secondary'}>\n        {rows.length ? (\n          rows.map((row, index) => (\n            <TableRow\n              key={`${row[rowKey]}`}\n              onClick={() => onRowClick?.(row)}\n              className={cn(onRowClick && 'cursor-pointer')}\n              data-state={isRowSelected(row[rowKey]) && 'selected'}\n            >\n              {hasCheckbox && (\n                <TableCell\n                  className={'w-12 p-3'}\n                  onClick={(evt) => evt.stopPropagation()}\n                >\n                  <Checkbox\n                    className={'mt-1'}\n                    checked={isRowSelected(row[rowKey])}\n                    onCheckedChange={(value) =>\n                      handleSelectRow(row[rowKey], !!value)\n                    }\n                    aria-label=\"Select row\"\n                  />\n                </TableCell>\n              )}\n              {hasNumbers && (\n                <TableCell className={'w-12 p-2'}>\n                  {((params.page as number) - 1) *\n                    ((params.limit || DEFAULT_LIMIT) as number) +\n                    index +\n                    1}\n                </TableCell>\n              )}\n              {columns\n                .filter((column) => !column.hidden)\n                .map((column) => (\n                  <TableCell\n                    className={'text-body-xs-medium max-w-xs p-2'}\n                    style={column.styles}\n                    key={`${index}-${column.key}`}\n                  >\n                    {column.render\n                      ? column.render(get(row, column.dataIndex), row)\n                      : get(row, column.dataIndex, '')}\n                  </TableCell>\n                ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow>\n            <TableCell\n              colSpan={\n                hasNumbers\n                  ? hasCheckbox\n                    ? columns.length + 2\n                    : columns.length + 1\n                  : columns.length\n              }\n            >\n              <Empty />\n            </TableCell>\n          </TableRow>\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n","import { RiArrowDownSLine, RiLayoutColumnLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport { cn } from 'dgz-ui/utils';\nimport { get, isEmpty } from 'lodash';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n  ExportData,\n  type ExportDataInterface,\n  type ExportDataProps,\n} from '../export';\nimport {\n  type FilterInterface,\n  FilterWrapper,\n  type FilterWrapperProps,\n  Search,\n  type SearchProps,\n} from '../filters';\nimport { AppliedFilters } from '../filters/AppliedFilters.tsx';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n *   may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n *   (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n  /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n  docs?: TData[];\n  /** Zero-based index of the first item on the current page (if provided by API). */\n  offset?: number;\n  /** Page size (items per page). */\n  limit: number;\n  /** Total number of pages available. */\n  totalPages: number;\n  /** Total number of items across all pages (if available). */\n  total?: number;\n  /** Current page number (1-based). */\n  page: number;\n  /** Convenience counter for the first item index on the page (if provided). */\n  pagingCounter?: number;\n  /** Whether a previous page exists. */\n  hasPrevPage?: boolean;\n  /** Whether a next page exists. */\n  hasNextPage?: boolean;\n  /** Previous page number, if available. */\n  prevPage?: number;\n  /** Next page number, if available. */\n  nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n  TData,\n  TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n  /** Pagination data source. */\n  dataSource?: TPaginationData;\n  /** Callback for parameter changes (pagination, sorting, filtering). */\n  onParamChange?: (param: Record<string, unknown>) => void;\n  /** Whether to enable pagination. */\n  hasPagination?: true;\n  /** Options for the export data dropdown. */\n  exportOptions?: ExportDataInterface[];\n  /** Whether to enable search functionality. */\n  hasSearch?: true;\n  /** Whether the table data is loading. */\n  loading?: boolean;\n  /** Array of filters to display. */\n  filters?: FilterInterface[];\n  /** Array of actions to display. */\n  actions?: ActionInterface[];\n  /** Callback for filter changes. */\n  handleFilterChange?: (filters: Record<string, unknown>) => void;\n  /** Unique key for the table, used for column persistence. */\n  tableKey: string;\n  /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n  dataKey?: keyof TPaginationData;\n  /** Whether to show the columns visibility dropdown. */\n  hasColumnsVisibilityDropdown?: true;\n  /** Whether to show the columns visibility dropdown. */\n  showAppliedFilters?: boolean;\n  /** Callback when columns are updated (e.g., visibility toggled). */\n  onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n  /** Whether the export action is loading. */\n  exportLoading?: boolean;\n  /** Props for the Actions component. */\n  actionProps?: Partial<ActionsProps>;\n  /** Props for the FilterWrapper component. */\n  filterWrapperProps?: Partial<FilterWrapperProps>;\n  /** Props for the ExportData component. */\n  exportOptionsProps?: Partial<ExportDataProps>;\n  searchProps?: Partial<SearchProps>;\n  paginationProps?: Partial<MyPaginationProps>;\n  /** Props for the columns visibility dropdown. */\n  columnsVisibilityProps?: DropdownContainerProps & {\n    title?: ReactNode;\n    resetText?: ReactNode;\n  };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n *   `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * Props Overview\n * - `dataSource` — Paginated data source object that contains rows (see `dataKey`) and pagination metadata.\n * - `columns` — Column definitions passed to `MyTable`.\n * - `onRowClick` — Callback when a row is clicked.\n * - `rowKey` — Property name used as a unique row key.\n * - `hasNumbers` — Whether to show the row numbers column.\n * - `hasSearch` — Set to `true` to display the search input in the header.\n * - `exportOptions` — Export menu options shown by `ExportData` (see `ExportDataInterface[]`).\n * - `exportLoading` — When `true`, shows a spinner in the Export button to indicate an export action is in progress.\n * - `hasCheckbox` — Whether to show the selection checkbox column.\n * - `hasPagination` — Set to `true` to render the pagination footer.\n * - `isStickyHeader` — Whether to keep the table header sticky.\n * - `onParamChange` — Emits parameter changes for pagination/sorting/search/filters.\n * - `dataKey` — Key within `dataSource` that contains the row array. Defaults to `\"docs\"`.\n * - `loading` — If `true`, shows a loading state instead of the table rows.\n * - `tableKey` — Unique key for persisting column visibility state.\n * - `filters` — Filter configurations to render in the header.\n * - `actions` — Header actions independent of selected rows.\n * - `handleFilterChange` — Callback executed when filter values change.\n * - `params` — Current list parameters (pagination, sort, search, filters).\n * - `hasColumnsVisibilityDropdown` — Set to `true` to show the columns customize dropdown.\n * - `onColumnsUpdate` — Notifies parent whenever the internal columns state changes (after formatting/visibility).\n * - `actionProps` — Props passed to the `Actions` component.\n * - `filterWrapperProps` — Props passed to the `FilterWrapper` component.\n * - `exportOptionsProps` — Props passed to the `ExportData` component.\n * - `columnsVisibilityProps` — Props passed to the columns visibility dropdown.\n * - `onSelectedItemsChange` — Callback when selected rows change (requires `hasCheckbox`).\n *\n * Accessibility\n * - Header controls and dropdowns reuse shared primitives that include keyboard and ARIA support.\n *\n * Internationalization\n * - Text such as \"Export\", \"Customize columns\", and \"Reset columns\" are resolved via `react-i18next`.\n *\n * Usage Examples\n * 1) Minimal paginated table (uses default `dataKey = \"docs\"`)\n * ```tsx\n * type User = { id: string; name: string };\n * const data = { docs: [{ id: '1', name: 'Ada' }], page: 1, limit: 10, totalPages: 1 };\n *\n * <DataTable<User>\n *   tableKey=\"users-table\"\n *   columns={[{ key: 'name', name: 'Name' }]}\n *   rowKey=\"id\"\n *   dataSource={data}\n *   hasPagination\n * />\n * ```\n *\n * 2) Custom `dataKey` and column visibility persistence\n * ```tsx\n * type Row = { id: number; title: string };\n * const payload = { items: [{ id: 1, title: 'Hello' }], page: 1, limit: 20, totalPages: 1 };\n *\n * <DataTable<Row>\n *   tableKey=\"posts\"\n *   columns={[{ key: 'title', name: 'Title' }]}\n *   rowKey=\"id\"\n *   dataSource={payload}\n *   dataKey=\"items\"\n *   hasColumnsVisibilityDropdown\n * />\n * ```\n *\n * 3) Responding to user interactions via `onParamChange`\n * ```tsx\n * const [params, setParams] = useState({ page: 1, limit: 10 });\n *\n * <DataTable\n *   tableKey=\"logs\"\n *   columns={[{ key: 'message', name: 'Message' }]}\n *   rowKey=\"id\"\n *   params={params}\n *   onParamChange={setParams}\n *   hasSearch\n *   hasPagination\n * />\n * ```\n *\n * Notes and Best Practices\n * - Ensure `rowKey` points to a stable unique field in `TData` to avoid key collisions.\n * - When arrays like `exportOptions`, `filters`, or `actions` are empty, their sections are not rendered.\n * - Sorting emits `{ sortField, sortOrder }` through `onParamChange` when the user toggles a column sort.\n *\n * Returns\n * - React element that renders a complete data table experience.\n */\nexport const DataTable = <\n  TData,\n  TPaginationData extends PaginationInterface<TData> =\n    PaginationInterface<TData>,\n>({\n  dataSource,\n  columns,\n  onRowClick,\n  rowKey,\n  hasNumbers,\n  hasSearch,\n  exportOptions,\n  hasCheckbox,\n  hasPagination,\n  isStickyHeader,\n  onParamChange,\n  dataKey = 'docs',\n  loading,\n  tableKey,\n  filters,\n  actions,\n  handleFilterChange,\n  params,\n  exportLoading = false,\n  onColumnsUpdate,\n  hasColumnsVisibilityDropdown,\n  showAppliedFilters = false,\n  onSelectedItemsChange,\n  actionProps,\n  filterWrapperProps,\n  exportOptionsProps,\n  columnsVisibilityProps,\n  paginationProps,\n  searchProps,\n  ...props\n}: DataTableProps<TData, TPaginationData>) => {\n  const { t } = useTranslation();\n  const [selectedRows, setSelectedRows] = useState<TData[keyof TData][]>([]);\n  const { formattedColumns, handleColumnsChange, resetColumns } =\n    useColumns<TData>({ key: tableKey, columns });\n\n  useEffect(() => {\n    onColumnsUpdate?.(formattedColumns);\n  }, [formattedColumns, onColumnsUpdate]);\n\n  useEffect(() => {\n    onSelectedItemsChange?.(selectedRows);\n  }, [selectedRows, onSelectedItemsChange]);\n\n  return (\n    <div\n      className={\n        'border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs'\n      }\n    >\n      <div className={'flex flex-col gap-4 p-4'}>\n        {(hasSearch ||\n          (hasColumnsVisibilityDropdown && tableKey) ||\n          !isEmpty(exportOptions) ||\n          !isEmpty(filters)) && (\n          <div className=\"flex flex-col justify-between gap-3 lg:flex-row lg:items-center\">\n            <div className={'grow'}>\n              {hasSearch && (\n                <Search\n                  {...searchProps}\n                  inputProps={{\n                    ...searchProps?.inputProps,\n                    className: cn(\n                      'h-8 grow',\n                      searchProps?.inputProps?.className\n                    ),\n                  }}\n                  className={cn(\n                    'max-w-full lg:max-w-80! [&_button]:-top-1',\n                    searchProps?.className\n                  )}\n                  defaultValue={get(params, 'search', '') as string}\n                  onSearchChange={(search) =>\n                    onParamChange?.({ ...params, search, page: 1 })\n                  }\n                />\n              )}\n            </div>\n            <div className={'flex items-center justify-end gap-3'}>\n              {exportOptions && (\n                <ExportData\n                  {...exportOptionsProps}\n                  options={exportOptions}\n                  loading={exportLoading}\n                />\n              )}\n              {hasColumnsVisibilityDropdown && tableKey && (\n                <DropdownMenu>\n                  <DropdownMenuTrigger\n                    asChild\n                    className={'grow'}\n                    {...columnsVisibilityProps?.triggerProps}\n                  >\n                    <Button\n                      variant=\"secondary\"\n                      size={'sm'}\n                      className={'ml-auto rounded-lg px-3'}\n                    >\n                      {columnsVisibilityProps?.title || (\n                        <>\n                          <RiLayoutColumnLine />{' '}\n                          <span className={'hidden md:inline!'}>\n                            {t('Customize columns')}\n                          </span>\n                          <RiArrowDownSLine />\n                        </>\n                      )}\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent\n                    align=\"end\"\n                    {...columnsVisibilityProps?.contentProps}\n                  >\n                    <DropdownMenuItem\n                      className=\"capitalize\"\n                      onClick={resetColumns}\n                    >\n                      <RefreshCw />{' '}\n                      {columnsVisibilityProps?.resetText || t('Reset columns')}\n                    </DropdownMenuItem>\n                    <DropdownMenuSeparator />\n                    {formattedColumns.map((column) => {\n                      return (\n                        <DropdownMenuCheckboxItem\n                          key={column.key}\n                          className=\"capitalize\"\n                          checked={!column.hidden}\n                          onCheckedChange={(value) =>\n                            handleColumnsChange(column, !value)\n                          }\n                        >\n                          {column.name}\n                        </DropdownMenuCheckboxItem>\n                      );\n                    })}\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n              {actions && <Actions {...actionProps} actions={actions} />}\n              {filters && (\n                <FilterWrapper\n                  {...filterWrapperProps}\n                  filters={filters}\n                  params={params}\n                  onChange={handleFilterChange}\n                  onFilter={(filter) => {\n                    onParamChange?.({ ...filter, page: 1 });\n                    handleFilterChange?.(filter);\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        )}\n        {showAppliedFilters && !isEmpty(filters) && (\n          <AppliedFilters\n            filters={filters}\n            params={params}\n            onFilter={(filter) => {\n              onParamChange?.({ ...filter, page: 1 });\n              handleFilterChange?.(filter);\n            }}\n          />\n        )}\n      </div>\n\n      <div className={'flex flex-col overflow-auto border-y'}>\n        {!loading ? (\n          <MyTable<TData>\n            {...props}\n            params={{\n              page: dataSource?.page || 1,\n              limit: dataSource?.limit,\n              ...params,\n            }}\n            rows={get(dataSource, dataKey, []) as TData[]}\n            rowKey={rowKey}\n            selectedItems={selectedRows}\n            isStickyHeader={isStickyHeader}\n            columns={formattedColumns}\n            hasCheckbox={hasCheckbox}\n            hasNumbers={hasNumbers}\n            onRowClick={onRowClick}\n            onSelectedItemsChange={setSelectedRows}\n            onSortOrderChange={({ sortField, sortOrder }) => {\n              onParamChange?.({ ...params, sortField, sortOrder });\n            }}\n          />\n        ) : (\n          <Loader />\n        )}\n      </div>\n      {hasPagination && (\n        <div className=\"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between\">\n          <div className=\"text-sm\">\n            <MyLimitSelect\n              onLimitChange={(limit) =>\n                onParamChange?.({ ...params, limit, page: 1 })\n              }\n              defaultValue={dataSource?.limit}\n            />\n          </div>\n          <div className=\"text-muted-foreground text-sm\">\n            {t('{{selectedCount}} of {{total}} row(s) selected', {\n              selectedCount: selectedRows.length,\n              total: dataSource?.total || 0,\n            })}\n          </div>\n          <div>\n            <MyPagination\n              {...paginationProps}\n              onPageChange={(page) => onParamChange?.({ ...params, page })}\n              currentPage={dataSource?.page}\n              totalPages={dataSource?.totalPages}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["AppliedFilters","memo","filters","params","onFilter","className","props","t","useTranslation","filterObject","useMemo","filter","_a","label","value","paramsArr","key","isEmpty","jsx","cn","ButtonGroup","val","index","jsxs","Button","XIcon","omit","MyTable","rows","columns","onRowClick","rowKey","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","Table","TableHeader","TableRow","TableHead","Checkbox","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","showAppliedFilters","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"s1BA+BaA,GAAiBC,EAAAA,KAAK,SAAuB,CACxD,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAwB,CACtB,KAAM,CAAA,EAAEC,CAAA,EAAMC,iBAAA,EAERC,EAAeC,EAAAA,QACnB,IACE,OAAO,aACLR,GAAA,YAAAA,EAAS,IAAKS,GAAA,OAAW,OACvBA,EAAO,KACP,OAAO,cACLC,EAAAD,EAAO,UAAP,YAAAC,EAAgB,IAAI,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAA,IAAY,CAACA,EAAOD,CAAK,KAAM,CAAA,CAAC,CAChE,MACI,CAAA,CAAC,EAEX,CAACX,CAAO,CAAA,EAGJa,EAAYL,EAAAA,QAChB,IACE,OAAO,QAAQP,GAAU,CAAA,CAAE,EAAE,OAC3B,CAAC,CAACa,EAAKF,CAAK,IAAM,CAAC,EAACL,GAAA,MAAAA,EAAeO,KAAQ,CAACC,EAAAA,cAAAA,QAAQH,CAAK,CAAA,EAE7D,CAACL,EAAcN,CAAM,CAAA,EAGvB,MACE,CAACc,EAAAA,cAAAA,QAAQF,CAAS,GAChBG,EAAAA,IAAC,MAAA,CAAK,GAAGZ,EAAO,UAAWa,EAAAA,GAAG,uBAAwBd,CAAS,EAC5D,SAAAU,EAAU,IAAI,CAAC,CAACC,EAAKF,CAAK,IAAA,OACzB,aAAM,QAAQA,CAAK,EACjBI,EAAAA,IAACE,eAAA,CACE,SAAAN,EACE,OAAQO,GAAA,OAAQ,QAAAT,EAAAH,GAAA,YAAAA,EAAeO,KAAf,YAAAJ,EAAsBS,KAAQA,EAAG,EACjD,IAAI,CAACA,EAAKC,IAAA,OACTC,OAAAA,EAAAA,KAACC,EAAAA,OAAA,CACC,KAAM,KAEN,QAAS,IAAM,CACbpB,GAAA,MAAAA,EAAW,CACT,GAAGD,EACH,CAACa,CAAG,EAAGF,EAAM,OAAQ,GAAM,IAAMO,CAAG,CAAA,EAExC,EAEC,SAAA,CAAAd,EAAE,SAAOK,EAAAH,GAAA,YAAAA,EAAeO,KAAf,YAAAJ,EAAsBS,KAAQ,EAAE,CAAC,EAAE,UAAEI,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EARhDH,CAAA,EAUR,CAAA,EAhBaN,CAiBlB,EAEAO,EAAAA,KAACC,EAAAA,OAAA,CACC,KAAM,KACN,QAAS,IAAM,CACbpB,GAAA,MAAAA,EAAWsB,EAAAA,cAAAA,KAAKvB,EAAQa,CAAG,EAC7B,EAEC,SAAA,CAAAT,EAAE,SAAOK,EAAAH,GAAA,YAAAA,EAAeO,KAAf,YAAAJ,EAAsBE,KAAoB,EAAE,CAAC,EAAG,UACzDW,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,CAAA,EACT,EAGN,CAGN,CAAC,EClCYE,EAAU,CAAS,CAC9B,KAAAC,EAAO,CAAA,EACP,QAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAA5B,EAAS,CACP,KAAM,EACN,MAAO6B,EAAAA,aAAA,EAET,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,cAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,UAAAjC,EACA,GAAGC,CACL,IAA2B,CACzB,KAAM,CAAE,WAAAiC,EAAY,WAAAC,CAAA,EAAeC,cAAmB,CACpD,UAAWtC,GAAA,YAAAA,EAAQ,UACnB,UAAWA,GAAA,YAAAA,EAAQ,UACnB,kBAAAkC,CAAA,CACD,EACK,CACJ,aAAAK,EACA,cAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,gBAAAC,CAAA,EACEC,EAAAA,aAAoB,CAAE,KAAAnB,EAAM,oBAAqBO,EAAe,EAEpEa,OAAAA,EAAAA,UAAU,IAAM,CAEZ,KAAK,UAAUb,CAAa,IAAM,KAAK,UAAUO,CAAY,GAC7DA,IAEAN,GAAA,MAAAA,EAAwBM,GAE5B,EAAG,CAACA,EAAcP,EAAeC,CAAqB,CAAC,EAGrDb,EAAAA,KAAC0B,SAAO,GAAG3C,EAAO,UAAWa,EAAAA,GAAG,WAAYd,CAAS,EACnD,SAAA,CAAAa,EAAAA,IAACgC,EAAAA,YAAA,CACC,UAAW/B,EAAAA,GAAG,QAASmB,GAAkB,kBAAkB,EAE3D,gBAACa,WAAA,CACE,SAAA,CAAAjB,GACChB,EAAAA,IAACkC,EAAAA,UAAA,CAAU,UAAW,WACpB,SAAAlC,EAAAA,IAACmC,EAAAA,SAAA,CACC,UAAW,OACX,QAAST,EAAkBb,CAAM,EACjC,gBAAkBjB,GAChB+B,EAAoBd,EAAQ,CAAC,CAACjB,CAAK,EAErC,aAAW,YAAA,CAAA,EAEf,EAEDmB,GAAcf,EAAAA,IAACkC,YAAA,CAAU,UAAW,WAAY,SAAA,IAAC,EACjDvB,EACE,OAAQyB,GAAW,CAACA,EAAO,MAAM,EACjC,IAAKA,GACJpC,EAAAA,IAACkC,EAAAA,UAAA,CAEC,MAAOE,EAAO,OACd,UAAWnC,EAAAA,GAAG,MAAOmC,EAAO,UAAY,gBAAgB,EACxD,QAAS,IAAMA,EAAO,UAAYd,EAAWc,EAAO,SAAS,EAE7D,SAAA/B,EAAAA,KAAC,MAAA,CAAI,UAAW,0BACb,SAAA,CAAA+B,EAAO,KAAM,IACbA,EAAO,YACLf,GAAA,YAAAA,EAAY,aAAce,EAAO,IAChC/B,EAAAA,KAAAgC,WAAA,CACG,SAAA,EAAAhB,GAAA,YAAAA,EAAY,aAAciB,EAAAA,UAAU,MACnCtC,EAAAA,IAACuC,sBAAA,CAAoB,KAAM,GAAI,GAEhClB,GAAA,YAAAA,EAAY,aAAciB,EAAAA,UAAU,KACnCtC,EAAAA,IAACwC,oBAAA,CAAkB,KAAM,EAAA,CAAI,CAAA,CAAA,CAEjC,EAEAxC,EAAAA,IAACyC,EAAAA,YAAA,CAAY,KAAM,EAAA,CAAI,EAAA,CAAA,CAE7B,CAAA,EApBKL,EAAO,GAAA,CAsBf,CAAA,CAAA,CACL,CAAA,CAAA,EAEFpC,EAAAA,IAAC0C,EAAAA,UAAA,CAAU,UAAW,yCACnB,SAAAhC,EAAK,OACJA,EAAK,IAAI,CAACiC,EAAKvC,IACbC,EAAAA,KAAC4B,EAAAA,SAAA,CAEC,QAAS,IAAMrB,GAAA,YAAAA,EAAa+B,GAC5B,UAAW1C,EAAAA,GAAGW,GAAc,gBAAgB,EAC5C,aAAYa,EAAckB,EAAI9B,CAAM,CAAC,GAAK,WAEzC,SAAA,CAAAG,GACChB,EAAAA,IAAC4C,EAAAA,UAAA,CACC,UAAW,WACX,QAAUC,GAAQA,EAAI,gBAAA,EAEtB,SAAA7C,EAAAA,IAACmC,EAAAA,SAAA,CACC,UAAW,OACX,QAASV,EAAckB,EAAI9B,CAAM,CAAC,EAClC,gBAAkBjB,GAChBgC,EAAgBe,EAAI9B,CAAM,EAAG,CAAC,CAACjB,CAAK,EAEtC,aAAW,YAAA,CAAA,CACb,CAAA,EAGHmB,GACCf,EAAAA,IAAC4C,EAAAA,UAAA,CAAU,UAAW,WACjB,UAAA3D,EAAO,KAAkB,IACxBA,EAAO,OAAS6B,EAAAA,eAClBV,EACA,EACJ,EAEDO,EACE,OAAQyB,GAAW,CAACA,EAAO,MAAM,EACjC,IAAKA,GACJpC,EAAAA,IAAC4C,EAAAA,UAAA,CACC,UAAW,mCACX,MAAOR,EAAO,OAGb,SAAAA,EAAO,OACJA,EAAO,OAAOU,EAAAA,cAAAA,IAAIH,EAAKP,EAAO,SAAS,EAAGO,CAAG,EAC7CG,EAAAA,cAAAA,IAAIH,EAAKP,EAAO,UAAW,EAAE,CAAA,EAJ5B,GAAGhC,CAAK,IAAIgC,EAAO,GAAG,EAAA,CAM9B,CAAA,CAAA,EAxCE,GAAGO,EAAI9B,CAAM,CAAC,EAAA,CA0CtB,EAEDb,EAAAA,IAACiC,WAAA,CACC,SAAAjC,EAAAA,IAAC4C,EAAAA,UAAA,CACC,QACE7B,EACIC,EACEL,EAAQ,OAAS,EACjBA,EAAQ,OAAS,EACnBA,EAAQ,OAGd,eAACoC,GAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,CAAA,CAEJ,CAAA,EACF,CAEJ,ECUaC,GAAY,CAIvB,CACA,WAAAC,EACA,QAAAtC,EACA,WAAAC,EACA,OAAAC,EACA,WAAAE,EACA,UAAAmC,EACA,cAAAC,EACA,YAAAnC,EACA,cAAAoC,EACA,eAAAhC,EACA,cAAAiC,EACA,QAAAC,EAAU,OACV,QAAAC,EACA,SAAAC,EACA,QAAAxE,EACA,QAAAyE,EACA,mBAAAC,EACA,OAAAzE,EACA,cAAA0E,EAAgB,GAChB,gBAAAC,EACA,6BAAAC,EACA,mBAAAC,EAAqB,GACrB,sBAAA5C,EACA,YAAA6C,EACA,mBAAAC,EACA,mBAAAC,EACA,uBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,GAAGhF,CACL,IAA8C,OAC5C,KAAM,CAAA,EAAEC,CAAA,EAAMC,iBAAA,EACR,CAACkC,EAAc6C,CAAe,EAAIC,EAAAA,SAA+B,CAAA,CAAE,EACnE,CAAE,iBAAAC,EAAkB,oBAAAC,EAAqB,aAAAC,EAAA,EAC7CC,EAAAA,WAAkB,CAAE,IAAKlB,EAAU,QAAA7C,EAAS,EAE9CmB,OAAAA,EAAAA,UAAU,IAAM,CACd8B,GAAA,MAAAA,EAAkBW,EACpB,EAAG,CAACA,EAAkBX,CAAe,CAAC,EAEtC9B,EAAAA,UAAU,IAAM,CACdZ,GAAA,MAAAA,EAAwBM,EAC1B,EAAG,CAACA,EAAcN,CAAqB,CAAC,EAGtCb,EAAAA,KAAC,MAAA,CACC,UACE,yFAGF,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAW,0BACZ,SAAA,EAAA6C,GACCW,GAAgCL,GACjC,CAACzD,EAAAA,cAAAA,QAAQoD,CAAa,GACtB,CAACpD,EAAAA,cAAAA,QAAQf,CAAO,IAChBqB,EAAAA,KAAC,MAAA,CAAI,UAAU,kEACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAW,OACb,SAAAkD,GACClD,EAAAA,IAAC2E,EAAAA,OAAA,CACE,GAAGP,EACJ,WAAY,CACV,GAAGA,GAAA,YAAAA,EAAa,WAChB,UAAWnE,EAAAA,GACT,YACAP,EAAA0E,GAAA,YAAAA,EAAa,aAAb,YAAA1E,EAAyB,SAAA,CAC3B,EAEF,UAAWO,EAAAA,GACT,4CACAmE,GAAA,YAAAA,EAAa,SAAA,EAEf,aAActB,EAAAA,cAAAA,IAAI7D,EAAQ,SAAU,EAAE,EACtC,eAAiB2F,GACfvB,GAAA,YAAAA,EAAgB,CAAE,GAAGpE,EAAQ,OAAA2F,EAAQ,KAAM,CAAA,EAAG,CAAA,EAItD,EACAvE,EAAAA,KAAC,MAAA,CAAI,UAAW,sCACb,SAAA,CAAA8C,GACCnD,EAAAA,IAAC6E,GAAAA,WAAA,CACE,GAAGZ,EACJ,QAASd,EACT,QAASQ,CAAA,CAAA,EAGZE,GAAgCL,GAC/BnD,EAAAA,KAACyE,EAAAA,aAAA,CACC,SAAA,CAAA9E,EAAAA,IAAC+E,EAAAA,oBAAA,CACC,QAAO,GACP,UAAW,OACV,GAAGb,GAAA,YAAAA,EAAwB,aAE5B,SAAAlE,EAAAA,IAACM,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEV,UAAA4D,GAAA,YAAAA,EAAwB,QACvB7D,EAAAA,KAAAgC,EAAAA,SAAA,CACE,SAAA,CAAArC,EAAAA,IAACgF,EAAAA,GAAA,EAAmB,EAAG,UACtB,OAAA,CAAK,UAAW,oBACd,SAAA3F,EAAE,mBAAmB,EACxB,QACC4F,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CACpB,CAAA,CAAA,CAEJ,CAAA,EAEF5E,EAAAA,KAAC6E,EAAAA,oBAAA,CACC,MAAM,MACL,GAAGhB,GAAA,YAAAA,EAAwB,aAE5B,SAAA,CAAA7D,EAAAA,KAAC8E,EAAAA,iBAAA,CACC,UAAU,aACV,QAASV,GAET,SAAA,CAAAzE,EAAAA,IAACoF,EAAAA,UAAA,EAAU,EAAG,KACblB,GAAA,YAAAA,EAAwB,YAAa7E,EAAE,eAAe,CAAA,CAAA,CAAA,QAExDgG,EAAAA,sBAAA,EAAsB,EACtBd,EAAiB,IAAKnC,GAEnBpC,EAAAA,IAACsF,EAAAA,yBAAA,CAEC,UAAU,aACV,QAAS,CAAClD,EAAO,OACjB,gBAAkBxC,GAChB4E,EAAoBpC,EAAQ,CAACxC,CAAK,EAGnC,SAAAwC,EAAO,IAAA,EAPHA,EAAO,GAAA,CAUjB,CAAA,CAAA,CAAA,CACH,EACF,EAEDqB,GAAWzD,EAAAA,IAACuF,GAAAA,QAAA,CAAS,GAAGxB,EAAa,QAAAN,CAAA,CAAkB,EACvDzE,GACCgB,EAAAA,IAACwF,EAAAA,cAAA,CACE,GAAGxB,EACJ,QAAAhF,EACA,OAAAC,EACA,SAAUyE,EACV,SAAWjE,GAAW,CACpB4D,GAAA,MAAAA,EAAgB,CAAE,GAAG5D,EAAQ,KAAM,IACnCiE,GAAA,MAAAA,EAAqBjE,EACvB,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,EACF,EAEDqE,GAAsB,CAAC/D,EAAAA,cAAAA,QAAQf,CAAO,GACrCgB,EAAAA,IAAClB,GAAA,CACC,QAAAE,EACA,OAAAC,EACA,SAAWQ,GAAW,CACpB4D,GAAA,MAAAA,EAAgB,CAAE,GAAG5D,EAAQ,KAAM,IACnCiE,GAAA,MAAAA,EAAqBjE,EACvB,CAAA,CAAA,CACF,EAEJ,EAEAO,EAAAA,IAAC,MAAA,CAAI,UAAW,uCACb,SAACuD,EAsBAvD,MAACyF,GAAAA,OAAA,CAAA,CAAO,EArBRzF,EAAAA,IAACS,EAAA,CACE,GAAGrB,EACJ,OAAQ,CACN,MAAM6D,GAAA,YAAAA,EAAY,OAAQ,EAC1B,MAAOA,GAAA,YAAAA,EAAY,MACnB,GAAGhE,CAAA,EAEL,KAAM6D,EAAAA,cAAAA,IAAIG,EAAYK,EAAS,CAAA,CAAE,EACjC,OAAAzC,EACA,cAAeW,EACf,eAAAJ,EACA,QAASmD,EACT,YAAAvD,EACA,WAAAD,EACA,WAAAH,EACA,sBAAuByD,EACvB,kBAAmB,CAAC,CAAE,UAAAqB,EAAW,UAAAC,KAAgB,CAC/CtC,GAAA,MAAAA,EAAgB,CAAE,GAAGpE,EAAQ,UAAAyG,EAAW,UAAAC,GAC1C,CAAA,CAAA,EAKN,EACCvC,GACC/C,EAAAA,KAAC,MAAA,CAAI,UAAU,mFACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,UACb,SAAAA,EAAAA,IAAC4F,EAAAA,cAAA,CACC,cAAgBC,GACdxC,GAAA,YAAAA,EAAgB,CAAE,GAAGpE,EAAQ,MAAA4G,EAAO,KAAM,IAE5C,aAAc5C,GAAA,YAAAA,EAAY,KAAA,CAAA,EAE9B,EACAjD,EAAAA,IAAC,MAAA,CAAI,UAAU,gCACZ,WAAE,iDAAkD,CACnD,cAAewB,EAAa,OAC5B,OAAOyB,GAAA,YAAAA,EAAY,QAAS,CAAA,CAC7B,EACH,QACC,MAAA,CACC,SAAAjD,EAAAA,IAAC8F,EAAAA,aAAA,CACE,GAAG3B,EACJ,aAAe4B,GAAS1C,GAAA,YAAAA,EAAgB,CAAE,GAAGpE,EAAQ,KAAA8G,IACrD,YAAa9C,GAAA,YAAAA,EAAY,KACzB,WAAYA,GAAA,YAAAA,EAAY,UAAA,CAAA,CAC1B,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAIR"}