Create new
Bindings
Transitions
Animations
Easing
Component composition
Context API
Special elements
Module context
Debugging
Miscellaneous
App.svelte
EditableCell.svelte
createSamples.js
runes
This component is not in runes mode.
To enable runes mode, either start using runes in your code, or add the following to the top of your component:
<svelte:options runes />999
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
›
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
<script>
import { writable } from 'svelte/store';
import { Render, Subscribe, createTable, createRender, DataBodyRow } from 'svelte-headless-table';
import { createSamples } from './createSamples';
import EditableCell from './EditableCell.svelte';
const data = writable(createSamples(100));
const updateData = (rowDataId, columnId, newValue) => {
if (['age', 'visits', 'progress'].includes(columnId)) {
newValue = parseInt(newValue);
if (isNaN(newValue)) {
// Refresh data to reset invalid values.
$data = $data;
return;
}
}
if (columnId === 'status') {
if (!['relationship', 'single', 'complicated'].includes(newValue)) {
// Refresh data to reset invalid values.
$data = $data;
return;
}
}
// In this case, the dataId of each item is its index in $data.
// You can also handle any server-synchronization necessary here.
const idx = parseInt(rowDataId);
const currentItem = $data[idx];
const key = columnId; // Cast as `keyof YourDataItem`
const newItem = {...currentItem, [key]: newValue};
console.log(newItem);
$data[idx] = newItem;
$data = $data;
// Handle any server-synchronization.
}
const table = createTable(data);
const EditableCellLabel /*: DataLabel<Sample>*/ = ({ column, row, value }) =>
createRender(EditableCell, {
row,
column,
value,
onUpdateValue: updateData,
})
const columns = table.createColumns([
table.group({
header: 'Name',
columns: [
table.column({
header: 'First Name',
cell: EditableCellLabel,
accessor: 'firstName',
}),
table.column({
header: () => 'Last Name',
cell: EditableCellLabel,
accessor: 'lastName',
}),
],
}),
table.group({
header: 'Info',
columns: [
table.column({
header: 'Age',
cell: EditableCellLabel,
accessor: 'age',
}),
table.column({
header: 'Status',
cell: EditableCellLabel,
id: 'status',
accessor: (item) => item.status,
}),
table.column({
header: 'Visits',
cell: EditableCellLabel,
accessor: 'visits',
}),
table.column({
header: 'Profile Progress',
cell: EditableCellLabel,
accessor: 'progress',
}),
],
}),
]);
const { headerRows, pageRows, tableAttrs, tableBodyAttrs } =
table.createViewModel(columns);
</script>
<div class="overflow-x-auto">
<table {...$tableAttrs} class="demo">
<thead>
{#each $headerRows as headerRow (headerRow.id)}
<Subscribe attrs={headerRow.attrs()} let:attrs>
<tr {...attrs}>
{#each headerRow.cells as cell (cell.id)}
<Subscribe attrs={cell.attrs()} let:attrs>
<th {...attrs}>
<div>
<Render of={cell.render()} />
</div>
</th>
</Subscribe>
{/each}
</tr>
</Subscribe>
{/each}
</thead>
<tbody {...$tableBodyAttrs}>
{#each $pageRows as row (row.id)}
<Subscribe attrs={row.attrs()} let:attrs>
<tr {...attrs}>
{#each row.cells as cell (cell.id)}
<Subscribe attrs={cell.attrs()} let:attrs>
<td {...attrs}>
<Render of={cell.render()} />
</td>
</Subscribe>
{/each}
</tr>
</Subscribe>
{/each}
</tbody>
</table>
</div>
<style>
table {
border-spacing: 0;
border-top: 1px solid black;
border-left: 1px solid black;
}
th, td {
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 0.5rem;
}
</style>
999
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
164
165
166
167
168
169
›
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
⌄
import "svelte/internal/disclose-version";
import "svelte/internal/flags/legacy";
import * as $ from "svelte/internal/client";
import { writable } from 'svelte/store';
import {
Render,
Subscribe,
createTable,
createRender,
DataBodyRow
} from 'svelte-headless-table';
import { createSamples } from './createSamples';
import EditableCell from './EditableCell.svelte';
var root_4 = $.template(`<th><div><!></div></th>`);
var root_2 = $.template(`<tr></tr>`);
var root_8 = $.template(`<td><!></td>`);
var root_6 = $.template(`<tr></tr>`);
var root = $.template(`<div class="overflow-x-auto"><table><thead></thead><tbody></tbody></table></div>`);
export default function App($$anchor, $$props) {
$.push($$props, false);
const $$stores = $.setup_stores();
const $data = () => $.store_get(data, "$data", $$stores);
const $tableAttrs = () => $.store_get(tableAttrs, "$tableAttrs", $$stores);
const $headerRows = () => $.store_get(headerRows, "$headerRows", $$stores);
const $tableBodyAttrs = () => $.store_get(tableBodyAttrs, "$tableBodyAttrs", $$stores);
const $pageRows = () => $.store_get(pageRows, "$pageRows", $$stores);
const data = writable(createSamples(100));
const updateData = (rowDataId, columnId, newValue) => {
if (['age', 'visits', 'progress'].includes(columnId)) {
newValue = parseInt(newValue);
if (isNaN(newValue)) {
// Refresh data to reset invalid values.
$.store_set(data, $data());
return;
}
}
if (columnId === 'status') {
if (!['relationship', 'single', 'complicated'].includes(newValue)) {
// Refresh data to reset invalid values.
$.store_set(data, $data());
return;
}
}
// In this case, the dataId of each item is its index in $data.
// You can also handle any server-synchronization necessary here.
const idx = parseInt(rowDataId);
const currentItem = $data()[idx];
const key = columnId; // Cast as `keyof YourDataItem`
const newItem = { ...currentItem, [key]: newValue };
console.log(newItem);
$.store_mutate(data, $.untrack($data)[idx] = newItem, $.untrack($data));
$.store_set(data, $data()); // Handle any server-synchronization.
};
const table = createTable(data);
const EditableCellLabel = (
{
column, /*: DataLabel<Sample>*/
row,
value
}
) => createRender(EditableCell, {
row,
column,
value,
onUpdateValue: updateData
});
const columns = table.createColumns([
table.group({
header: 'Name',
columns: [
table.column({
header: 'First Name',
cell: EditableCellLabel,
accessor: 'firstName'
}),
table.column({
header: () => 'Last Name',
cell: EditableCellLabel,
accessor: 'lastName'
})
]
}),
table.group({
header: 'Info',
columns: [
table.column({
header: 'Age',
cell: EditableCellLabel,
accessor: 'age'
}),
table.column({
header: 'Status',
cell: EditableCellLabel,
id: 'status',
accessor: (item) => item.status
}),
table.column({
header: 'Visits',
cell: EditableCellLabel,
accessor: 'visits'
}),
table.column({
header: 'Profile Progress',
cell: EditableCellLabel,
accessor: 'progress'
})
]
})
]);
const {
headerRows,
pageRows,
tableAttrs,
tableBodyAttrs
} = table.createViewModel(columns);
$.init();
var div = root();
var table_1 = $.child(div);
let attributes;
var thead = $.child(table_1);
$.each(thead, 5, $headerRows, (headerRow) => headerRow.id, ($$anchor, headerRow) => {
var attrs_1 = $.derived_safe_equal(() => $.get(headerRow).attrs());
Subscribe($$anchor, {
get attrs() {
return $.get(attrs_1);
},
children: $.invalid_default_snippet,
$$slots: {
default: ($$anchor, $$slotProps) => {
const attrs = $.derived_safe_equal(() => $$slotProps.attrs);
var tr = root_2();
let attributes_1;
$.each(tr, 5, () => $.get(headerRow).cells, (cell) => cell.id, ($$anchor, cell) => {
var attrs_2 = $.derived_safe_equal(() => $.get(cell).attrs());
Subscribe($$anchor, {
get attrs() {
return $.get(attrs_2);
},
children: $.invalid_default_snippet,
$$slots: {
default: ($$anchor, $$slotProps) => {
const attrs = $.derived_safe_equal(() => $$slotProps.attrs);
var th = root_4();
let attributes_2;
var div_1 = $.child(th);
var node = $.child(div_1);
var of = $.derived_safe_equal(() => $.get(cell).render());
Render(node, {
result = svelte.compile(source, {
generate: ,
});99
1
2
3
4
5
6
7
8
9
10
11
12
›
table.svelte-13nmc7k {
border-spacing: 0;
border-top: 1px solid black;
border-left: 1px solid black;
}
th.svelte-13nmc7k, td.svelte-13nmc7k {
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 0.5rem;
}
Root {
css: StyleSheet {...}
- type: "StyleSheet"
- start: 3681
- end: 3892
- attributes: []
children: [...] (2)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3690
- end: 3695
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3690
- end: 3695
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "table"
- start: 3690
- end: 3695
}
]- start: 3690
- end: 3695
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3696
- end: 3784
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 3700
- end: 3717
- property: "border-spacing"
- value: "0"
} Declaration {...}
- type: "Declaration"
- start: 3721
- end: 3748
- property: "border-top"
- value: "1px solid black"
} Declaration {...}
- type: "Declaration"
- start: 3752
- end: 3780
- property: "border-left"
- value: "1px solid black"
}
]
}- start: 3690
- end: 3784
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 3786
- end: 3792
children: [...] (2)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 3786
- end: 3788
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "th"
- start: 3786
- end: 3788
}
]- start: 3786
- end: 3788
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 3790
- end: 3792
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "td"
- start: 3790
- end: 3792
}
]- start: 3790
- end: 3792
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 3793
- end: 3883
children: [...] (3)
Declaration {...}
- type: "Declaration"
- start: 3797
- end: 3827
- property: "border-bottom"
- value: "1px solid black"
} Declaration {...}
- type: "Declaration"
- start: 3831
- end: 3860
- property: "border-right"
- value: "1px solid black"
} Declaration {...}
- type: "Declaration"
- start: 3864
- end: 3879
- property: "padding"
- value: "0.5rem"
}
]
}- start: 3786
- end: 3883
}
]content: {...}
- start: 3688
- end: 3884
- styles: "\n\ttable {\n\t\tborder-spacing: 0;\n\t\tborder-top: 1px solid black;\n\t\tborder-left: 1px solid black;\n\t}\n\tth, td {\n\t\tborder-bottom: 1px solid black;\n\t\tborder-right: 1px solid black;\n\t\tpadding: 0.5rem;\n\t}\n"
- comment: null
}
}- js: []
- start: 2602
- end: 3679
- type: "Root"
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2600
- end: 2602
- raw: "\n\n"
- data: "\n\n"
} RegularElement {...}
- type: "RegularElement"
- start: 2602
- end: 3679
- name: "div"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 2607
- end: 2630
- name: "class"
value: [...] (1)
Text {...}
- start: 2614
- end: 2629
- type: "Text"
- raw: "overflow-x-auto"
- data: "overflow-x-auto"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2631
- end: 2634
- raw: "\n "
- data: "\n "
} RegularElement {...}
- type: "RegularElement"
- start: 2634
- end: 3672
- name: "table"
attributes: [...] (2)
SpreadAttribute {...}
- type: "SpreadAttribute"
- start: 2641
- end: 2657
expression: Identifier {...}
- type: "Identifier"
- start: 2645
- end: 2656
loc: {...}
start: {...}
- line: 95
- column: 13
}end: {...}
- line: 95
- column: 24
}
}- name: "$tableAttrs"
}
} Attribute {...}
- type: "Attribute"
- start: 2658
- end: 2670
- name: "class"
value: [...] (1)
Text {...}
- start: 2665
- end: 2669
- type: "Text"
- raw: "demo"
- data: "demo"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 2671
- end: 2676
- raw: "\n "
- data: "\n "
} RegularElement {...}
- type: "RegularElement"
- start: 2676
- end: 3194
- name: "thead"
- attributes: []
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2683
- end: 2690
- raw: "\n "
- data: "\n "
} EachBlock {...}
- type: "EachBlock"
- start: 2690
- end: 3181
expression: Identifier {...}
- type: "Identifier"
- start: 2697
- end: 2708
loc: {...}
start: {...}
- line: 97
- column: 13
}end: {...}
- line: 97
- column: 24
}
}- name: "$headerRows"
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2737
- end: 2746
- raw: "\n "
- data: "\n "
} Component {...}
- type: "Component"
- start: 2746
- end: 3167
- name: "Subscribe"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 2757
- end: 2782
- name: "attrs"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 2763
- end: 2782
expression: CallExpression {...}
- type: "CallExpression"
- start: 2764
- end: 2781
loc: {...}
start: {...}
- line: 98
- column: 26
}end: {...}
- line: 98
- column: 43
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 2764
- end: 2779
loc: {...}
start: {...}
- line: 98
- column: 26
}end: {...}
- line: 98
- column: 41
}
}object: Identifier {...}
- type: "Identifier"
- start: 2764
- end: 2773
loc: {...}
start: {...}
- line: 98
- column: 26
}end: {...}
- line: 98
- column: 35
}
}- name: "headerRow"
}property: Identifier {...}
- type: "Identifier"
- start: 2774
- end: 2779
loc: {...}
start: {...}
- line: 98
- column: 36
}end: {...}
- line: 98
- column: 41
}
}- name: "attrs"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
}
} LetDirective {...}
- start: 2783
- end: 2792
- type: "LetDirective"
- name: "attrs"
- expression: null
- modifiers: []
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2793
- end: 2804
- raw: "\n "
- data: "\n "
} RegularElement {...}
- type: "RegularElement"
- start: 2804
- end: 3146
- name: "tr"
attributes: [...] (1)
SpreadAttribute {...}
- type: "SpreadAttribute"
- start: 2808
- end: 2818
expression: Identifier {...}
- type: "Identifier"
- start: 2812
- end: 2817
loc: {...}
start: {...}
- line: 99
- column: 18
}end: {...}
- line: 99
- column: 23
}
}- name: "attrs"
}
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2819
- end: 2832
- raw: "\n "
- data: "\n "
} EachBlock {...}
- type: "EachBlock"
- start: 2832
- end: 3130
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 2839
- end: 2854
loc: {...}
start: {...}
- line: 100
- column: 19
}end: {...}
- line: 100
- column: 34
}
}object: Identifier {...}
- type: "Identifier"
- start: 2839
- end: 2848
loc: {...}
start: {...}
- line: 100
- column: 19
}end: {...}
- line: 100
- column: 28
}
}- name: "headerRow"
}property: Identifier {...}
- type: "Identifier"
- start: 2849
- end: 2854
loc: {...}
start: {...}
- line: 100
- column: 29
}end: {...}
- line: 100
- column: 34
}
}- name: "cells"
}- computed: false
- optional: false
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2873
- end: 2888
- raw: "\n "
- data: "\n "
} Component {...}
- type: "Component"
- start: 2888
- end: 3110
- name: "Subscribe"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 2899
- end: 2919
- name: "attrs"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 2905
- end: 2919
expression: CallExpression {...}
- type: "CallExpression"
- start: 2906
- end: 2918
loc: {...}
start: {...}
- line: 101
- column: 32
}end: {...}
- line: 101
- column: 44
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 2906
- end: 2916
loc: {...}
start: {...}
- line: 101
- column: 32
}end: {...}
- line: 101
- column: 42
}
}object: Identifier {...}
- type: "Identifier"
- start: 2906
- end: 2910
loc: {...}
start: {...}
- line: 101
- column: 32
}end: {...}
- line: 101
- column: 36
}
}- name: "cell"
}property: Identifier {...}
- type: "Identifier"
- start: 2911
- end: 2916
loc: {...}
start: {...}
- line: 101
- column: 37
}end: {...}
- line: 101
- column: 42
}
}- name: "attrs"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
}
} LetDirective {...}
- start: 2920
- end: 2929
- type: "LetDirective"
- name: "attrs"
- expression: null
- modifiers: []
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2930
- end: 2947
- raw: "\n "
- data: "\n "
} RegularElement {...}
- type: "RegularElement"
- start: 2947
- end: 3083
- name: "th"
attributes: [...] (1)
SpreadAttribute {...}
- type: "SpreadAttribute"
- start: 2951
- end: 2961
expression: Identifier {...}
- type: "Identifier"
- start: 2955
- end: 2960
loc: {...}
start: {...}
- line: 102
- column: 24
}end: {...}
- line: 102
- column: 29
}
}- name: "attrs"
}
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2962
- end: 2981
- raw: "\n "
- data: "\n "
} RegularElement {...}
- type: "RegularElement"
- start: 2981
- end: 3061
- name: "div"
- attributes: []
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 2986
- end: 3007
- raw: "\n "
- data: "\n "
} Component {...}
- type: "Component"
- start: 3007
- end: 3036
- name: "Render"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 3015
- end: 3033
- name: "of"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 3018
- end: 3033
expression: CallExpression {...}
- type: "CallExpression"
- start: 3019
- end: 3032
loc: {...}
start: {...}
- line: 104
- column: 32
}end: {...}
- line: 104
- column: 45
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 3019
- end: 3030
loc: {...}
start: {...}
- line: 104
- column: 32
}end: {...}
- line: 104
- column: 43
}
}object: Identifier {...}
- type: "Identifier"
- start: 3019
- end: 3023
loc: {...}
start: {...}
- line: 104
- column: 32
}end: {...}
- line: 104
- column: 36
}
}- name: "cell"
}property: Identifier {...}
- type: "Identifier"
- start: 3024
- end: 3030
loc: {...}
start: {...}
- line: 104
- column: 37
}end: {...}
- line: 104
- column: 43
}
}- name: "render"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
}
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 3036
- end: 3055
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3061
- end: 3078
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3083
- end: 3098
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3110
- end: 3123
- raw: "\n "
- data: "\n "
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "cell"
- start: 2858
loc: {...}
start: {...}
- line: 100
- column: 38
- character: 2858
}end: {...}
- line: 100
- column: 42
- character: 2862
}
}- end: 2862
- typeAnnotation: undefined
}- index: undefined
key: MemberExpression {...}
- type: "MemberExpression"
- start: 2864
- end: 2871
loc: {...}
start: {...}
- line: 100
- column: 44
}end: {...}
- line: 100
- column: 51
}
}object: Identifier {...}
- type: "Identifier"
- start: 2864
- end: 2868
loc: {...}
start: {...}
- line: 100
- column: 44
}end: {...}
- line: 100
- column: 48
}
}- name: "cell"
}property: Identifier {...}
- type: "Identifier"
- start: 2869
- end: 2871
loc: {...}
start: {...}
- line: 100
- column: 49
}end: {...}
- line: 100
- column: 51
}
}- name: "id"
}- computed: false
- optional: false
}
} Text {...}
- type: "Text"
- start: 3130
- end: 3141
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3146
- end: 3155
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3167
- end: 3174
- raw: "\n "
- data: "\n "
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "headerRow"
- start: 2712
loc: {...}
start: {...}
- line: 97
- column: 28
- character: 2712
}end: {...}
- line: 97
- column: 37
- character: 2721
}
}- end: 2721
- typeAnnotation: undefined
}- index: undefined
key: MemberExpression {...}
- type: "MemberExpression"
- start: 2723
- end: 2735
loc: {...}
start: {...}
- line: 97
- column: 39
}end: {...}
- line: 97
- column: 51
}
}object: Identifier {...}
- type: "Identifier"
- start: 2723
- end: 2732
loc: {...}
start: {...}
- line: 97
- column: 39
}end: {...}
- line: 97
- column: 48
}
}- name: "headerRow"
}property: Identifier {...}
- type: "Identifier"
- start: 2733
- end: 2735
loc: {...}
start: {...}
- line: 97
- column: 49
}end: {...}
- line: 97
- column: 51
}
}- name: "id"
}- computed: false
- optional: false
}
} Text {...}
- type: "Text"
- start: 3181
- end: 3186
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3194
- end: 3199
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 3199
- end: 3661
- name: "tbody"
attributes: [...] (1)
SpreadAttribute {...}
- type: "SpreadAttribute"
- start: 3206
- end: 3226
expression: Identifier {...}
- type: "Identifier"
- start: 3210
- end: 3225
loc: {...}
start: {...}
- line: 113
- column: 15
}end: {...}
- line: 113
- column: 30
}
}- name: "$tableBodyAttrs"
}
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 3227
- end: 3234
- raw: "\n "
- data: "\n "
} EachBlock {...}
- type: "EachBlock"
- start: 3234
- end: 3648
expression: Identifier {...}
- type: "Identifier"
- start: 3241
- end: 3250
loc: {...}
start: {...}
- line: 114
- column: 13
}end: {...}
- line: 114
- column: 22
}
}- name: "$pageRows"
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 3267
- end: 3276
- raw: "\n "
- data: "\n "
} Component {...}
- type: "Component"
- start: 3276
- end: 3634
- name: "Subscribe"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 3287
- end: 3306
- name: "attrs"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 3293
- end: 3306
expression: CallExpression {...}
- type: "CallExpression"
- start: 3294
- end: 3305
loc: {...}
start: {...}
- line: 115
- column: 26
}end: {...}
- line: 115
- column: 37
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 3294
- end: 3303
loc: {...}
start: {...}
- line: 115
- column: 26
}end: {...}
- line: 115
- column: 35
}
}object: Identifier {...}
- type: "Identifier"
- start: 3294
- end: 3297
loc: {...}
start: {...}
- line: 115
- column: 26
}end: {...}
- line: 115
- column: 29
}
}- name: "row"
}property: Identifier {...}
- type: "Identifier"
- start: 3298
- end: 3303
loc: {...}
start: {...}
- line: 115
- column: 30
}end: {...}
- line: 115
- column: 35
}
}- name: "attrs"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
}
} LetDirective {...}
- start: 3307
- end: 3316
- type: "LetDirective"
- name: "attrs"
- expression: null
- modifiers: []
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 3317
- end: 3328
- raw: "\n "
- data: "\n "
} RegularElement {...}
- type: "RegularElement"
- start: 3328
- end: 3613
- name: "tr"
attributes: [...] (1)
SpreadAttribute {...}
- type: "SpreadAttribute"
- start: 3332
- end: 3342
expression: Identifier {...}
- type: "Identifier"
- start: 3336
- end: 3341
loc: {...}
start: {...}
- line: 116
- column: 18
}end: {...}
- line: 116
- column: 23
}
}- name: "attrs"
}
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 3343
- end: 3356
- raw: "\n "
- data: "\n "
} EachBlock {...}
- type: "EachBlock"
- start: 3356
- end: 3597
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 3363
- end: 3372
loc: {...}
start: {...}
- line: 117
- column: 19
}end: {...}
- line: 117
- column: 28
}
}object: Identifier {...}
- type: "Identifier"
- start: 3363
- end: 3366
loc: {...}
start: {...}
- line: 117
- column: 19
}end: {...}
- line: 117
- column: 22
}
}- name: "row"
}property: Identifier {...}
- type: "Identifier"
- start: 3367
- end: 3372
loc: {...}
start: {...}
- line: 117
- column: 23
}end: {...}
- line: 117
- column: 28
}
}- name: "cells"
}- computed: false
- optional: false
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 3391
- end: 3406
- raw: "\n "
- data: "\n "
} Component {...}
- type: "Component"
- start: 3406
- end: 3577
- name: "Subscribe"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 3417
- end: 3437
- name: "attrs"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 3423
- end: 3437
expression: CallExpression {...}
- type: "CallExpression"
- start: 3424
- end: 3436
loc: {...}
start: {...}
- line: 118
- column: 32
}end: {...}
- line: 118
- column: 44
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 3424
- end: 3434
loc: {...}
start: {...}
- line: 118
- column: 32
}end: {...}
- line: 118
- column: 42
}
}object: Identifier {...}
- type: "Identifier"
- start: 3424
- end: 3428
loc: {...}
start: {...}
- line: 118
- column: 32
}end: {...}
- line: 118
- column: 36
}
}- name: "cell"
}property: Identifier {...}
- type: "Identifier"
- start: 3429
- end: 3434
loc: {...}
start: {...}
- line: 118
- column: 37
}end: {...}
- line: 118
- column: 42
}
}- name: "attrs"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
}
} LetDirective {...}
- start: 3438
- end: 3447
- type: "LetDirective"
- name: "attrs"
- expression: null
- modifiers: []
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 3448
- end: 3465
- raw: "\n "
- data: "\n "
} RegularElement {...}
- type: "RegularElement"
- start: 3465
- end: 3550
- name: "td"
attributes: [...] (1)
SpreadAttribute {...}
- type: "SpreadAttribute"
- start: 3469
- end: 3479
expression: Identifier {...}
- type: "Identifier"
- start: 3473
- end: 3478
loc: {...}
start: {...}
- line: 119
- column: 24
}end: {...}
- line: 119
- column: 29
}
}- name: "attrs"
}
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 3480
- end: 3499
- raw: "\n "
- data: "\n "
} Component {...}
- type: "Component"
- start: 3499
- end: 3528
- name: "Render"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 3507
- end: 3525
- name: "of"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 3510
- end: 3525
expression: CallExpression {...}
- type: "CallExpression"
- start: 3511
- end: 3524
loc: {...}
start: {...}
- line: 120
- column: 30
}end: {...}
- line: 120
- column: 43
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 3511
- end: 3522
loc: {...}
start: {...}
- line: 120
- column: 30
}end: {...}
- line: 120
- column: 41
}
}object: Identifier {...}
- type: "Identifier"
- start: 3511
- end: 3515
loc: {...}
start: {...}
- line: 120
- column: 30
}end: {...}
- line: 120
- column: 34
}
}- name: "cell"
}property: Identifier {...}
- type: "Identifier"
- start: 3516
- end: 3522
loc: {...}
start: {...}
- line: 120
- column: 35
}end: {...}
- line: 120
- column: 41
}
}- name: "render"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}
}
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 3528
- end: 3545
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3550
- end: 3565
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3577
- end: 3590
- raw: "\n "
- data: "\n "
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "cell"
- start: 3376
loc: {...}
start: {...}
- line: 117
- column: 32
- character: 3376
}end: {...}
- line: 117
- column: 36
- character: 3380
}
}- end: 3380
- typeAnnotation: undefined
}- index: undefined
key: MemberExpression {...}
- type: "MemberExpression"
- start: 3382
- end: 3389
loc: {...}
start: {...}
- line: 117
- column: 38
}end: {...}
- line: 117
- column: 45
}
}object: Identifier {...}
- type: "Identifier"
- start: 3382
- end: 3386
loc: {...}
start: {...}
- line: 117
- column: 38
}end: {...}
- line: 117
- column: 42
}
}- name: "cell"
}property: Identifier {...}
- type: "Identifier"
- start: 3387
- end: 3389
loc: {...}
start: {...}
- line: 117
- column: 43
}end: {...}
- line: 117
- column: 45
}
}- name: "id"
}- computed: false
- optional: false
}
} Text {...}
- type: "Text"
- start: 3597
- end: 3608
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3613
- end: 3622
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3634
- end: 3641
- raw: "\n "
- data: "\n "
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "row"
- start: 3254
loc: {...}
start: {...}
- line: 114
- column: 26
- character: 3254
}end: {...}
- line: 114
- column: 29
- character: 3257
}
}- end: 3257
- typeAnnotation: undefined
}- index: undefined
key: MemberExpression {...}
- type: "MemberExpression"
- start: 3259
- end: 3265
loc: {...}
start: {...}
- line: 114
- column: 31
}end: {...}
- line: 114
- column: 37
}
}object: Identifier {...}
- type: "Identifier"
- start: 3259
- end: 3262
loc: {...}
start: {...}
- line: 114
- column: 31
}end: {...}
- line: 114
- column: 34
}
}- name: "row"
}property: Identifier {...}
- type: "Identifier"
- start: 3263
- end: 3265
loc: {...}
start: {...}
- line: 114
- column: 35
}end: {...}
- line: 114
- column: 37
}
}- name: "id"
}- computed: false
- optional: false
}
} Text {...}
- type: "Text"
- start: 3648
- end: 3653
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3661
- end: 3664
- raw: "\n "
- data: "\n "
}
]
}
} Text {...}
- type: "Text"
- start: 3672
- end: 3673
- raw: "\n"
- data: "\n"
}
]
}
} Text {...}
- type: "Text"
- start: 3679
- end: 3681
- raw: "\n\n"
- data: "\n\n"
}
]
}- options: null
instance: Script {...}
- type: "Script"
- start: 0
- end: 2600
- context: "default"
content: Program {...}
- type: "Program"
- start: 8
- end: 2591
loc: {...}
start: {...}
- line: 1
- column: 0
}end: {...}
- line: 92
- column: 0
}
}body: [...] (10)
ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 11
- end: 51
loc: {...}
start: {...}
- line: 2
- column: 2
}end: {...}
- line: 2
- column: 42
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 20
- end: 28
loc: {...}
start: {...}
- line: 2
- column: 11
}end: {...}
- line: 2
- column: 19
}
}imported: Identifier {...}
- type: "Identifier"
- start: 20
- end: 28
loc: {...}
start: {...}
- line: 2
- column: 11
}end: {...}
- line: 2
- column: 19
}
}- name: "writable"
}local: Identifier {...}
- type: "Identifier"
- start: 20
- end: 28
loc: {...}
start: {...}
- line: 2
- column: 11
}end: {...}
- line: 2
- column: 19
}
}- name: "writable"
}
}
]source: Literal {...}
- type: "Literal"
- start: 36
- end: 50
loc: {...}
start: {...}
- line: 2
- column: 27
}end: {...}
- line: 2
- column: 41
}
}- value: "svelte/store"
- raw: "'svelte/store'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 54
- end: 152
loc: {...}
start: {...}
- line: 3
- column: 2
}end: {...}
- line: 3
- column: 100
}
}specifiers: [...] (5)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 63
- end: 69
loc: {...}
start: {...}
- line: 3
- column: 11
}end: {...}
- line: 3
- column: 17
}
}imported: Identifier {...}
- type: "Identifier"
- start: 63
- end: 69
loc: {...}
start: {...}
- line: 3
- column: 11
}end: {...}
- line: 3
- column: 17
}
}- name: "Render"
}local: Identifier {...}
- type: "Identifier"
- start: 63
- end: 69
loc: {...}
start: {...}
- line: 3
- column: 11
}end: {...}
- line: 3
- column: 17
}
}- name: "Render"
}
} ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 71
- end: 80
loc: {...}
start: {...}
- line: 3
- column: 19
}end: {...}
- line: 3
- column: 28
}
}imported: Identifier {...}
- type: "Identifier"
- start: 71
- end: 80
loc: {...}
start: {...}
- line: 3
- column: 19
}end: {...}
- line: 3
- column: 28
}
}- name: "Subscribe"
}local: Identifier {...}
- type: "Identifier"
- start: 71
- end: 80
loc: {...}
start: {...}
- line: 3
- column: 19
}end: {...}
- line: 3
- column: 28
}
}- name: "Subscribe"
}
} ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 82
- end: 93
loc: {...}
start: {...}
- line: 3
- column: 30
}end: {...}
- line: 3
- column: 41
}
}imported: Identifier {...}
- type: "Identifier"
- start: 82
- end: 93
loc: {...}
start: {...}
- line: 3
- column: 30
}end: {...}
- line: 3
- column: 41
}
}- name: "createTable"
}local: Identifier {...}
- type: "Identifier"
- start: 82
- end: 93
loc: {...}
start: {...}
- line: 3
- column: 30
}end: {...}
- line: 3
- column: 41
}
}- name: "createTable"
}
} ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 95
- end: 107
loc: {...}
start: {...}
- line: 3
- column: 43
}end: {...}
- line: 3
- column: 55
}
}imported: Identifier {...}
- type: "Identifier"
- start: 95
- end: 107
loc: {...}
start: {...}
- line: 3
- column: 43
}end: {...}
- line: 3
- column: 55
}
}- name: "createRender"
}local: Identifier {...}
- type: "Identifier"
- start: 95
- end: 107
loc: {...}
start: {...}
- line: 3
- column: 43
}end: {...}
- line: 3
- column: 55
}
}- name: "createRender"
}
} ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 109
- end: 120
loc: {...}
start: {...}
- line: 3
- column: 57
}end: {...}
- line: 3
- column: 68
}
}imported: Identifier {...}
- type: "Identifier"
- start: 109
- end: 120
loc: {...}
start: {...}
- line: 3
- column: 57
}end: {...}
- line: 3
- column: 68
}
}- name: "DataBodyRow"
}local: Identifier {...}
- type: "Identifier"
- start: 109
- end: 120
loc: {...}
start: {...}
- line: 3
- column: 57
}end: {...}
- line: 3
- column: 68
}
}- name: "DataBodyRow"
}
}
]source: Literal {...}
- type: "Literal"
- start: 128
- end: 151
loc: {...}
start: {...}
- line: 3
- column: 76
}end: {...}
- line: 3
- column: 99
}
}- value: "svelte-headless-table"
- raw: "'svelte-headless-table'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 155
- end: 203
loc: {...}
start: {...}
- line: 4
- column: 2
}end: {...}
- line: 4
- column: 50
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 164
- end: 177
loc: {...}
start: {...}
- line: 4
- column: 11
}end: {...}
- line: 4
- column: 24
}
}imported: Identifier {...}
- type: "Identifier"
- start: 164
- end: 177
loc: {...}
start: {...}
- line: 4
- column: 11
}end: {...}
- line: 4
- column: 24
}
}- name: "createSamples"
}local: Identifier {...}
- type: "Identifier"
- start: 164
- end: 177
loc: {...}
start: {...}
- line: 4
- column: 11
}end: {...}
- line: 4
- column: 24
}
}- name: "createSamples"
}
}
]source: Literal {...}
- type: "Literal"
- start: 185
- end: 202
loc: {...}
start: {...}
- line: 4
- column: 32
}end: {...}
- line: 4
- column: 49
}
}- value: "./createSamples"
- raw: "'./createSamples'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 206
- end: 255
loc: {...}
start: {...}
- line: 5
- column: 2
}end: {...}
- line: 5
- column: 51
}
}specifiers: [...] (1)
ImportDefaultSpecifier {...}
- type: "ImportDefaultSpecifier"
- start: 213
- end: 225
loc: {...}
start: {...}
- line: 5
- column: 9
}end: {...}
- line: 5
- column: 21
}
}local: Identifier {...}
- type: "Identifier"
- start: 213
- end: 225
loc: {...}
start: {...}
- line: 5
- column: 9
}end: {...}
- line: 5
- column: 21
}
}- name: "EditableCell"
}
}
]source: Literal {...}
- type: "Literal"
- start: 231
- end: 254
loc: {...}
start: {...}
- line: 5
- column: 27
}end: {...}
- line: 5
- column: 50
}
}- value: "./EditableCell.svelte"
- raw: "'./EditableCell.svelte'"
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 259
- end: 301
loc: {...}
start: {...}
- line: 7
- column: 2
}end: {...}
- line: 7
- column: 44
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 265
- end: 300
loc: {...}
start: {...}
- line: 7
- column: 8
}end: {...}
- line: 7
- column: 43
}
}id: Identifier {...}
- type: "Identifier"
- start: 265
- end: 269
loc: {...}
start: {...}
- line: 7
- column: 8
}end: {...}
- line: 7
- column: 12
}
}- name: "data"
}init: CallExpression {...}
- type: "CallExpression"
- start: 272
- end: 300
loc: {...}
start: {...}
- line: 7
- column: 15
}end: {...}
- line: 7
- column: 43
}
}callee: Identifier {...}
- type: "Identifier"
- start: 272
- end: 280
loc: {...}
start: {...}
- line: 7
- column: 15
}end: {...}
- line: 7
- column: 23
}
}- name: "writable"
}arguments: [...] (1)
CallExpression {...}
- type: "CallExpression"
- start: 281
- end: 299
loc: {...}
start: {...}
- line: 7
- column: 24
}end: {...}
- line: 7
- column: 42
}
}callee: Identifier {...}
- type: "Identifier"
- start: 281
- end: 294
loc: {...}
start: {...}
- line: 7
- column: 24
}end: {...}
- line: 7
- column: 37
}
}- name: "createSamples"
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 295
- end: 298
loc: {...}
start: {...}
- line: 7
- column: 38
}end: {...}
- line: 7
- column: 41
}
}- value: 100
- raw: "100"
}
]- optional: false
}
]- optional: false
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 304
- end: 1238
loc: {...}
start: {...}
- line: 8
- column: 2
}end: {...}
- line: 34
- column: 3
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 310
- end: 1238
loc: {...}
start: {...}
- line: 8
- column: 8
}end: {...}
- line: 34
- column: 3
}
}id: Identifier {...}
- type: "Identifier"
- start: 310
- end: 320
loc: {...}
start: {...}
- line: 8
- column: 8
}end: {...}
- line: 8
- column: 18
}
}- name: "updateData"
}init: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 323
- end: 1238
loc: {...}
start: {...}
- line: 8
- column: 21
}end: {...}
- line: 34
- column: 3
}
}- id: null
- expression: false
- generator: false
- async: false
params: [...] (3)
Identifier {...}
- type: "Identifier"
- start: 324
- end: 333
loc: {...}
start: {...}
- line: 8
- column: 22
}end: {...}
- line: 8
- column: 31
}
}- name: "rowDataId"
} Identifier {...}
- type: "Identifier"
- start: 335
- end: 343
loc: {...}
start: {...}
- line: 8
- column: 33
}end: {...}
- line: 8
- column: 41
}
}- name: "columnId"
} Identifier {...}
- type: "Identifier"
- start: 345
- end: 353
loc: {...}
start: {...}
- line: 8
- column: 43
}end: {...}
- line: 8
- column: 51
}
}- name: "newValue"
}
]body: BlockStatement {...}
- type: "BlockStatement"
- start: 358
- end: 1238
loc: {...}
start: {...}
- line: 8
- column: 56
}end: {...}
- line: 34
- column: 3
}
}body: [...] (9)
IfStatement {...}
- type: "IfStatement"
- start: 364
- end: 587
loc: {...}
start: {...}
- line: 9
- column: 4
}end: {...}
- line: 16
- column: 5
}
}test: CallExpression {...}
- type: "CallExpression"
- start: 368
- end: 416
loc: {...}
start: {...}
- line: 9
- column: 8
}end: {...}
- line: 9
- column: 56
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 368
- end: 406
loc: {...}
start: {...}
- line: 9
- column: 8
}end: {...}
- line: 9
- column: 46
}
}object: ArrayExpression {...}
- type: "ArrayExpression"
- start: 368
- end: 397
loc: {...}
start: {...}
- line: 9
- column: 8
}end: {...}
- line: 9
- column: 37
}
}elements: [...] (3)
Literal {...}
- type: "Literal"
- start: 369
- end: 374
loc: {...}
start: {...}
- line: 9
- column: 9
}end: {...}
- line: 9
- column: 14
}
}- value: "age"
- raw: "'age'"
} Literal {...}
- type: "Literal"
- start: 376
- end: 384
loc: {...}
start: {...}
- line: 9
- column: 16
}end: {...}
- line: 9
- column: 24
}
}- value: "visits"
- raw: "'visits'"
} Literal {...}
- type: "Literal"
- start: 386
- end: 396
loc: {...}
start: {...}
- line: 9
- column: 26
}end: {...}
- line: 9
- column: 36
}
}- value: "progress"
- raw: "'progress'"
}
]
}property: Identifier {...}
- type: "Identifier"
- start: 398
- end: 406
loc: {...}
start: {...}
- line: 9
- column: 38
}end: {...}
- line: 9
- column: 46
}
}- name: "includes"
}- computed: false
- optional: false
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 407
- end: 415
loc: {...}
start: {...}
- line: 9
- column: 47
}end: {...}
- line: 9
- column: 55
}
}- name: "columnId"
}
]- optional: false
}consequent: BlockStatement {...}
- type: "BlockStatement"
- start: 418
- end: 587
loc: {...}
start: {...}
- line: 9
- column: 58
}end: {...}
- line: 16
- column: 5
}
}body: [...] (2)
ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 426
- end: 456
loc: {...}
start: {...}
- line: 10
- column: 6
}end: {...}
- line: 10
- column: 36
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 426
- end: 455
loc: {...}
start: {...}
- line: 10
- column: 6
}end: {...}
- line: 10
- column: 35
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 426
- end: 434
loc: {...}
start: {...}
- line: 10
- column: 6
}end: {...}
- line: 10
- column: 14
}
}- name: "newValue"
}right: CallExpression {...}
- type: "CallExpression"
- start: 437
- end: 455
loc: {...}
start: {...}
- line: 10
- column: 17
}end: {...}
- line: 10
- column: 35
}
}callee: Identifier {...}
- type: "Identifier"
- start: 437
- end: 445
loc: {...}
start: {...}
- line: 10
- column: 17
}end: {...}
- line: 10
- column: 25
}
}- name: "parseInt"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 446
- end: 454
loc: {...}
start: {...}
- line: 10
- column: 26
}end: {...}
- line: 10
- column: 34
}
}- name: "newValue"
}
]- optional: false
}
}
} IfStatement {...}
- type: "IfStatement"
- start: 463
- end: 581
loc: {...}
start: {...}
- line: 11
- column: 6
}end: {...}
- line: 15
- column: 7
}
}test: CallExpression {...}
- type: "CallExpression"
- start: 467
- end: 482
loc: {...}
start: {...}
- line: 11
- column: 10
}end: {...}
- line: 11
- column: 25
}
}callee: Identifier {...}
- type: "Identifier"
- start: 467
- end: 472
loc: {...}
start: {...}
- line: 11
- column: 10
}end: {...}
- line: 11
- column: 15
}
}- name: "isNaN"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 473
- end: 481
loc: {...}
start: {...}
- line: 11
- column: 16
}end: {...}
- line: 11
- column: 24
}
}- name: "newValue"
}
]- optional: false
}consequent: BlockStatement {...}
- type: "BlockStatement"
- start: 484
- end: 581
loc: {...}
start: {...}
- line: 11
- column: 27
}end: {...}
- line: 15
- column: 7
}
}body: [...] (2)
ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 543
- end: 557
loc: {...}
start: {...}
- line: 13
- column: 8
}end: {...}
- line: 13
- column: 22
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 543
- end: 556
loc: {...}
start: {...}
- line: 13
- column: 8
}end: {...}
- line: 13
- column: 21
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 543
- end: 548
loc: {...}
start: {...}
- line: 13
- column: 8
}end: {...}
- line: 13
- column: 13
}
}- name: "$data"
}right: Identifier {...}
- type: "Identifier"
- start: 551
- end: 556
loc: {...}
start: {...}
- line: 13
- column: 16
}end: {...}
- line: 13
- column: 21
}
}- name: "$data"
}
}leadingComments: [...] (1)
Line {...}
- type: "Line"
- value: " Refresh data to reset invalid values."
- start: 494
- end: 534
}
]
} ReturnStatement {...}
- type: "ReturnStatement"
- start: 566
- end: 573
loc: {...}
start: {...}
- line: 14
- column: 8
}end: {...}
- line: 14
- column: 15
}
}- argument: null
}
]
}- alternate: null
}
]
}- alternate: null
} IfStatement {...}
- type: "IfStatement"
- start: 592
- end: 797
loc: {...}
start: {...}
- line: 17
- column: 4
}end: {...}
- line: 23
- column: 5
}
}test: BinaryExpression {...}
- type: "BinaryExpression"
- start: 596
- end: 617
loc: {...}
start: {...}
- line: 17
- column: 8
}end: {...}
- line: 17
- column: 29
}
}left: Identifier {...}
- type: "Identifier"
- start: 596
- end: 604
loc: {...}
start: {...}
- line: 17
- column: 8
}end: {...}
- line: 17
- column: 16
}
}- name: "columnId"
}- operator: "==="
right: Literal {...}
- type: "Literal"
- start: 609
- end: 617
loc: {...}
start: {...}
- line: 17
- column: 21
}end: {...}
- line: 17
- column: 29
}
}- value: "status"
- raw: "'status'"
}
}consequent: BlockStatement {...}
- type: "BlockStatement"
- start: 619
- end: 797
loc: {...}
start: {...}
- line: 17
- column: 31
}end: {...}
- line: 23
- column: 5
}
}body: [...] (1)
IfStatement {...}
- type: "IfStatement"
- start: 627
- end: 791
loc: {...}
start: {...}
- line: 18
- column: 6
}end: {...}
- line: 22
- column: 7
}
}test: UnaryExpression {...}
- type: "UnaryExpression"
- start: 631
- end: 692
loc: {...}
start: {...}
- line: 18
- column: 10
}end: {...}
- line: 18
- column: 71
}
}- operator: "!"
- prefix: true
argument: CallExpression {...}
- type: "CallExpression"
- start: 632
- end: 692
loc: {...}
start: {...}
- line: 18
- column: 11
}end: {...}
- line: 18
- column: 71
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 632
- end: 682
loc: {...}
start: {...}
- line: 18
- column: 11
}end: {...}
- line: 18
- column: 61
}
}object: ArrayExpression {...}
- type: "ArrayExpression"
- start: 632
- end: 673
loc: {...}
start: {...}
- line: 18
- column: 11
}end: {...}
- line: 18
- column: 52
}
}elements: [...] (3)
Literal {...}
- type: "Literal"
- start: 633
- end: 647
loc: {...}
start: {...}
- line: 18
- column: 12
}end: {...}
- line: 18
- column: 26
}
}- value: "relationship"
- raw: "'relationship'"
} Literal {...}
- type: "Literal"
- start: 649
- end: 657
loc: {...}
start: {...}
- line: 18
- column: 28
}end: {...}
- line: 18
- column: 36
}
}- value: "single"
- raw: "'single'"
} Literal {...}
- type: "Literal"
- start: 659
- end: 672
loc: {...}
start: {...}
- line: 18
- column: 38
}end: {...}
- line: 18
- column: 51
}
}- value: "complicated"
- raw: "'complicated'"
}
]
}property: Identifier {...}
- type: "Identifier"
- start: 674
- end: 682
loc: {...}
start: {...}
- line: 18
- column: 53
}end: {...}
- line: 18
- column: 61
}
}- name: "includes"
}- computed: false
- optional: false
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 683
- end: 691
loc: {...}
start: {...}
- line: 18
- column: 62
}end: {...}
- line: 18
- column: 70
}
}- name: "newValue"
}
]- optional: false
}
}consequent: BlockStatement {...}
- type: "BlockStatement"
- start: 694
- end: 791
loc: {...}
start: {...}
- line: 18
- column: 73
}end: {...}
- line: 22
- column: 7
}
}body: [...] (2)
ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 753
- end: 767
loc: {...}
start: {...}
- line: 20
- column: 8
}end: {...}
- line: 20
- column: 22
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 753
- end: 766
loc: {...}
start: {...}
- line: 20
- column: 8
}end: {...}
- line: 20
- column: 21
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 753
- end: 758
loc: {...}
start: {...}
- line: 20
- column: 8
}end: {...}
- line: 20
- column: 13
}
}- name: "$data"
}right: Identifier {...}
- type: "Identifier"
- start: 761
- end: 766
loc: {...}
start: {...}
- line: 20
- column: 16
}end: {...}
- line: 20
- column: 21
}
}- name: "$data"
}
}leadingComments: [...] (1)
Line {...}
- type: "Line"
- value: " Refresh data to reset invalid values."
- start: 704
- end: 744
}
]
} ReturnStatement {...}
- type: "ReturnStatement"
- start: 776
- end: 783
loc: {...}
start: {...}
- line: 21
- column: 8
}end: {...}
- line: 21
- column: 15
}
}- argument: null
}
]
}- alternate: null
}
]
}- alternate: null
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 940
- end: 972
loc: {...}
start: {...}
- line: 26
- column: 4
}end: {...}
- line: 26
- column: 36
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 946
- end: 971
loc: {...}
start: {...}
- line: 26
- column: 10
}end: {...}
- line: 26
- column: 35
}
}id: Identifier {...}
- type: "Identifier"
- start: 946
- end: 949
loc: {...}
start: {...}
- line: 26
- column: 10
}end: {...}
- line: 26
- column: 13
}
}- name: "idx"
}init: CallExpression {...}
- type: "CallExpression"
- start: 952
- end: 971
loc: {...}
start: {...}
- line: 26
- column: 16
}end: {...}
- line: 26
- column: 35
}
}callee: Identifier {...}
- type: "Identifier"
- start: 952
- end: 960
loc: {...}
start: {...}
- line: 26
- column: 16
}end: {...}
- line: 26
- column: 24
}
}- name: "parseInt"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 961
- end: 970
loc: {...}
start: {...}
- line: 26
- column: 25
}end: {...}
- line: 26
- column: 34
}
}- name: "rowDataId"
}
]- optional: false
}
}
]- kind: "const"
leadingComments: [...] (2)
Line {...}
- type: "Line"
- value: " In this case, the dataId of each item is its index in $data."
- start: 802
- end: 865
} Line {...}
- type: "Line"
- value: " You can also handle any server-synchronization necessary here."
- start: 870
- end: 935
}
]
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 977
- end: 1008
loc: {...}
start: {...}
- line: 27
- column: 4
}end: {...}
- line: 27
- column: 35
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 983
- end: 1007
loc: {...}
start: {...}
- line: 27
- column: 10
}end: {...}
- line: 27
- column: 34
}
}id: Identifier {...}
- type: "Identifier"
- start: 983
- end: 994
loc: {...}
start: {...}
- line: 27
- column: 10
}end: {...}
- line: 27
- column: 21
}
}- name: "currentItem"
}init: MemberExpression {...}
- type: "MemberExpression"
- start: 997
- end: 1007
loc: {...}
start: {...}
- line: 27
- column: 24
}end: {...}
- line: 27
- column: 34
}
}object: Identifier {...}
- type: "Identifier"
- start: 997
- end: 1002
loc: {...}
start: {...}
- line: 27
- column: 24
}end: {...}
- line: 27
- column: 29
}
}- name: "$data"
}property: Identifier {...}
- type: "Identifier"
- start: 1003
- end: 1006
loc: {...}
start: {...}
- line: 27
- column: 30
}end: {...}
- line: 27
- column: 33
}
}- name: "idx"
}- computed: true
- optional: false
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 1013
- end: 1034
loc: {...}
start: {...}
- line: 28
- column: 4
}end: {...}
- line: 28
- column: 25
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 1019
- end: 1033
loc: {...}
start: {...}
- line: 28
- column: 10
}end: {...}
- line: 28
- column: 24
}
}id: Identifier {...}
- type: "Identifier"
- start: 1019
- end: 1022
loc: {...}
start: {...}
- line: 28
- column: 10
}end: {...}
- line: 28
- column: 13
}
}- name: "key"
}init: Identifier {...}
- type: "Identifier"
- start: 1025
- end: 1033
loc: {...}
start: {...}
- line: 28
- column: 16
}end: {...}
- line: 28
- column: 24
}
}- name: "columnId"
}
}
]- kind: "const"
trailingComments: [...] (1)
Line {...}
- type: "Line"
- value: " Cast as `keyof YourDataItem`"
- start: 1035
- end: 1066
}
]
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 1071
- end: 1121
loc: {...}
start: {...}
- line: 29
- column: 4
}end: {...}
- line: 29
- column: 54
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 1077
- end: 1120
loc: {...}
start: {...}
- line: 29
- column: 10
}end: {...}
- line: 29
- column: 53
}
}id: Identifier {...}
- type: "Identifier"
- start: 1077
- end: 1084
loc: {...}
start: {...}
- line: 29
- column: 10
}end: {...}
- line: 29
- column: 17
}
}- name: "newItem"
}init: ObjectExpression {...}
- type: "ObjectExpression"
- start: 1087
- end: 1120
loc: {...}
start: {...}
- line: 29
- column: 20
}end: {...}
- line: 29
- column: 53
}
}properties: [...] (2)
SpreadElement {...}
- type: "SpreadElement"
- start: 1088
- end: 1102
loc: {...}
start: {...}
- line: 29
- column: 21
}end: {...}
- line: 29
- column: 35
}
}argument: Identifier {...}
- type: "Identifier"
- start: 1091
- end: 1102
loc: {...}
start: {...}
- line: 29
- column: 24
}end: {...}
- line: 29
- column: 35
}
}- name: "currentItem"
}
} Property {...}
- type: "Property"
- start: 1104
- end: 1119
loc: {...}
start: {...}
- line: 29
- column: 37
}end: {...}
- line: 29
- column: 52
}
}- method: false
- shorthand: false
- computed: true
key: Identifier {...}
- type: "Identifier"
- start: 1105
- end: 1108
loc: {...}
start: {...}
- line: 29
- column: 38
}end: {...}
- line: 29
- column: 41
}
}- name: "key"
}value: Identifier {...}
- type: "Identifier"
- start: 1111
- end: 1119
loc: {...}
start: {...}
- line: 29
- column: 44
}end: {...}
- line: 29
- column: 52
}
}- name: "newValue"
}- kind: "init"
}
]
}
}
]- kind: "const"
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 1126
- end: 1147
loc: {...}
start: {...}
- line: 30
- column: 4
}end: {...}
- line: 30
- column: 25
}
}expression: CallExpression {...}
- type: "CallExpression"
- start: 1126
- end: 1146
loc: {...}
start: {...}
- line: 30
- column: 4
}end: {...}
- line: 30
- column: 24
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1126
- end: 1137
loc: {...}
start: {...}
- line: 30
- column: 4
}end: {...}
- line: 30
- column: 15
}
}object: Identifier {...}
- type: "Identifier"
- start: 1126
- end: 1133
loc: {...}
start: {...}
- line: 30
- column: 4
}end: {...}
- line: 30
- column: 11
}
}- name: "console"
}property: Identifier {...}
- type: "Identifier"
- start: 1134
- end: 1137
loc: {...}
start: {...}
- line: 30
- column: 12
}end: {...}
- line: 30
- column: 15
}
}- name: "log"
}- computed: false
- optional: false
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1138
- end: 1145
loc: {...}
start: {...}
- line: 30
- column: 16
}end: {...}
- line: 30
- column: 23
}
}- name: "newItem"
}
]- optional: false
}
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 1152
- end: 1173
loc: {...}
start: {...}
- line: 31
- column: 4
}end: {...}
- line: 31
- column: 25
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 1152
- end: 1172
loc: {...}
start: {...}
- line: 31
- column: 4
}end: {...}
- line: 31
- column: 24
}
}- operator: "="
left: MemberExpression {...}
- type: "MemberExpression"
- start: 1152
- end: 1162
loc: {...}
start: {...}
- line: 31
- column: 4
}end: {...}
- line: 31
- column: 14
}
}object: Identifier {...}
- type: "Identifier"
- start: 1152
- end: 1157
loc: {...}
start: {...}
- line: 31
- column: 4
}end: {...}
- line: 31
- column: 9
}
}- name: "$data"
}property: Identifier {...}
- type: "Identifier"
- start: 1158
- end: 1161
loc: {...}
start: {...}
- line: 31
- column: 10
}end: {...}
- line: 31
- column: 13
}
}- name: "idx"
}- computed: true
- optional: false
}right: Identifier {...}
- type: "Identifier"
- start: 1165
- end: 1172
loc: {...}
start: {...}
- line: 31
- column: 17
}end: {...}
- line: 31
- column: 24
}
}- name: "newItem"
}
}
} ExpressionStatement {...}
- type: "ExpressionStatement"
- start: 1178
- end: 1192
loc: {...}
start: {...}
- line: 32
- column: 4
}end: {...}
- line: 32
- column: 18
}
}expression: AssignmentExpression {...}
- type: "AssignmentExpression"
- start: 1178
- end: 1191
loc: {...}
start: {...}
- line: 32
- column: 4
}end: {...}
- line: 32
- column: 17
}
}- operator: "="
left: Identifier {...}
- type: "Identifier"
- start: 1178
- end: 1183
loc: {...}
start: {...}
- line: 32
- column: 4
}end: {...}
- line: 32
- column: 9
}
}- name: "$data"
}right: Identifier {...}
- type: "Identifier"
- start: 1186
- end: 1191
loc: {...}
start: {...}
- line: 32
- column: 12
}end: {...}
- line: 32
- column: 17
}
}- name: "$data"
}
}trailingComments: [...] (1)
Line {...}
- type: "Line"
- value: " Handle any server-synchronization."
- start: 1197
- end: 1234
}
]
}
]
}
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 1242
- end: 1274
loc: {...}
start: {...}
- line: 36
- column: 2
}end: {...}
- line: 36
- column: 34
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 1248
- end: 1273
loc: {...}
start: {...}
- line: 36
- column: 8
}end: {...}
- line: 36
- column: 33
}
}id: Identifier {...}
- type: "Identifier"
- start: 1248
- end: 1253
loc: {...}
start: {...}
- line: 36
- column: 8
}end: {...}
- line: 36
- column: 13
}
}- name: "table"
}init: CallExpression {...}
- type: "CallExpression"
- start: 1256
- end: 1273
loc: {...}
start: {...}
- line: 36
- column: 16
}end: {...}
- line: 36
- column: 33
}
}callee: Identifier {...}
- type: "Identifier"
- start: 1256
- end: 1267
loc: {...}
start: {...}
- line: 36
- column: 16
}end: {...}
- line: 36
- column: 27
}
}- name: "createTable"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1268
- end: 1272
loc: {...}
start: {...}
- line: 36
- column: 28
}end: {...}
- line: 36
- column: 32
}
}- name: "data"
}
]- optional: false
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 1278
- end: 1466
loc: {...}
start: {...}
- line: 38
- column: 1
}end: {...}
- line: 44
- column: 6
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 1284
- end: 1466
loc: {...}
start: {...}
- line: 38
- column: 7
}end: {...}
- line: 44
- column: 6
}
}id: Identifier {...}
- type: "Identifier"
- start: 1284
- end: 1301
loc: {...}
start: {...}
- line: 38
- column: 7
}end: {...}
- line: 38
- column: 24
}
}- name: "EditableCellLabel"
trailingComments: [...] (1)
Block {...}
- type: "Block"
- value: ": DataLabel<Sample>"
- start: 1302
- end: 1325
}
]
}init: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1328
- end: 1466
loc: {...}
start: {...}
- line: 38
- column: 51
}end: {...}
- line: 44
- column: 6
}
}- id: null
- expression: true
- generator: false
- async: false
params: [...] (1)
ObjectPattern {...}
- type: "ObjectPattern"
- start: 1329
- end: 1351
loc: {...}
start: {...}
- line: 38
- column: 52
}end: {...}
- line: 38
- column: 74
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 1331
- end: 1337
loc: {...}
start: {...}
- line: 38
- column: 54
}end: {...}
- line: 38
- column: 60
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1331
- end: 1337
loc: {...}
start: {...}
- line: 38
- column: 54
}end: {...}
- line: 38
- column: 60
}
}- name: "column"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 1331
- end: 1337
loc: {...}
start: {...}
- line: 38
- column: 54
}end: {...}
- line: 38
- column: 60
}
}- name: "column"
}
} Property {...}
- type: "Property"
- start: 1339
- end: 1342
loc: {...}
start: {...}
- line: 38
- column: 62
}end: {...}
- line: 38
- column: 65
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1339
- end: 1342
loc: {...}
start: {...}
- line: 38
- column: 62
}end: {...}
- line: 38
- column: 65
}
}- name: "row"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 1339
- end: 1342
loc: {...}
start: {...}
- line: 38
- column: 62
}end: {...}
- line: 38
- column: 65
}
}- name: "row"
}
} Property {...}
- type: "Property"
- start: 1344
- end: 1349
loc: {...}
start: {...}
- line: 38
- column: 67
}end: {...}
- line: 38
- column: 72
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1344
- end: 1349
loc: {...}
start: {...}
- line: 38
- column: 67
}end: {...}
- line: 38
- column: 72
}
}- name: "value"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 1344
- end: 1349
loc: {...}
start: {...}
- line: 38
- column: 67
}end: {...}
- line: 38
- column: 72
}
}- name: "value"
}
}
]
}
]body: CallExpression {...}
- type: "CallExpression"
- start: 1360
- end: 1466
loc: {...}
start: {...}
- line: 39
- column: 4
}end: {...}
- line: 44
- column: 6
}
}callee: Identifier {...}
- type: "Identifier"
- start: 1360
- end: 1372
loc: {...}
start: {...}
- line: 39
- column: 4
}end: {...}
- line: 39
- column: 16
}
}- name: "createRender"
}arguments: [...] (2)
Identifier {...}
- type: "Identifier"
- start: 1373
- end: 1385
loc: {...}
start: {...}
- line: 39
- column: 17
}end: {...}
- line: 39
- column: 29
}
}- name: "EditableCell"
} ObjectExpression {...}
- type: "ObjectExpression"
- start: 1387
- end: 1465
loc: {...}
start: {...}
- line: 39
- column: 31
}end: {...}
- line: 44
- column: 5
}
}properties: [...] (4)
Property {...}
- type: "Property"
- start: 1395
- end: 1398
loc: {...}
start: {...}
- line: 40
- column: 6
}end: {...}
- line: 40
- column: 9
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1395
- end: 1398
loc: {...}
start: {...}
- line: 40
- column: 6
}end: {...}
- line: 40
- column: 9
}
}- name: "row"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 1395
- end: 1398
loc: {...}
start: {...}
- line: 40
- column: 6
}end: {...}
- line: 40
- column: 9
}
}- name: "row"
}
} Property {...}
- type: "Property"
- start: 1406
- end: 1412
loc: {...}
start: {...}
- line: 41
- column: 6
}end: {...}
- line: 41
- column: 12
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1406
- end: 1412
loc: {...}
start: {...}
- line: 41
- column: 6
}end: {...}
- line: 41
- column: 12
}
}- name: "column"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 1406
- end: 1412
loc: {...}
start: {...}
- line: 41
- column: 6
}end: {...}
- line: 41
- column: 12
}
}- name: "column"
}
} Property {...}
- type: "Property"
- start: 1420
- end: 1425
loc: {...}
start: {...}
- line: 42
- column: 6
}end: {...}
- line: 42
- column: 11
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1420
- end: 1425
loc: {...}
start: {...}
- line: 42
- column: 6
}end: {...}
- line: 42
- column: 11
}
}- name: "value"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 1420
- end: 1425
loc: {...}
start: {...}
- line: 42
- column: 6
}end: {...}
- line: 42
- column: 11
}
}- name: "value"
}
} Property {...}
- type: "Property"
- start: 1433
- end: 1458
loc: {...}
start: {...}
- line: 43
- column: 6
}end: {...}
- line: 43
- column: 31
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1433
- end: 1446
loc: {...}
start: {...}
- line: 43
- column: 6
}end: {...}
- line: 43
- column: 19
}
}- name: "onUpdateValue"
}value: Identifier {...}
- type: "Identifier"
- start: 1448
- end: 1458
loc: {...}
start: {...}
- line: 43
- column: 21
}end: {...}
- line: 43
- column: 31
}
}- name: "updateData"
}- kind: "init"
}
]
}
]- optional: false
}
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 1470
- end: 2490
loc: {...}
start: {...}
- line: 46
- column: 2
}end: {...}
- line: 88
- column: 5
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 1476
- end: 2489
loc: {...}
start: {...}
- line: 46
- column: 8
}end: {...}
- line: 88
- column: 4
}
}id: Identifier {...}
- type: "Identifier"
- start: 1476
- end: 1483
loc: {...}
start: {...}
- line: 46
- column: 8
}end: {...}
- line: 46
- column: 15
}
}- name: "columns"
}init: CallExpression {...}
- type: "CallExpression"
- start: 1486
- end: 2489
loc: {...}
start: {...}
- line: 46
- column: 18
}end: {...}
- line: 88
- column: 4
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1486
- end: 1505
loc: {...}
start: {...}
- line: 46
- column: 18
}end: {...}
- line: 46
- column: 37
}
}object: Identifier {...}
- type: "Identifier"
- start: 1486
- end: 1491
loc: {...}
start: {...}
- line: 46
- column: 18
}end: {...}
- line: 46
- column: 23
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 1492
- end: 1505
loc: {...}
start: {...}
- line: 46
- column: 24
}end: {...}
- line: 46
- column: 37
}
}- name: "createColumns"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrayExpression {...}
- type: "ArrayExpression"
- start: 1506
- end: 2488
loc: {...}
start: {...}
- line: 46
- column: 38
}end: {...}
- line: 88
- column: 3
}
}elements: [...] (2)
CallExpression {...}
- type: "CallExpression"
- start: 1512
- end: 1854
loc: {...}
start: {...}
- line: 47
- column: 4
}end: {...}
- line: 61
- column: 6
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1512
- end: 1523
loc: {...}
start: {...}
- line: 47
- column: 4
}end: {...}
- line: 47
- column: 15
}
}object: Identifier {...}
- type: "Identifier"
- start: 1512
- end: 1517
loc: {...}
start: {...}
- line: 47
- column: 4
}end: {...}
- line: 47
- column: 9
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 1518
- end: 1523
loc: {...}
start: {...}
- line: 47
- column: 10
}end: {...}
- line: 47
- column: 15
}
}- name: "group"
}- computed: false
- optional: false
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 1524
- end: 1853
loc: {...}
start: {...}
- line: 47
- column: 16
}end: {...}
- line: 61
- column: 5
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 1532
- end: 1546
loc: {...}
start: {...}
- line: 48
- column: 6
}end: {...}
- line: 48
- column: 20
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1532
- end: 1538
loc: {...}
start: {...}
- line: 48
- column: 6
}end: {...}
- line: 48
- column: 12
}
}- name: "header"
}value: Literal {...}
- type: "Literal"
- start: 1540
- end: 1546
loc: {...}
start: {...}
- line: 48
- column: 14
}end: {...}
- line: 48
- column: 20
}
}- value: "Name"
- raw: "'Name'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 1554
- end: 1846
loc: {...}
start: {...}
- line: 49
- column: 6
}end: {...}
- line: 60
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1554
- end: 1561
loc: {...}
start: {...}
- line: 49
- column: 6
}end: {...}
- line: 49
- column: 13
}
}- name: "columns"
}value: ArrayExpression {...}
- type: "ArrayExpression"
- start: 1563
- end: 1846
loc: {...}
start: {...}
- line: 49
- column: 15
}end: {...}
- line: 60
- column: 7
}
}elements: [...] (2)
CallExpression {...}
- type: "CallExpression"
- start: 1573
- end: 1698
loc: {...}
start: {...}
- line: 50
- column: 8
}end: {...}
- line: 54
- column: 10
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1573
- end: 1585
loc: {...}
start: {...}
- line: 50
- column: 8
}end: {...}
- line: 50
- column: 20
}
}object: Identifier {...}
- type: "Identifier"
- start: 1573
- end: 1578
loc: {...}
start: {...}
- line: 50
- column: 8
}end: {...}
- line: 50
- column: 13
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 1579
- end: 1585
loc: {...}
start: {...}
- line: 50
- column: 14
}end: {...}
- line: 50
- column: 20
}
}- name: "column"
}- computed: false
- optional: false
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 1586
- end: 1697
loc: {...}
start: {...}
- line: 50
- column: 21
}end: {...}
- line: 54
- column: 9
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 1598
- end: 1618
loc: {...}
start: {...}
- line: 51
- column: 10
}end: {...}
- line: 51
- column: 30
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1598
- end: 1604
loc: {...}
start: {...}
- line: 51
- column: 10
}end: {...}
- line: 51
- column: 16
}
}- name: "header"
}value: Literal {...}
- type: "Literal"
- start: 1606
- end: 1618
loc: {...}
start: {...}
- line: 51
- column: 18
}end: {...}
- line: 51
- column: 30
}
}- value: "First Name"
- raw: "'First Name'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 1630
- end: 1653
loc: {...}
start: {...}
- line: 52
- column: 10
}end: {...}
- line: 52
- column: 33
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1630
- end: 1634
loc: {...}
start: {...}
- line: 52
- column: 10
}end: {...}
- line: 52
- column: 14
}
}- name: "cell"
}value: Identifier {...}
- type: "Identifier"
- start: 1636
- end: 1653
loc: {...}
start: {...}
- line: 52
- column: 16
}end: {...}
- line: 52
- column: 33
}
}- name: "EditableCellLabel"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 1665
- end: 1686
loc: {...}
start: {...}
- line: 53
- column: 10
}end: {...}
- line: 53
- column: 31
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1665
- end: 1673
loc: {...}
start: {...}
- line: 53
- column: 10
}end: {...}
- line: 53
- column: 18
}
}- name: "accessor"
}value: Literal {...}
- type: "Literal"
- start: 1675
- end: 1686
loc: {...}
start: {...}
- line: 53
- column: 20
}end: {...}
- line: 53
- column: 31
}
}- value: "firstName"
- raw: "'firstName'"
}- kind: "init"
}
]
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 1708
- end: 1837
loc: {...}
start: {...}
- line: 55
- column: 8
}end: {...}
- line: 59
- column: 10
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1708
- end: 1720
loc: {...}
start: {...}
- line: 55
- column: 8
}end: {...}
- line: 55
- column: 20
}
}object: Identifier {...}
- type: "Identifier"
- start: 1708
- end: 1713
loc: {...}
start: {...}
- line: 55
- column: 8
}end: {...}
- line: 55
- column: 13
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 1714
- end: 1720
loc: {...}
start: {...}
- line: 55
- column: 14
}end: {...}
- line: 55
- column: 20
}
}- name: "column"
}- computed: false
- optional: false
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 1721
- end: 1836
loc: {...}
start: {...}
- line: 55
- column: 21
}end: {...}
- line: 59
- column: 9
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 1733
- end: 1758
loc: {...}
start: {...}
- line: 56
- column: 10
}end: {...}
- line: 56
- column: 35
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1733
- end: 1739
loc: {...}
start: {...}
- line: 56
- column: 10
}end: {...}
- line: 56
- column: 16
}
}- name: "header"
}value: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 1741
- end: 1758
loc: {...}
start: {...}
- line: 56
- column: 18
}end: {...}
- line: 56
- column: 35
}
}- id: null
- expression: true
- generator: false
- async: false
- params: []
body: Literal {...}
- type: "Literal"
- start: 1747
- end: 1758
loc: {...}
start: {...}
- line: 56
- column: 24
}end: {...}
- line: 56
- column: 35
}
}- value: "Last Name"
- raw: "'Last Name'"
}
}- kind: "init"
} Property {...}
- type: "Property"
- start: 1770
- end: 1793
loc: {...}
start: {...}
- line: 57
- column: 10
}end: {...}
- line: 57
- column: 33
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1770
- end: 1774
loc: {...}
start: {...}
- line: 57
- column: 10
}end: {...}
- line: 57
- column: 14
}
}- name: "cell"
}value: Identifier {...}
- type: "Identifier"
- start: 1776
- end: 1793
loc: {...}
start: {...}
- line: 57
- column: 16
}end: {...}
- line: 57
- column: 33
}
}- name: "EditableCellLabel"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 1805
- end: 1825
loc: {...}
start: {...}
- line: 58
- column: 10
}end: {...}
- line: 58
- column: 30
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1805
- end: 1813
loc: {...}
start: {...}
- line: 58
- column: 10
}end: {...}
- line: 58
- column: 18
}
}- name: "accessor"
}value: Literal {...}
- type: "Literal"
- start: 1815
- end: 1825
loc: {...}
start: {...}
- line: 58
- column: 20
}end: {...}
- line: 58
- column: 30
}
}- value: "lastName"
- raw: "'lastName'"
}- kind: "init"
}
]
}
]- optional: false
}
]
}- kind: "init"
}
]
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 1860
- end: 2483
loc: {...}
start: {...}
- line: 62
- column: 4
}end: {...}
- line: 87
- column: 6
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1860
- end: 1871
loc: {...}
start: {...}
- line: 62
- column: 4
}end: {...}
- line: 62
- column: 15
}
}object: Identifier {...}
- type: "Identifier"
- start: 1860
- end: 1865
loc: {...}
start: {...}
- line: 62
- column: 4
}end: {...}
- line: 62
- column: 9
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 1866
- end: 1871
loc: {...}
start: {...}
- line: 62
- column: 10
}end: {...}
- line: 62
- column: 15
}
}- name: "group"
}- computed: false
- optional: false
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 1872
- end: 2482
loc: {...}
start: {...}
- line: 62
- column: 16
}end: {...}
- line: 87
- column: 5
}
}properties: [...] (2)
Property {...}
- type: "Property"
- start: 1880
- end: 1894
loc: {...}
start: {...}
- line: 63
- column: 6
}end: {...}
- line: 63
- column: 20
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1880
- end: 1886
loc: {...}
start: {...}
- line: 63
- column: 6
}end: {...}
- line: 63
- column: 12
}
}- name: "header"
}value: Literal {...}
- type: "Literal"
- start: 1888
- end: 1894
loc: {...}
start: {...}
- line: 63
- column: 14
}end: {...}
- line: 63
- column: 20
}
}- value: "Info"
- raw: "'Info'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 1902
- end: 2475
loc: {...}
start: {...}
- line: 64
- column: 6
}end: {...}
- line: 86
- column: 7
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1902
- end: 1909
loc: {...}
start: {...}
- line: 64
- column: 6
}end: {...}
- line: 64
- column: 13
}
}- name: "columns"
}value: ArrayExpression {...}
- type: "ArrayExpression"
- start: 1911
- end: 2475
loc: {...}
start: {...}
- line: 64
- column: 15
}end: {...}
- line: 86
- column: 7
}
}elements: [...] (4)
CallExpression {...}
- type: "CallExpression"
- start: 1921
- end: 2033
loc: {...}
start: {...}
- line: 65
- column: 8
}end: {...}
- line: 69
- column: 10
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 1921
- end: 1933
loc: {...}
start: {...}
- line: 65
- column: 8
}end: {...}
- line: 65
- column: 20
}
}object: Identifier {...}
- type: "Identifier"
- start: 1921
- end: 1926
loc: {...}
start: {...}
- line: 65
- column: 8
}end: {...}
- line: 65
- column: 13
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 1927
- end: 1933
loc: {...}
start: {...}
- line: 65
- column: 14
}end: {...}
- line: 65
- column: 20
}
}- name: "column"
}- computed: false
- optional: false
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 1934
- end: 2032
loc: {...}
start: {...}
- line: 65
- column: 21
}end: {...}
- line: 69
- column: 9
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 1946
- end: 1959
loc: {...}
start: {...}
- line: 66
- column: 10
}end: {...}
- line: 66
- column: 23
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1946
- end: 1952
loc: {...}
start: {...}
- line: 66
- column: 10
}end: {...}
- line: 66
- column: 16
}
}- name: "header"
}value: Literal {...}
- type: "Literal"
- start: 1954
- end: 1959
loc: {...}
start: {...}
- line: 66
- column: 18
}end: {...}
- line: 66
- column: 23
}
}- value: "Age"
- raw: "'Age'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 1971
- end: 1994
loc: {...}
start: {...}
- line: 67
- column: 10
}end: {...}
- line: 67
- column: 33
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 1971
- end: 1975
loc: {...}
start: {...}
- line: 67
- column: 10
}end: {...}
- line: 67
- column: 14
}
}- name: "cell"
}value: Identifier {...}
- type: "Identifier"
- start: 1977
- end: 1994
loc: {...}
start: {...}
- line: 67
- column: 16
}end: {...}
- line: 67
- column: 33
}
}- name: "EditableCellLabel"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 2006
- end: 2021
loc: {...}
start: {...}
- line: 68
- column: 10
}end: {...}
- line: 68
- column: 25
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2006
- end: 2014
loc: {...}
start: {...}
- line: 68
- column: 10
}end: {...}
- line: 68
- column: 18
}
}- name: "accessor"
}value: Literal {...}
- type: "Literal"
- start: 2016
- end: 2021
loc: {...}
start: {...}
- line: 68
- column: 20
}end: {...}
- line: 68
- column: 25
}
}- value: "age"
- raw: "'age'"
}- kind: "init"
}
]
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 2043
- end: 2198
loc: {...}
start: {...}
- line: 70
- column: 8
}end: {...}
- line: 75
- column: 10
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 2043
- end: 2055
loc: {...}
start: {...}
- line: 70
- column: 8
}end: {...}
- line: 70
- column: 20
}
}object: Identifier {...}
- type: "Identifier"
- start: 2043
- end: 2048
loc: {...}
start: {...}
- line: 70
- column: 8
}end: {...}
- line: 70
- column: 13
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 2049
- end: 2055
loc: {...}
start: {...}
- line: 70
- column: 14
}end: {...}
- line: 70
- column: 20
}
}- name: "column"
}- computed: false
- optional: false
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 2056
- end: 2197
loc: {...}
start: {...}
- line: 70
- column: 21
}end: {...}
- line: 75
- column: 9
}
}properties: [...] (4)
Property {...}
- type: "Property"
- start: 2068
- end: 2084
loc: {...}
start: {...}
- line: 71
- column: 10
}end: {...}
- line: 71
- column: 26
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2068
- end: 2074
loc: {...}
start: {...}
- line: 71
- column: 10
}end: {...}
- line: 71
- column: 16
}
}- name: "header"
}value: Literal {...}
- type: "Literal"
- start: 2076
- end: 2084
loc: {...}
start: {...}
- line: 71
- column: 18
}end: {...}
- line: 71
- column: 26
}
}- value: "Status"
- raw: "'Status'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 2096
- end: 2119
loc: {...}
start: {...}
- line: 72
- column: 10
}end: {...}
- line: 72
- column: 33
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2096
- end: 2100
loc: {...}
start: {...}
- line: 72
- column: 10
}end: {...}
- line: 72
- column: 14
}
}- name: "cell"
}value: Identifier {...}
- type: "Identifier"
- start: 2102
- end: 2119
loc: {...}
start: {...}
- line: 72
- column: 16
}end: {...}
- line: 72
- column: 33
}
}- name: "EditableCellLabel"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 2131
- end: 2143
loc: {...}
start: {...}
- line: 73
- column: 10
}end: {...}
- line: 73
- column: 22
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2131
- end: 2133
loc: {...}
start: {...}
- line: 73
- column: 10
}end: {...}
- line: 73
- column: 12
}
}- name: "id"
}value: Literal {...}
- type: "Literal"
- start: 2135
- end: 2143
loc: {...}
start: {...}
- line: 73
- column: 14
}end: {...}
- line: 73
- column: 22
}
}- value: "status"
- raw: "'status'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 2155
- end: 2186
loc: {...}
start: {...}
- line: 74
- column: 10
}end: {...}
- line: 74
- column: 41
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2155
- end: 2163
loc: {...}
start: {...}
- line: 74
- column: 10
}end: {...}
- line: 74
- column: 18
}
}- name: "accessor"
}value: ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 2165
- end: 2186
loc: {...}
start: {...}
- line: 74
- column: 20
}end: {...}
- line: 74
- column: 41
}
}- id: null
- expression: true
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 2166
- end: 2170
loc: {...}
start: {...}
- line: 74
- column: 21
}end: {...}
- line: 74
- column: 25
}
}- name: "item"
}
]body: MemberExpression {...}
- type: "MemberExpression"
- start: 2175
- end: 2186
loc: {...}
start: {...}
- line: 74
- column: 30
}end: {...}
- line: 74
- column: 41
}
}object: Identifier {...}
- type: "Identifier"
- start: 2175
- end: 2179
loc: {...}
start: {...}
- line: 74
- column: 30
}end: {...}
- line: 74
- column: 34
}
}- name: "item"
}property: Identifier {...}
- type: "Identifier"
- start: 2180
- end: 2186
loc: {...}
start: {...}
- line: 74
- column: 35
}end: {...}
- line: 74
- column: 41
}
}- name: "status"
}- computed: false
- optional: false
}
}- kind: "init"
}
]
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 2208
- end: 2326
loc: {...}
start: {...}
- line: 76
- column: 8
}end: {...}
- line: 80
- column: 10
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 2208
- end: 2220
loc: {...}
start: {...}
- line: 76
- column: 8
}end: {...}
- line: 76
- column: 20
}
}object: Identifier {...}
- type: "Identifier"
- start: 2208
- end: 2213
loc: {...}
start: {...}
- line: 76
- column: 8
}end: {...}
- line: 76
- column: 13
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 2214
- end: 2220
loc: {...}
start: {...}
- line: 76
- column: 14
}end: {...}
- line: 76
- column: 20
}
}- name: "column"
}- computed: false
- optional: false
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 2221
- end: 2325
loc: {...}
start: {...}
- line: 76
- column: 21
}end: {...}
- line: 80
- column: 9
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 2233
- end: 2249
loc: {...}
start: {...}
- line: 77
- column: 10
}end: {...}
- line: 77
- column: 26
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2233
- end: 2239
loc: {...}
start: {...}
- line: 77
- column: 10
}end: {...}
- line: 77
- column: 16
}
}- name: "header"
}value: Literal {...}
- type: "Literal"
- start: 2241
- end: 2249
loc: {...}
start: {...}
- line: 77
- column: 18
}end: {...}
- line: 77
- column: 26
}
}- value: "Visits"
- raw: "'Visits'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 2261
- end: 2284
loc: {...}
start: {...}
- line: 78
- column: 10
}end: {...}
- line: 78
- column: 33
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2261
- end: 2265
loc: {...}
start: {...}
- line: 78
- column: 10
}end: {...}
- line: 78
- column: 14
}
}- name: "cell"
}value: Identifier {...}
- type: "Identifier"
- start: 2267
- end: 2284
loc: {...}
start: {...}
- line: 78
- column: 16
}end: {...}
- line: 78
- column: 33
}
}- name: "EditableCellLabel"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 2296
- end: 2314
loc: {...}
start: {...}
- line: 79
- column: 10
}end: {...}
- line: 79
- column: 28
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2296
- end: 2304
loc: {...}
start: {...}
- line: 79
- column: 10
}end: {...}
- line: 79
- column: 18
}
}- name: "accessor"
}value: Literal {...}
- type: "Literal"
- start: 2306
- end: 2314
loc: {...}
start: {...}
- line: 79
- column: 20
}end: {...}
- line: 79
- column: 28
}
}- value: "visits"
- raw: "'visits'"
}- kind: "init"
}
]
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 2336
- end: 2466
loc: {...}
start: {...}
- line: 81
- column: 8
}end: {...}
- line: 85
- column: 10
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 2336
- end: 2348
loc: {...}
start: {...}
- line: 81
- column: 8
}end: {...}
- line: 81
- column: 20
}
}object: Identifier {...}
- type: "Identifier"
- start: 2336
- end: 2341
loc: {...}
start: {...}
- line: 81
- column: 8
}end: {...}
- line: 81
- column: 13
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 2342
- end: 2348
loc: {...}
start: {...}
- line: 81
- column: 14
}end: {...}
- line: 81
- column: 20
}
}- name: "column"
}- computed: false
- optional: false
}arguments: [...] (1)
ObjectExpression {...}
- type: "ObjectExpression"
- start: 2349
- end: 2465
loc: {...}
start: {...}
- line: 81
- column: 21
}end: {...}
- line: 85
- column: 9
}
}properties: [...] (3)
Property {...}
- type: "Property"
- start: 2361
- end: 2387
loc: {...}
start: {...}
- line: 82
- column: 10
}end: {...}
- line: 82
- column: 36
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2361
- end: 2367
loc: {...}
start: {...}
- line: 82
- column: 10
}end: {...}
- line: 82
- column: 16
}
}- name: "header"
}value: Literal {...}
- type: "Literal"
- start: 2369
- end: 2387
loc: {...}
start: {...}
- line: 82
- column: 18
}end: {...}
- line: 82
- column: 36
}
}- value: "Profile Progress"
- raw: "'Profile Progress'"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 2399
- end: 2422
loc: {...}
start: {...}
- line: 83
- column: 10
}end: {...}
- line: 83
- column: 33
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2399
- end: 2403
loc: {...}
start: {...}
- line: 83
- column: 10
}end: {...}
- line: 83
- column: 14
}
}- name: "cell"
}value: Identifier {...}
- type: "Identifier"
- start: 2405
- end: 2422
loc: {...}
start: {...}
- line: 83
- column: 16
}end: {...}
- line: 83
- column: 33
}
}- name: "EditableCellLabel"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 2434
- end: 2454
loc: {...}
start: {...}
- line: 84
- column: 10
}end: {...}
- line: 84
- column: 30
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2434
- end: 2442
loc: {...}
start: {...}
- line: 84
- column: 10
}end: {...}
- line: 84
- column: 18
}
}- name: "accessor"
}value: Literal {...}
- type: "Literal"
- start: 2444
- end: 2454
loc: {...}
start: {...}
- line: 84
- column: 20
}end: {...}
- line: 84
- column: 30
}
}- value: "progress"
- raw: "'progress'"
}- kind: "init"
}
]
}
]- optional: false
}
]
}- kind: "init"
}
]
}
]- optional: false
}
]
}
]- optional: false
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 2494
- end: 2590
loc: {...}
start: {...}
- line: 90
- column: 2
}end: {...}
- line: 91
- column: 35
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 2500
- end: 2589
loc: {...}
start: {...}
- line: 90
- column: 8
}end: {...}
- line: 91
- column: 34
}
}id: ObjectPattern {...}
- type: "ObjectPattern"
- start: 2500
- end: 2552
loc: {...}
start: {...}
- line: 90
- column: 8
}end: {...}
- line: 90
- column: 60
}
}properties: [...] (4)
Property {...}
- type: "Property"
- start: 2502
- end: 2512
loc: {...}
start: {...}
- line: 90
- column: 10
}end: {...}
- line: 90
- column: 20
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2502
- end: 2512
loc: {...}
start: {...}
- line: 90
- column: 10
}end: {...}
- line: 90
- column: 20
}
}- name: "headerRows"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 2502
- end: 2512
loc: {...}
start: {...}
- line: 90
- column: 10
}end: {...}
- line: 90
- column: 20
}
}- name: "headerRows"
}
} Property {...}
- type: "Property"
- start: 2514
- end: 2522
loc: {...}
start: {...}
- line: 90
- column: 22
}end: {...}
- line: 90
- column: 30
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2514
- end: 2522
loc: {...}
start: {...}
- line: 90
- column: 22
}end: {...}
- line: 90
- column: 30
}
}- name: "pageRows"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 2514
- end: 2522
loc: {...}
start: {...}
- line: 90
- column: 22
}end: {...}
- line: 90
- column: 30
}
}- name: "pageRows"
}
} Property {...}
- type: "Property"
- start: 2524
- end: 2534
loc: {...}
start: {...}
- line: 90
- column: 32
}end: {...}
- line: 90
- column: 42
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2524
- end: 2534
loc: {...}
start: {...}
- line: 90
- column: 32
}end: {...}
- line: 90
- column: 42
}
}- name: "tableAttrs"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 2524
- end: 2534
loc: {...}
start: {...}
- line: 90
- column: 32
}end: {...}
- line: 90
- column: 42
}
}- name: "tableAttrs"
}
} Property {...}
- type: "Property"
- start: 2536
- end: 2550
loc: {...}
start: {...}
- line: 90
- column: 44
}end: {...}
- line: 90
- column: 58
}
}- method: false
- shorthand: true
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 2536
- end: 2550
loc: {...}
start: {...}
- line: 90
- column: 44
}end: {...}
- line: 90
- column: 58
}
}- name: "tableBodyAttrs"
}- kind: "init"
value: Identifier {...}
- type: "Identifier"
- start: 2536
- end: 2550
loc: {...}
start: {...}
- line: 90
- column: 44
}end: {...}
- line: 90
- column: 58
}
}- name: "tableBodyAttrs"
}
}
]
}init: CallExpression {...}
- type: "CallExpression"
- start: 2559
- end: 2589
loc: {...}
start: {...}
- line: 91
- column: 4
}end: {...}
- line: 91
- column: 34
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 2559
- end: 2580
loc: {...}
start: {...}
- line: 91
- column: 4
}end: {...}
- line: 91
- column: 25
}
}object: Identifier {...}
- type: "Identifier"
- start: 2559
- end: 2564
loc: {...}
start: {...}
- line: 91
- column: 4
}end: {...}
- line: 91
- column: 9
}
}- name: "table"
}property: Identifier {...}
- type: "Identifier"
- start: 2565
- end: 2580
loc: {...}
start: {...}
- line: 91
- column: 10
}end: {...}
- line: 91
- column: 25
}
}- name: "createViewModel"
}- computed: false
- optional: false
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 2581
- end: 2588
loc: {...}
start: {...}
- line: 91
- column: 26
}end: {...}
- line: 91
- column: 33
}
}- name: "columns"
}
]- optional: false
}
}
]- kind: "const"
}
]- sourceType: "module"
}- attributes: []
}
}
The AST is not public API and may change at any point in time