Skip to content

Commit 7830e41

Browse files
autofix-ci[bot]autofix-ci[bot]
authored
ci: apply automated fixes
1 parent e93729a commit 7830e41

4 files changed

Lines changed: 48 additions & 38 deletions

File tree

‎examples/vanilla/basic/src/main.ts‎

Lines changed: 13 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
11
import './index.css'
22

3-
import {
4-
createColumnHelper,
5-
getCoreRowModel,
6-
} from '@tanstack/table-core'
3+
import { createColumnHelper, getCoreRowModel } from '@tanstack/table-core'
74

85
import { flexRender, useTable } from './useTable'
96

@@ -76,7 +73,6 @@ const columns = [
7673
]
7774

7875
const renderTable = () => {
79-
8076
// Create table elements
8177
const tableElement = document.createElement('table')
8278
const theadElement = document.createElement('thead')
@@ -88,38 +84,41 @@ const renderTable = () => {
8884
tableElement.appendChild(tfootElement)
8985

9086
// Render table headers
91-
table.getHeaderGroups().forEach((headerGroup) => {
87+
table.getHeaderGroups().forEach(headerGroup => {
9288
const trElement = document.createElement('tr')
93-
headerGroup.headers.forEach((header) => {
89+
headerGroup.headers.forEach(header => {
9490
const thElement = document.createElement('th')
9591
thElement.innerHTML = header.isPlaceholder
9692
? ''
9793
: flexRender(header.column.columnDef.header, header.getContext())
98-
trElement.appendChild(thElement)
94+
trElement.appendChild(thElement)
9995
})
10096
theadElement.appendChild(trElement)
10197
})
10298

10399
// Render table rows
104-
table.getRowModel().rows.forEach((row) => {
100+
table.getRowModel().rows.forEach(row => {
105101
const trElement = document.createElement('tr')
106-
row.getVisibleCells().forEach((cell) => {
102+
row.getVisibleCells().forEach(cell => {
107103
const tdElement = document.createElement('td')
108-
tdElement.innerHTML = flexRender(cell.column.columnDef.cell, cell.getContext())
104+
tdElement.innerHTML = flexRender(
105+
cell.column.columnDef.cell,
106+
cell.getContext()
107+
)
109108
trElement.appendChild(tdElement)
110109
})
111110
tbodyElement.appendChild(trElement)
112111
})
113112

114113
// Render table footers
115-
table.getFooterGroups().forEach((footerGroup) => {
114+
table.getFooterGroups().forEach(footerGroup => {
116115
const trElement = document.createElement('tr')
117-
footerGroup.headers.forEach((header) => {
116+
footerGroup.headers.forEach(header => {
118117
const thElement = document.createElement('th')
119118
thElement.innerHTML = header.isPlaceholder
120119
? ''
121120
: flexRender(header.column.columnDef.footer, header.getContext())
122-
trElement.appendChild(thElement)
121+
trElement.appendChild(thElement)
123122
})
124123
tfootElement.appendChild(trElement)
125124
})

‎examples/vanilla/basic/src/useTable.ts‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,9 @@ export const flexRender = <TProps extends object>(comp: any, props: TProps) => {
1414
return comp
1515
}
1616

17-
export const useTable = <TData extends RowData>(options: TableOptions<TData>) => {
17+
export const useTable = <TData extends RowData>(
18+
options: TableOptions<TData>
19+
) => {
1820
// Compose in the generic options to the user options
1921
const resolvedOptions: TableOptionsResolved<TData> = {
2022
state: {}, // Dummy state
@@ -30,16 +32,16 @@ export const useTable = <TData extends RowData>(options: TableOptions<TData>) =>
3032
const state = atom(table.initialState)
3133

3234
// Subscribe to state changes
33-
state.subscribe((currentState) => {
34-
table.setOptions((prev) => ({
35+
state.subscribe(currentState => {
36+
table.setOptions(prev => ({
3537
...prev,
3638
...options,
3739
state: {
3840
...currentState,
3941
...options.state,
4042
},
4143
// Similarly, we'll maintain both our internal state and any user-provided state
42-
onStateChange: (updater) => {
44+
onStateChange: updater => {
4345
if (typeof updater === 'function') {
4446
const newState = updater(currentState)
4547
state.set(newState)

‎examples/vanilla/pagination/src/main.ts‎

Lines changed: 23 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,6 @@ const columns = [
4545
]
4646

4747
const renderTable = () => {
48-
4948
// Create table elements
5049
const tableElement = document.createElement('table')
5150
const theadElement = document.createElement('thead')
@@ -57,17 +56,20 @@ const renderTable = () => {
5756
tableElement.appendChild(tbodyElement)
5857

5958
// Render table headers
60-
table.getHeaderGroups().forEach((headerGroup) => {
59+
table.getHeaderGroups().forEach(headerGroup => {
6160
const trElement = document.createElement('tr')
62-
headerGroup.headers.forEach((header) => {
61+
headerGroup.headers.forEach(header => {
6362
const thElement = document.createElement('th')
6463
thElement.colSpan = header.colSpan
6564
const divElement = document.createElement('div')
66-
divElement.classList.add('w-36', ...(header.column.getCanSort() ? ['cursor-pointer', 'select-none'] : []))
67-
divElement.onclick = (e) => header.column.getToggleSortingHandler()?.(e),
68-
divElement.innerHTML = header.isPlaceholder
69-
? ''
70-
: flexRender(header.column.columnDef.header, header.getContext())
65+
divElement.classList.add(
66+
'w-36',
67+
...(header.column.getCanSort() ? ['cursor-pointer', 'select-none'] : [])
68+
)
69+
;(divElement.onclick = e => header.column.getToggleSortingHandler()?.(e)),
70+
(divElement.innerHTML = header.isPlaceholder
71+
? ''
72+
: flexRender(header.column.columnDef.header, header.getContext()))
7173
divElement.innerHTML +=
7274
{
7375
asc: ' 🔼',
@@ -80,11 +82,14 @@ const renderTable = () => {
8082
})
8183

8284
// Render table rows
83-
table.getRowModel().rows.forEach((row) => {
85+
table.getRowModel().rows.forEach(row => {
8486
const trElement = document.createElement('tr')
85-
row.getVisibleCells().forEach((cell) => {
87+
row.getVisibleCells().forEach(cell => {
8688
const tdElement = document.createElement('td')
87-
tdElement.innerHTML = flexRender(cell.column.columnDef.cell, cell.getContext())
89+
tdElement.innerHTML = flexRender(
90+
cell.column.columnDef.cell,
91+
cell.getContext()
92+
)
8893
trElement.appendChild(tdElement)
8994
})
9095
tbodyElement.appendChild(trElement)
@@ -101,7 +106,7 @@ const renderTable = () => {
101106
firstPageButton.innerHTML = '<<'
102107
firstPageButton.onclick = () => table.firstPage()
103108
paginationElement.appendChild(firstPageButton)
104-
109+
105110
// Render pagination previous page button
106111
const prevPageButton = document.createElement('button')
107112
prevPageButton.classList.add('border', 'rounded', 'p-1')
@@ -140,9 +145,11 @@ const renderTable = () => {
140145
paginationPageInput.type = 'number'
141146
paginationPageInput.min = String(1)
142147
paginationPageInput.max = String(table.getPageCount())
143-
paginationPageInput.defaultValue = String(table.getState().pagination.pageIndex + 1)
148+
paginationPageInput.defaultValue = String(
149+
table.getState().pagination.pageIndex + 1
150+
)
144151
paginationPageInput.classList.add('border', 'p-1', 'rounded', 'w-16')
145-
paginationPageInput.oninput = (e) => {
152+
paginationPageInput.oninput = e => {
146153
const target = e.target as HTMLInputElement
147154
const page = target.value ? Number(target.value) - 1 : 0
148155
table.setPageIndex(page)
@@ -153,11 +160,11 @@ const renderTable = () => {
153160
// Render pagiantion page size
154161
const paginationPageSizeSelect = document.createElement('select')
155162
paginationPageSizeSelect.value = String(table.getState().pagination.pageSize)
156-
paginationPageSizeSelect.onchange = (e) => {
163+
paginationPageSizeSelect.onchange = e => {
157164
const target = e.target as HTMLSelectElement
158165
table.setPageSize(Number(target.value))
159166
}
160-
[10, 20, 30, 40, 50].map(pageSize => {
167+
;[10, 20, 30, 40, 50].map(pageSize => {
161168
const option = document.createElement('option')
162169
option.value = String(pageSize)
163170
option.selected = table.getState().pagination.pageSize === pageSize

‎examples/vanilla/pagination/src/useTable.ts‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,9 @@ export const flexRender = <TProps extends object>(comp: any, props: TProps) => {
1414
return comp
1515
}
1616

17-
export const useTable = <TData extends RowData>(options: TableOptions<TData>) => {
17+
export const useTable = <TData extends RowData>(
18+
options: TableOptions<TData>
19+
) => {
1820
// Compose in the generic options to the user options
1921
const resolvedOptions: TableOptionsResolved<TData> = {
2022
state: {}, // Dummy state
@@ -30,16 +32,16 @@ export const useTable = <TData extends RowData>(options: TableOptions<TData>) =>
3032
const state = atom(table.initialState)
3133

3234
// Subscribe to state changes
33-
state.subscribe((currentState) => {
34-
table.setOptions((prev) => ({
35+
state.subscribe(currentState => {
36+
table.setOptions(prev => ({
3537
...prev,
3638
...options,
3739
state: {
3840
...currentState,
3941
...options.state,
4042
},
4143
// Similarly, we'll maintain both our internal state and any user-provided state
42-
onStateChange: (updater) => {
44+
onStateChange: updater => {
4345
if (typeof updater === 'function') {
4446
const newState = updater(currentState)
4547
state.set(newState)

0 commit comments

Comments
 (0)