dgz-ui-shared 1.2.42 → 1.2.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/datatable/index.cjs.js +1 -1
- package/dist/components/datatable/index.cjs.js.map +1 -1
- package/dist/components/datatable/index.es.js +100 -98
- package/dist/components/datatable/index.es.js.map +1 -1
- package/dist/types/components/datatable/DataTable.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),J=require("../../chunks/index-ClQFzqcq.cjs.js"),G=require("dgz-ui/button"),L=require("dgz-ui/dropdown"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),J=require("../../chunks/index-ClQFzqcq.cjs.js"),G=require("dgz-ui/button"),L=require("dgz-ui/dropdown"),M=require("dgz-ui/utils"),$=require("../../chunks/MyInput-mL2G5h2s.cjs.js"),u=require("../../chunks/useSortable-BKwVnk6V.cjs.js"),R=require("lucide-react"),A=require("react"),Z=require("react-i18next"),C=require("../../chunks/Actions-bpMDyl5M.cjs.js"),P=require("../../chunks/ExportData-DJE0jOHc.cjs.js"),Q=require("../../chunks/Search-kbkeTeSI.cjs.js"),ee=require("dgz-ui"),se=require("../../chunks/Loader-D_jX_Wgx.cjs.js"),H=require("../../chunks/MyPagination-CnF3468f.cjs.js"),U=require("dgz-ui/form"),w=require("dgz-ui/table"),Y=require("../../chunks/SortOrder-81BrXp3i.cjs.js"),te=require("../../chunks/Empty-BYOOFAab.cjs.js"),le=A.memo(function({filters:T,params:p,onFilter:f,className:N,...v}){const{t:s}=Z.useTranslation(),r=A.useMemo(()=>Object.fromEntries((T==null?void 0:T.map(i=>{var j;return[i.name,Object.fromEntries(((j=i.options)==null?void 0:j.map(({label:E,value:c})=>[c,E]))||[])]}))||[]),[T]),q=A.useMemo(()=>Object.entries(p||{}).filter(([i,j])=>!!(r!=null&&r[i])&&!u.isEmpty(j)),[r,p]);return!u.isEmpty(q)&&e.jsx("div",{...v,className:M.cn("flex flex-wrap gap-2",N),children:q.map(([i,j])=>{var E;return Array.isArray(j)?e.jsx(ee.ButtonGroup,{children:j.filter(c=>{var x;return((x=r==null?void 0:r[i])==null?void 0:x[c])&&c}).map((c,x)=>{var k;return e.jsxs(G.Button,{size:"sm",onClick:()=>{f==null||f({...p,[i]:j.filter(D=>D!==c)})},children:[s(String(((k=r==null?void 0:r[i])==null?void 0:k[c])||""))," ",e.jsx(R.XIcon,{})]},x)})},i):e.jsxs(G.Button,{size:"sm",onClick:()=>{const c={...p};delete c[i],f==null||f(c)},children:[s(String(((E=r==null?void 0:r[i])==null?void 0:E[j])||""))," ",e.jsx(R.XIcon,{})]})})})}),m=({rows:l=[],columns:T,onRowClick:p,rowKey:f,params:N={page:1,limit:H.DEFAULT_LIMIT},hasNumbers:v=!1,hasCheckbox:s=!1,selectedItems:r,onSelectedItemsChange:q,onSortOrderChange:i,isStickyHeader:j,className:E,...c})=>{const{sortObject:x,handleSort:k}=u.useSortable({sortField:N==null?void 0:N.sortField,sortOrder:N==null?void 0:N.sortOrder,onSortOrderChange:i}),{selectedRows:D,isRowSelected:o,isAllRowsSelected:W,handleSelectAllRows:z,handleSelectRow:_}=u.useDataTable({rows:l,defaultSelectedRows:r});return A.useEffect(()=>{q==null||q(D)},[D,q]),e.jsxs(w.Table,{...c,children:[e.jsx(w.TableHeader,{className:M.cn("bg-bg",j&&"sticky top-0 z-1"),children:e.jsxs(w.TableRow,{children:[s&&e.jsx(w.TableHead,{className:"w-12 p-3",children:e.jsx(U.Checkbox,{className:"mt-1",checked:W(f),onCheckedChange:d=>z(f,!!d),"aria-label":"Select all"})}),v&&e.jsx(w.TableHead,{className:"w-12 p-2",children:"#"}),T.filter(d=>!d.hidden).map(d=>e.jsx(w.TableHead,{style:d.styles,className:M.cn("p-2",d.sortable&&"cursor-pointer"),onClick:()=>d.sortable&&k(d.dataIndex),children:e.jsxs("div",{className:"flex items-center gap-2",children:[d.name," ",d.sortable&&((x==null?void 0:x.sortField)===d.key?e.jsxs(e.Fragment,{children:[(x==null?void 0:x.sortOrder)===Y.SortOrder.DESC&&e.jsx(R.ArrowDownWideNarrow,{size:15}),(x==null?void 0:x.sortOrder)===Y.SortOrder.ASC&&e.jsx(R.ArrowUpWideNarrow,{size:15})]}):e.jsx(R.ArrowUpDown,{size:15}))]})},d.key))]})}),e.jsx(w.TableBody,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:l.length?l.map((d,B)=>e.jsxs(w.TableRow,{onClick:()=>p==null?void 0:p(d),className:M.cn(p&&"cursor-pointer"),"data-state":o(d[f])&&"selected",children:[s&&e.jsx(w.TableCell,{className:"w-12 p-3",onClick:t=>t.stopPropagation(),children:e.jsx(U.Checkbox,{className:"mt-1",checked:o(d[f]),onCheckedChange:t=>_(d[f],!!t),"aria-label":"Select row"})}),v&&e.jsx(w.TableCell,{className:"w-12 p-2",children:(N.page-1)*(N.limit||H.DEFAULT_LIMIT)+B+1}),T.filter(t=>!t.hidden).map(t=>e.jsx(w.TableCell,{className:"text-body-xs-medium max-w-xs p-2",style:t.styles,children:t.render?t.render($.get(d,t.dataIndex),d):$.get(d,t.dataIndex,"")},`${B}-${t.key}`))]},`${d[f]}`)):e.jsx(w.TableRow,{children:e.jsx(w.TableCell,{colSpan:v?s?T.length+2:T.length+1:T.length,children:e.jsx(te.Empty,{})})})})]})},xe=({dataSource:l,columns:T,rowKey:p,hasSearch:f,exportOptions:N,hasPagination:v,onParamChange:s,dataKey:r="docs",loading:q,tableKey:i,filters:j,actions:E,handleFilterChange:c,params:x,exportLoading:k=!1,onColumnsUpdate:D,hasColumnsVisibilityDropdown:o,showAppliedFilters:W=!1,onSelectedItemsChange:z,actionProps:_,filterWrapperProps:d,exportOptionsProps:B,columnsVisibilityProps:t,paginationProps:O,searchProps:g,className:F,...K})=>{var h;const{t:X}=Z.useTranslation(),[b,a]=A.useState(),{formattedColumns:I,handleColumnsChange:S,resetColumns:V}=u.useColumns({key:i,columns:T});return A.useEffect(()=>{D==null||D(I)},[I,D]),A.useEffect(()=>{z==null||z(b)},[b,z]),e.jsxs("div",{className:M.cn("border-border-alpha-light relative flex grow flex-col overflow-auto rounded-xl border shadow-xs",F),children:[e.jsxs("div",{className:"flex shrink-0 flex-col gap-4 p-4",children:[(f||o&&i||!u.isEmpty(N)||!u.isEmpty(j))&&e.jsxs("div",{className:"flex flex-col justify-between gap-3 lg:flex-row lg:items-center",children:[e.jsx("div",{className:"grow",children:f&&e.jsx(Q.Search,{...g,inputProps:{...g==null?void 0:g.inputProps,className:M.cn("h-8 grow",(h=g==null?void 0:g.inputProps)==null?void 0:h.className)},className:M.cn("max-w-full lg:max-w-80! [&_button]:-top-1",g==null?void 0:g.className),defaultValue:$.get(x,"search",""),onSearchChange:n=>s==null?void 0:s({...x,search:n,page:1})})}),e.jsxs("div",{className:"flex items-center justify-end gap-3",children:[N&&e.jsx(P.ExportData,{...B,options:N,loading:k}),o&&i&&e.jsxs(L.DropdownMenu,{modal:!1,children:[e.jsx(L.DropdownMenuTrigger,{asChild:!0,className:"grow",...t==null?void 0:t.triggerProps,children:e.jsx(G.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:(t==null?void 0:t.title)||e.jsxs(e.Fragment,{children:[e.jsx(J.yn,{})," ",e.jsx("span",{className:"hidden md:inline!",children:X("Customize columns")}),e.jsx(J.f1,{})]})})}),e.jsxs(L.DropdownMenuContent,{align:"end",...t==null?void 0:t.contentProps,children:[e.jsxs(L.DropdownMenuItem,{onSelect:n=>n.preventDefault(),className:"capitalize",onClick:V,children:[e.jsx(R.RefreshCw,{})," ",(t==null?void 0:t.resetText)||X("Reset columns")]}),e.jsx(L.DropdownMenuSeparator,{}),I.map(n=>e.jsx(L.DropdownMenuCheckboxItem,{onSelect:y=>y.preventDefault(),className:"capitalize",checked:!n.hidden,onCheckedChange:y=>S(n,!y),children:n.name},n.key))]})]}),E&&e.jsx(C.Actions,{..._,actions:E}),j&&e.jsx(Q.FilterWrapper,{...d,filters:j,params:x,onChange:c,onFilter:n=>{s==null||s({...n,page:1}),c==null||c(n)}})]})]}),W&&!u.isEmpty(j)&&e.jsx(le,{filters:j,params:x,onFilter:n=>{s==null||s({...n,page:1}),c==null||c(n)}})]}),e.jsx("div",{className:M.cn("flex grow flex-col overflow-auto border-y"),children:q?e.jsx(se.Loader,{}):e.jsx(m,{...K,params:{page:(l==null?void 0:l.page)||1,limit:l==null?void 0:l.limit,...x},rows:$.get(l,r,[]),rowKey:p,selectedItems:b,columns:I,onSelectedItemsChange:a,onSortOrderChange:({sortField:n,sortOrder:y})=>{s==null||s({...x,sortField:n,sortOrder:y})}})}),v&&e.jsxs("div",{className:"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between",children:[e.jsx("div",{className:"text-sm",children:e.jsx(H.MyLimitSelect,{onLimitChange:n=>s==null?void 0:s({...x,limit:n,page:1}),defaultValue:l==null?void 0:l.limit})}),e.jsx("div",{className:"text-muted-foreground text-sm",children:X("{{selectedCount}} of {{total}} row(s) selected",{selectedCount:(b==null?void 0:b.length)??0,total:(l==null?void 0:l.total)||0})}),e.jsx("div",{children:e.jsx(H.MyPagination,{...O,onPageChange:n=>s==null?void 0:s({...x,page:n}),currentPage:l==null?void 0:l.page,totalPages:l==null?void 0:l.totalPages})})]})]})};exports.DataTable=xe;exports.MyTable=m;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/filters/AppliedFilters.tsx","../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { ButtonGroup } from 'dgz-ui';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { cn } from 'dgz-ui/utils';\nimport isEmpty from 'lodash.isempty';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { FilterInterface } from './FilterWrapper.tsx';\n\n/**\n * Props for the AppliedFilters component.\n */\nexport interface AppliedFiltersProps extends CardProps {\n /** Array of filter definitions to render. */\n filters?: FilterInterface[];\n /** Current active parameters/filters. */\n params?: Record<string, unknown>;\n /** Callback fired when filters are applied. */\n onFilter?: (filters: Record<string, unknown>) => void;\n}\n\n/**\n * AppliedFilters displays active filter values as removable buttons/tags.\n *\n * @param props.filters - Array of filter definitions to map values to labels.\n * @param props.params - Current active filter parameters.\n * @param props.onFilter - Callback fired when a filter is removed.\n * @param props.className - Additional CSS classes.\n * @returns {JSX.Element | false} A list of active filter buttons or false if no filters are active\n */\nexport const AppliedFilters = memo(function FilterWrapper({\n filters,\n params,\n onFilter,\n className,\n ...props\n}: AppliedFiltersProps) {\n const { t } = useTranslation();\n\n const filterObject = useMemo(\n () =>\n Object.fromEntries(\n filters?.map((filter) => [\n filter.name,\n Object.fromEntries(\n filter.options?.map(({ label, value }) => [value, label]) || []\n ),\n ]) || []\n ),\n [filters]\n );\n\n const paramsArr = useMemo(\n () =>\n Object.entries(params || {}).filter(\n ([key, value]) => !!filterObject?.[key] && !isEmpty(value)\n ),\n [filterObject, params]\n );\n\n return (\n !isEmpty(paramsArr) && (\n <div {...props} className={cn('flex flex-wrap gap-2', className)}>\n {paramsArr.map(([key, value]) =>\n Array.isArray(value) ? (\n <ButtonGroup key={key}>\n {value\n .filter((val) => filterObject?.[key]?.[val] && val)\n .map((val, index) => (\n <Button\n size={'sm'}\n key={index}\n onClick={() => {\n onFilter?.({\n ...params,\n [key]: value.filter((v) => v !== val),\n });\n }}\n >\n {t(String(filterObject?.[key]?.[val] || ''))} <XIcon />\n </Button>\n ))}\n </ButtonGroup>\n ) : (\n <Button\n size={'sm'}\n onClick={() => {\n const paramValues = { ...params };\n\n delete paramValues[key];\n onFilter?.(paramValues);\n }}\n >\n {t(String(filterObject?.[key]?.[value as string] || ''))}{' '}\n <XIcon />\n </Button>\n )\n )}\n </div>\n )\n );\n});\n","import { Checkbox } from 'dgz-ui/form';\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport get from 'lodash.get';\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 rows - Array of data rows.\n * @param columns - Column definitions.\n * @param onRowClick - Callback when a row is clicked.\n * @param rowKey - Unique key for each row.\n * @param params - Current table parameters.\n * @param hasNumbers - Whether to show row numbers.\n * @param hasCheckbox - Whether to show selection checkboxes.\n * @param selectedItems - Array of currently selected item keys.\n * @param onSelectedItemsChange - Callback when selected items change.\n * @param onSortOrderChange - Callback when sort order changes.\n * @param isStickyHeader - Whether the header should stick to the top.\n * @param className - Additional CSS classes.\n * @param props - Component props.\n * @returns {JSX.Element} 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 onSelectedItemsChange?.(selectedRows);\n }, [selectedRows, onSelectedItemsChange]);\n\n return (\n <Table {...props}>\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 from 'lodash.get';\nimport isEmpty from 'lodash.isempty';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n ExportData,\n type ExportDataInterface,\n type ExportDataProps,\n} from '../export';\nimport {\n type FilterInterface,\n FilterWrapper,\n type FilterWrapperProps,\n Search,\n type SearchProps,\n} from '../filters';\nimport { AppliedFilters } from '../filters/AppliedFilters.tsx';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n * may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n * (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n docs?: TData[];\n /** Zero-based index of the first item on the current page (if provided by API). */\n offset?: number;\n /** Page size (items per page). */\n limit: number;\n /** Total number of pages available. */\n totalPages: number;\n /** Total number of items across all pages (if available). */\n total?: number;\n /** Current page number (1-based). */\n page: number;\n /** Convenience counter for the first item index on the page (if provided). */\n pagingCounter?: number;\n /** Whether a previous page exists. */\n hasPrevPage?: boolean;\n /** Whether a next page exists. */\n hasNextPage?: boolean;\n /** Previous page number, if available. */\n prevPage?: number;\n /** Next page number, if available. */\n nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n TData,\n TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n /** Pagination data source. */\n dataSource?: TPaginationData;\n /** Callback for parameter changes (pagination, sorting, filtering). */\n onParamChange?: (param: Record<string, unknown>) => void;\n /** Whether to enable pagination. */\n hasPagination?: true;\n /** Options for the export data dropdown. */\n exportOptions?: ExportDataInterface[];\n /** Whether to enable search functionality. */\n hasSearch?: true;\n /** Whether the table data is loading. */\n loading?: boolean;\n /** Array of filters to display. */\n filters?: FilterInterface[];\n /** Array of actions to display. */\n actions?: ActionInterface[];\n /** Callback for filter changes. */\n handleFilterChange?: (filters: Record<string, unknown>) => void;\n /** Unique key for the table, used for column persistence. */\n tableKey: string;\n /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n dataKey?: keyof TPaginationData;\n /** Whether to show the columns visibility dropdown. */\n hasColumnsVisibilityDropdown?: true;\n /** Whether to show the columns visibility dropdown. */\n showAppliedFilters?: boolean;\n /** Callback when columns are updated (e.g., visibility toggled). */\n onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n /** Whether the export action is loading. */\n exportLoading?: boolean;\n /** Props for the Actions component. */\n actionProps?: Partial<ActionsProps>;\n /** Props for the FilterWrapper component. */\n filterWrapperProps?: Partial<FilterWrapperProps>;\n /** Props for the ExportData component. */\n exportOptionsProps?: Partial<ExportDataProps>;\n searchProps?: Partial<SearchProps>;\n paginationProps?: Partial<MyPaginationProps>;\n /** Props for the columns visibility dropdown. */\n columnsVisibilityProps?: DropdownContainerProps & {\n title?: ReactNode;\n resetText?: ReactNode;\n };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n * `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * 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 * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n * @param dataSource - Paginated data source object.\n * @param columns - Column definitions.\n * @param rowKey - Property name used as a unique row key.\n * @param hasSearch - Whether to display the search input.\n * @param exportOptions - Export menu options.\n * @param hasPagination - Whether to render the pagination footer.\n * @param onParamChange - Emits parameter changes for pagination/sorting/search/filters.\n * @param dataKey - Key within `dataSource` that contains the row array.\n * @param loading - Whether the table data is loading.\n * @param tableKey - Unique key for persisting column visibility state.\n * @param filters - Filter configurations to render.\n * @param actions - Header actions.\n * @param handleFilterChange - Callback executed when filter values change.\n * @param params - Current list parameters.\n * @param exportLoading - Whether the export action is loading.\n * @param onColumnsUpdate - Notifies parent whenever columns state changes.\n * @param hasColumnsVisibilityDropdown - Whether to show columns customize dropdown.\n * @param showAppliedFilters - Whether to show applied filters.\n * @param onSelectedItemsChange - Callback when selected rows change.\n * @param actionProps - Props for the Actions component.\n * @param filterWrapperProps - Props for the FilterWrapper component.\n * @param exportOptionsProps - Props for the ExportData component.\n * @param columnsVisibilityProps - Props for columns visibility dropdown.\n * @param paginationProps - Props for the MyPagination component.\n * @param searchProps - Props for the Search component.\n * @param className - Additional CSS classes.\n * @param props - Additional props passed to MyTable.\n * @returns {JSX.Element} 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 rowKey,\n hasSearch,\n exportOptions,\n hasPagination,\n onParamChange,\n dataKey = 'docs',\n loading,\n tableKey,\n filters,\n actions,\n handleFilterChange,\n params,\n exportLoading = false,\n onColumnsUpdate,\n hasColumnsVisibilityDropdown,\n showAppliedFilters = false,\n onSelectedItemsChange,\n actionProps,\n filterWrapperProps,\n exportOptionsProps,\n columnsVisibilityProps,\n paginationProps,\n searchProps,\n className,\n ...props\n}: DataTableProps<TData, TPaginationData>) => {\n const { t } = useTranslation();\n const [selectedRows, setSelectedRows] = useState<\n TData[keyof TData][] | undefined\n >();\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={cn(\n 'border-border-alpha-light relative flex grow flex-col overflow-auto rounded-xl border shadow-xs',\n className\n )}\n >\n <div className={'flex shrink-0 flex-col gap-4 p-4'}>\n {(hasSearch ||\n (hasColumnsVisibilityDropdown && tableKey) ||\n !isEmpty(exportOptions) ||\n !isEmpty(filters)) && (\n <div className=\"flex flex-col justify-between gap-3 lg:flex-row lg:items-center\">\n <div className={'grow'}>\n {hasSearch && (\n <Search\n {...searchProps}\n inputProps={{\n ...searchProps?.inputProps,\n className: cn(\n 'h-8 grow',\n searchProps?.inputProps?.className\n ),\n }}\n className={cn(\n 'max-w-full lg:max-w-80! [&_button]:-top-1',\n searchProps?.className\n )}\n defaultValue={get(params, 'search', '') as string}\n onSearchChange={(search) =>\n onParamChange?.({ ...params, search, page: 1 })\n }\n />\n )}\n </div>\n <div className={'flex items-center justify-end gap-3'}>\n {exportOptions && (\n <ExportData\n {...exportOptionsProps}\n options={exportOptions}\n loading={exportLoading}\n />\n )}\n {hasColumnsVisibilityDropdown && tableKey && (\n <DropdownMenu>\n <DropdownMenuTrigger\n asChild\n className={'grow'}\n {...columnsVisibilityProps?.triggerProps}\n >\n <Button\n variant=\"secondary\"\n size={'sm'}\n className={'ml-auto rounded-lg px-3'}\n >\n {columnsVisibilityProps?.title || (\n <>\n <RiLayoutColumnLine />{' '}\n <span className={'hidden md:inline!'}>\n {t('Customize columns')}\n </span>\n <RiArrowDownSLine />\n </>\n )}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent\n align=\"end\"\n {...columnsVisibilityProps?.contentProps}\n >\n <DropdownMenuItem\n className=\"capitalize\"\n onClick={resetColumns}\n >\n <RefreshCw />{' '}\n {columnsVisibilityProps?.resetText || t('Reset columns')}\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n {formattedColumns.map((column) => {\n return (\n <DropdownMenuCheckboxItem\n key={column.key}\n className=\"capitalize\"\n checked={!column.hidden}\n onCheckedChange={(value) =>\n handleColumnsChange(column, !value)\n }\n >\n {column.name}\n </DropdownMenuCheckboxItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n {actions && <Actions {...actionProps} actions={actions} />}\n {filters && (\n <FilterWrapper\n {...filterWrapperProps}\n filters={filters}\n params={params}\n onChange={handleFilterChange}\n onFilter={(filter) => {\n onParamChange?.({ ...filter, page: 1 });\n handleFilterChange?.(filter);\n }}\n />\n )}\n </div>\n </div>\n )}\n {showAppliedFilters && !isEmpty(filters) && (\n <AppliedFilters\n filters={filters}\n params={params}\n onFilter={(filter) => {\n onParamChange?.({ ...filter, page: 1 });\n handleFilterChange?.(filter);\n }}\n />\n )}\n </div>\n\n <div className={cn('flex grow 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 columns={formattedColumns}\n onSelectedItemsChange={setSelectedRows}\n onSortOrderChange={({ sortField, sortOrder }) => {\n onParamChange?.({ ...params, sortField, sortOrder });\n }}\n />\n ) : (\n <Loader />\n )}\n </div>\n {hasPagination && (\n <div className=\"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between\">\n <div className=\"text-sm\">\n <MyLimitSelect\n onLimitChange={(limit) =>\n onParamChange?.({ ...params, limit, page: 1 })\n }\n defaultValue={dataSource?.limit}\n />\n </div>\n <div className=\"text-muted-foreground text-sm\">\n {t('{{selectedCount}} of {{total}} row(s) selected', {\n selectedCount: selectedRows?.length ?? 0,\n total: dataSource?.total || 0,\n })}\n </div>\n <div>\n <MyPagination\n {...paginationProps}\n onPageChange={(page) => onParamChange?.({ ...params, page })}\n currentPage={dataSource?.page}\n totalPages={dataSource?.totalPages}\n />\n </div>\n </div>\n )}\n </div>\n );\n};\n"],"names":["AppliedFilters","memo","filters","params","onFilter","className","props","t","useTranslation","filterObject","useMemo","filter","_a","label","value","paramsArr","key","isEmpty","jsx","cn","ButtonGroup","val","index","jsxs","Button","v","XIcon","paramValues","MyTable","rows","columns","onRowClick","rowKey","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","Table","TableHeader","TableRow","TableHead","Checkbox","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","showAppliedFilters","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/filters/AppliedFilters.tsx","../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { ButtonGroup } from 'dgz-ui';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { cn } from 'dgz-ui/utils';\nimport isEmpty from 'lodash.isempty';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { FilterInterface } from './FilterWrapper.tsx';\n\n/**\n * Props for the AppliedFilters component.\n */\nexport interface AppliedFiltersProps extends CardProps {\n /** Array of filter definitions to render. */\n filters?: FilterInterface[];\n /** Current active parameters/filters. */\n params?: Record<string, unknown>;\n /** Callback fired when filters are applied. */\n onFilter?: (filters: Record<string, unknown>) => void;\n}\n\n/**\n * AppliedFilters displays active filter values as removable buttons/tags.\n *\n * @param props.filters - Array of filter definitions to map values to labels.\n * @param props.params - Current active filter parameters.\n * @param props.onFilter - Callback fired when a filter is removed.\n * @param props.className - Additional CSS classes.\n * @returns {JSX.Element | false} A list of active filter buttons or false if no filters are active\n */\nexport const AppliedFilters = memo(function FilterWrapper({\n filters,\n params,\n onFilter,\n className,\n ...props\n}: AppliedFiltersProps) {\n const { t } = useTranslation();\n\n const filterObject = useMemo(\n () =>\n Object.fromEntries(\n filters?.map((filter) => [\n filter.name,\n Object.fromEntries(\n filter.options?.map(({ label, value }) => [value, label]) || []\n ),\n ]) || []\n ),\n [filters]\n );\n\n const paramsArr = useMemo(\n () =>\n Object.entries(params || {}).filter(\n ([key, value]) => !!filterObject?.[key] && !isEmpty(value)\n ),\n [filterObject, params]\n );\n\n return (\n !isEmpty(paramsArr) && (\n <div {...props} className={cn('flex flex-wrap gap-2', className)}>\n {paramsArr.map(([key, value]) =>\n Array.isArray(value) ? (\n <ButtonGroup key={key}>\n {value\n .filter((val) => filterObject?.[key]?.[val] && val)\n .map((val, index) => (\n <Button\n size={'sm'}\n key={index}\n onClick={() => {\n onFilter?.({\n ...params,\n [key]: value.filter((v) => v !== val),\n });\n }}\n >\n {t(String(filterObject?.[key]?.[val] || ''))} <XIcon />\n </Button>\n ))}\n </ButtonGroup>\n ) : (\n <Button\n size={'sm'}\n onClick={() => {\n const paramValues = { ...params };\n\n delete paramValues[key];\n onFilter?.(paramValues);\n }}\n >\n {t(String(filterObject?.[key]?.[value as string] || ''))}{' '}\n <XIcon />\n </Button>\n )\n )}\n </div>\n )\n );\n});\n","import { Checkbox } from 'dgz-ui/form';\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport get from 'lodash.get';\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 rows - Array of data rows.\n * @param columns - Column definitions.\n * @param onRowClick - Callback when a row is clicked.\n * @param rowKey - Unique key for each row.\n * @param params - Current table parameters.\n * @param hasNumbers - Whether to show row numbers.\n * @param hasCheckbox - Whether to show selection checkboxes.\n * @param selectedItems - Array of currently selected item keys.\n * @param onSelectedItemsChange - Callback when selected items change.\n * @param onSortOrderChange - Callback when sort order changes.\n * @param isStickyHeader - Whether the header should stick to the top.\n * @param className - Additional CSS classes.\n * @param props - Component props.\n * @returns {JSX.Element} 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 onSelectedItemsChange?.(selectedRows);\n }, [selectedRows, onSelectedItemsChange]);\n\n return (\n <Table {...props}>\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 from 'lodash.get';\nimport isEmpty from 'lodash.isempty';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n ExportData,\n type ExportDataInterface,\n type ExportDataProps,\n} from '../export';\nimport {\n type FilterInterface,\n FilterWrapper,\n type FilterWrapperProps,\n Search,\n type SearchProps,\n} from '../filters';\nimport { AppliedFilters } from '../filters/AppliedFilters.tsx';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n * may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n * (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n docs?: TData[];\n /** Zero-based index of the first item on the current page (if provided by API). */\n offset?: number;\n /** Page size (items per page). */\n limit: number;\n /** Total number of pages available. */\n totalPages: number;\n /** Total number of items across all pages (if available). */\n total?: number;\n /** Current page number (1-based). */\n page: number;\n /** Convenience counter for the first item index on the page (if provided). */\n pagingCounter?: number;\n /** Whether a previous page exists. */\n hasPrevPage?: boolean;\n /** Whether a next page exists. */\n hasNextPage?: boolean;\n /** Previous page number, if available. */\n prevPage?: number;\n /** Next page number, if available. */\n nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n TData,\n TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n /** Pagination data source. */\n dataSource?: TPaginationData;\n /** Callback for parameter changes (pagination, sorting, filtering). */\n onParamChange?: (param: Record<string, unknown>) => void;\n /** Whether to enable pagination. */\n hasPagination?: true;\n /** Options for the export data dropdown. */\n exportOptions?: ExportDataInterface[];\n /** Whether to enable search functionality. */\n hasSearch?: true;\n /** Whether the table data is loading. */\n loading?: boolean;\n /** Array of filters to display. */\n filters?: FilterInterface[];\n /** Array of actions to display. */\n actions?: ActionInterface[];\n /** Callback for filter changes. */\n handleFilterChange?: (filters: Record<string, unknown>) => void;\n /** Unique key for the table, used for column persistence. */\n tableKey: string;\n /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n dataKey?: keyof TPaginationData;\n /** Whether to show the columns visibility dropdown. */\n hasColumnsVisibilityDropdown?: true;\n /** Whether to show the columns visibility dropdown. */\n showAppliedFilters?: boolean;\n /** Callback when columns are updated (e.g., visibility toggled). */\n onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n /** Whether the export action is loading. */\n exportLoading?: boolean;\n /** Props for the Actions component. */\n actionProps?: Partial<ActionsProps>;\n /** Props for the FilterWrapper component. */\n filterWrapperProps?: Partial<FilterWrapperProps>;\n /** Props for the ExportData component. */\n exportOptionsProps?: Partial<ExportDataProps>;\n searchProps?: Partial<SearchProps>;\n paginationProps?: Partial<MyPaginationProps>;\n /** Props for the columns visibility dropdown. */\n columnsVisibilityProps?: DropdownContainerProps & {\n title?: ReactNode;\n resetText?: ReactNode;\n };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n * `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * 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 * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n * @param dataSource - Paginated data source object.\n * @param columns - Column definitions.\n * @param rowKey - Property name used as a unique row key.\n * @param hasSearch - Whether to display the search input.\n * @param exportOptions - Export menu options.\n * @param hasPagination - Whether to render the pagination footer.\n * @param onParamChange - Emits parameter changes for pagination/sorting/search/filters.\n * @param dataKey - Key within `dataSource` that contains the row array.\n * @param loading - Whether the table data is loading.\n * @param tableKey - Unique key for persisting column visibility state.\n * @param filters - Filter configurations to render.\n * @param actions - Header actions.\n * @param handleFilterChange - Callback executed when filter values change.\n * @param params - Current list parameters.\n * @param exportLoading - Whether the export action is loading.\n * @param onColumnsUpdate - Notifies parent whenever columns state changes.\n * @param hasColumnsVisibilityDropdown - Whether to show columns customize dropdown.\n * @param showAppliedFilters - Whether to show applied filters.\n * @param onSelectedItemsChange - Callback when selected rows change.\n * @param actionProps - Props for the Actions component.\n * @param filterWrapperProps - Props for the FilterWrapper component.\n * @param exportOptionsProps - Props for the ExportData component.\n * @param columnsVisibilityProps - Props for columns visibility dropdown.\n * @param paginationProps - Props for the MyPagination component.\n * @param searchProps - Props for the Search component.\n * @param className - Additional CSS classes.\n * @param props - Additional props passed to MyTable.\n * @returns {JSX.Element} 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 rowKey,\n hasSearch,\n exportOptions,\n hasPagination,\n onParamChange,\n dataKey = 'docs',\n loading,\n tableKey,\n filters,\n actions,\n handleFilterChange,\n params,\n exportLoading = false,\n onColumnsUpdate,\n hasColumnsVisibilityDropdown,\n showAppliedFilters = false,\n onSelectedItemsChange,\n actionProps,\n filterWrapperProps,\n exportOptionsProps,\n columnsVisibilityProps,\n paginationProps,\n searchProps,\n className,\n ...props\n}: DataTableProps<TData, TPaginationData>) => {\n const { t } = useTranslation();\n const [selectedRows, setSelectedRows] = useState<\n TData[keyof TData][] | undefined\n >();\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={cn(\n 'border-border-alpha-light relative flex grow flex-col overflow-auto rounded-xl border shadow-xs',\n className\n )}\n >\n <div className={'flex shrink-0 flex-col gap-4 p-4'}>\n {(hasSearch ||\n (hasColumnsVisibilityDropdown && tableKey) ||\n !isEmpty(exportOptions) ||\n !isEmpty(filters)) && (\n <div className=\"flex flex-col justify-between gap-3 lg:flex-row lg:items-center\">\n <div className={'grow'}>\n {hasSearch && (\n <Search\n {...searchProps}\n inputProps={{\n ...searchProps?.inputProps,\n className: cn(\n 'h-8 grow',\n searchProps?.inputProps?.className\n ),\n }}\n className={cn(\n 'max-w-full lg:max-w-80! [&_button]:-top-1',\n searchProps?.className\n )}\n defaultValue={get(params, 'search', '') as string}\n onSearchChange={(search) =>\n onParamChange?.({ ...params, search, page: 1 })\n }\n />\n )}\n </div>\n <div className={'flex items-center justify-end gap-3'}>\n {exportOptions && (\n <ExportData\n {...exportOptionsProps}\n options={exportOptions}\n loading={exportLoading}\n />\n )}\n {hasColumnsVisibilityDropdown && tableKey && (\n <DropdownMenu modal={false}>\n <DropdownMenuTrigger\n asChild\n className={'grow'}\n {...columnsVisibilityProps?.triggerProps}\n >\n <Button\n variant=\"secondary\"\n size={'sm'}\n className={'ml-auto rounded-lg px-3'}\n >\n {columnsVisibilityProps?.title || (\n <>\n <RiLayoutColumnLine />{' '}\n <span className={'hidden md:inline!'}>\n {t('Customize columns')}\n </span>\n <RiArrowDownSLine />\n </>\n )}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent\n align=\"end\"\n {...columnsVisibilityProps?.contentProps}\n >\n <DropdownMenuItem\n onSelect={(e) => e.preventDefault()}\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 onSelect={(e) => e.preventDefault()}\n className=\"capitalize\"\n checked={!column.hidden}\n onCheckedChange={(value) =>\n handleColumnsChange(column, !value)\n }\n >\n {column.name}\n </DropdownMenuCheckboxItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n {actions && <Actions {...actionProps} actions={actions} />}\n {filters && (\n <FilterWrapper\n {...filterWrapperProps}\n filters={filters}\n params={params}\n onChange={handleFilterChange}\n onFilter={(filter) => {\n onParamChange?.({ ...filter, page: 1 });\n handleFilterChange?.(filter);\n }}\n />\n )}\n </div>\n </div>\n )}\n {showAppliedFilters && !isEmpty(filters) && (\n <AppliedFilters\n filters={filters}\n params={params}\n onFilter={(filter) => {\n onParamChange?.({ ...filter, page: 1 });\n handleFilterChange?.(filter);\n }}\n />\n )}\n </div>\n\n <div className={cn('flex grow 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 columns={formattedColumns}\n onSelectedItemsChange={setSelectedRows}\n onSortOrderChange={({ sortField, sortOrder }) => {\n onParamChange?.({ ...params, sortField, sortOrder });\n }}\n />\n ) : (\n <Loader />\n )}\n </div>\n {hasPagination && (\n <div className=\"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between\">\n <div className=\"text-sm\">\n <MyLimitSelect\n onLimitChange={(limit) =>\n onParamChange?.({ ...params, limit, page: 1 })\n }\n defaultValue={dataSource?.limit}\n />\n </div>\n <div className=\"text-muted-foreground text-sm\">\n {t('{{selectedCount}} of {{total}} row(s) selected', {\n selectedCount: selectedRows?.length ?? 0,\n total: dataSource?.total || 0,\n })}\n </div>\n <div>\n <MyPagination\n {...paginationProps}\n onPageChange={(page) => onParamChange?.({ ...params, page })}\n currentPage={dataSource?.page}\n totalPages={dataSource?.totalPages}\n />\n </div>\n </div>\n )}\n </div>\n );\n};\n"],"names":["AppliedFilters","memo","filters","params","onFilter","className","props","t","useTranslation","filterObject","useMemo","filter","_a","label","value","paramsArr","key","isEmpty","jsx","cn","ButtonGroup","val","index","jsxs","Button","v","XIcon","paramValues","MyTable","rows","columns","onRowClick","rowKey","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","Table","TableHeader","TableRow","TableHead","Checkbox","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","showAppliedFilters","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","e","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsx as e, jsxs as m, Fragment as O } from "react/jsx-runtime";
|
|
2
2
|
import { y as P, f as ee } from "../../chunks/index-E1NtSoNr.es.js";
|
|
3
3
|
import { Button as Q } from "dgz-ui/button";
|
|
4
|
-
import { DropdownMenu as le, DropdownMenuTrigger as
|
|
4
|
+
import { DropdownMenu as le, DropdownMenuTrigger as te, DropdownMenuContent as de, DropdownMenuItem as se, DropdownMenuSeparator as fe, DropdownMenuCheckboxItem as re } from "dgz-ui/dropdown";
|
|
5
5
|
import { cn as M } from "dgz-ui/utils";
|
|
6
|
-
import { g as
|
|
6
|
+
import { g as _ } from "../../chunks/MyInput-ByJ5vTAN.es.js";
|
|
7
7
|
import { i as W, u as ie, a as ce, b as pe } from "../../chunks/useSortable-rCSw-6ZK.es.js";
|
|
8
8
|
import { XIcon as h, ArrowDownWideNarrow as xe, ArrowUpWideNarrow as Ne, ArrowUpDown as me, RefreshCw as we } from "lucide-react";
|
|
9
|
-
import { memo as ne, useMemo as U, useEffect as Y, useState as
|
|
9
|
+
import { memo as ne, useMemo as U, useEffect as Y, useState as De } from "react";
|
|
10
10
|
import { useTranslation as K } from "react-i18next";
|
|
11
|
-
import { A as
|
|
12
|
-
import { E as
|
|
13
|
-
import { S as
|
|
11
|
+
import { A as ge } from "../../chunks/Actions-Du8iQ3WR.es.js";
|
|
12
|
+
import { E as ve } from "../../chunks/ExportData-CwotVgye.es.js";
|
|
13
|
+
import { S as Te, F as Ae } from "../../chunks/Search-DunDXQgP.es.js";
|
|
14
14
|
import { ButtonGroup as Me } from "dgz-ui";
|
|
15
15
|
import { L as ke } from "../../chunks/Loader-zvzAi0F6.es.js";
|
|
16
16
|
import { D as j, M as ze, a as Ee } from "../../chunks/MyPagination-B0czoGZK.es.js";
|
|
17
17
|
import { Checkbox as y } from "dgz-ui/form";
|
|
18
|
-
import { Table as Le, TableHeader as
|
|
18
|
+
import { Table as Le, TableHeader as oe, TableRow as I, TableHead as J, TableBody as Re, TableCell as H } from "dgz-ui/table";
|
|
19
19
|
import { S as b } from "../../chunks/SortOrder-CwuehjY1.es.js";
|
|
20
|
-
import { E as
|
|
21
|
-
const
|
|
20
|
+
import { E as We } from "../../chunks/Empty-BReVQKje.es.js";
|
|
21
|
+
const Be = ne(function({
|
|
22
22
|
filters: n,
|
|
23
|
-
params:
|
|
23
|
+
params: D,
|
|
24
24
|
onFilter: N,
|
|
25
25
|
className: w,
|
|
26
26
|
...k
|
|
@@ -32,21 +32,21 @@ const $e = ne(function({
|
|
|
32
32
|
return [
|
|
33
33
|
p.name,
|
|
34
34
|
Object.fromEntries(
|
|
35
|
-
((x = p.options) == null ? void 0 : x.map(({ label:
|
|
35
|
+
((x = p.options) == null ? void 0 : x.map(({ label: A, value: r }) => [r, A])) || []
|
|
36
36
|
)
|
|
37
37
|
];
|
|
38
38
|
})) || []
|
|
39
39
|
),
|
|
40
40
|
[n]
|
|
41
|
-
),
|
|
42
|
-
() => Object.entries(
|
|
41
|
+
), v = U(
|
|
42
|
+
() => Object.entries(D || {}).filter(
|
|
43
43
|
([p, x]) => !!(c != null && c[p]) && !W(x)
|
|
44
44
|
),
|
|
45
|
-
[c,
|
|
45
|
+
[c, D]
|
|
46
46
|
);
|
|
47
|
-
return !W(
|
|
47
|
+
return !W(v) && /* @__PURE__ */ e("div", { ...k, className: M("flex flex-wrap gap-2", w), children: v.map(
|
|
48
48
|
([p, x]) => {
|
|
49
|
-
var
|
|
49
|
+
var A;
|
|
50
50
|
return Array.isArray(x) ? /* @__PURE__ */ e(Me, { children: x.filter((r) => {
|
|
51
51
|
var s;
|
|
52
52
|
return ((s = c == null ? void 0 : c[p]) == null ? void 0 : s[r]) && r;
|
|
@@ -58,8 +58,8 @@ const $e = ne(function({
|
|
|
58
58
|
size: "sm",
|
|
59
59
|
onClick: () => {
|
|
60
60
|
N == null || N({
|
|
61
|
-
...
|
|
62
|
-
[p]: x.filter((
|
|
61
|
+
...D,
|
|
62
|
+
[p]: x.filter((T) => T !== r)
|
|
63
63
|
});
|
|
64
64
|
},
|
|
65
65
|
children: [
|
|
@@ -75,11 +75,11 @@ const $e = ne(function({
|
|
|
75
75
|
{
|
|
76
76
|
size: "sm",
|
|
77
77
|
onClick: () => {
|
|
78
|
-
const r = { ...
|
|
78
|
+
const r = { ...D };
|
|
79
79
|
delete r[p], N == null || N(r);
|
|
80
80
|
},
|
|
81
81
|
children: [
|
|
82
|
-
l(String(((
|
|
82
|
+
l(String(((A = c == null ? void 0 : c[p]) == null ? void 0 : A[x]) || "")),
|
|
83
83
|
" ",
|
|
84
84
|
/* @__PURE__ */ e(h, {})
|
|
85
85
|
]
|
|
@@ -87,10 +87,10 @@ const $e = ne(function({
|
|
|
87
87
|
);
|
|
88
88
|
}
|
|
89
89
|
) });
|
|
90
|
-
}),
|
|
91
|
-
rows:
|
|
90
|
+
}), $e = ({
|
|
91
|
+
rows: d = [],
|
|
92
92
|
columns: n,
|
|
93
|
-
onRowClick:
|
|
93
|
+
onRowClick: D,
|
|
94
94
|
rowKey: N,
|
|
95
95
|
params: w = {
|
|
96
96
|
page: 1,
|
|
@@ -99,10 +99,10 @@ const $e = ne(function({
|
|
|
99
99
|
hasNumbers: k = !1,
|
|
100
100
|
hasCheckbox: l = !1,
|
|
101
101
|
selectedItems: c,
|
|
102
|
-
onSelectedItemsChange:
|
|
102
|
+
onSelectedItemsChange: v,
|
|
103
103
|
onSortOrderChange: p,
|
|
104
104
|
isStickyHeader: x,
|
|
105
|
-
className:
|
|
105
|
+
className: A,
|
|
106
106
|
...r
|
|
107
107
|
}) => {
|
|
108
108
|
const { sortObject: s, handleSort: z } = ie({
|
|
@@ -110,17 +110,17 @@ const $e = ne(function({
|
|
|
110
110
|
sortOrder: w == null ? void 0 : w.sortOrder,
|
|
111
111
|
onSortOrderChange: p
|
|
112
112
|
}), {
|
|
113
|
-
selectedRows:
|
|
114
|
-
isRowSelected:
|
|
115
|
-
isAllRowsSelected:
|
|
113
|
+
selectedRows: T,
|
|
114
|
+
isRowSelected: o,
|
|
115
|
+
isAllRowsSelected: G,
|
|
116
116
|
handleSelectAllRows: E,
|
|
117
|
-
handleSelectRow:
|
|
118
|
-
} = ce({ rows:
|
|
117
|
+
handleSelectRow: X
|
|
118
|
+
} = ce({ rows: d, defaultSelectedRows: c });
|
|
119
119
|
return Y(() => {
|
|
120
|
-
|
|
121
|
-
}, [
|
|
120
|
+
v == null || v(T);
|
|
121
|
+
}, [T, v]), /* @__PURE__ */ m(Le, { ...r, children: [
|
|
122
122
|
/* @__PURE__ */ e(
|
|
123
|
-
|
|
123
|
+
oe,
|
|
124
124
|
{
|
|
125
125
|
className: M("bg-bg", x && "sticky top-0 z-1"),
|
|
126
126
|
children: /* @__PURE__ */ m(I, { children: [
|
|
@@ -128,7 +128,7 @@ const $e = ne(function({
|
|
|
128
128
|
y,
|
|
129
129
|
{
|
|
130
130
|
className: "mt-1",
|
|
131
|
-
checked:
|
|
131
|
+
checked: G(N),
|
|
132
132
|
onCheckedChange: (f) => E(N, !!f),
|
|
133
133
|
"aria-label": "Select all"
|
|
134
134
|
}
|
|
@@ -154,84 +154,84 @@ const $e = ne(function({
|
|
|
154
154
|
] })
|
|
155
155
|
}
|
|
156
156
|
),
|
|
157
|
-
/* @__PURE__ */ e(
|
|
157
|
+
/* @__PURE__ */ e(Re, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: d.length ? d.map((f, B) => /* @__PURE__ */ m(
|
|
158
158
|
I,
|
|
159
159
|
{
|
|
160
|
-
onClick: () =>
|
|
161
|
-
className: M(
|
|
162
|
-
"data-state":
|
|
160
|
+
onClick: () => D == null ? void 0 : D(f),
|
|
161
|
+
className: M(D && "cursor-pointer"),
|
|
162
|
+
"data-state": o(f[N]) && "selected",
|
|
163
163
|
children: [
|
|
164
164
|
l && /* @__PURE__ */ e(
|
|
165
|
-
|
|
165
|
+
H,
|
|
166
166
|
{
|
|
167
167
|
className: "w-12 p-3",
|
|
168
|
-
onClick: (
|
|
168
|
+
onClick: (t) => t.stopPropagation(),
|
|
169
169
|
children: /* @__PURE__ */ e(
|
|
170
170
|
y,
|
|
171
171
|
{
|
|
172
172
|
className: "mt-1",
|
|
173
|
-
checked:
|
|
174
|
-
onCheckedChange: (
|
|
173
|
+
checked: o(f[N]),
|
|
174
|
+
onCheckedChange: (t) => X(f[N], !!t),
|
|
175
175
|
"aria-label": "Select row"
|
|
176
176
|
}
|
|
177
177
|
)
|
|
178
178
|
}
|
|
179
179
|
),
|
|
180
|
-
k && /* @__PURE__ */ e(
|
|
181
|
-
n.filter((
|
|
182
|
-
|
|
180
|
+
k && /* @__PURE__ */ e(H, { className: "w-12 p-2", children: (w.page - 1) * (w.limit || j) + B + 1 }),
|
|
181
|
+
n.filter((t) => !t.hidden).map((t) => /* @__PURE__ */ e(
|
|
182
|
+
H,
|
|
183
183
|
{
|
|
184
184
|
className: "text-body-xs-medium max-w-xs p-2",
|
|
185
|
-
style:
|
|
186
|
-
children:
|
|
185
|
+
style: t.styles,
|
|
186
|
+
children: t.render ? t.render(_(f, t.dataIndex), f) : _(f, t.dataIndex, "")
|
|
187
187
|
},
|
|
188
|
-
`${B}-${
|
|
188
|
+
`${B}-${t.key}`
|
|
189
189
|
))
|
|
190
190
|
]
|
|
191
191
|
},
|
|
192
192
|
`${f[N]}`
|
|
193
193
|
)) : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
|
|
194
|
-
|
|
194
|
+
H,
|
|
195
195
|
{
|
|
196
196
|
colSpan: k ? l ? n.length + 2 : n.length + 1 : n.length,
|
|
197
|
-
children: /* @__PURE__ */ e(
|
|
197
|
+
children: /* @__PURE__ */ e(We, {})
|
|
198
198
|
}
|
|
199
199
|
) }) })
|
|
200
200
|
] });
|
|
201
201
|
}, ue = ({
|
|
202
|
-
dataSource:
|
|
202
|
+
dataSource: d,
|
|
203
203
|
columns: n,
|
|
204
|
-
rowKey:
|
|
204
|
+
rowKey: D,
|
|
205
205
|
hasSearch: N,
|
|
206
206
|
exportOptions: w,
|
|
207
207
|
hasPagination: k,
|
|
208
208
|
onParamChange: l,
|
|
209
209
|
dataKey: c = "docs",
|
|
210
|
-
loading:
|
|
210
|
+
loading: v,
|
|
211
211
|
tableKey: p,
|
|
212
212
|
filters: x,
|
|
213
|
-
actions:
|
|
213
|
+
actions: A,
|
|
214
214
|
handleFilterChange: r,
|
|
215
215
|
params: s,
|
|
216
216
|
exportLoading: z = !1,
|
|
217
|
-
onColumnsUpdate:
|
|
218
|
-
hasColumnsVisibilityDropdown:
|
|
219
|
-
showAppliedFilters:
|
|
217
|
+
onColumnsUpdate: T,
|
|
218
|
+
hasColumnsVisibilityDropdown: o,
|
|
219
|
+
showAppliedFilters: G = !1,
|
|
220
220
|
onSelectedItemsChange: E,
|
|
221
|
-
actionProps:
|
|
221
|
+
actionProps: X,
|
|
222
222
|
filterWrapperProps: f,
|
|
223
223
|
exportOptionsProps: B,
|
|
224
|
-
columnsVisibilityProps:
|
|
224
|
+
columnsVisibilityProps: t,
|
|
225
225
|
paginationProps: F,
|
|
226
|
-
searchProps:
|
|
226
|
+
searchProps: g,
|
|
227
227
|
className: S,
|
|
228
228
|
...V
|
|
229
229
|
}) => {
|
|
230
230
|
var Z;
|
|
231
|
-
const { t:
|
|
231
|
+
const { t: q } = K(), [L, u] = De(), { formattedColumns: $, handleColumnsChange: a, resetColumns: C } = pe({ key: p, columns: n });
|
|
232
232
|
return Y(() => {
|
|
233
|
-
|
|
234
|
-
}, [$,
|
|
233
|
+
T == null || T($);
|
|
234
|
+
}, [$, T]), Y(() => {
|
|
235
235
|
E == null || E(L);
|
|
236
236
|
}, [L, E]), /* @__PURE__ */ m(
|
|
237
237
|
"div",
|
|
@@ -242,52 +242,52 @@ const $e = ne(function({
|
|
|
242
242
|
),
|
|
243
243
|
children: [
|
|
244
244
|
/* @__PURE__ */ m("div", { className: "flex shrink-0 flex-col gap-4 p-4", children: [
|
|
245
|
-
(N ||
|
|
245
|
+
(N || o && p || !W(w) || !W(x)) && /* @__PURE__ */ m("div", { className: "flex flex-col justify-between gap-3 lg:flex-row lg:items-center", children: [
|
|
246
246
|
/* @__PURE__ */ e("div", { className: "grow", children: N && /* @__PURE__ */ e(
|
|
247
|
-
|
|
247
|
+
Te,
|
|
248
248
|
{
|
|
249
|
-
...
|
|
249
|
+
...g,
|
|
250
250
|
inputProps: {
|
|
251
|
-
...
|
|
251
|
+
...g == null ? void 0 : g.inputProps,
|
|
252
252
|
className: M(
|
|
253
253
|
"h-8 grow",
|
|
254
|
-
(Z =
|
|
254
|
+
(Z = g == null ? void 0 : g.inputProps) == null ? void 0 : Z.className
|
|
255
255
|
)
|
|
256
256
|
},
|
|
257
257
|
className: M(
|
|
258
258
|
"max-w-full lg:max-w-80! [&_button]:-top-1",
|
|
259
|
-
|
|
259
|
+
g == null ? void 0 : g.className
|
|
260
260
|
),
|
|
261
|
-
defaultValue:
|
|
261
|
+
defaultValue: _(s, "search", ""),
|
|
262
262
|
onSearchChange: (i) => l == null ? void 0 : l({ ...s, search: i, page: 1 })
|
|
263
263
|
}
|
|
264
264
|
) }),
|
|
265
265
|
/* @__PURE__ */ m("div", { className: "flex items-center justify-end gap-3", children: [
|
|
266
266
|
w && /* @__PURE__ */ e(
|
|
267
|
-
|
|
267
|
+
ve,
|
|
268
268
|
{
|
|
269
269
|
...B,
|
|
270
270
|
options: w,
|
|
271
271
|
loading: z
|
|
272
272
|
}
|
|
273
273
|
),
|
|
274
|
-
|
|
274
|
+
o && p && /* @__PURE__ */ m(le, { modal: !1, children: [
|
|
275
275
|
/* @__PURE__ */ e(
|
|
276
|
-
|
|
276
|
+
te,
|
|
277
277
|
{
|
|
278
278
|
asChild: !0,
|
|
279
279
|
className: "grow",
|
|
280
|
-
...
|
|
280
|
+
...t == null ? void 0 : t.triggerProps,
|
|
281
281
|
children: /* @__PURE__ */ e(
|
|
282
282
|
Q,
|
|
283
283
|
{
|
|
284
284
|
variant: "secondary",
|
|
285
285
|
size: "sm",
|
|
286
286
|
className: "ml-auto rounded-lg px-3",
|
|
287
|
-
children: (
|
|
287
|
+
children: (t == null ? void 0 : t.title) || /* @__PURE__ */ m(O, { children: [
|
|
288
288
|
/* @__PURE__ */ e(P, {}),
|
|
289
289
|
" ",
|
|
290
|
-
/* @__PURE__ */ e("span", { className: "hidden md:inline!", children:
|
|
290
|
+
/* @__PURE__ */ e("span", { className: "hidden md:inline!", children: q("Customize columns") }),
|
|
291
291
|
/* @__PURE__ */ e(ee, {})
|
|
292
292
|
] })
|
|
293
293
|
}
|
|
@@ -295,20 +295,21 @@ const $e = ne(function({
|
|
|
295
295
|
}
|
|
296
296
|
),
|
|
297
297
|
/* @__PURE__ */ m(
|
|
298
|
-
|
|
298
|
+
de,
|
|
299
299
|
{
|
|
300
300
|
align: "end",
|
|
301
|
-
...
|
|
301
|
+
...t == null ? void 0 : t.contentProps,
|
|
302
302
|
children: [
|
|
303
303
|
/* @__PURE__ */ m(
|
|
304
304
|
se,
|
|
305
305
|
{
|
|
306
|
+
onSelect: (i) => i.preventDefault(),
|
|
306
307
|
className: "capitalize",
|
|
307
308
|
onClick: C,
|
|
308
309
|
children: [
|
|
309
310
|
/* @__PURE__ */ e(we, {}),
|
|
310
311
|
" ",
|
|
311
|
-
(
|
|
312
|
+
(t == null ? void 0 : t.resetText) || q("Reset columns")
|
|
312
313
|
]
|
|
313
314
|
}
|
|
314
315
|
),
|
|
@@ -316,9 +317,10 @@ const $e = ne(function({
|
|
|
316
317
|
$.map((i) => /* @__PURE__ */ e(
|
|
317
318
|
re,
|
|
318
319
|
{
|
|
320
|
+
onSelect: (R) => R.preventDefault(),
|
|
319
321
|
className: "capitalize",
|
|
320
322
|
checked: !i.hidden,
|
|
321
|
-
onCheckedChange: (
|
|
323
|
+
onCheckedChange: (R) => a(i, !R),
|
|
322
324
|
children: i.name
|
|
323
325
|
},
|
|
324
326
|
i.key
|
|
@@ -327,9 +329,9 @@ const $e = ne(function({
|
|
|
327
329
|
}
|
|
328
330
|
)
|
|
329
331
|
] }),
|
|
330
|
-
|
|
332
|
+
A && /* @__PURE__ */ e(ge, { ...X, actions: A }),
|
|
331
333
|
x && /* @__PURE__ */ e(
|
|
332
|
-
|
|
334
|
+
Ae,
|
|
333
335
|
{
|
|
334
336
|
...f,
|
|
335
337
|
filters: x,
|
|
@@ -342,8 +344,8 @@ const $e = ne(function({
|
|
|
342
344
|
)
|
|
343
345
|
] })
|
|
344
346
|
] }),
|
|
345
|
-
|
|
346
|
-
|
|
347
|
+
G && !W(x) && /* @__PURE__ */ e(
|
|
348
|
+
Be,
|
|
347
349
|
{
|
|
348
350
|
filters: x,
|
|
349
351
|
params: s,
|
|
@@ -353,22 +355,22 @@ const $e = ne(function({
|
|
|
353
355
|
}
|
|
354
356
|
)
|
|
355
357
|
] }),
|
|
356
|
-
/* @__PURE__ */ e("div", { className: M("flex grow flex-col overflow-auto border-y"), children:
|
|
357
|
-
|
|
358
|
+
/* @__PURE__ */ e("div", { className: M("flex grow flex-col overflow-auto border-y"), children: v ? /* @__PURE__ */ e(ke, {}) : /* @__PURE__ */ e(
|
|
359
|
+
$e,
|
|
358
360
|
{
|
|
359
361
|
...V,
|
|
360
362
|
params: {
|
|
361
|
-
page: (
|
|
362
|
-
limit:
|
|
363
|
+
page: (d == null ? void 0 : d.page) || 1,
|
|
364
|
+
limit: d == null ? void 0 : d.limit,
|
|
363
365
|
...s
|
|
364
366
|
},
|
|
365
|
-
rows:
|
|
366
|
-
rowKey:
|
|
367
|
+
rows: _(d, c, []),
|
|
368
|
+
rowKey: D,
|
|
367
369
|
selectedItems: L,
|
|
368
370
|
columns: $,
|
|
369
371
|
onSelectedItemsChange: u,
|
|
370
|
-
onSortOrderChange: ({ sortField: i, sortOrder:
|
|
371
|
-
l == null || l({ ...s, sortField: i, sortOrder:
|
|
372
|
+
onSortOrderChange: ({ sortField: i, sortOrder: R }) => {
|
|
373
|
+
l == null || l({ ...s, sortField: i, sortOrder: R });
|
|
372
374
|
}
|
|
373
375
|
}
|
|
374
376
|
) }),
|
|
@@ -377,20 +379,20 @@ const $e = ne(function({
|
|
|
377
379
|
ze,
|
|
378
380
|
{
|
|
379
381
|
onLimitChange: (i) => l == null ? void 0 : l({ ...s, limit: i, page: 1 }),
|
|
380
|
-
defaultValue:
|
|
382
|
+
defaultValue: d == null ? void 0 : d.limit
|
|
381
383
|
}
|
|
382
384
|
) }),
|
|
383
|
-
/* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children:
|
|
385
|
+
/* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: q("{{selectedCount}} of {{total}} row(s) selected", {
|
|
384
386
|
selectedCount: (L == null ? void 0 : L.length) ?? 0,
|
|
385
|
-
total: (
|
|
387
|
+
total: (d == null ? void 0 : d.total) || 0
|
|
386
388
|
}) }),
|
|
387
389
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
388
390
|
Ee,
|
|
389
391
|
{
|
|
390
392
|
...F,
|
|
391
393
|
onPageChange: (i) => l == null ? void 0 : l({ ...s, page: i }),
|
|
392
|
-
currentPage:
|
|
393
|
-
totalPages:
|
|
394
|
+
currentPage: d == null ? void 0 : d.page,
|
|
395
|
+
totalPages: d == null ? void 0 : d.totalPages
|
|
394
396
|
}
|
|
395
397
|
) })
|
|
396
398
|
] })
|
|
@@ -400,6 +402,6 @@ const $e = ne(function({
|
|
|
400
402
|
};
|
|
401
403
|
export {
|
|
402
404
|
ue as DataTable,
|
|
403
|
-
|
|
405
|
+
$e as MyTable
|
|
404
406
|
};
|
|
405
407
|
//# sourceMappingURL=index.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/filters/AppliedFilters.tsx","../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { ButtonGroup } from 'dgz-ui';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { cn } from 'dgz-ui/utils';\nimport isEmpty from 'lodash.isempty';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { FilterInterface } from './FilterWrapper.tsx';\n\n/**\n * Props for the AppliedFilters component.\n */\nexport interface AppliedFiltersProps extends CardProps {\n /** Array of filter definitions to render. */\n filters?: FilterInterface[];\n /** Current active parameters/filters. */\n params?: Record<string, unknown>;\n /** Callback fired when filters are applied. */\n onFilter?: (filters: Record<string, unknown>) => void;\n}\n\n/**\n * AppliedFilters displays active filter values as removable buttons/tags.\n *\n * @param props.filters - Array of filter definitions to map values to labels.\n * @param props.params - Current active filter parameters.\n * @param props.onFilter - Callback fired when a filter is removed.\n * @param props.className - Additional CSS classes.\n * @returns {JSX.Element | false} A list of active filter buttons or false if no filters are active\n */\nexport const AppliedFilters = memo(function FilterWrapper({\n filters,\n params,\n onFilter,\n className,\n ...props\n}: AppliedFiltersProps) {\n const { t } = useTranslation();\n\n const filterObject = useMemo(\n () =>\n Object.fromEntries(\n filters?.map((filter) => [\n filter.name,\n Object.fromEntries(\n filter.options?.map(({ label, value }) => [value, label]) || []\n ),\n ]) || []\n ),\n [filters]\n );\n\n const paramsArr = useMemo(\n () =>\n Object.entries(params || {}).filter(\n ([key, value]) => !!filterObject?.[key] && !isEmpty(value)\n ),\n [filterObject, params]\n );\n\n return (\n !isEmpty(paramsArr) && (\n <div {...props} className={cn('flex flex-wrap gap-2', className)}>\n {paramsArr.map(([key, value]) =>\n Array.isArray(value) ? (\n <ButtonGroup key={key}>\n {value\n .filter((val) => filterObject?.[key]?.[val] && val)\n .map((val, index) => (\n <Button\n size={'sm'}\n key={index}\n onClick={() => {\n onFilter?.({\n ...params,\n [key]: value.filter((v) => v !== val),\n });\n }}\n >\n {t(String(filterObject?.[key]?.[val] || ''))} <XIcon />\n </Button>\n ))}\n </ButtonGroup>\n ) : (\n <Button\n size={'sm'}\n onClick={() => {\n const paramValues = { ...params };\n\n delete paramValues[key];\n onFilter?.(paramValues);\n }}\n >\n {t(String(filterObject?.[key]?.[value as string] || ''))}{' '}\n <XIcon />\n </Button>\n )\n )}\n </div>\n )\n );\n});\n","import { Checkbox } from 'dgz-ui/form';\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport get from 'lodash.get';\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 rows - Array of data rows.\n * @param columns - Column definitions.\n * @param onRowClick - Callback when a row is clicked.\n * @param rowKey - Unique key for each row.\n * @param params - Current table parameters.\n * @param hasNumbers - Whether to show row numbers.\n * @param hasCheckbox - Whether to show selection checkboxes.\n * @param selectedItems - Array of currently selected item keys.\n * @param onSelectedItemsChange - Callback when selected items change.\n * @param onSortOrderChange - Callback when sort order changes.\n * @param isStickyHeader - Whether the header should stick to the top.\n * @param className - Additional CSS classes.\n * @param props - Component props.\n * @returns {JSX.Element} 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 onSelectedItemsChange?.(selectedRows);\n }, [selectedRows, onSelectedItemsChange]);\n\n return (\n <Table {...props}>\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 from 'lodash.get';\nimport isEmpty from 'lodash.isempty';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n ExportData,\n type ExportDataInterface,\n type ExportDataProps,\n} from '../export';\nimport {\n type FilterInterface,\n FilterWrapper,\n type FilterWrapperProps,\n Search,\n type SearchProps,\n} from '../filters';\nimport { AppliedFilters } from '../filters/AppliedFilters.tsx';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n * may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n * (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n docs?: TData[];\n /** Zero-based index of the first item on the current page (if provided by API). */\n offset?: number;\n /** Page size (items per page). */\n limit: number;\n /** Total number of pages available. */\n totalPages: number;\n /** Total number of items across all pages (if available). */\n total?: number;\n /** Current page number (1-based). */\n page: number;\n /** Convenience counter for the first item index on the page (if provided). */\n pagingCounter?: number;\n /** Whether a previous page exists. */\n hasPrevPage?: boolean;\n /** Whether a next page exists. */\n hasNextPage?: boolean;\n /** Previous page number, if available. */\n prevPage?: number;\n /** Next page number, if available. */\n nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n TData,\n TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n /** Pagination data source. */\n dataSource?: TPaginationData;\n /** Callback for parameter changes (pagination, sorting, filtering). */\n onParamChange?: (param: Record<string, unknown>) => void;\n /** Whether to enable pagination. */\n hasPagination?: true;\n /** Options for the export data dropdown. */\n exportOptions?: ExportDataInterface[];\n /** Whether to enable search functionality. */\n hasSearch?: true;\n /** Whether the table data is loading. */\n loading?: boolean;\n /** Array of filters to display. */\n filters?: FilterInterface[];\n /** Array of actions to display. */\n actions?: ActionInterface[];\n /** Callback for filter changes. */\n handleFilterChange?: (filters: Record<string, unknown>) => void;\n /** Unique key for the table, used for column persistence. */\n tableKey: string;\n /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n dataKey?: keyof TPaginationData;\n /** Whether to show the columns visibility dropdown. */\n hasColumnsVisibilityDropdown?: true;\n /** Whether to show the columns visibility dropdown. */\n showAppliedFilters?: boolean;\n /** Callback when columns are updated (e.g., visibility toggled). */\n onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n /** Whether the export action is loading. */\n exportLoading?: boolean;\n /** Props for the Actions component. */\n actionProps?: Partial<ActionsProps>;\n /** Props for the FilterWrapper component. */\n filterWrapperProps?: Partial<FilterWrapperProps>;\n /** Props for the ExportData component. */\n exportOptionsProps?: Partial<ExportDataProps>;\n searchProps?: Partial<SearchProps>;\n paginationProps?: Partial<MyPaginationProps>;\n /** Props for the columns visibility dropdown. */\n columnsVisibilityProps?: DropdownContainerProps & {\n title?: ReactNode;\n resetText?: ReactNode;\n };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n * `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * 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 * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n * @param dataSource - Paginated data source object.\n * @param columns - Column definitions.\n * @param rowKey - Property name used as a unique row key.\n * @param hasSearch - Whether to display the search input.\n * @param exportOptions - Export menu options.\n * @param hasPagination - Whether to render the pagination footer.\n * @param onParamChange - Emits parameter changes for pagination/sorting/search/filters.\n * @param dataKey - Key within `dataSource` that contains the row array.\n * @param loading - Whether the table data is loading.\n * @param tableKey - Unique key for persisting column visibility state.\n * @param filters - Filter configurations to render.\n * @param actions - Header actions.\n * @param handleFilterChange - Callback executed when filter values change.\n * @param params - Current list parameters.\n * @param exportLoading - Whether the export action is loading.\n * @param onColumnsUpdate - Notifies parent whenever columns state changes.\n * @param hasColumnsVisibilityDropdown - Whether to show columns customize dropdown.\n * @param showAppliedFilters - Whether to show applied filters.\n * @param onSelectedItemsChange - Callback when selected rows change.\n * @param actionProps - Props for the Actions component.\n * @param filterWrapperProps - Props for the FilterWrapper component.\n * @param exportOptionsProps - Props for the ExportData component.\n * @param columnsVisibilityProps - Props for columns visibility dropdown.\n * @param paginationProps - Props for the MyPagination component.\n * @param searchProps - Props for the Search component.\n * @param className - Additional CSS classes.\n * @param props - Additional props passed to MyTable.\n * @returns {JSX.Element} 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 rowKey,\n hasSearch,\n exportOptions,\n hasPagination,\n onParamChange,\n dataKey = 'docs',\n loading,\n tableKey,\n filters,\n actions,\n handleFilterChange,\n params,\n exportLoading = false,\n onColumnsUpdate,\n hasColumnsVisibilityDropdown,\n showAppliedFilters = false,\n onSelectedItemsChange,\n actionProps,\n filterWrapperProps,\n exportOptionsProps,\n columnsVisibilityProps,\n paginationProps,\n searchProps,\n className,\n ...props\n}: DataTableProps<TData, TPaginationData>) => {\n const { t } = useTranslation();\n const [selectedRows, setSelectedRows] = useState<\n TData[keyof TData][] | undefined\n >();\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={cn(\n 'border-border-alpha-light relative flex grow flex-col overflow-auto rounded-xl border shadow-xs',\n className\n )}\n >\n <div className={'flex shrink-0 flex-col gap-4 p-4'}>\n {(hasSearch ||\n (hasColumnsVisibilityDropdown && tableKey) ||\n !isEmpty(exportOptions) ||\n !isEmpty(filters)) && (\n <div className=\"flex flex-col justify-between gap-3 lg:flex-row lg:items-center\">\n <div className={'grow'}>\n {hasSearch && (\n <Search\n {...searchProps}\n inputProps={{\n ...searchProps?.inputProps,\n className: cn(\n 'h-8 grow',\n searchProps?.inputProps?.className\n ),\n }}\n className={cn(\n 'max-w-full lg:max-w-80! [&_button]:-top-1',\n searchProps?.className\n )}\n defaultValue={get(params, 'search', '') as string}\n onSearchChange={(search) =>\n onParamChange?.({ ...params, search, page: 1 })\n }\n />\n )}\n </div>\n <div className={'flex items-center justify-end gap-3'}>\n {exportOptions && (\n <ExportData\n {...exportOptionsProps}\n options={exportOptions}\n loading={exportLoading}\n />\n )}\n {hasColumnsVisibilityDropdown && tableKey && (\n <DropdownMenu>\n <DropdownMenuTrigger\n asChild\n className={'grow'}\n {...columnsVisibilityProps?.triggerProps}\n >\n <Button\n variant=\"secondary\"\n size={'sm'}\n className={'ml-auto rounded-lg px-3'}\n >\n {columnsVisibilityProps?.title || (\n <>\n <RiLayoutColumnLine />{' '}\n <span className={'hidden md:inline!'}>\n {t('Customize columns')}\n </span>\n <RiArrowDownSLine />\n </>\n )}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent\n align=\"end\"\n {...columnsVisibilityProps?.contentProps}\n >\n <DropdownMenuItem\n className=\"capitalize\"\n onClick={resetColumns}\n >\n <RefreshCw />{' '}\n {columnsVisibilityProps?.resetText || t('Reset columns')}\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n {formattedColumns.map((column) => {\n return (\n <DropdownMenuCheckboxItem\n key={column.key}\n className=\"capitalize\"\n checked={!column.hidden}\n onCheckedChange={(value) =>\n handleColumnsChange(column, !value)\n }\n >\n {column.name}\n </DropdownMenuCheckboxItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n {actions && <Actions {...actionProps} actions={actions} />}\n {filters && (\n <FilterWrapper\n {...filterWrapperProps}\n filters={filters}\n params={params}\n onChange={handleFilterChange}\n onFilter={(filter) => {\n onParamChange?.({ ...filter, page: 1 });\n handleFilterChange?.(filter);\n }}\n />\n )}\n </div>\n </div>\n )}\n {showAppliedFilters && !isEmpty(filters) && (\n <AppliedFilters\n filters={filters}\n params={params}\n onFilter={(filter) => {\n onParamChange?.({ ...filter, page: 1 });\n handleFilterChange?.(filter);\n }}\n />\n )}\n </div>\n\n <div className={cn('flex grow 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 columns={formattedColumns}\n onSelectedItemsChange={setSelectedRows}\n onSortOrderChange={({ sortField, sortOrder }) => {\n onParamChange?.({ ...params, sortField, sortOrder });\n }}\n />\n ) : (\n <Loader />\n )}\n </div>\n {hasPagination && (\n <div className=\"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between\">\n <div className=\"text-sm\">\n <MyLimitSelect\n onLimitChange={(limit) =>\n onParamChange?.({ ...params, limit, page: 1 })\n }\n defaultValue={dataSource?.limit}\n />\n </div>\n <div className=\"text-muted-foreground text-sm\">\n {t('{{selectedCount}} of {{total}} row(s) selected', {\n selectedCount: selectedRows?.length ?? 0,\n total: dataSource?.total || 0,\n })}\n </div>\n <div>\n <MyPagination\n {...paginationProps}\n onPageChange={(page) => onParamChange?.({ ...params, page })}\n currentPage={dataSource?.page}\n totalPages={dataSource?.totalPages}\n />\n </div>\n </div>\n )}\n </div>\n );\n};\n"],"names":["AppliedFilters","memo","filters","params","onFilter","className","props","t","useTranslation","filterObject","useMemo","filter","_a","label","value","paramsArr","key","isEmpty","jsx","cn","ButtonGroup","val","index","jsxs","Button","v","XIcon","paramValues","MyTable","rows","columns","onRowClick","rowKey","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","Table","TableHeader","TableRow","TableHead","Checkbox","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","showAppliedFilters","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/filters/AppliedFilters.tsx","../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { ButtonGroup } from 'dgz-ui';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { cn } from 'dgz-ui/utils';\nimport isEmpty from 'lodash.isempty';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { FilterInterface } from './FilterWrapper.tsx';\n\n/**\n * Props for the AppliedFilters component.\n */\nexport interface AppliedFiltersProps extends CardProps {\n /** Array of filter definitions to render. */\n filters?: FilterInterface[];\n /** Current active parameters/filters. */\n params?: Record<string, unknown>;\n /** Callback fired when filters are applied. */\n onFilter?: (filters: Record<string, unknown>) => void;\n}\n\n/**\n * AppliedFilters displays active filter values as removable buttons/tags.\n *\n * @param props.filters - Array of filter definitions to map values to labels.\n * @param props.params - Current active filter parameters.\n * @param props.onFilter - Callback fired when a filter is removed.\n * @param props.className - Additional CSS classes.\n * @returns {JSX.Element | false} A list of active filter buttons or false if no filters are active\n */\nexport const AppliedFilters = memo(function FilterWrapper({\n filters,\n params,\n onFilter,\n className,\n ...props\n}: AppliedFiltersProps) {\n const { t } = useTranslation();\n\n const filterObject = useMemo(\n () =>\n Object.fromEntries(\n filters?.map((filter) => [\n filter.name,\n Object.fromEntries(\n filter.options?.map(({ label, value }) => [value, label]) || []\n ),\n ]) || []\n ),\n [filters]\n );\n\n const paramsArr = useMemo(\n () =>\n Object.entries(params || {}).filter(\n ([key, value]) => !!filterObject?.[key] && !isEmpty(value)\n ),\n [filterObject, params]\n );\n\n return (\n !isEmpty(paramsArr) && (\n <div {...props} className={cn('flex flex-wrap gap-2', className)}>\n {paramsArr.map(([key, value]) =>\n Array.isArray(value) ? (\n <ButtonGroup key={key}>\n {value\n .filter((val) => filterObject?.[key]?.[val] && val)\n .map((val, index) => (\n <Button\n size={'sm'}\n key={index}\n onClick={() => {\n onFilter?.({\n ...params,\n [key]: value.filter((v) => v !== val),\n });\n }}\n >\n {t(String(filterObject?.[key]?.[val] || ''))} <XIcon />\n </Button>\n ))}\n </ButtonGroup>\n ) : (\n <Button\n size={'sm'}\n onClick={() => {\n const paramValues = { ...params };\n\n delete paramValues[key];\n onFilter?.(paramValues);\n }}\n >\n {t(String(filterObject?.[key]?.[value as string] || ''))}{' '}\n <XIcon />\n </Button>\n )\n )}\n </div>\n )\n );\n});\n","import { Checkbox } from 'dgz-ui/form';\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport get from 'lodash.get';\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 rows - Array of data rows.\n * @param columns - Column definitions.\n * @param onRowClick - Callback when a row is clicked.\n * @param rowKey - Unique key for each row.\n * @param params - Current table parameters.\n * @param hasNumbers - Whether to show row numbers.\n * @param hasCheckbox - Whether to show selection checkboxes.\n * @param selectedItems - Array of currently selected item keys.\n * @param onSelectedItemsChange - Callback when selected items change.\n * @param onSortOrderChange - Callback when sort order changes.\n * @param isStickyHeader - Whether the header should stick to the top.\n * @param className - Additional CSS classes.\n * @param props - Component props.\n * @returns {JSX.Element} 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 onSelectedItemsChange?.(selectedRows);\n }, [selectedRows, onSelectedItemsChange]);\n\n return (\n <Table {...props}>\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 from 'lodash.get';\nimport isEmpty from 'lodash.isempty';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n ExportData,\n type ExportDataInterface,\n type ExportDataProps,\n} from '../export';\nimport {\n type FilterInterface,\n FilterWrapper,\n type FilterWrapperProps,\n Search,\n type SearchProps,\n} from '../filters';\nimport { AppliedFilters } from '../filters/AppliedFilters.tsx';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n * may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n * (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n docs?: TData[];\n /** Zero-based index of the first item on the current page (if provided by API). */\n offset?: number;\n /** Page size (items per page). */\n limit: number;\n /** Total number of pages available. */\n totalPages: number;\n /** Total number of items across all pages (if available). */\n total?: number;\n /** Current page number (1-based). */\n page: number;\n /** Convenience counter for the first item index on the page (if provided). */\n pagingCounter?: number;\n /** Whether a previous page exists. */\n hasPrevPage?: boolean;\n /** Whether a next page exists. */\n hasNextPage?: boolean;\n /** Previous page number, if available. */\n prevPage?: number;\n /** Next page number, if available. */\n nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n TData,\n TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n /** Pagination data source. */\n dataSource?: TPaginationData;\n /** Callback for parameter changes (pagination, sorting, filtering). */\n onParamChange?: (param: Record<string, unknown>) => void;\n /** Whether to enable pagination. */\n hasPagination?: true;\n /** Options for the export data dropdown. */\n exportOptions?: ExportDataInterface[];\n /** Whether to enable search functionality. */\n hasSearch?: true;\n /** Whether the table data is loading. */\n loading?: boolean;\n /** Array of filters to display. */\n filters?: FilterInterface[];\n /** Array of actions to display. */\n actions?: ActionInterface[];\n /** Callback for filter changes. */\n handleFilterChange?: (filters: Record<string, unknown>) => void;\n /** Unique key for the table, used for column persistence. */\n tableKey: string;\n /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n dataKey?: keyof TPaginationData;\n /** Whether to show the columns visibility dropdown. */\n hasColumnsVisibilityDropdown?: true;\n /** Whether to show the columns visibility dropdown. */\n showAppliedFilters?: boolean;\n /** Callback when columns are updated (e.g., visibility toggled). */\n onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n /** Whether the export action is loading. */\n exportLoading?: boolean;\n /** Props for the Actions component. */\n actionProps?: Partial<ActionsProps>;\n /** Props for the FilterWrapper component. */\n filterWrapperProps?: Partial<FilterWrapperProps>;\n /** Props for the ExportData component. */\n exportOptionsProps?: Partial<ExportDataProps>;\n searchProps?: Partial<SearchProps>;\n paginationProps?: Partial<MyPaginationProps>;\n /** Props for the columns visibility dropdown. */\n columnsVisibilityProps?: DropdownContainerProps & {\n title?: ReactNode;\n resetText?: ReactNode;\n };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n * `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * 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 * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n * @param dataSource - Paginated data source object.\n * @param columns - Column definitions.\n * @param rowKey - Property name used as a unique row key.\n * @param hasSearch - Whether to display the search input.\n * @param exportOptions - Export menu options.\n * @param hasPagination - Whether to render the pagination footer.\n * @param onParamChange - Emits parameter changes for pagination/sorting/search/filters.\n * @param dataKey - Key within `dataSource` that contains the row array.\n * @param loading - Whether the table data is loading.\n * @param tableKey - Unique key for persisting column visibility state.\n * @param filters - Filter configurations to render.\n * @param actions - Header actions.\n * @param handleFilterChange - Callback executed when filter values change.\n * @param params - Current list parameters.\n * @param exportLoading - Whether the export action is loading.\n * @param onColumnsUpdate - Notifies parent whenever columns state changes.\n * @param hasColumnsVisibilityDropdown - Whether to show columns customize dropdown.\n * @param showAppliedFilters - Whether to show applied filters.\n * @param onSelectedItemsChange - Callback when selected rows change.\n * @param actionProps - Props for the Actions component.\n * @param filterWrapperProps - Props for the FilterWrapper component.\n * @param exportOptionsProps - Props for the ExportData component.\n * @param columnsVisibilityProps - Props for columns visibility dropdown.\n * @param paginationProps - Props for the MyPagination component.\n * @param searchProps - Props for the Search component.\n * @param className - Additional CSS classes.\n * @param props - Additional props passed to MyTable.\n * @returns {JSX.Element} 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 rowKey,\n hasSearch,\n exportOptions,\n hasPagination,\n onParamChange,\n dataKey = 'docs',\n loading,\n tableKey,\n filters,\n actions,\n handleFilterChange,\n params,\n exportLoading = false,\n onColumnsUpdate,\n hasColumnsVisibilityDropdown,\n showAppliedFilters = false,\n onSelectedItemsChange,\n actionProps,\n filterWrapperProps,\n exportOptionsProps,\n columnsVisibilityProps,\n paginationProps,\n searchProps,\n className,\n ...props\n}: DataTableProps<TData, TPaginationData>) => {\n const { t } = useTranslation();\n const [selectedRows, setSelectedRows] = useState<\n TData[keyof TData][] | undefined\n >();\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={cn(\n 'border-border-alpha-light relative flex grow flex-col overflow-auto rounded-xl border shadow-xs',\n className\n )}\n >\n <div className={'flex shrink-0 flex-col gap-4 p-4'}>\n {(hasSearch ||\n (hasColumnsVisibilityDropdown && tableKey) ||\n !isEmpty(exportOptions) ||\n !isEmpty(filters)) && (\n <div className=\"flex flex-col justify-between gap-3 lg:flex-row lg:items-center\">\n <div className={'grow'}>\n {hasSearch && (\n <Search\n {...searchProps}\n inputProps={{\n ...searchProps?.inputProps,\n className: cn(\n 'h-8 grow',\n searchProps?.inputProps?.className\n ),\n }}\n className={cn(\n 'max-w-full lg:max-w-80! [&_button]:-top-1',\n searchProps?.className\n )}\n defaultValue={get(params, 'search', '') as string}\n onSearchChange={(search) =>\n onParamChange?.({ ...params, search, page: 1 })\n }\n />\n )}\n </div>\n <div className={'flex items-center justify-end gap-3'}>\n {exportOptions && (\n <ExportData\n {...exportOptionsProps}\n options={exportOptions}\n loading={exportLoading}\n />\n )}\n {hasColumnsVisibilityDropdown && tableKey && (\n <DropdownMenu modal={false}>\n <DropdownMenuTrigger\n asChild\n className={'grow'}\n {...columnsVisibilityProps?.triggerProps}\n >\n <Button\n variant=\"secondary\"\n size={'sm'}\n className={'ml-auto rounded-lg px-3'}\n >\n {columnsVisibilityProps?.title || (\n <>\n <RiLayoutColumnLine />{' '}\n <span className={'hidden md:inline!'}>\n {t('Customize columns')}\n </span>\n <RiArrowDownSLine />\n </>\n )}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent\n align=\"end\"\n {...columnsVisibilityProps?.contentProps}\n >\n <DropdownMenuItem\n onSelect={(e) => e.preventDefault()}\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 onSelect={(e) => e.preventDefault()}\n className=\"capitalize\"\n checked={!column.hidden}\n onCheckedChange={(value) =>\n handleColumnsChange(column, !value)\n }\n >\n {column.name}\n </DropdownMenuCheckboxItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )}\n {actions && <Actions {...actionProps} actions={actions} />}\n {filters && (\n <FilterWrapper\n {...filterWrapperProps}\n filters={filters}\n params={params}\n onChange={handleFilterChange}\n onFilter={(filter) => {\n onParamChange?.({ ...filter, page: 1 });\n handleFilterChange?.(filter);\n }}\n />\n )}\n </div>\n </div>\n )}\n {showAppliedFilters && !isEmpty(filters) && (\n <AppliedFilters\n filters={filters}\n params={params}\n onFilter={(filter) => {\n onParamChange?.({ ...filter, page: 1 });\n handleFilterChange?.(filter);\n }}\n />\n )}\n </div>\n\n <div className={cn('flex grow 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 columns={formattedColumns}\n onSelectedItemsChange={setSelectedRows}\n onSortOrderChange={({ sortField, sortOrder }) => {\n onParamChange?.({ ...params, sortField, sortOrder });\n }}\n />\n ) : (\n <Loader />\n )}\n </div>\n {hasPagination && (\n <div className=\"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between\">\n <div className=\"text-sm\">\n <MyLimitSelect\n onLimitChange={(limit) =>\n onParamChange?.({ ...params, limit, page: 1 })\n }\n defaultValue={dataSource?.limit}\n />\n </div>\n <div className=\"text-muted-foreground text-sm\">\n {t('{{selectedCount}} of {{total}} row(s) selected', {\n selectedCount: selectedRows?.length ?? 0,\n total: dataSource?.total || 0,\n })}\n </div>\n <div>\n <MyPagination\n {...paginationProps}\n onPageChange={(page) => onParamChange?.({ ...params, page })}\n currentPage={dataSource?.page}\n totalPages={dataSource?.totalPages}\n />\n </div>\n </div>\n )}\n </div>\n );\n};\n"],"names":["AppliedFilters","memo","filters","params","onFilter","className","props","t","useTranslation","filterObject","useMemo","filter","_a","label","value","paramsArr","key","isEmpty","jsx","cn","ButtonGroup","val","index","jsxs","Button","v","XIcon","paramValues","MyTable","rows","columns","onRowClick","rowKey","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","Table","TableHeader","TableRow","TableHead","Checkbox","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","showAppliedFilters","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","e","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/DataTable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,sBAAsB,EAO5B,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,eAAe,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACrB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,kBAAkB,EAEvB,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AAIpB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,WAAW,mBAAmB,CAAC,KAAK;IACxC,kFAAkF;IAClF,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAc,CAC7B,KAAK,EACL,eAAe,SAAS,mBAAmB,CAAC,KAAK,CAAC,CAClD,SAAQ,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACzC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,mCAAmC;IACnC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAChE,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,eAAe,CAAC;IAChC,uDAAuD;IACvD,4BAA4B,CAAC,EAAE,IAAI,CAAC;IACpC,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IACzD,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjD,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC7C,iDAAiD;IACjD,sBAAsB,CAAC,EAAE,sBAAsB,GAAG;QAChD,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqGG;AACH,eAAO,MAAM,SAAS,GACpB,KAAK,EACL,eAAe,SAAS,mBAAmB,CAAC,KAAK,CAAC,GAChD,mBAAmB,CAAC,KAAK,CAAC,EAC5B,4YA4BC,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,4CA+LxC,CAAC"}
|