@@ -27,7 +27,19 @@ const adjectives = [
27
27
"expensive" ,
28
28
"fancy" ,
29
29
] ,
30
- colours = [ "red" , "yellow" , "blue" , "green" , "pink" , "brown" , "purple" , "brown" , "white" , "black" , "orange" ] ,
30
+ colours = [
31
+ "red" ,
32
+ "yellow" ,
33
+ "blue" ,
34
+ "green" ,
35
+ "pink" ,
36
+ "brown" ,
37
+ "purple" ,
38
+ "brown" ,
39
+ "white" ,
40
+ "black" ,
41
+ "orange" ,
42
+ ] ,
31
43
nouns = [
32
44
"table" ,
33
45
"chair" ,
@@ -138,29 +150,25 @@ const mainComponent = component(
138
150
} ,
139
151
functions : {
140
152
run : [
141
- ( setData , event ) => ( ) => {
142
- event . stopPropagation ( ) ;
153
+ ( setData ) => ( ) => {
143
154
setData ( ( ) => buildData ( 1000 ) ) ;
144
155
} ,
145
156
"updateRows" ,
146
157
] ,
147
158
runLots : [
148
- ( setData , event ) => ( ) => {
149
- event . stopPropagation ( ) ;
159
+ ( setData ) => ( ) => {
150
160
setData ( ( ) => buildData ( 10000 ) ) ;
151
161
} ,
152
162
"updateRows" ,
153
163
] ,
154
164
add : [
155
- ( setData , event ) => ( ) => {
156
- event . stopPropagation ( ) ;
165
+ ( setData ) => ( ) => {
157
166
setData ( ( d ) => [ ...d , ...buildData ( 1000 ) ] ) ;
158
167
} ,
159
168
"updateRows" ,
160
169
] ,
161
170
update : [
162
- ( setData , event ) => ( ) => {
163
- event . stopPropagation ( ) ;
171
+ ( setData ) => ( ) => {
164
172
setData ( ( d ) => {
165
173
const value = d . slice ( ) ;
166
174
for ( let i = 0 ; i < value . length ; i += 10 ) {
@@ -173,15 +181,13 @@ const mainComponent = component(
173
181
"updateRows" ,
174
182
] ,
175
183
clear : [
176
- ( setData , event ) => ( ) => {
177
- event . stopPropagation ( ) ;
184
+ ( setData ) => ( ) => {
178
185
setData ( ( ) => [ ] ) ;
179
186
} ,
180
187
"updateRows" ,
181
188
] ,
182
189
swapRows : [
183
- ( setData , event ) => ( ) => {
184
- event . stopPropagation ( ) ;
190
+ ( setData ) => ( ) => {
185
191
setData ( ( d ) => {
186
192
const value = d . slice ( ) ;
187
193
const tmp = value [ 1 ] ;
@@ -201,15 +207,13 @@ const mainComponent = component(
201
207
} ,
202
208
functions : {
203
209
setSelected : [
204
- ( setData , event ) => ( id ) => {
205
- event . stopPropagation ( ) ;
210
+ ( setData ) => ( id ) => {
206
211
setData ( ( ) => id ) ;
207
212
} ,
208
213
"updateSelected" ,
209
214
] ,
210
215
delete : [
211
- ( setData , event ) => ( id ) => {
212
- event . stopPropagation ( ) ;
216
+ ( setData ) => ( id ) => {
213
217
setData ( ( d ) => {
214
218
const idx = d . findIndex ( ( d ) => d . id === id ) ;
215
219
return [ ...d . slice ( 0 , idx ) , ...d . slice ( idx + 1 ) ] ;
0 commit comments