4e: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"] 4f: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"] 50:T31ab,"use client" import * as React from "react" import { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" import { Checkbox } from "@/components/ui/checkbox" import { Skeleton } from "@/components/ui/skeleton" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { EmptyState } from "@/components/ikas/empty-state" type RecordTableColumn = { id: string header: React.ReactNode /** Cell renderer. Defaults to `String(row[id])`. */ cell?: (row: T) => React.ReactNode align?: "start" | "end" /** Tailwind width class, e.g. "w-32". */ className?: string /** Hide below the md breakpoint. Keep the first column always visible. */ hideOnMobile?: boolean /** Header becomes a sort button. Needs `sort` and `onSortChange` on the table. */ sortable?: boolean } type RecordTableSort = { /** Column id. */ id: string direction: "asc" | "desc" } type RecordTableProps = { columns: RecordTableColumn[] rows: T[] /** Stable id per row, used for keys and selection. */ getRowId: (row: T) => string /** Accessible name, e.g. "Orders". */ label: string /** Enables checkboxes. Controlled. */ selectedIds?: string[] onSelectedIdsChange?: (ids: string[]) => void /** Rendered in the header row while rows are selected. Receives selected ids. */ bulkActions?: (selectedIds: string[]) => React.ReactNode /** Makes rows clickable, usually to open the record. */ onRowClick?: (row: T) => void /** Shows skeleton rows and disables selection and paging. */ loading?: boolean /** Shown when `rows` is empty and not loading. Usually an EmptyState size="section". */ emptyState?: React.ReactNode /** * The rows failed to load: replaces them with a danger EmptyState. `true` uses the * default message; a string or node becomes its description. `loading` wins while set. */ error?: React.ReactNode /** Adds "Tekrar dene" to the error state. Set `loading` while the retry runs. */ onRetry?: () => void /** Current sort. The table only shows it; sort `rows` yourself (or on the server). */ sort?: RecordTableSort /** Called when a sortable header is clicked: ascending, then descending, then off. */ onSortChange?: (sort: RecordTableSort | undefined) => void /** Search, filters, tabs. Rendered above the table inside the same card. */ toolbar?: React.ReactNode /** Prev/next footer, shown when there is more than one page. */ pagination?: { page: number pageCount: number onPageChange: (page: number) => void /** e.g. "1–20 of 134" */ summary?: React.ReactNode } className?: string } /** List of records in a card: selection, bulk actions, paging, empty and error states. */ function RecordTable({ columns, rows, getRowId, label, selectedIds, onSelectedIdsChange, bulkActions, onRowClick, loading = false, emptyState, error, onRetry, sort, onSortChange, toolbar, pagination, className, }: RecordTableProps) { const failed = !loading && Boolean(error) const selectable = Boolean(selectedIds && onSelectedIdsChange) const selected = React.useMemo(() => new Set(selectedIds ?? []), [selectedIds]) const pageIds = rows.map(getRowId) const selectedOnPage = pageIds.filter((id) => selected.has(id)).length const allSelected = pageIds.length > 0 && selectedOnPage === pageIds.length const someSelected = selectedOnPage > 0 && !allSelected const showBulk = selectable && selected.size > 0 && Boolean(bulkActions) const colSpan = columns.length + (selectable ? 1 : 0) function cycleSort(id: string) { if (!onSortChange) return if (sort?.id !== id) onSortChange({ id, direction: "asc" }) else if (sort.direction === "asc") onSortChange({ id, direction: "desc" }) else onSortChange(undefined) } function toggleAll(checked: boolean) { if (!onSelectedIdsChange) return const next = new Set(selected) for (const id of pageIds) { if (checked) next.add(id) else next.delete(id) } onSelectedIdsChange([...next]) } function toggleOne(id: string, checked: boolean) { if (!onSelectedIdsChange) return const next = new Set(selected) if (checked) next.add(id) else next.delete(id) onSelectedIdsChange([...next]) } return (

{toolbar && (

{toolbar}

)} {selectable && ( toggleAll(value === true)} disabled={loading || failed || rows.length === 0} /> )} {showBulk ? (

{selected.size} seçildi

{bulkActions?.([...selected])}

) : ( columns.map((column, index) => { const sortable = column.sortable && onSortChange const direction = sort?.id === column.id ? sort.direction : undefined const SortIcon = direction === "asc" ? ArrowUpIcon : direction === "desc" ? ArrowDownIcon : ArrowUpDownIcon return ( {sortable ? ( ) : ( column.header )} ) }) )} {loading ? ( Array.from({ length: 5 }, (_, i) => ( {selectable && ( )} {columns.map((column, index) => ( ))} )) ) : failed ? ( ) : rows.length === 0 ? ( {emptyState ??

Sonuç yok

} ) : ( rows.map((row) => { const id = getRowId(row) const isSelected = selected.has(id) return ( onRowClick(row) : undefined} className={cn(onRowClick && "cursor-pointer", "data-[state=selected]:bg-muted")} > {selectable && ( event.stopPropagation()}> toggleOne(id, value === true)} /> )} {columns.map((column, index) => ( {column.cell ? column.cell(row) : String((row as Record)[column.id] ?? "")} ))} ) }) )}

{pagination && pagination.pageCount > 1 && !failed && (

{pagination.summary ?? `Sayfa ${pagination.page} / ${pagination.pageCount}`}

)}

) } export { RecordTable, type RecordTableSort, type RecordTableColumn, type RecordTableProps } 4d:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@ikas","registryDependencies":["@ikas/button","@ikas/checkbox","@ikas/empty-state","@ikas/skeleton","@ikas/table","@ikas/utils"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/ikas/record-table.tsx","content":"$50","type":"registry:component","target":"@components/ikas/record-table.tsx"}],"className":"h-[70svh] min-h-80"}]]}]