4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e:I[544296,["/_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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"ItemStyles"] 4f:I[34002,["/_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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"CodeEditor"] 50: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 51:T2eaf,"use client"; import * as React from "react"; import { cn } from "@/lib/utils"; import { Table, TableContainer, TableHeader, TableBody, TableRow, TableHead, TableCell, type TableContainerProps, } from "@/components/ui/table"; import { Pagination, type PaginationProps, } from "@/components/ui/pagination"; import { Button } from "@/components/ui/button"; import { Icon } from "@/components/ui/icon"; import { useFlowGroup } from "@/lib/cojeev-motion/use-flow"; export type DataTableColumn = { id: string; header: React.ReactNode; accessorKey?: keyof T; cell?: (row: T) => React.ReactNode; numeric?: boolean; sortValue?: (row: T) => string | number; className?: string; }; export type DataTableFilter = { id: string; label: React.ReactNode; predicate: (row: T) => boolean; }; export type DataTableProps = Omit< React.ComponentProps<"div">, "children" > & { data: T[]; columns: DataTableColumn[]; /** The index is the row's position in data, before filtering or sorting. */ getRowId?: (row: T, index: number) => string; filters?: DataTableFilter[]; filter?: string; defaultFilter?: string; onFilterChange?: (filter: string) => void; page?: number; defaultPage?: number; onPageChange?: (page: number) => void; pageSize?: number; emptyMessage?: React.ReactNode; caption?: string; onRowClick?: (row: T) => void; appearance?: "ledger" | "rich"; }; export function DataTable({ data, columns, getRowId, filters = [], filter, defaultFilter = "all", onFilterChange, page, defaultPage = 1, onPageChange, pageSize = 10, emptyMessage = "No matching records", caption, onRowClick, appearance, className, ...props }: DataTableProps) { const [localFilter, setLocalFilter] = React.useState(defaultFilter); const [localPage, setLocalPage] = React.useState(defaultPage); const [sort, setSort] = React.useState<{ id: string; direction: "asc" | "desc"; } | null>(null); const activeFilter = filter ?? localFilter; const selectedFilter = filters.find((f) => f.id === activeFilter); // Membership must retain a row's identity across filters, sorting and pages. // Consumers that insert/reorder source data should supply getRowId. const rows = React.useMemo( () => data.map((row, sourceIndex) => ({ row, id: getRowId?.(row, sourceIndex) ?? sourceIndex, })), [data, getRowId], ); const filtered = React.useMemo( () => selectedFilter ? rows.filter(({ row }) => selectedFilter.predicate(row)) : rows, [rows, selectedFilter], ); const sorted = React.useMemo(() => { const col = columns.find((c) => c.id === sort?.id); if (!sort || !col?.sortValue) return filtered; const value = col.sortValue; return [...filtered].sort((a, b) => { const av = value(a.row), bv = value(b.row); const delta = typeof av === "number" && typeof bv === "number" ? av - bv : String(av).localeCompare(String(bv)); return sort.direction === "asc" ? delta : -delta; }); }, [filtered, columns, sort]); const size = Math.max( 1, Math.floor(Number.isFinite(pageSize) ? pageSize : 10), ); const totalPages = Math.max(1, Math.ceil(sorted.length / size)); const current = Math.max( 1, Math.min( totalPages, Math.floor(Number.isFinite(page ?? localPage) ? (page ?? localPage) : 1), ), ); const visible = sorted.slice((current - 1) * size, current * size); const setPage = (next: number) => { if (page === undefined) setLocalPage(next); onPageChange?.(next); }; const setFilter = (next: string) => { if (filter === undefined) setLocalFilter(next); onFilterChange?.(next); setPage(1); }; return (

{filters.length > 0 && ( setFilter("all")} > All {data.length} {filters.map((f) => ( setFilter(f.id)} > {f.label} {data.filter(f.predicate).length} ))} )} {caption && } {columns.map((col) => ( {col.sortValue ? ( ) : ( col.header )} ))} {visible.map(({ row, id }) => ( { if (event.defaultPrevented) return; const target = event.target as Element; if ( target.closest( "button,a,input,select,textarea,summary,[role='button'],[role='link'],[role='checkbox'],[role='switch'],[role='radio'],[contenteditable='true'],[data-row-action]", ) ) return; onRowClick?.(row); }} onKeyDown={(event) => { if ( onRowClick && !event.defaultPrevented && event.target === event.currentTarget && (event.key === "Enter" || event.key === " ") ) { event.preventDefault(); onRowClick(row); } }} > {columns.map((col) => ( {col.cell ? col.cell(row) : col.accessorKey === undefined ? null : String(row[col.accessorKey] ?? "")} ))} ))} {!filtered.length && ( {emptyMessage} {data.length ? "Try another filter to see more records." : "Add a record to begin this collection."} {activeFilter !== "all" && ( )} )}

{filtered.length ? `${(current - 1) * size + 1}–${Math.min(current * size, filtered.length)} of ${filtered.length}` : "0"}{" "} records{activeFilter !== "all" && ` · ${data.length} total`} {totalPages > 1 && ( )}

); } export type DataTableViewportProps = TableContainerProps; export function DataTableViewport(props: DataTableViewportProps) { return ; } export type DataTableFiltersProps = React.ComponentProps<"div">; export function DataTableFilters({ ref, className, ...props }: DataTableFiltersProps) { const flowRef = useFlowGroup(ref); return (

); } export type DataTableFilterButtonProps = React.ComponentProps & { pressed?: boolean; }; export function DataTableFilterButton({ className, pressed, ...props }: DataTableFilterButtonProps) { return (