dgz-ui-shared 1.2.10 → 1.2.11

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["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 { 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  /** 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  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      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                className={cn('h-8 max-w-60', searchProps?.className)}\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 shrink-0 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                  {...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 lg:!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                onFilter={(filter) => {\n                  onParamChange?.({ ...params, ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\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-col items-center justify-between gap-3 p-4 lg:flex-row\">\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":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["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 { 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  /** 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  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      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                className={cn('h-8 max-w-60', searchProps?.className)}\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 shrink-0 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                  {...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 lg:!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?.({ ...params, ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\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-col items-center justify-between gap-3 p-4 lg:flex-row\">\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":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}

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

@@ -20,20 +20,20 @@ import { E as Ae } from "../../chunks/Empty-BReVQKje.es.js";
 const ze = ({
   rows: t = [],
   columns: h,
-  onRowClick: k,
+  onRowClick: v,
   rowKey: p,
   params: N = {
     page: 1,
     limit: q
   },
-  hasNumbers: v = !1,
+  hasNumbers: T = !1,
   hasCheckbox: w = !1,
   selectedItems: E,
-  onSelectedItemsChange: T,
+  onSelectedItemsChange: D,
   onSortOrderChange: $,
   isStickyHeader: d,
-  className: B,
-  ...H
+  className: o,
+  ...B
 }) => {
   const { sortObject: f, handleSort: A } = ce({
     sortField: N == null ? void 0 : N.sortField,
@@ -41,14 +41,14 @@ const ze = ({
     onSortOrderChange: $
   }), {
     selectedRows: g,
-    isRowSelected: D,
+    isRowSelected: n,
     isAllRowsSelected: c,
-    handleSelectAllRows: J,
+    handleSelectAllRows: H,
     handleSelectRow: m
   } = pe({ rows: t, defaultSelectedRows: E });
   return j(() => {
-    JSON.stringify(E) !== JSON.stringify(g) && g && (T == null || T(g));
-  }, [g, E, T]), /* @__PURE__ */ i(me, { ...H, className: z("relative", B), children: [
+    JSON.stringify(E) !== JSON.stringify(g) && g && (D == null || D(g));
+  }, [g, E, D]), /* @__PURE__ */ i(me, { ...B, className: z("relative", o), children: [
     /* @__PURE__ */ e(
       Me,
       {
@@ -59,11 +59,11 @@ const ze = ({
             {
               className: "mt-1",
               checked: c(p),
-              onCheckedChange: (l) => J(p, !!l),
+              onCheckedChange: (l) => H(p, !!l),
               "aria-label": "Select all"
             }
           ) }),
-          v && /* @__PURE__ */ e(_, { className: "w-12 p-2", children: "#" }),
+          T && /* @__PURE__ */ e(_, { className: "w-12 p-2", children: "#" }),
           h.filter((l) => !l.hidden).map((l) => /* @__PURE__ */ e(
             _,
             {
@@ -84,12 +84,12 @@ const ze = ({
         ] })
       }
     ),
-    /* @__PURE__ */ e(Ee, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: t.length ? t.map((l, n) => /* @__PURE__ */ i(
+    /* @__PURE__ */ e(Ee, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: t.length ? t.map((l, k) => /* @__PURE__ */ i(
       O,
       {
-        onClick: () => k == null ? void 0 : k(l),
-        className: z(k && "cursor-pointer"),
-        "data-state": D(l[p]) && "selected",
+        onClick: () => v == null ? void 0 : v(l),
+        className: z(v && "cursor-pointer"),
+        "data-state": n(l[p]) && "selected",
         children: [
           w && /* @__PURE__ */ e(
             W,
@@ -100,14 +100,14 @@ const ze = ({
                 G,
                 {
                   className: "mt-1",
-                  checked: D(l[p]),
+                  checked: n(l[p]),
                   onCheckedChange: (s) => m(l[p], !!s),
                   "aria-label": "Select row"
                 }
               )
             }
           ),
-          v && /* @__PURE__ */ e(W, { className: "w-12 p-2", children: (N.page - 1) * (N.limit || q) + n + 1 }),
+          T && /* @__PURE__ */ e(W, { className: "w-12 p-2", children: (N.page - 1) * (N.limit || q) + k + 1 }),
           h.filter((s) => !s.hidden).map((s) => /* @__PURE__ */ e(
             W,
             {
@@ -115,7 +115,7 @@ const ze = ({
               style: s.styles,
               children: s.render ? s.render(M.get(l, s.dataIndex), l) : M.get(l, s.dataIndex, "")
             },
-            `${n}-${s.key}`
+            `${k}-${s.key}`
           ))
         ]
       },
@@ -123,7 +123,7 @@ const ze = ({
     )) : /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
       W,
       {
-        colSpan: v ? w ? h.length + 2 : h.length + 1 : h.length,
+        colSpan: T ? w ? h.length + 2 : h.length + 1 : h.length,
         children: /* @__PURE__ */ e(Ae, {})
       }
     ) }) })
@@ -131,26 +131,26 @@ const ze = ({
 }, be = ({
   dataSource: t,
   columns: h,
-  onRowClick: k,
+  onRowClick: v,
   rowKey: p,
   hasNumbers: N,
-  hasSearch: v,
+  hasSearch: T,
   exportOptions: w,
   hasCheckbox: E,
-  hasPagination: T,
+  hasPagination: D,
   isStickyHeader: $,
   onParamChange: d,
-  dataKey: B = "docs",
-  loading: H,
+  dataKey: o = "docs",
+  loading: B,
   tableKey: f,
   filters: A,
   actions: g,
-  handleFilterChange: D,
+  handleFilterChange: n,
   params: c,
-  exportLoading: J = !1,
+  exportLoading: H = !1,
   onColumnsUpdate: m,
   hasColumnsVisibilityDropdown: l,
-  onSelectedItemsChange: n,
+  onSelectedItemsChange: k,
   actionProps: s,
   filterWrapperProps: Y,
   exportOptionsProps: Z,
@@ -159,18 +159,18 @@ const ze = ({
   searchProps: L,
   ...U
 }) => {
-  const { t: o } = Ne(), [R, I] = xe([]), { formattedColumns: F, handleColumnsChange: a, resetColumns: K } = he({ key: f, columns: h });
+  const { t: J } = Ne(), [R, I] = xe([]), { formattedColumns: F, handleColumnsChange: a, resetColumns: K } = he({ key: f, columns: h });
   return j(() => {
     m == null || m(F);
   }, [F, m]), j(() => {
-    n == null || n(R);
-  }, [R, n]), /* @__PURE__ */ i(
+    k == null || k(R);
+  }, [R, k]), /* @__PURE__ */ i(
     "div",
     {
       className: "border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",
       children: [
-        (v || l && f || !M.isEmpty(w) || !M.isEmpty(A)) && /* @__PURE__ */ i("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
-          /* @__PURE__ */ e("div", { className: "w-full shrink", children: v && /* @__PURE__ */ e(
+        (T || l && f || !M.isEmpty(w) || !M.isEmpty(A)) && /* @__PURE__ */ i("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
+          /* @__PURE__ */ e("div", { className: "w-full shrink", children: T && /* @__PURE__ */ e(
             ne,
             {
               ...L,
@@ -185,7 +185,7 @@ const ze = ({
               {
                 ...Z,
                 options: w,
-                loading: J
+                loading: H
               }
             ),
             l && f && /* @__PURE__ */ i(u, { children: [
@@ -203,7 +203,7 @@ const ze = ({
                       children: (x == null ? void 0 : x.title) || /* @__PURE__ */ i(X, { children: [
                         /* @__PURE__ */ e(S, {}),
                         " ",
-                        /* @__PURE__ */ e("span", { className: "hidden lg:!inline", children: o("Customize columns") }),
+                        /* @__PURE__ */ e("span", { className: "hidden lg:!inline", children: J("Customize columns") }),
                         /* @__PURE__ */ e(V, {})
                       ] })
                     }
@@ -224,7 +224,7 @@ const ze = ({
                         children: [
                           /* @__PURE__ */ e(ie, {}),
                           " ",
-                          (x == null ? void 0 : x.resetText) || o("Reset columns")
+                          (x == null ? void 0 : x.resetText) || J("Reset columns")
                         ]
                       }
                     ),
@@ -250,14 +250,15 @@ const ze = ({
                 ...Y,
                 filters: A,
                 params: c,
+                onChange: n,
                 onFilter: (r) => {
-                  d == null || d({ ...c, ...r, page: 1 }), D == null || D(r);
+                  d == null || d({ ...c, ...r, page: 1 }), n == null || n(r);
                 }
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex flex-col overflow-auto border-y", children: H ? /* @__PURE__ */ e(ve, {}) : /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex flex-col overflow-auto border-y", children: B ? /* @__PURE__ */ e(ve, {}) : /* @__PURE__ */ e(
           ze,
           {
             ...U,
@@ -266,21 +267,21 @@ const ze = ({
               limit: t == null ? void 0 : t.limit,
               ...c
             },
-            rows: M.get(t, B, []),
+            rows: M.get(t, o, []),
             rowKey: p,
             selectedItems: R,
             isStickyHeader: $,
             columns: F,
             hasCheckbox: E,
             hasNumbers: N,
-            onRowClick: k,
+            onRowClick: v,
             onSelectedItemsChange: I,
             onSortOrderChange: ({ sortField: r, sortOrder: y }) => {
               d == null || d({ ...c, sortField: r, sortOrder: y });
             }
           }
         ) }),
-        T && /* @__PURE__ */ i("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
+        D && /* @__PURE__ */ i("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
           /* @__PURE__ */ e("div", { className: "text-sm", children: /* @__PURE__ */ e(
             Te,
             {
@@ -288,7 +289,7 @@ const ze = ({
               defaultValue: t == null ? void 0 : t.limit
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: o("{{selectedCount}} of {{total}} row(s) selected", {
+          /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: J("{{selectedCount}} of {{total}} row(s) selected", {
             selectedCount: R.length,
             total: (t == null ? void 0 : t.total) || 0
           }) }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["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 { 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  /** 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  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      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                className={cn('h-8 max-w-60', searchProps?.className)}\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 shrink-0 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                  {...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 lg:!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                onFilter={(filter) => {\n                  onParamChange?.({ ...params, ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\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-col items-center justify-between gap-3 p-4 lg:flex-row\">\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":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["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 { 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  /** 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  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      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                className={cn('h-8 max-w-60', searchProps?.className)}\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 shrink-0 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                  {...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 lg:!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?.({ ...params, ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\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-col items-center justify-between gap-3 p-4 lg:flex-row\">\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":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":";;;;;;;;;;;;;;;;;;;AAiEO,MAAMA,KAAU,CAAS;AAAA,EAC9B,MAAAC,IAAO,CAAA;AAAA,EACP,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAOC;AAAA,EAAA;AAAA,EAET,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAM,EAAE,YAAAC,GAAY,YAAAC,EAAA,IAAeC,GAAmB;AAAA,IACpD,WAAWZ,KAAA,gBAAAA,EAAQ;AAAA,IACnB,WAAWA,KAAA,gBAAAA,EAAQ;AAAA,IACnB,mBAAAM;AAAA,EAAA,CACD,GACK;AAAA,IACJ,cAAAO;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEC,GAAoB,EAAE,MAAAtB,GAAM,qBAAqBQ,GAAe;AAEpE,SAAAe,EAAU,MAAM;AACd,IACE,KAAK,UAAUf,CAAa,MAAM,KAAK,UAAUS,CAAY,KAC7DA,MAEAR,KAAA,QAAAA,EAAwBQ;AAAA,EAE5B,GAAG,CAACA,GAAcT,GAAeC,CAAqB,CAAC,GAGrD,gBAAAe,EAACC,MAAO,GAAGZ,GAAO,WAAWa,EAAG,YAAYd,CAAS,GACnD,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWF,EAAG,SAASf,KAAkB,kBAAkB;AAAA,QAE3D,4BAACkB,GAAA,EACE,UAAA;AAAA,UAAAtB,KACC,gBAAAoB,EAACG,GAAA,EAAU,WAAW,YACpB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,SAASZ,EAAkBhB,CAAM;AAAA,cACjC,iBAAiB,CAAC6B,MAChBZ,EAAoBjB,GAAQ,CAAC,CAAC6B,CAAK;AAAA,cAErC,cAAW;AAAA,YAAA;AAAA,UAAA,GAEf;AAAA,UAED1B,KAAc,gBAAAqB,EAACG,GAAA,EAAU,WAAW,YAAY,UAAA,KAAC;AAAA,UACjD7B,EACE,OAAO,CAACgC,MAAW,CAACA,EAAO,MAAM,EACjC,IAAI,CAACA,MACJ,gBAAAN;AAAA,YAACG;AAAA,YAAA;AAAA,cAEC,OAAOG,EAAO;AAAA,cACd,WAAWP,EAAG,OAAOO,EAAO,YAAY,gBAAgB;AAAA,cACxD,SAAS,MAAMA,EAAO,YAAYlB,EAAWkB,EAAO,SAAS;AAAA,cAE7D,UAAA,gBAAAT,EAAC,OAAA,EAAI,WAAW,2BACb,UAAA;AAAA,gBAAAS,EAAO;AAAA,gBAAM;AAAA,gBACbA,EAAO,cACLnB,KAAA,gBAAAA,EAAY,eAAcmB,EAAO,MAChC,gBAAAT,EAAAU,GAAA,EACG,UAAA;AAAA,mBAAApB,KAAA,gBAAAA,EAAY,eAAcqB,EAAU,QACnC,gBAAAR,EAACS,IAAA,EAAoB,MAAM,IAAI;AAAA,mBAEhCtB,KAAA,gBAAAA,EAAY,eAAcqB,EAAU,OACnC,gBAAAR,EAACU,IAAA,EAAkB,MAAM,GAAA,CAAI;AAAA,gBAAA,EAAA,CAEjC,IAEA,gBAAAV,EAACW,IAAA,EAAY,MAAM,GAAA,CAAI;AAAA,cAAA,EAAA,CAE7B;AAAA,YAAA;AAAA,YApBKL,EAAO;AAAA,UAAA,CAsBf;AAAA,QAAA,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAN,EAACY,IAAA,EAAU,WAAW,0CACnB,UAAAvC,EAAK,SACJA,EAAK,IAAI,CAACwC,GAAKC,MACb,gBAAAjB;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,SAAS,MAAM3B,KAAA,gBAAAA,EAAasC;AAAA,QAC5B,WAAWd,EAAGxB,KAAc,gBAAgB;AAAA,QAC5C,cAAYgB,EAAcsB,EAAIrC,CAAM,CAAC,KAAK;AAAA,QAEzC,UAAA;AAAA,UAAAI,KACC,gBAAAoB;AAAA,YAACe;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,SAAS,CAACC,MAAQA,EAAI,gBAAA;AAAA,cAEtB,UAAA,gBAAAhB;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,SAASb,EAAcsB,EAAIrC,CAAM,CAAC;AAAA,kBAClC,iBAAiB,CAAC6B,MAChBX,EAAgBmB,EAAIrC,CAAM,GAAG,CAAC,CAAC6B,CAAK;AAAA,kBAEtC,cAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,UAGH1B,KACC,gBAAAqB,EAACe,GAAA,EAAU,WAAW,YACjB,WAAAtC,EAAO,OAAkB,MACxBA,EAAO,SAASC,KAClBoC,IACA,GACJ;AAAA,UAEDxC,EACE,OAAO,CAACgC,MAAW,CAACA,EAAO,MAAM,EACjC,IAAI,CAACA,MACJ,gBAAAN;AAAA,YAACe;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,OAAOT,EAAO;AAAA,cAGb,UAAAA,EAAO,SACJA,EAAO,OAAOW,EAAAA,IAAIJ,GAAKP,EAAO,SAAS,GAAGO,CAAG,IAC7CI,EAAAA,IAAIJ,GAAKP,EAAO,WAAW,EAAE;AAAA,YAAA;AAAA,YAJ5B,GAAGQ,CAAK,IAAIR,EAAO,GAAG;AAAA,UAAA,CAM9B;AAAA,QAAA;AAAA,MAAA;AAAA,MAxCE,GAAGO,EAAIrC,CAAM,CAAC;AAAA,IAAA,CA0CtB,IAED,gBAAAwB,EAACE,GAAA,EACC,UAAA,gBAAAF;AAAA,MAACe;AAAA,MAAA;AAAA,QACC,SACEpC,IACIC,IACEN,EAAQ,SAAS,IACjBA,EAAQ,SAAS,IACnBA,EAAQ;AAAA,QAGd,4BAAC4C,IAAA,CAAA,CAAM;AAAA,MAAA;AAAA,IAAA,GAEX,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ,GCOaC,KAAY,CAIvB;AAAA,EACA,YAAAC;AAAA,EACA,SAAA9C;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAG;AAAA,EACA,WAAA0C;AAAA,EACA,eAAAC;AAAA,EACA,aAAA1C;AAAA,EACA,eAAA2C;AAAA,EACA,gBAAAvC;AAAA,EACA,eAAAwC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,QAAArD;AAAA,EACA,eAAAsD,IAAgB;AAAA,EAChB,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,uBAAAnD;AAAA,EACA,aAAAoD;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGrD;AACL,MAA8C;AAC5C,QAAM,EAAE,GAAAsD,EAAA,IAAMC,GAAA,GACR,CAACnD,GAAcoD,CAAe,IAAIC,GAA+B,CAAA,CAAE,GACnE,EAAE,kBAAAC,GAAkB,qBAAAC,GAAqB,cAAAC,EAAA,IAC7CC,GAAkB,EAAE,KAAKpB,GAAU,SAAArD,GAAS;AAE9C,SAAAsB,EAAU,MAAM;AACd,IAAAoC,KAAA,QAAAA,EAAkBY;AAAA,EACpB,GAAG,CAACA,GAAkBZ,CAAe,CAAC,GAEtCpC,EAAU,MAAM;AACd,IAAAd,KAAA,QAAAA,EAAwBQ;AAAA,EAC1B,GAAG,CAACA,GAAcR,CAAqB,CAAC,GAGtC,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WACE;AAAA,MAGA,UAAA;AAAA,SAAAwB,KACCY,KAAgCN,KACjC,CAACqB,EAAAA,QAAQ1B,CAAa,KACtB,CAAC0B,EAAAA,QAAQpB,CAAO,MAChB,gBAAA/B,EAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAW,iBACb,UAAAqB,KACC,gBAAArB;AAAA,YAACiD;AAAA,YAAA;AAAA,cACE,GAAGV;AAAA,cACJ,WAAWxC,EAAG,gBAAgBwC,KAAA,gBAAAA,EAAa,SAAS;AAAA,cACpD,cAActB,EAAAA,IAAIxC,GAAQ,UAAU,EAAE;AAAA,cACtC,gBAAgB,CAACyE,MACf1B,KAAA,gBAAAA,EAAgB,EAAE,GAAG/C,GAAQ,QAAAyE,GAAQ,MAAM,EAAA;AAAA,YAAG;AAAA,UAAA,GAItD;AAAA,UACA,gBAAArD,EAAC,OAAA,EAAI,WAAW,gDACb,UAAA;AAAA,YAAAyB,KACC,gBAAAtB;AAAA,cAACmD;AAAA,cAAA;AAAA,gBACE,GAAGf;AAAA,gBACJ,SAASd;AAAA,gBACT,SAASS;AAAA,cAAA;AAAA,YAAA;AAAA,YAGZE,KAAgCN,KAC/B,gBAAA9B,EAACuD,GAAA,EACC,UAAA;AAAA,cAAA,gBAAApD;AAAA,gBAACqD;AAAA,gBAAA;AAAA,kBACC,SAAO;AAAA,kBACN,GAAGhB,KAAA,gBAAAA,EAAwB;AAAA,kBAE5B,UAAA,gBAAArC;AAAA,oBAACsD;AAAA,oBAAA;AAAA,sBACC,SAAQ;AAAA,sBACR,MAAM;AAAA,sBACN,WAAW;AAAA,sBAEV,WAAAjB,KAAA,gBAAAA,EAAwB,UACvB,gBAAAxC,EAAAU,GAAA,EACE,UAAA;AAAA,wBAAA,gBAAAP,EAACuD,GAAA,EAAmB;AAAA,wBAAG;AAAA,0CACtB,QAAA,EAAK,WAAW,qBACd,UAAAf,EAAE,mBAAmB,GACxB;AAAA,0CACCgB,GAAA,CAAA,CAAiB;AAAA,sBAAA,EAAA,CACpB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,cAAA;AAAA,cAEF,gBAAA3D;AAAA,gBAAC4D;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACL,GAAGpB,KAAA,gBAAAA,EAAwB;AAAA,kBAE5B,UAAA;AAAA,oBAAA,gBAAAxC;AAAA,sBAAC6D;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,SAASZ;AAAA,wBAET,UAAA;AAAA,0BAAA,gBAAA9C,EAAC2D,IAAA,EAAU;AAAA,0BAAG;AAAA,2BACbtB,KAAA,gBAAAA,EAAwB,cAAaG,EAAE,eAAe;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,sCAExDoB,IAAA,EAAsB;AAAA,oBACtBhB,EAAiB,IAAI,CAACtC,MAEnB,gBAAAN;AAAA,sBAAC6D;AAAA,sBAAA;AAAA,wBAEC,WAAU;AAAA,wBACV,SAAS,CAACvD,EAAO;AAAA,wBACjB,iBAAiB,CAACD,MAChBwC,EAAoBvC,GAAQ,CAACD,CAAK;AAAA,wBAGnC,UAAAC,EAAO;AAAA,sBAAA;AAAA,sBAPHA,EAAO;AAAA,oBAAA,CAUjB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH,GACF;AAAA,YAEDuB,KAAW,gBAAA7B,EAAC8D,IAAA,EAAS,GAAG5B,GAAa,SAAAL,EAAA,CAAkB;AAAA,YACvDD,KACC,gBAAA5B;AAAA,cAAC+D;AAAA,cAAA;AAAA,gBACE,GAAG5B;AAAA,gBACJ,SAAAP;AAAA,gBACA,QAAAnD;AAAA,gBACA,UAAUqD;AAAA,gBACV,UAAU,CAACkC,MAAW;AACpB,kBAAAxC,KAAA,QAAAA,EAAgB,EAAE,GAAG/C,GAAQ,GAAGuF,GAAQ,MAAM,MAC9ClC,KAAA,QAAAA,EAAqBkC;AAAA,gBACvB;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAEF,gBAAAhE,EAAC,OAAA,EAAI,WAAW,wCACb,UAAC0B,IAsBA,gBAAA1B,EAACiE,IAAA,CAAA,CAAO,IArBR,gBAAAjE;AAAA,UAAC5B;AAAA,UAAA;AAAA,YACE,GAAGc;AAAA,YACJ,QAAQ;AAAA,cACN,OAAMkC,KAAA,gBAAAA,EAAY,SAAQ;AAAA,cAC1B,OAAOA,KAAA,gBAAAA,EAAY;AAAA,cACnB,GAAG3C;AAAA,YAAA;AAAA,YAEL,MAAMwC,EAAAA,IAAIG,GAAYK,GAAS,CAAA,CAAE;AAAA,YACjC,QAAAjD;AAAA,YACA,eAAec;AAAA,YACf,gBAAAN;AAAA,YACA,SAAS4D;AAAA,YACT,aAAAhE;AAAA,YACA,YAAAD;AAAA,YACA,YAAAJ;AAAA,YACA,uBAAuBmE;AAAA,YACvB,mBAAmB,CAAC,EAAE,WAAAwB,GAAW,WAAAC,QAAgB;AAC/C,cAAA3C,KAAA,QAAAA,EAAgB,EAAE,GAAG/C,GAAQ,WAAAyF,GAAW,WAAAC;YAC1C;AAAA,UAAA;AAAA,QAAA,GAKN;AAAA,QACC5C,KACC,gBAAA1B,EAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,WACb,UAAA,gBAAAA;AAAA,YAACoE;AAAA,YAAA;AAAA,cACC,eAAe,CAACC,MACd7C,KAAA,gBAAAA,EAAgB,EAAE,GAAG/C,GAAQ,OAAA4F,GAAO,MAAM;cAE5C,cAAcjD,KAAA,gBAAAA,EAAY;AAAA,YAAA;AAAA,UAAA,GAE9B;AAAA,UACA,gBAAApB,EAAC,OAAA,EAAI,WAAU,iCACZ,YAAE,kDAAkD;AAAA,YACnD,eAAeV,EAAa;AAAA,YAC5B,QAAO8B,KAAA,gBAAAA,EAAY,UAAS;AAAA,UAAA,CAC7B,GACH;AAAA,4BACC,OAAA,EACC,UAAA,gBAAApB;AAAA,YAACsE;AAAA,YAAA;AAAA,cACE,GAAGhC;AAAA,cACJ,cAAc,CAACiC,MAAS/C,KAAA,gBAAAA,EAAgB,EAAE,GAAG/C,GAAQ,MAAA8F;cACrD,aAAanD,KAAA,gBAAAA,EAAY;AAAA,cACzB,YAAYA,KAAA,gBAAAA,EAAY;AAAA,YAAA;AAAA,UAAA,EAC1B,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dgz-ui-shared",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "description": "Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library",
   "keywords": [
     "dgz-ui",