Skip to content

Commit 73b86ae

Browse files
committed
chore: rename a bunch of types
1 parent 4822641 commit 73b86ae

File tree

55 files changed

+512
-529
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+512
-529
lines changed

docs/api/features/column-visibility.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@ id: column-visibility
88
Column visibility state is stored on the table using the following shape:
99

1010
```tsx
11-
export type VisibilityState = Record<string, boolean>
11+
export type ColumnVisibilityState = Record<string, boolean>
1212

1313
export type VisibilityTableState = {
14-
columnVisibility: VisibilityState
14+
columnVisibility: ColumnVisibilityState
1515
}
1616
```
1717
@@ -64,7 +64,7 @@ Returns a function that can be used to toggle the column visibility. This functi
6464
### `onColumnVisibilityChange`
6565
6666
```tsx
67-
onColumnVisibilityChange?: OnChangeFn<VisibilityState>
67+
onColumnVisibilityChange?: OnChangeFn<ColumnVisibilityState>
6868
```
6969
7070
If provided, this function will be called with an `updaterFn` when `state.columnVisibility` changes. This overrides the default internal state management, so you will need to persist the state change either fully or partially outside of the table.
@@ -122,7 +122,7 @@ If column pinning, returns a flat array of leaf-node columns that are visible in
122122
### `setColumnVisibility`
123123
124124
```tsx
125-
setColumnVisibility: (updater: Updater<VisibilityState>) => void
125+
setColumnVisibility: (updater: Updater<ColumnVisibilityState>) => void
126126
```
127127
128128
Updates the column visibility state via an updater function or value

examples/angular/column-ordering/src/app/app.component.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
injectTable,
1111
FlexRenderDirective,
1212
getCoreRowModel,
13-
type VisibilityState,
13+
type ColumnVisibilityState,
1414
} from '@tanstack/angular-table'
1515
import { makeData, type Person } from './makeData'
1616
import { faker } from '@faker-js/faker'
@@ -76,7 +76,7 @@ const defaultColumns: ColumnDef<Person>[] = [
7676
})
7777
export class AppComponent {
7878
readonly data = signal<Person[]>(makeData(20))
79-
readonly columnVisibility = signal<VisibilityState>({})
79+
readonly columnVisibility = signal<ColumnVisibilityState>({})
8080
readonly columnOrder = signal<ColumnOrderState>([])
8181

8282
readonly table = injectTable(() => ({

examples/angular/column-pinning-sticky/src/app/app.component.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import {
1212
injectTable,
1313
FlexRenderDirective,
1414
getCoreRowModel,
15-
type VisibilityState,
15+
type ColumnVisibilityState,
1616
} from '@tanstack/angular-table'
1717
import { makeData } from './makeData'
1818
import { faker } from '@faker-js/faker'
@@ -83,7 +83,7 @@ const defaultColumns: ColumnDef<Person>[] = [
8383
export class AppComponent {
8484
readonly columns = signal([...defaultColumns])
8585
readonly data = signal<Person[]>(makeData(30))
86-
readonly columnVisibility = signal<VisibilityState>({})
86+
readonly columnVisibility = signal<ColumnVisibilityState>({})
8787
readonly columnOrder = signal<ColumnOrderState>([])
8888
readonly columnPinning = signal<ColumnPinningState>({})
8989
readonly split = signal(false)

examples/angular/column-pinning/src/app/app.component.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {
1111
injectTable,
1212
FlexRenderDirective,
1313
getCoreRowModel,
14-
type VisibilityState,
14+
type ColumnVisibilityState,
1515
} from '@tanstack/angular-table'
1616
import { makeData } from './makeData'
1717
import { faker } from '@faker-js/faker'
@@ -87,7 +87,7 @@ const defaultColumns: ColumnDef<Person>[] = [
8787
})
8888
export class AppComponent {
8989
readonly data = signal<Person[]>(makeData(5000))
90-
readonly columnVisibility = signal<VisibilityState>({})
90+
readonly columnVisibility = signal<ColumnVisibilityState>({})
9191
readonly columnOrder = signal<ColumnOrderState>([])
9292
readonly columnPinning = signal<ColumnPinningState>({})
9393
readonly split = signal(false)

examples/angular/column-visibility/src/app/app.component.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
injectTable,
1111
FlexRenderDirective,
1212
getCoreRowModel,
13-
type VisibilityState,
13+
type ColumnVisibilityState,
1414
} from '@tanstack/angular-table'
1515

1616
type Person = {
@@ -110,7 +110,7 @@ const defaultColumns: ColumnDef<Person>[] = [
110110
})
111111
export class AppComponent implements OnInit {
112112
data = signal<Person[]>([])
113-
readonly columnVisibility = signal<VisibilityState>({})
113+
readonly columnVisibility = signal<ColumnVisibilityState>({})
114114

115115
table = injectTable(() => ({
116116
data: this.data(),

examples/react/column-pinning/src/main.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
flexRender,
1111
getCoreRowModel,
1212
useTable,
13-
VisibilityState,
13+
ColumnVisibilityState,
1414
} from '@tanstack/react-table'
1515
import { makeData, Person } from './makeData'
1616

@@ -71,7 +71,7 @@ function App() {
7171
const [columns] = React.useState(() => [...defaultColumns])
7272

7373
const [columnVisibility, setColumnVisibility] =
74-
React.useState<VisibilityState>({})
74+
React.useState<ColumnVisibilityState>({})
7575
const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>([])
7676
const [columnPinning, setColumnPinning] = React.useState({})
7777

examples/solid/column-ordering/src/App.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {
55
flexRender,
66
getCoreRowModel,
77
ColumnOrderState,
8-
VisibilityState,
8+
ColumnVisibilityState,
99
ColumnDef,
1010
createTable,
1111
} from '@tanstack/solid-table'
@@ -65,9 +65,8 @@ const defaultColumns: ColumnDef<Person>[] = [
6565
function App() {
6666
const [data, setData] = createSignal(makeData(20))
6767
const [columnOrder, setColumnOrder] = createSignal<ColumnOrderState>([])
68-
const [columnVisibility, setColumnVisibility] = createSignal<VisibilityState>(
69-
{}
70-
)
68+
const [columnVisibility, setColumnVisibility] =
69+
createSignal<ColumnVisibilityState>({})
7170
const rerender = () => setData(() => makeData(20))
7271

7372
const table = createTable({

examples/solid/column-visibility/src/App.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import {
22
flexRender,
33
getCoreRowModel,
4-
VisibilityState,
4+
ColumnVisibilityState,
55
ColumnDef,
66
createTable,
77
} from '@tanstack/solid-table'
@@ -97,9 +97,8 @@ const defaultColumns: ColumnDef<Person>[] = [
9797

9898
function App() {
9999
const [data, setData] = createSignal(defaultData)
100-
const [columnVisibility, setColumnVisibility] = createSignal<VisibilityState>(
101-
{}
102-
)
100+
const [columnVisibility, setColumnVisibility] =
101+
createSignal<ColumnVisibilityState>({})
103102
const rerender = () => setData(defaultData)
104103

105104
const table = createTable({

examples/svelte/column-ordering/src/App.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
ColumnOrderState,
66
OnChangeFn,
77
TableOptions,
8-
VisibilityState,
8+
ColumnVisibilityState,
99
} from '@tanstack/svelte-table'
1010
import {
1111
FlexRender,
@@ -73,7 +73,7 @@
7373
7474
const [columnOrder, setColumnOrder] = createTableState<ColumnOrderState>([])
7575
const [columnVisibility, setColumnVisibility] =
76-
createTableState<VisibilityState>({})
76+
createTableState<ColumnVisibilityState>({})
7777
7878
const options: TableOptions<Person> = {
7979
get data() {

examples/svelte/column-pinning/src/App.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
ColumnOrderState,
66
ColumnPinningState,
77
TableOptions,
8-
VisibilityState,
8+
ColumnVisibilityState,
99
} from '@tanstack/svelte-table'
1010
import {
1111
FlexRender,
@@ -76,7 +76,7 @@
7676
const [columnPinning, setColumnPinning] =
7777
createTableState<ColumnPinningState>({})
7878
const [columnVisibility, setColumnVisibility] =
79-
createTableState<VisibilityState>({})
79+
createTableState<ColumnVisibilityState>({})
8080
8181
const options: TableOptions<Person> = {
8282
get data() {

0 commit comments

Comments
 (0)