1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
|
"use client"
import * as React from "react"
import { ColumnDef } from "@tanstack/react-table"
import { formatDate, formatDateTime } from "@/lib/utils"
import { Checkbox } from "@/components/ui/checkbox"
import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header"
import { DataTableRowAction } from "@/types/table"
import { VendorDocumentsView } from "@/db/schema/vendorDocu"
interface GetColumnsProps {
setRowAction: React.Dispatch<React.SetStateAction<DataTableRowAction<VendorDocumentsView> | null>>
}
export function getColumns({
setRowAction,
}: GetColumnsProps): ColumnDef<VendorDocumentsView>[] {
return [
{
id: "select",
// Remove the "Select all" checkbox in header since we're doing single-select
header: () => <span className="sr-only">Select</span>,
cell: ({ row, table }) => (
<Checkbox
checked={row.getIsSelected()}
onCheckedChange={(value) => {
// If selecting this row
if (value) {
// First deselect all rows (to ensure single selection)
table.toggleAllRowsSelected(false)
// Then select just this row
row.toggleSelected(true)
// Trigger the same action that was in the "Select" button
setRowAction({ row, type: "select" })
} else {
// Just deselect this row
row.toggleSelected(false)
}
}}
aria-label="Select row"
className="translate-y-0.5"
/>
),
enableSorting: false,
enableHiding: false,
enableResizing: false,
size: 40,
minSize: 40,
maxSize: 40,
},
{
accessorKey: "docNumber",
header: ({ column }) => (
<DataTableColumnHeaderSimple column={column} title="Doc Number" />
),
cell: ({ row }) => <div>{row.getValue("docNumber")}</div>,
meta: {
excelHeader: "Doc Number"
},
enableResizing: true,
minSize: 100,
size: 160,
},
{
accessorKey: "title",
header: ({ column }) => (
<DataTableColumnHeaderSimple column={column} title="Doc title" />
),
cell: ({ row }) => <div>{row.getValue("title")}</div>,
meta: {
excelHeader: "Doc title"
},
enableResizing: true,
minSize: 100,
size: 160,
},
{
accessorKey: "pic",
header: ({ column }) => (
<DataTableColumnHeaderSimple column={column} title="SHI PIC" />
),
cell: ({ row }) => <div>{row.getValue("pic")}</div>,
meta: {
excelHeader: "SHI PIC"
},
enableResizing: true,
minSize: 100,
size: 160,
},
{
accessorKey: "latestStageName",
header: ({ column }) => (
<DataTableColumnHeaderSimple column={column} title="Latest Stage Name" />
),
cell: ({ row }) => <div>{row.getValue("latestStageName")}</div>,
meta: {
excelHeader: "Latest Stage Name"
},
enableResizing: true,
minSize: 100,
size: 160,
},
{
accessorKey: "latestStagePlanDate",
header: ({ column }) => (
<DataTableColumnHeaderSimple column={column} title="Latest Stage Plan Date" />
),
cell: ({ cell }) => {
const value = cell.getValue();
return value ? formatDate(value as Date) : "";
}, meta: {
excelHeader: "Latest Stage Plan Date"
},
enableResizing: true,
minSize: 100,
size: 160,
},
{
accessorKey: "latestStageActualDate",
header: ({ column }) => (
<DataTableColumnHeaderSimple column={column} title="Latest Stage Actual Date" />
),
cell: ({ cell }) => {
const value = cell.getValue();
return value ? formatDate(value as Date) : "";
}, meta: {
excelHeader: "Latest Stage Actual Date"
},
enableResizing: true,
minSize: 100,
size: 160,
},
{
accessorKey: "latestRevision",
header: ({ column }) => (
<DataTableColumnHeaderSimple column={column} title="Latest Revision" />
),
cell: ({ row }) => <div>{row.getValue("latestRevision")}</div>,
meta: {
excelHeader: "Latest Revision"
},
enableResizing: true,
minSize: 100,
size: 160,
},
{
accessorKey: "updatedAt",
header: ({ column }) => (
<DataTableColumnHeaderSimple column={column} title="Updated At" />
),
cell: ({ cell }) => formatDateTime(cell.getValue() as Date),
meta: {
excelHeader: "updated At"
},
enableResizing: true,
minSize: 120,
size: 180,
},
// The "actions" column has been removed
]
}
|
