51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T4d61,"use client"; import { columnFilteringFeature, columnResizingFeature, columnSizingFeature, columnVisibilityFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_includesString, globalFilteringFeature, type Column, type ColumnDef as TanStackColumnDef, type ColumnFiltersState, type ColumnResizeMode, flexRender, type OnChangeFn, type PaginationState, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, type Row, type RowData, type RowSelectionState, type ReactTable, type SortingState, tableFeatures, useTable, type ColumnVisibilityState as VisibilityState, } from "@tanstack/react-table"; import { cn } from "cn"; import { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, SlidersHorizontalIcon, } from "lucide-react"; import * as React from "react"; import { Button } from "@/components/ui/button"; import { Checkbox } from "@/components/ui/checkbox"; import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { Input } from "@/components/ui/input"; import { Table, TableBody, TableCell, TableColumnResizer, TableFooter, TableHead, TableHeader, TableRow, type TableProps, } from "@/components/ui/table"; const dataTableFeatures = tableFeatures({ columnFilteringFeature, columnResizingFeature, columnSizingFeature, columnVisibilityFeature, filteredRowModel: createFilteredRowModel(), filterFns: { includesString: filterFn_includesString }, globalFilteringFeature, paginatedRowModel: createPaginatedRowModel(), rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortedRowModel: createSortedRowModel(), }); export type DataTableFeatures = typeof dataTableFeatures; export type DataTableColumnDef< TData extends RowData, TValue = unknown, > = TanStackColumnDef; export type DataTableRow = Row; type DataTableContextValue = { table: ReactTable; isResizable: boolean; globalFilter: string; onGlobalFilterChange: OnChangeFn; pagination: PaginationState; }; const DataTableContext = React.createContext | null>(null); function useDataTable(): DataTableContextValue { const context = React.useContext(DataTableContext); if (!context) { throw new Error("useDataTable must be used within a DataTable"); } return context as unknown as DataTableContextValue; } export type DataTableProps = { columns: DataTableColumnDef[]; data: TData[]; children: React.ReactNode; className?: string; resizable?: boolean; enableColumnResizing?: boolean; columnResizeMode?: ColumnResizeMode; enableSorting?: boolean; enableRowSelection?: boolean | ((row: DataTableRow) => boolean); enableMultiRowSelection?: boolean; enableFiltering?: boolean; enablePagination?: boolean; showSelectionColumn?: boolean; sorting?: SortingState; onSortingChange?: OnChangeFn; rowSelection?: RowSelectionState; onRowSelectionChange?: OnChangeFn; columnFilters?: ColumnFiltersState; onColumnFiltersChange?: OnChangeFn; pagination?: PaginationState; onPaginationChange?: OnChangeFn; columnVisibility?: VisibilityState; onColumnVisibilityChange?: OnChangeFn; globalFilter?: string; onGlobalFilterChange?: OnChangeFn; getRowId?: ( originalRow: TData, index: number, parent?: DataTableRow ) => string; }; function DataTable({ columns: userColumns, data, children, className, resizable = false, enableColumnResizing, columnResizeMode = "onChange", enableSorting = false, enableRowSelection = false, enableMultiRowSelection = true, enableFiltering = false, enablePagination = false, showSelectionColumn = true, sorting: controlledSorting, onSortingChange, rowSelection: controlledRowSelection, onRowSelectionChange, columnFilters: controlledColumnFilters, onColumnFiltersChange, pagination: controlledPagination, onPaginationChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, getRowId, }: DataTableProps) { const isResizable = Boolean(resizable || enableColumnResizing); const [internalSorting, setInternalSorting] = React.useState( [] ); const [internalRowSelection, setInternalRowSelection] = React.useState({}); const [internalColumnFilters, setInternalColumnFilters] = React.useState([]); const [internalPagination, setInternalPagination] = React.useState({ pageIndex: 0, pageSize: 10, }); const [internalGlobalFilter, setInternalGlobalFilter] = React.useState(""); const [internalColumnVisibility, setInternalColumnVisibility] = React.useState({}); const sorting = controlledSorting ?? internalSorting; const rowSelection = controlledRowSelection ?? internalRowSelection; const columnFilters = controlledColumnFilters ?? internalColumnFilters; const pagination = controlledPagination ?? internalPagination; const globalFilter = controlledGlobalFilter ?? internalGlobalFilter; const handleGlobalFilterChange = onGlobalFilterChange ?? setInternalGlobalFilter; const columnVisibility = controlledColumnVisibility ?? internalColumnVisibility; const columns = React.useMemo(() => { const dataColumns = userColumns as unknown as DataTableColumnDef[]; if (!enableRowSelection || !showSelectionColumn) { return dataColumns; } const selectionColumn: DataTableColumnDef = { id: "__select__", size: 48, minSize: 48, maxSize: 48, enableResizing: false, header: ({ table }) => enableMultiRowSelection ? (

table.toggleAllPageRowsSelected(Boolean(value)) } aria-label="Select all" />

) : null, cell: ({ row }) => (

row.toggleSelected(Boolean(value)) } aria-label="Select row" />

), enableSorting: false, enableHiding: false, }; return [selectionColumn, ...dataColumns]; }, [ userColumns, enableRowSelection, enableMultiRowSelection, showSelectionColumn, ]); const table = useTable({ data, columns, features: dataTableFeatures, defaultColumn: { minSize: 48, }, getRowId, state: { sorting, rowSelection, columnFilters, pagination, globalFilter, columnVisibility, }, onSortingChange: onSortingChange ?? setInternalSorting, onRowSelectionChange: onRowSelectionChange ?? setInternalRowSelection, onColumnFiltersChange: onColumnFiltersChange ?? setInternalColumnFilters, onPaginationChange: onPaginationChange ?? setInternalPagination, onGlobalFilterChange: handleGlobalFilterChange, onColumnVisibilityChange: onColumnVisibilityChange ?? setInternalColumnVisibility, enableColumnFilters: enableFiltering, enableFilters: enableFiltering, enableGlobalFilter: enableFiltering, enableSorting, enableRowSelection, enableMultiRowSelection, enableColumnResizing: isResizable, manualPagination: !enablePagination, columnResizeMode, globalFilterFn: "includesString", }); return ( , isResizable, globalFilter, onGlobalFilterChange: handleGlobalFilterChange, pagination, }} >

{children}

); } export type DataTableToolbarProps = React.ComponentProps<"div">; function DataTableToolbar({ className, ...props }: DataTableToolbarProps) { return (