4f: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/3j06ow7w40nxu.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"] 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/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/3j06ow7w40nxu.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"] 51:T1583,import { useMemo, useState, type ReactNode } from 'react' import { Text } from './text' /* ------------------------------------------------------------------ */ /* Table */ /* ------------------------------------------------------------------ */ interface TableColumn { key: string header: string render: (row: T) => ReactNode align?: 'left' | 'right' mono?: boolean truncate?: boolean /** Supply a comparator to make this column's header a sort control. * Opt-in on purpose: a column without `sort` renders the same inert header * it always has, so adding sorting to the system changed no existing * snapshot. Sorting is internal state — `rows` stays the source order. */ sort?: (a: T, b: T) => number } interface TableBaseProps { columns: TableColumn[] rows: T[] getKey: (row: T) => string } type TableProps = TableBaseProps & ( | { onRowClick?: undefined; getRowLabel?: never } | { /** Makes the row clickable while keeping keyboard semantics on a real * button in its first cell. Use for opening a record, not deletion. */ onRowClick: (row: T) => void /** Names that first-cell button, e.g. "Open Apple". */ getRowLabel: (row: T) => string } ) export function Table({ columns, rows, getKey, onRowClick, getRowLabel }: TableProps) { const [sortKey, setSortKey] = useState(null) const [desc, setDesc] = useState(false) const active = sortKey ? columns.find((c) => c.key === sortKey) : undefined /* Sort a copy: mutating `rows` would reorder the caller's array, and a caller * that memoised it would see its own data silently rearranged. */ const sorted = useMemo(() => { if (!active?.sort) return rows const out = [...rows].sort(active.sort) return desc ? out.reverse() : out }, [rows, active, desc]) function toggle(col: TableColumn) { if (col.key === sortKey) setDesc((d) => !d) else { setSortKey(col.key) setDesc(false) } } return (

{columns.map((col) => ( ))} {sorted.length === 0 ? ( ) : ( sorted.map((row) => ( { const target = event.target as Element const interactive = target.closest('a, button, input, select, textarea') if (interactive && !interactive.classList.contains('pouf-table__rowaction')) return onRowClick(row) } : undefined } > {columns.map((col, index) => { const cell = ( {col.render(row)} ) return ( ) })} )) )}

{col.sort ? ( ) : ( {col.header} )}
No data.
{index === 0 && onRowClick ? ( ) : cell}

) } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4f",null,{"namespace":"@1st-pouf","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/text.json"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/pouf/table.tsx","content":"$51","type":"registry:ui","target":"components/pouf/table.tsx"}],"className":"h-[70svh] min-h-80"}]]}]