@mirai/ui 1.0.118 → 1.0.120

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/README.md +23 -2
  2. package/build/components/Calendar/Calendar.Month.js +6 -3
  3. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  4. package/build/components/Calendar/Calendar.Week.js +1 -1
  5. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  6. package/build/components/Calendar/Calendar.Weekdays.js +5 -1
  7. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  8. package/build/components/Calendar/Calendar.module.css +1 -0
  9. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +528 -528
  10. package/build/components/Form/Form.stories.js +11 -2
  11. package/build/components/Form/Form.stories.js.map +1 -1
  12. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +14 -10
  13. package/build/components/InputDate/InputDate.js +21 -16
  14. package/build/components/InputDate/InputDate.js.map +1 -1
  15. package/build/components/InputDate/InputDate.module.css +8 -6
  16. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +597 -512
  17. package/build/components/InputOption/InputOption.js +2 -4
  18. package/build/components/InputOption/InputOption.js.map +1 -1
  19. package/build/components/InputOption/InputOption.module.css +2 -16
  20. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +1 -1
  21. package/build/components/InputSelect/InputSelect.js +23 -22
  22. package/build/components/InputSelect/InputSelect.js.map +1 -1
  23. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +503 -495
  24. package/build/components/InputText/InputText.js +24 -21
  25. package/build/components/InputText/InputText.js.map +1 -1
  26. package/build/components/InputText/InputText.module.css +14 -35
  27. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +223 -191
  28. package/build/components/InputText/partials/InputText.Hint.js +33 -0
  29. package/build/components/InputText/partials/InputText.Hint.js.map +1 -0
  30. package/build/components/InputText/partials/InputText.IconState.js +33 -0
  31. package/build/components/InputText/partials/InputText.IconState.js.map +1 -0
  32. package/build/components/InputText/partials/InputText.Label.js +39 -0
  33. package/build/components/InputText/partials/InputText.Label.js.map +1 -0
  34. package/build/components/InputText/partials/index.js +39 -0
  35. package/build/components/InputText/partials/index.js.map +1 -0
  36. package/build/components/Menu/Menu.Option.js +6 -2
  37. package/build/components/Menu/Menu.Option.js.map +1 -1
  38. package/build/components/Menu/Menu.module.css +6 -3
  39. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +93 -69
  40. package/build/components/Modal/Modal.js +1 -1
  41. package/build/components/Modal/Modal.js.map +1 -1
  42. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +4 -4
  43. package/build/components/Table/Table.Row.js +5 -2
  44. package/build/components/Table/Table.Row.js.map +1 -1
  45. package/build/components/Table/Table.module.css +7 -2
  46. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +1829 -669
  47. package/build/primitives/Text/Text.module.css +4 -4
  48. package/build/primitives/View/View.js +5 -2
  49. package/build/primitives/View/View.js.map +1 -1
  50. package/build/primitives/View/View.module.css +11 -3
  51. package/build/primitives/View/View.stories.js +1 -0
  52. package/build/primitives/View/View.stories.js.map +1 -1
  53. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +8 -0
  54. package/build/theme/default.theme.css +1 -1
  55. package/build/theme/index.js +11 -0
  56. package/build/theme/index.js.map +1 -1
  57. package/build/theme/theme.constants.js +21 -1
  58. package/build/theme/theme.constants.js.map +1 -1
  59. package/build/theme/theme.js +23 -1
  60. package/build/theme/theme.js.map +1 -1
  61. package/package.json +1 -1
package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap CHANGED
@@ -12,9 +12,13 @@ exports[`component:<Table> inherit:className 1`] = `
12
12
  >
13
13
  <th>
14
14
  <span
15
- class="view row"
15
+ class="view forceRow"
16
16
  >
17
- User Name
17
+ <div
18
+ class="view forceRow checkboxColumn"
19
+ >
20
+ User Name
21
+ </div>
18
22
  <span
19
23
  class="icon headline-3 icon hide"
20
24
  >
@@ -40,9 +44,13 @@ exports[`component:<Table> inherit:className 1`] = `
40
44
  </th>
41
45
  <th>
42
46
  <span
43
- class="view row"
47
+ class="view forceRow"
44
48
  >
45
- Email
49
+ <div
50
+ class="view forceRow checkboxColumn"
51
+ >
52
+ Email
53
+ </div>
46
54
  <span
47
55
  class="icon headline-3 icon hide"
48
56
  >
@@ -68,9 +76,13 @@ exports[`component:<Table> inherit:className 1`] = `
68
76
  </th>
69
77
  <th>
70
78
  <span
71
- class="view row"
79
+ class="view forceRow"
72
80
  >
73
- Year
81
+ <div
82
+ class="view forceRow checkboxColumn"
83
+ >
84
+ Year
85
+ </div>
74
86
  <span
75
87
  class="icon headline-3 icon hide"
76
88
  >
@@ -96,9 +108,13 @@ exports[`component:<Table> inherit:className 1`] = `
96
108
  </th>
97
109
  <th>
98
110
  <span
99
- class="view row"
111
+ class="view forceRow"
100
112
  >
101
- Twitter
113
+ <div
114
+ class="view forceRow checkboxColumn"
115
+ >
116
+ Twitter
117
+ </div>
102
118
  <span
103
119
  class="icon headline-3 icon hide"
104
120
  >
@@ -124,9 +140,13 @@ exports[`component:<Table> inherit:className 1`] = `
124
140
  </th>
125
141
  <th>
126
142
  <span
127
- class="view row"
143
+ class="view forceRow"
128
144
  >
129
- Action
145
+ <div
146
+ class="view forceRow checkboxColumn"
147
+ >
148
+ Action
149
+ </div>
130
150
  <span
131
151
  class="icon headline-3 icon hide"
132
152
  >
@@ -159,34 +179,54 @@ exports[`component:<Table> inherit:className 1`] = `
159
179
  >
160
180
  <td>
161
181
  <span
162
- class="view row"
182
+ class="view forceRow"
163
183
  >
164
- jose
184
+ <div
185
+ class="view forceRow checkboxColumn"
186
+ >
187
+ jose
188
+ </div>
165
189
  </span>
166
190
  </td>
167
191
  <td>
168
192
  <span
169
- class="view row"
193
+ class="view forceRow"
170
194
  >
171
- jose@mirai.com
195
+ <div
196
+ class="view forceRow checkboxColumn"
197
+ >
198
+ jose@mirai.com
199
+ </div>
172
200
  </span>
173
201
  </td>
174
202
  <td>
175
203
  <span
176
- class="view row"
204
+ class="view forceRow"
177
205
  >
178
- 2012
206
+ <div
207
+ class="view forceRow checkboxColumn"
208
+ >
209
+ 2012
210
+ </div>
179
211
  </span>
180
212
  </td>
181
213
  <td>
182
214
  <span
183
- class="view row"
184
- />
215
+ class="view forceRow"
216
+ >
217
+ <div
218
+ class="view forceRow checkboxColumn"
219
+ />
220
+ </span>
185
221
  </td>
186
222
  <td>
187
223
  <span
188
- class="view row"
189
- />
224
+ class="view forceRow"
225
+ >
226
+ <div
227
+ class="view forceRow checkboxColumn"
228
+ />
229
+ </span>
190
230
  </td>
191
231
  </tr>
192
232
  <tr
@@ -195,34 +235,54 @@ exports[`component:<Table> inherit:className 1`] = `
195
235
  >
196
236
  <td>
197
237
  <span
198
- class="view row"
238
+ class="view forceRow"
199
239
  >
200
- mario/1
240
+ <div
241
+ class="view forceRow checkboxColumn"
242
+ >
243
+ mario/1
244
+ </div>
201
245
  </span>
202
246
  </td>
203
247
  <td>
204
248
  <span
205
- class="view row"
249
+ class="view forceRow"
206
250
  >
207
- mario.1@mirai.com
251
+ <div
252
+ class="view forceRow checkboxColumn"
253
+ >
254
+ mario.1@mirai.com
255
+ </div>
208
256
  </span>
209
257
  </td>
210
258
  <td>
211
259
  <span
212
- class="view row"
260
+ class="view forceRow"
213
261
  >
214
- 2005
262
+ <div
263
+ class="view forceRow checkboxColumn"
264
+ >
265
+ 2005
266
+ </div>
215
267
  </span>
216
268
  </td>
217
269
  <td>
218
270
  <span
219
- class="view row"
220
- />
271
+ class="view forceRow"
272
+ >
273
+ <div
274
+ class="view forceRow checkboxColumn"
275
+ />
276
+ </span>
221
277
  </td>
222
278
  <td>
223
279
  <span
224
- class="view row"
225
- />
280
+ class="view forceRow"
281
+ >
282
+ <div
283
+ class="view forceRow checkboxColumn"
284
+ />
285
+ </span>
226
286
  </td>
227
287
  </tr>
228
288
  <tr
@@ -231,34 +291,54 @@ exports[`component:<Table> inherit:className 1`] = `
231
291
  >
232
292
  <td>
233
293
  <span
234
- class="view row"
294
+ class="view forceRow"
235
295
  >
236
- carlos
296
+ <div
297
+ class="view forceRow checkboxColumn"
298
+ >
299
+ carlos
300
+ </div>
237
301
  </span>
238
302
  </td>
239
303
  <td>
240
304
  <span
241
- class="view row"
305
+ class="view forceRow"
242
306
  >
243
- carlos@mirai.com
307
+ <div
308
+ class="view forceRow checkboxColumn"
309
+ >
310
+ carlos@mirai.com
311
+ </div>
244
312
  </span>
245
313
  </td>
246
314
  <td>
247
315
  <span
248
- class="view row"
316
+ class="view forceRow"
249
317
  >
250
- 2012
318
+ <div
319
+ class="view forceRow checkboxColumn"
320
+ >
321
+ 2012
322
+ </div>
251
323
  </span>
252
324
  </td>
253
325
  <td>
254
326
  <span
255
- class="view row"
256
- />
327
+ class="view forceRow"
328
+ >
329
+ <div
330
+ class="view forceRow checkboxColumn"
331
+ />
332
+ </span>
257
333
  </td>
258
334
  <td>
259
335
  <span
260
- class="view row"
261
- />
336
+ class="view forceRow"
337
+ >
338
+ <div
339
+ class="view forceRow checkboxColumn"
340
+ />
341
+ </span>
262
342
  </td>
263
343
  </tr>
264
344
  <tr
@@ -267,37 +347,57 @@ exports[`component:<Table> inherit:className 1`] = `
267
347
  >
268
348
  <td>
269
349
  <span
270
- class="view row"
350
+ class="view forceRow"
271
351
  >
272
- svet
352
+ <div
353
+ class="view forceRow checkboxColumn"
354
+ >
355
+ svet
356
+ </div>
273
357
  </span>
274
358
  </td>
275
359
  <td>
276
360
  <span
277
- class="view row"
361
+ class="view forceRow"
278
362
  >
279
- svet@mirai.com
363
+ <div
364
+ class="view forceRow checkboxColumn"
365
+ >
366
+ svet@mirai.com
367
+ </div>
280
368
  </span>
281
369
  </td>
282
370
  <td>
283
371
  <span
284
- class="view row"
372
+ class="view forceRow"
285
373
  >
286
- 2021
374
+ <div
375
+ class="view forceRow checkboxColumn"
376
+ >
377
+ 2021
378
+ </div>
287
379
  </span>
288
380
  </td>
289
381
  <td>
290
382
  <span
291
- class="view row"
292
- />
383
+ class="view forceRow"
384
+ >
385
+ <div
386
+ class="view forceRow checkboxColumn"
387
+ />
388
+ </span>
293
389
  </td>
294
390
  <td>
295
391
  <span
296
- class="view row"
392
+ class="view forceRow"
297
393
  >
298
- <strong>
299
- action
300
- </strong>
394
+ <div
395
+ class="view forceRow checkboxColumn"
396
+ >
397
+ <strong>
398
+ action
399
+ </strong>
400
+ </div>
301
401
  </span>
302
402
  </td>
303
403
  </tr>
@@ -307,36 +407,56 @@ exports[`component:<Table> inherit:className 1`] = `
307
407
  >
308
408
  <td>
309
409
  <span
310
- class="view row"
410
+ class="view forceRow"
311
411
  >
312
- javi
412
+ <div
413
+ class="view forceRow checkboxColumn"
414
+ >
415
+ javi
416
+ </div>
313
417
  </span>
314
418
  </td>
315
419
  <td>
316
420
  <span
317
- class="view row"
421
+ class="view forceRow"
318
422
  >
319
- hi@soyjavi.com
423
+ <div
424
+ class="view forceRow checkboxColumn"
425
+ >
426
+ hi@soyjavi.com
427
+ </div>
320
428
  </span>
321
429
  </td>
322
430
  <td>
323
431
  <span
324
- class="view row"
432
+ class="view forceRow"
325
433
  >
326
- 2022
434
+ <div
435
+ class="view forceRow checkboxColumn"
436
+ >
437
+ 2022
438
+ </div>
327
439
  </span>
328
440
  </td>
329
441
  <td>
330
442
  <span
331
- class="view row"
443
+ class="view forceRow"
332
444
  >
333
- soyjavi
445
+ <div
446
+ class="view forceRow checkboxColumn"
447
+ >
448
+ soyjavi
449
+ </div>
334
450
  </span>
335
451
  </td>
336
452
  <td>
337
453
  <span
338
- class="view row"
339
- />
454
+ class="view forceRow"
455
+ >
456
+ <div
457
+ class="view forceRow checkboxColumn"
458
+ />
459
+ </span>
340
460
  </td>
341
461
  </tr>
342
462
  <tr
@@ -345,34 +465,54 @@ exports[`component:<Table> inherit:className 1`] = `
345
465
  >
346
466
  <td>
347
467
  <span
348
- class="view row"
468
+ class="view forceRow"
349
469
  >
350
- victor
470
+ <div
471
+ class="view forceRow checkboxColumn"
472
+ >
473
+ victor
474
+ </div>
351
475
  </span>
352
476
  </td>
353
477
  <td>
354
478
  <span
355
- class="view row"
479
+ class="view forceRow"
356
480
  >
357
- victor@mirai.com
481
+ <div
482
+ class="view forceRow checkboxColumn"
483
+ >
484
+ victor@mirai.com
485
+ </div>
358
486
  </span>
359
487
  </td>
360
488
  <td>
361
489
  <span
362
- class="view row"
490
+ class="view forceRow"
363
491
  >
364
- 2021
492
+ <div
493
+ class="view forceRow checkboxColumn"
494
+ >
495
+ 2021
496
+ </div>
365
497
  </span>
366
498
  </td>
367
499
  <td>
368
500
  <span
369
- class="view row"
370
- />
501
+ class="view forceRow"
502
+ >
503
+ <div
504
+ class="view forceRow checkboxColumn"
505
+ />
506
+ </span>
371
507
  </td>
372
508
  <td>
373
509
  <span
374
- class="view row"
375
- />
510
+ class="view forceRow"
511
+ >
512
+ <div
513
+ class="view forceRow checkboxColumn"
514
+ />
515
+ </span>
376
516
  </td>
377
517
  </tr>
378
518
  <tr
@@ -381,34 +521,54 @@ exports[`component:<Table> inherit:className 1`] = `
381
521
  >
382
522
  <td>
383
523
  <span
384
- class="view row"
524
+ class="view forceRow"
385
525
  >
386
- mario/2
526
+ <div
527
+ class="view forceRow checkboxColumn"
528
+ >
529
+ mario/2
530
+ </div>
387
531
  </span>
388
532
  </td>
389
533
  <td>
390
534
  <span
391
- class="view row"
535
+ class="view forceRow"
392
536
  >
393
- mario.2@mirai.com
537
+ <div
538
+ class="view forceRow checkboxColumn"
539
+ >
540
+ mario.2@mirai.com
541
+ </div>
394
542
  </span>
395
543
  </td>
396
544
  <td>
397
545
  <span
398
- class="view row"
546
+ class="view forceRow"
399
547
  >
400
- 2022
548
+ <div
549
+ class="view forceRow checkboxColumn"
550
+ >
551
+ 2022
552
+ </div>
401
553
  </span>
402
554
  </td>
403
555
  <td>
404
556
  <span
405
- class="view row"
406
- />
557
+ class="view forceRow"
558
+ >
559
+ <div
560
+ class="view forceRow checkboxColumn"
561
+ />
562
+ </span>
407
563
  </td>
408
564
  <td>
409
565
  <span
410
- class="view row"
411
- />
566
+ class="view forceRow"
567
+ >
568
+ <div
569
+ class="view forceRow checkboxColumn"
570
+ />
571
+ </span>
412
572
  </td>
413
573
  </tr>
414
574
  </tbody>
@@ -431,9 +591,13 @@ exports[`component:<Table> prop:inline (false 1`] = `
431
591
  >
432
592
  <th>
433
593
  <span
434
- class="view row"
594
+ class="view forceRow"
435
595
  >
436
- User Name
596
+ <div
597
+ class="view forceRow checkboxColumn"
598
+ >
599
+ User Name
600
+ </div>
437
601
  <span
438
602
  class="icon headline-3 icon hide"
439
603
  >
@@ -459,9 +623,13 @@ exports[`component:<Table> prop:inline (false 1`] = `
459
623
  </th>
460
624
  <th>
461
625
  <span
462
- class="view row"
626
+ class="view forceRow"
463
627
  >
464
- Email
628
+ <div
629
+ class="view forceRow checkboxColumn"
630
+ >
631
+ Email
632
+ </div>
465
633
  <span
466
634
  class="icon headline-3 icon hide"
467
635
  >
@@ -487,9 +655,13 @@ exports[`component:<Table> prop:inline (false 1`] = `
487
655
  </th>
488
656
  <th>
489
657
  <span
490
- class="view row"
658
+ class="view forceRow"
491
659
  >
492
- Year
660
+ <div
661
+ class="view forceRow checkboxColumn"
662
+ >
663
+ Year
664
+ </div>
493
665
  <span
494
666
  class="icon headline-3 icon hide"
495
667
  >
@@ -515,9 +687,13 @@ exports[`component:<Table> prop:inline (false 1`] = `
515
687
  </th>
516
688
  <th>
517
689
  <span
518
- class="view row"
690
+ class="view forceRow"
519
691
  >
520
- Twitter
692
+ <div
693
+ class="view forceRow checkboxColumn"
694
+ >
695
+ Twitter
696
+ </div>
521
697
  <span
522
698
  class="icon headline-3 icon hide"
523
699
  >
@@ -543,9 +719,13 @@ exports[`component:<Table> prop:inline (false 1`] = `
543
719
  </th>
544
720
  <th>
545
721
  <span
546
- class="view row"
722
+ class="view forceRow"
547
723
  >
548
- Action
724
+ <div
725
+ class="view forceRow checkboxColumn"
726
+ >
727
+ Action
728
+ </div>
549
729
  <span
550
730
  class="icon headline-3 icon hide"
551
731
  >
@@ -578,34 +758,54 @@ exports[`component:<Table> prop:inline (false 1`] = `
578
758
  >
579
759
  <td>
580
760
  <span
581
- class="view row"
761
+ class="view forceRow"
582
762
  >
583
- jose
763
+ <div
764
+ class="view forceRow checkboxColumn"
765
+ >
766
+ jose
767
+ </div>
584
768
  </span>
585
769
  </td>
586
770
  <td>
587
771
  <span
588
- class="view row"
772
+ class="view forceRow"
589
773
  >
590
- jose@mirai.com
774
+ <div
775
+ class="view forceRow checkboxColumn"
776
+ >
777
+ jose@mirai.com
778
+ </div>
591
779
  </span>
592
780
  </td>
593
781
  <td>
594
782
  <span
595
- class="view row"
783
+ class="view forceRow"
596
784
  >
597
- 2012
785
+ <div
786
+ class="view forceRow checkboxColumn"
787
+ >
788
+ 2012
789
+ </div>
598
790
  </span>
599
791
  </td>
600
792
  <td>
601
793
  <span
602
- class="view row"
603
- />
794
+ class="view forceRow"
795
+ >
796
+ <div
797
+ class="view forceRow checkboxColumn"
798
+ />
799
+ </span>
604
800
  </td>
605
801
  <td>
606
802
  <span
607
- class="view row"
608
- />
803
+ class="view forceRow"
804
+ >
805
+ <div
806
+ class="view forceRow checkboxColumn"
807
+ />
808
+ </span>
609
809
  </td>
610
810
  </tr>
611
811
  <tr
@@ -614,34 +814,54 @@ exports[`component:<Table> prop:inline (false 1`] = `
614
814
  >
615
815
  <td>
616
816
  <span
617
- class="view row"
817
+ class="view forceRow"
618
818
  >
619
- mario/1
819
+ <div
820
+ class="view forceRow checkboxColumn"
821
+ >
822
+ mario/1
823
+ </div>
620
824
  </span>
621
825
  </td>
622
826
  <td>
623
827
  <span
624
- class="view row"
828
+ class="view forceRow"
625
829
  >
626
- mario.1@mirai.com
830
+ <div
831
+ class="view forceRow checkboxColumn"
832
+ >
833
+ mario.1@mirai.com
834
+ </div>
627
835
  </span>
628
836
  </td>
629
837
  <td>
630
838
  <span
631
- class="view row"
839
+ class="view forceRow"
632
840
  >
633
- 2005
841
+ <div
842
+ class="view forceRow checkboxColumn"
843
+ >
844
+ 2005
845
+ </div>
634
846
  </span>
635
847
  </td>
636
848
  <td>
637
849
  <span
638
- class="view row"
639
- />
850
+ class="view forceRow"
851
+ >
852
+ <div
853
+ class="view forceRow checkboxColumn"
854
+ />
855
+ </span>
640
856
  </td>
641
857
  <td>
642
858
  <span
643
- class="view row"
644
- />
859
+ class="view forceRow"
860
+ >
861
+ <div
862
+ class="view forceRow checkboxColumn"
863
+ />
864
+ </span>
645
865
  </td>
646
866
  </tr>
647
867
  <tr
@@ -650,34 +870,54 @@ exports[`component:<Table> prop:inline (false 1`] = `
650
870
  >
651
871
  <td>
652
872
  <span
653
- class="view row"
873
+ class="view forceRow"
654
874
  >
655
- carlos
875
+ <div
876
+ class="view forceRow checkboxColumn"
877
+ >
878
+ carlos
879
+ </div>
656
880
  </span>
657
881
  </td>
658
882
  <td>
659
883
  <span
660
- class="view row"
884
+ class="view forceRow"
661
885
  >
662
- carlos@mirai.com
886
+ <div
887
+ class="view forceRow checkboxColumn"
888
+ >
889
+ carlos@mirai.com
890
+ </div>
663
891
  </span>
664
892
  </td>
665
893
  <td>
666
894
  <span
667
- class="view row"
895
+ class="view forceRow"
668
896
  >
669
- 2012
897
+ <div
898
+ class="view forceRow checkboxColumn"
899
+ >
900
+ 2012
901
+ </div>
670
902
  </span>
671
903
  </td>
672
904
  <td>
673
905
  <span
674
- class="view row"
675
- />
906
+ class="view forceRow"
907
+ >
908
+ <div
909
+ class="view forceRow checkboxColumn"
910
+ />
911
+ </span>
676
912
  </td>
677
913
  <td>
678
914
  <span
679
- class="view row"
680
- />
915
+ class="view forceRow"
916
+ >
917
+ <div
918
+ class="view forceRow checkboxColumn"
919
+ />
920
+ </span>
681
921
  </td>
682
922
  </tr>
683
923
  <tr
@@ -686,37 +926,57 @@ exports[`component:<Table> prop:inline (false 1`] = `
686
926
  >
687
927
  <td>
688
928
  <span
689
- class="view row"
929
+ class="view forceRow"
690
930
  >
691
- svet
931
+ <div
932
+ class="view forceRow checkboxColumn"
933
+ >
934
+ svet
935
+ </div>
692
936
  </span>
693
937
  </td>
694
938
  <td>
695
939
  <span
696
- class="view row"
940
+ class="view forceRow"
697
941
  >
698
- svet@mirai.com
942
+ <div
943
+ class="view forceRow checkboxColumn"
944
+ >
945
+ svet@mirai.com
946
+ </div>
699
947
  </span>
700
948
  </td>
701
949
  <td>
702
950
  <span
703
- class="view row"
951
+ class="view forceRow"
704
952
  >
705
- 2021
953
+ <div
954
+ class="view forceRow checkboxColumn"
955
+ >
956
+ 2021
957
+ </div>
706
958
  </span>
707
959
  </td>
708
960
  <td>
709
961
  <span
710
- class="view row"
711
- />
712
- </td>
962
+ class="view forceRow"
963
+ >
964
+ <div
965
+ class="view forceRow checkboxColumn"
966
+ />
967
+ </span>
968
+ </td>
713
969
  <td>
714
970
  <span
715
- class="view row"
971
+ class="view forceRow"
716
972
  >
717
- <strong>
718
- action
719
- </strong>
973
+ <div
974
+ class="view forceRow checkboxColumn"
975
+ >
976
+ <strong>
977
+ action
978
+ </strong>
979
+ </div>
720
980
  </span>
721
981
  </td>
722
982
  </tr>
@@ -726,36 +986,56 @@ exports[`component:<Table> prop:inline (false 1`] = `
726
986
  >
727
987
  <td>
728
988
  <span
729
- class="view row"
989
+ class="view forceRow"
730
990
  >
731
- javi
991
+ <div
992
+ class="view forceRow checkboxColumn"
993
+ >
994
+ javi
995
+ </div>
732
996
  </span>
733
997
  </td>
734
998
  <td>
735
999
  <span
736
- class="view row"
1000
+ class="view forceRow"
737
1001
  >
738
- hi@soyjavi.com
1002
+ <div
1003
+ class="view forceRow checkboxColumn"
1004
+ >
1005
+ hi@soyjavi.com
1006
+ </div>
739
1007
  </span>
740
1008
  </td>
741
1009
  <td>
742
1010
  <span
743
- class="view row"
1011
+ class="view forceRow"
744
1012
  >
745
- 2022
1013
+ <div
1014
+ class="view forceRow checkboxColumn"
1015
+ >
1016
+ 2022
1017
+ </div>
746
1018
  </span>
747
1019
  </td>
748
1020
  <td>
749
1021
  <span
750
- class="view row"
1022
+ class="view forceRow"
751
1023
  >
752
- soyjavi
1024
+ <div
1025
+ class="view forceRow checkboxColumn"
1026
+ >
1027
+ soyjavi
1028
+ </div>
753
1029
  </span>
754
1030
  </td>
755
1031
  <td>
756
1032
  <span
757
- class="view row"
758
- />
1033
+ class="view forceRow"
1034
+ >
1035
+ <div
1036
+ class="view forceRow checkboxColumn"
1037
+ />
1038
+ </span>
759
1039
  </td>
760
1040
  </tr>
761
1041
  <tr
@@ -764,34 +1044,54 @@ exports[`component:<Table> prop:inline (false 1`] = `
764
1044
  >
765
1045
  <td>
766
1046
  <span
767
- class="view row"
1047
+ class="view forceRow"
768
1048
  >
769
- victor
1049
+ <div
1050
+ class="view forceRow checkboxColumn"
1051
+ >
1052
+ victor
1053
+ </div>
770
1054
  </span>
771
1055
  </td>
772
1056
  <td>
773
1057
  <span
774
- class="view row"
1058
+ class="view forceRow"
775
1059
  >
776
- victor@mirai.com
1060
+ <div
1061
+ class="view forceRow checkboxColumn"
1062
+ >
1063
+ victor@mirai.com
1064
+ </div>
777
1065
  </span>
778
1066
  </td>
779
1067
  <td>
780
1068
  <span
781
- class="view row"
1069
+ class="view forceRow"
782
1070
  >
783
- 2021
1071
+ <div
1072
+ class="view forceRow checkboxColumn"
1073
+ >
1074
+ 2021
1075
+ </div>
784
1076
  </span>
785
1077
  </td>
786
1078
  <td>
787
1079
  <span
788
- class="view row"
789
- />
1080
+ class="view forceRow"
1081
+ >
1082
+ <div
1083
+ class="view forceRow checkboxColumn"
1084
+ />
1085
+ </span>
790
1086
  </td>
791
1087
  <td>
792
1088
  <span
793
- class="view row"
794
- />
1089
+ class="view forceRow"
1090
+ >
1091
+ <div
1092
+ class="view forceRow checkboxColumn"
1093
+ />
1094
+ </span>
795
1095
  </td>
796
1096
  </tr>
797
1097
  <tr
@@ -800,34 +1100,54 @@ exports[`component:<Table> prop:inline (false 1`] = `
800
1100
  >
801
1101
  <td>
802
1102
  <span
803
- class="view row"
1103
+ class="view forceRow"
804
1104
  >
805
- mario/2
1105
+ <div
1106
+ class="view forceRow checkboxColumn"
1107
+ >
1108
+ mario/2
1109
+ </div>
806
1110
  </span>
807
1111
  </td>
808
1112
  <td>
809
1113
  <span
810
- class="view row"
1114
+ class="view forceRow"
811
1115
  >
812
- mario.2@mirai.com
1116
+ <div
1117
+ class="view forceRow checkboxColumn"
1118
+ >
1119
+ mario.2@mirai.com
1120
+ </div>
813
1121
  </span>
814
1122
  </td>
815
1123
  <td>
816
1124
  <span
817
- class="view row"
1125
+ class="view forceRow"
818
1126
  >
819
- 2022
1127
+ <div
1128
+ class="view forceRow checkboxColumn"
1129
+ >
1130
+ 2022
1131
+ </div>
820
1132
  </span>
821
1133
  </td>
822
1134
  <td>
823
1135
  <span
824
- class="view row"
825
- />
1136
+ class="view forceRow"
1137
+ >
1138
+ <div
1139
+ class="view forceRow checkboxColumn"
1140
+ />
1141
+ </span>
826
1142
  </td>
827
1143
  <td>
828
1144
  <span
829
- class="view row"
830
- />
1145
+ class="view forceRow"
1146
+ >
1147
+ <div
1148
+ class="view forceRow checkboxColumn"
1149
+ />
1150
+ </span>
831
1151
  </td>
832
1152
  </tr>
833
1153
  </tbody>
@@ -855,9 +1175,13 @@ exports[`component:<Table> prop:onScroll 1`] = `
855
1175
  data-testid="onScroll-head-username"
856
1176
  >
857
1177
  <span
858
- class="view row"
1178
+ class="view forceRow"
859
1179
  >
860
- User Name
1180
+ <div
1181
+ class="view forceRow checkboxColumn"
1182
+ >
1183
+ User Name
1184
+ </div>
861
1185
  <span
862
1186
  class="icon headline-3 icon hide"
863
1187
  >
@@ -885,9 +1209,13 @@ exports[`component:<Table> prop:onScroll 1`] = `
885
1209
  data-testid="onScroll-head-email"
886
1210
  >
887
1211
  <span
888
- class="view row"
1212
+ class="view forceRow"
889
1213
  >
890
- Email
1214
+ <div
1215
+ class="view forceRow checkboxColumn"
1216
+ >
1217
+ Email
1218
+ </div>
891
1219
  <span
892
1220
  class="icon headline-3 icon hide"
893
1221
  >
@@ -915,9 +1243,13 @@ exports[`component:<Table> prop:onScroll 1`] = `
915
1243
  data-testid="onScroll-head-year"
916
1244
  >
917
1245
  <span
918
- class="view row"
1246
+ class="view forceRow"
919
1247
  >
920
- Year
1248
+ <div
1249
+ class="view forceRow checkboxColumn"
1250
+ >
1251
+ Year
1252
+ </div>
921
1253
  <span
922
1254
  class="icon headline-3 icon hide"
923
1255
  >
@@ -945,9 +1277,13 @@ exports[`component:<Table> prop:onScroll 1`] = `
945
1277
  data-testid="onScroll-head-twitter"
946
1278
  >
947
1279
  <span
948
- class="view row"
1280
+ class="view forceRow"
949
1281
  >
950
- Twitter
1282
+ <div
1283
+ class="view forceRow checkboxColumn"
1284
+ >
1285
+ Twitter
1286
+ </div>
951
1287
  <span
952
1288
  class="icon headline-3 icon hide"
953
1289
  >
@@ -975,9 +1311,13 @@ exports[`component:<Table> prop:onScroll 1`] = `
975
1311
  data-testid="onScroll-head-action"
976
1312
  >
977
1313
  <span
978
- class="view row"
1314
+ class="view forceRow"
979
1315
  >
980
- Action
1316
+ <div
1317
+ class="view forceRow checkboxColumn"
1318
+ >
1319
+ Action
1320
+ </div>
981
1321
  <span
982
1322
  class="icon headline-3 icon hide"
983
1323
  >
@@ -1013,42 +1353,62 @@ exports[`component:<Table> prop:onScroll 1`] = `
1013
1353
  data-testid="onScroll-0-username"
1014
1354
  >
1015
1355
  <span
1016
- class="view row"
1356
+ class="view forceRow"
1017
1357
  >
1018
- jose
1358
+ <div
1359
+ class="view forceRow checkboxColumn"
1360
+ >
1361
+ jose
1362
+ </div>
1019
1363
  </span>
1020
1364
  </td>
1021
1365
  <td
1022
1366
  data-testid="onScroll-0-email"
1023
1367
  >
1024
1368
  <span
1025
- class="view row"
1369
+ class="view forceRow"
1026
1370
  >
1027
- jose@mirai.com
1371
+ <div
1372
+ class="view forceRow checkboxColumn"
1373
+ >
1374
+ jose@mirai.com
1375
+ </div>
1028
1376
  </span>
1029
1377
  </td>
1030
1378
  <td
1031
1379
  data-testid="onScroll-0-year"
1032
1380
  >
1033
1381
  <span
1034
- class="view row"
1382
+ class="view forceRow"
1035
1383
  >
1036
- 2012
1384
+ <div
1385
+ class="view forceRow checkboxColumn"
1386
+ >
1387
+ 2012
1388
+ </div>
1037
1389
  </span>
1038
1390
  </td>
1039
1391
  <td
1040
1392
  data-testid="onScroll-0-twitter"
1041
1393
  >
1042
1394
  <span
1043
- class="view row"
1044
- />
1395
+ class="view forceRow"
1396
+ >
1397
+ <div
1398
+ class="view forceRow checkboxColumn"
1399
+ />
1400
+ </span>
1045
1401
  </td>
1046
1402
  <td
1047
1403
  data-testid="onScroll-0-action"
1048
1404
  >
1049
1405
  <span
1050
- class="view row"
1051
- />
1406
+ class="view forceRow"
1407
+ >
1408
+ <div
1409
+ class="view forceRow checkboxColumn"
1410
+ />
1411
+ </span>
1052
1412
  </td>
1053
1413
  </tr>
1054
1414
  <tr
@@ -1060,42 +1420,62 @@ exports[`component:<Table> prop:onScroll 1`] = `
1060
1420
  data-testid="onScroll-1-username"
1061
1421
  >
1062
1422
  <span
1063
- class="view row"
1423
+ class="view forceRow"
1064
1424
  >
1065
- mario/1
1425
+ <div
1426
+ class="view forceRow checkboxColumn"
1427
+ >
1428
+ mario/1
1429
+ </div>
1066
1430
  </span>
1067
1431
  </td>
1068
1432
  <td
1069
1433
  data-testid="onScroll-1-email"
1070
1434
  >
1071
1435
  <span
1072
- class="view row"
1436
+ class="view forceRow"
1073
1437
  >
1074
- mario.1@mirai.com
1438
+ <div
1439
+ class="view forceRow checkboxColumn"
1440
+ >
1441
+ mario.1@mirai.com
1442
+ </div>
1075
1443
  </span>
1076
1444
  </td>
1077
1445
  <td
1078
1446
  data-testid="onScroll-1-year"
1079
1447
  >
1080
1448
  <span
1081
- class="view row"
1449
+ class="view forceRow"
1082
1450
  >
1083
- 2005
1451
+ <div
1452
+ class="view forceRow checkboxColumn"
1453
+ >
1454
+ 2005
1455
+ </div>
1084
1456
  </span>
1085
1457
  </td>
1086
1458
  <td
1087
1459
  data-testid="onScroll-1-twitter"
1088
1460
  >
1089
1461
  <span
1090
- class="view row"
1091
- />
1462
+ class="view forceRow"
1463
+ >
1464
+ <div
1465
+ class="view forceRow checkboxColumn"
1466
+ />
1467
+ </span>
1092
1468
  </td>
1093
1469
  <td
1094
1470
  data-testid="onScroll-1-action"
1095
1471
  >
1096
1472
  <span
1097
- class="view row"
1098
- />
1473
+ class="view forceRow"
1474
+ >
1475
+ <div
1476
+ class="view forceRow checkboxColumn"
1477
+ />
1478
+ </span>
1099
1479
  </td>
1100
1480
  </tr>
1101
1481
  <tr
@@ -1107,42 +1487,62 @@ exports[`component:<Table> prop:onScroll 1`] = `
1107
1487
  data-testid="onScroll-2-username"
1108
1488
  >
1109
1489
  <span
1110
- class="view row"
1490
+ class="view forceRow"
1111
1491
  >
1112
- carlos
1492
+ <div
1493
+ class="view forceRow checkboxColumn"
1494
+ >
1495
+ carlos
1496
+ </div>
1113
1497
  </span>
1114
1498
  </td>
1115
1499
  <td
1116
1500
  data-testid="onScroll-2-email"
1117
1501
  >
1118
1502
  <span
1119
- class="view row"
1503
+ class="view forceRow"
1120
1504
  >
1121
- carlos@mirai.com
1505
+ <div
1506
+ class="view forceRow checkboxColumn"
1507
+ >
1508
+ carlos@mirai.com
1509
+ </div>
1122
1510
  </span>
1123
1511
  </td>
1124
1512
  <td
1125
1513
  data-testid="onScroll-2-year"
1126
1514
  >
1127
1515
  <span
1128
- class="view row"
1516
+ class="view forceRow"
1129
1517
  >
1130
- 2012
1518
+ <div
1519
+ class="view forceRow checkboxColumn"
1520
+ >
1521
+ 2012
1522
+ </div>
1131
1523
  </span>
1132
1524
  </td>
1133
1525
  <td
1134
1526
  data-testid="onScroll-2-twitter"
1135
1527
  >
1136
1528
  <span
1137
- class="view row"
1138
- />
1529
+ class="view forceRow"
1530
+ >
1531
+ <div
1532
+ class="view forceRow checkboxColumn"
1533
+ />
1534
+ </span>
1139
1535
  </td>
1140
1536
  <td
1141
1537
  data-testid="onScroll-2-action"
1142
1538
  >
1143
1539
  <span
1144
- class="view row"
1145
- />
1540
+ class="view forceRow"
1541
+ >
1542
+ <div
1543
+ class="view forceRow checkboxColumn"
1544
+ />
1545
+ </span>
1146
1546
  </td>
1147
1547
  </tr>
1148
1548
  <tr
@@ -1154,45 +1554,65 @@ exports[`component:<Table> prop:onScroll 1`] = `
1154
1554
  data-testid="onScroll-3-username"
1155
1555
  >
1156
1556
  <span
1157
- class="view row"
1557
+ class="view forceRow"
1158
1558
  >
1159
- svet
1559
+ <div
1560
+ class="view forceRow checkboxColumn"
1561
+ >
1562
+ svet
1563
+ </div>
1160
1564
  </span>
1161
1565
  </td>
1162
1566
  <td
1163
1567
  data-testid="onScroll-3-email"
1164
1568
  >
1165
1569
  <span
1166
- class="view row"
1570
+ class="view forceRow"
1167
1571
  >
1168
- svet@mirai.com
1572
+ <div
1573
+ class="view forceRow checkboxColumn"
1574
+ >
1575
+ svet@mirai.com
1576
+ </div>
1169
1577
  </span>
1170
1578
  </td>
1171
1579
  <td
1172
1580
  data-testid="onScroll-3-year"
1173
1581
  >
1174
1582
  <span
1175
- class="view row"
1583
+ class="view forceRow"
1176
1584
  >
1177
- 2021
1585
+ <div
1586
+ class="view forceRow checkboxColumn"
1587
+ >
1588
+ 2021
1589
+ </div>
1178
1590
  </span>
1179
1591
  </td>
1180
1592
  <td
1181
1593
  data-testid="onScroll-3-twitter"
1182
1594
  >
1183
1595
  <span
1184
- class="view row"
1185
- />
1596
+ class="view forceRow"
1597
+ >
1598
+ <div
1599
+ class="view forceRow checkboxColumn"
1600
+ />
1601
+ </span>
1186
1602
  </td>
1187
1603
  <td
1188
1604
  data-testid="onScroll-3-action"
1189
1605
  >
1190
1606
  <span
1191
- class="view row"
1607
+ class="view forceRow"
1192
1608
  >
1193
- <strong>
1194
- action
1195
- </strong>
1609
+ <div
1610
+ class="view forceRow checkboxColumn"
1611
+ >
1612
+ <strong>
1613
+ action
1614
+ </strong>
1615
+ </div>
1196
1616
  </span>
1197
1617
  </td>
1198
1618
  </tr>
@@ -1205,44 +1625,64 @@ exports[`component:<Table> prop:onScroll 1`] = `
1205
1625
  data-testid="onScroll-4-username"
1206
1626
  >
1207
1627
  <span
1208
- class="view row"
1628
+ class="view forceRow"
1209
1629
  >
1210
- javi
1630
+ <div
1631
+ class="view forceRow checkboxColumn"
1632
+ >
1633
+ javi
1634
+ </div>
1211
1635
  </span>
1212
1636
  </td>
1213
1637
  <td
1214
1638
  data-testid="onScroll-4-email"
1215
1639
  >
1216
1640
  <span
1217
- class="view row"
1641
+ class="view forceRow"
1218
1642
  >
1219
- hi@soyjavi.com
1643
+ <div
1644
+ class="view forceRow checkboxColumn"
1645
+ >
1646
+ hi@soyjavi.com
1647
+ </div>
1220
1648
  </span>
1221
1649
  </td>
1222
1650
  <td
1223
1651
  data-testid="onScroll-4-year"
1224
1652
  >
1225
1653
  <span
1226
- class="view row"
1654
+ class="view forceRow"
1227
1655
  >
1228
- 2022
1656
+ <div
1657
+ class="view forceRow checkboxColumn"
1658
+ >
1659
+ 2022
1660
+ </div>
1229
1661
  </span>
1230
1662
  </td>
1231
1663
  <td
1232
1664
  data-testid="onScroll-4-twitter"
1233
1665
  >
1234
1666
  <span
1235
- class="view row"
1667
+ class="view forceRow"
1236
1668
  >
1237
- soyjavi
1669
+ <div
1670
+ class="view forceRow checkboxColumn"
1671
+ >
1672
+ soyjavi
1673
+ </div>
1238
1674
  </span>
1239
1675
  </td>
1240
1676
  <td
1241
1677
  data-testid="onScroll-4-action"
1242
1678
  >
1243
1679
  <span
1244
- class="view row"
1245
- />
1680
+ class="view forceRow"
1681
+ >
1682
+ <div
1683
+ class="view forceRow checkboxColumn"
1684
+ />
1685
+ </span>
1246
1686
  </td>
1247
1687
  </tr>
1248
1688
  <tr
@@ -1254,42 +1694,62 @@ exports[`component:<Table> prop:onScroll 1`] = `
1254
1694
  data-testid="onScroll-5-username"
1255
1695
  >
1256
1696
  <span
1257
- class="view row"
1697
+ class="view forceRow"
1258
1698
  >
1259
- victor
1699
+ <div
1700
+ class="view forceRow checkboxColumn"
1701
+ >
1702
+ victor
1703
+ </div>
1260
1704
  </span>
1261
1705
  </td>
1262
1706
  <td
1263
1707
  data-testid="onScroll-5-email"
1264
1708
  >
1265
1709
  <span
1266
- class="view row"
1710
+ class="view forceRow"
1267
1711
  >
1268
- victor@mirai.com
1712
+ <div
1713
+ class="view forceRow checkboxColumn"
1714
+ >
1715
+ victor@mirai.com
1716
+ </div>
1269
1717
  </span>
1270
1718
  </td>
1271
1719
  <td
1272
1720
  data-testid="onScroll-5-year"
1273
1721
  >
1274
1722
  <span
1275
- class="view row"
1723
+ class="view forceRow"
1276
1724
  >
1277
- 2021
1725
+ <div
1726
+ class="view forceRow checkboxColumn"
1727
+ >
1728
+ 2021
1729
+ </div>
1278
1730
  </span>
1279
1731
  </td>
1280
1732
  <td
1281
1733
  data-testid="onScroll-5-twitter"
1282
1734
  >
1283
1735
  <span
1284
- class="view row"
1285
- />
1736
+ class="view forceRow"
1737
+ >
1738
+ <div
1739
+ class="view forceRow checkboxColumn"
1740
+ />
1741
+ </span>
1286
1742
  </td>
1287
1743
  <td
1288
1744
  data-testid="onScroll-5-action"
1289
1745
  >
1290
1746
  <span
1291
- class="view row"
1292
- />
1747
+ class="view forceRow"
1748
+ >
1749
+ <div
1750
+ class="view forceRow checkboxColumn"
1751
+ />
1752
+ </span>
1293
1753
  </td>
1294
1754
  </tr>
1295
1755
  <tr
@@ -1301,42 +1761,62 @@ exports[`component:<Table> prop:onScroll 1`] = `
1301
1761
  data-testid="onScroll-6-username"
1302
1762
  >
1303
1763
  <span
1304
- class="view row"
1764
+ class="view forceRow"
1305
1765
  >
1306
- mario/2
1766
+ <div
1767
+ class="view forceRow checkboxColumn"
1768
+ >
1769
+ mario/2
1770
+ </div>
1307
1771
  </span>
1308
1772
  </td>
1309
1773
  <td
1310
1774
  data-testid="onScroll-6-email"
1311
1775
  >
1312
1776
  <span
1313
- class="view row"
1777
+ class="view forceRow"
1314
1778
  >
1315
- mario.2@mirai.com
1779
+ <div
1780
+ class="view forceRow checkboxColumn"
1781
+ >
1782
+ mario.2@mirai.com
1783
+ </div>
1316
1784
  </span>
1317
1785
  </td>
1318
1786
  <td
1319
1787
  data-testid="onScroll-6-year"
1320
1788
  >
1321
1789
  <span
1322
- class="view row"
1790
+ class="view forceRow"
1323
1791
  >
1324
- 2022
1792
+ <div
1793
+ class="view forceRow checkboxColumn"
1794
+ >
1795
+ 2022
1796
+ </div>
1325
1797
  </span>
1326
1798
  </td>
1327
1799
  <td
1328
1800
  data-testid="onScroll-6-twitter"
1329
1801
  >
1330
1802
  <span
1331
- class="view row"
1332
- />
1803
+ class="view forceRow"
1804
+ >
1805
+ <div
1806
+ class="view forceRow checkboxColumn"
1807
+ />
1808
+ </span>
1333
1809
  </td>
1334
1810
  <td
1335
1811
  data-testid="onScroll-6-action"
1336
1812
  >
1337
1813
  <span
1338
- class="view row"
1339
- />
1814
+ class="view forceRow"
1815
+ >
1816
+ <div
1817
+ class="view forceRow checkboxColumn"
1818
+ />
1819
+ </span>
1340
1820
  </td>
1341
1821
  </tr>
1342
1822
  </tbody>
@@ -1361,24 +1841,28 @@ exports[`component:<Table> prop:onSelect 1`] = `
1361
1841
  data-testid="onSelect-head-username"
1362
1842
  >
1363
1843
  <span
1364
- class="view row"
1844
+ class="view forceRow"
1365
1845
  >
1366
1846
  <div
1367
- class="pressable inputOption checkbox"
1368
- data-testid="onSelect-head-checkbox"
1847
+ class="view forceRow checkboxColumn"
1369
1848
  >
1370
1849
  <div
1371
- class="checkbox"
1850
+ class="pressable inputOption checkbox"
1851
+ data-testid="onSelect-head-checkbox"
1372
1852
  >
1373
- <input
1374
- class=""
1375
- name="checkbox"
1376
- type="checkbox"
1377
- value=""
1378
- />
1853
+ <div
1854
+ class="checkbox"
1855
+ >
1856
+ <input
1857
+ class=""
1858
+ name="checkbox"
1859
+ type="checkbox"
1860
+ value=""
1861
+ />
1862
+ </div>
1379
1863
  </div>
1864
+ User Name
1380
1865
  </div>
1381
- User Name
1382
1866
  <span
1383
1867
  class="icon headline-3 icon hide"
1384
1868
  >
@@ -1406,9 +1890,13 @@ exports[`component:<Table> prop:onSelect 1`] = `
1406
1890
  data-testid="onSelect-head-email"
1407
1891
  >
1408
1892
  <span
1409
- class="view row"
1893
+ class="view forceRow"
1410
1894
  >
1411
- Email
1895
+ <div
1896
+ class="view forceRow checkboxColumn"
1897
+ >
1898
+ Email
1899
+ </div>
1412
1900
  <span
1413
1901
  class="icon headline-3 icon hide"
1414
1902
  >
@@ -1436,9 +1924,13 @@ exports[`component:<Table> prop:onSelect 1`] = `
1436
1924
  data-testid="onSelect-head-year"
1437
1925
  >
1438
1926
  <span
1439
- class="view row"
1927
+ class="view forceRow"
1440
1928
  >
1441
- Year
1929
+ <div
1930
+ class="view forceRow checkboxColumn"
1931
+ >
1932
+ Year
1933
+ </div>
1442
1934
  <span
1443
1935
  class="icon headline-3 icon hide"
1444
1936
  >
@@ -1466,9 +1958,13 @@ exports[`component:<Table> prop:onSelect 1`] = `
1466
1958
  data-testid="onSelect-head-twitter"
1467
1959
  >
1468
1960
  <span
1469
- class="view row"
1961
+ class="view forceRow"
1470
1962
  >
1471
- Twitter
1963
+ <div
1964
+ class="view forceRow checkboxColumn"
1965
+ >
1966
+ Twitter
1967
+ </div>
1472
1968
  <span
1473
1969
  class="icon headline-3 icon hide"
1474
1970
  >
@@ -1496,9 +1992,13 @@ exports[`component:<Table> prop:onSelect 1`] = `
1496
1992
  data-testid="onSelect-head-action"
1497
1993
  >
1498
1994
  <span
1499
- class="view row"
1995
+ class="view forceRow"
1500
1996
  >
1501
- Action
1997
+ <div
1998
+ class="view forceRow checkboxColumn"
1999
+ >
2000
+ Action
2001
+ </div>
1502
2002
  <span
1503
2003
  class="icon headline-3 icon hide"
1504
2004
  >
@@ -1534,57 +2034,77 @@ exports[`component:<Table> prop:onSelect 1`] = `
1534
2034
  data-testid="onSelect-0-username"
1535
2035
  >
1536
2036
  <span
1537
- class="view row"
2037
+ class="view forceRow"
1538
2038
  >
1539
2039
  <div
1540
- class="pressable inputOption checkbox"
1541
- data-testid="onSelect-0-checkbox"
2040
+ class="view forceRow checkboxColumn"
1542
2041
  >
1543
2042
  <div
1544
- class="checkbox"
2043
+ class="pressable inputOption checkbox"
2044
+ data-testid="onSelect-0-checkbox"
1545
2045
  >
1546
- <input
1547
- class=""
1548
- name="checkbox"
1549
- type="checkbox"
1550
- value=""
1551
- />
2046
+ <div
2047
+ class="checkbox"
2048
+ >
2049
+ <input
2050
+ class=""
2051
+ name="checkbox"
2052
+ type="checkbox"
2053
+ value=""
2054
+ />
2055
+ </div>
1552
2056
  </div>
2057
+ jose
1553
2058
  </div>
1554
- jose
1555
2059
  </span>
1556
2060
  </td>
1557
2061
  <td
1558
2062
  data-testid="onSelect-0-email"
1559
2063
  >
1560
2064
  <span
1561
- class="view row"
2065
+ class="view forceRow"
1562
2066
  >
1563
- jose@mirai.com
2067
+ <div
2068
+ class="view forceRow checkboxColumn"
2069
+ >
2070
+ jose@mirai.com
2071
+ </div>
1564
2072
  </span>
1565
2073
  </td>
1566
2074
  <td
1567
2075
  data-testid="onSelect-0-year"
1568
2076
  >
1569
2077
  <span
1570
- class="view row"
2078
+ class="view forceRow"
1571
2079
  >
1572
- 2012
2080
+ <div
2081
+ class="view forceRow checkboxColumn"
2082
+ >
2083
+ 2012
2084
+ </div>
1573
2085
  </span>
1574
2086
  </td>
1575
2087
  <td
1576
2088
  data-testid="onSelect-0-twitter"
1577
2089
  >
1578
2090
  <span
1579
- class="view row"
1580
- />
2091
+ class="view forceRow"
2092
+ >
2093
+ <div
2094
+ class="view forceRow checkboxColumn"
2095
+ />
2096
+ </span>
1581
2097
  </td>
1582
2098
  <td
1583
2099
  data-testid="onSelect-0-action"
1584
2100
  >
1585
2101
  <span
1586
- class="view row"
1587
- />
2102
+ class="view forceRow"
2103
+ >
2104
+ <div
2105
+ class="view forceRow checkboxColumn"
2106
+ />
2107
+ </span>
1588
2108
  </td>
1589
2109
  </tr>
1590
2110
  <tr
@@ -1596,57 +2116,77 @@ exports[`component:<Table> prop:onSelect 1`] = `
1596
2116
  data-testid="onSelect-1-username"
1597
2117
  >
1598
2118
  <span
1599
- class="view row"
2119
+ class="view forceRow"
1600
2120
  >
1601
2121
  <div
1602
- class="pressable inputOption checkbox"
1603
- data-testid="onSelect-1-checkbox"
2122
+ class="view forceRow checkboxColumn"
1604
2123
  >
1605
2124
  <div
1606
- class="checkbox"
2125
+ class="pressable inputOption checkbox"
2126
+ data-testid="onSelect-1-checkbox"
1607
2127
  >
1608
- <input
1609
- class=""
1610
- name="checkbox"
1611
- type="checkbox"
1612
- value=""
1613
- />
2128
+ <div
2129
+ class="checkbox"
2130
+ >
2131
+ <input
2132
+ class=""
2133
+ name="checkbox"
2134
+ type="checkbox"
2135
+ value=""
2136
+ />
2137
+ </div>
1614
2138
  </div>
2139
+ mario/1
1615
2140
  </div>
1616
- mario/1
1617
2141
  </span>
1618
2142
  </td>
1619
2143
  <td
1620
2144
  data-testid="onSelect-1-email"
1621
2145
  >
1622
2146
  <span
1623
- class="view row"
2147
+ class="view forceRow"
1624
2148
  >
1625
- mario.1@mirai.com
2149
+ <div
2150
+ class="view forceRow checkboxColumn"
2151
+ >
2152
+ mario.1@mirai.com
2153
+ </div>
1626
2154
  </span>
1627
2155
  </td>
1628
2156
  <td
1629
2157
  data-testid="onSelect-1-year"
1630
2158
  >
1631
2159
  <span
1632
- class="view row"
2160
+ class="view forceRow"
1633
2161
  >
1634
- 2005
2162
+ <div
2163
+ class="view forceRow checkboxColumn"
2164
+ >
2165
+ 2005
2166
+ </div>
1635
2167
  </span>
1636
2168
  </td>
1637
2169
  <td
1638
2170
  data-testid="onSelect-1-twitter"
1639
2171
  >
1640
2172
  <span
1641
- class="view row"
1642
- />
2173
+ class="view forceRow"
2174
+ >
2175
+ <div
2176
+ class="view forceRow checkboxColumn"
2177
+ />
2178
+ </span>
1643
2179
  </td>
1644
2180
  <td
1645
2181
  data-testid="onSelect-1-action"
1646
2182
  >
1647
2183
  <span
1648
- class="view row"
1649
- />
2184
+ class="view forceRow"
2185
+ >
2186
+ <div
2187
+ class="view forceRow checkboxColumn"
2188
+ />
2189
+ </span>
1650
2190
  </td>
1651
2191
  </tr>
1652
2192
  <tr
@@ -1658,57 +2198,77 @@ exports[`component:<Table> prop:onSelect 1`] = `
1658
2198
  data-testid="onSelect-2-username"
1659
2199
  >
1660
2200
  <span
1661
- class="view row"
2201
+ class="view forceRow"
1662
2202
  >
1663
2203
  <div
1664
- class="pressable inputOption checkbox"
1665
- data-testid="onSelect-2-checkbox"
2204
+ class="view forceRow checkboxColumn"
1666
2205
  >
1667
2206
  <div
1668
- class="checkbox"
2207
+ class="pressable inputOption checkbox"
2208
+ data-testid="onSelect-2-checkbox"
1669
2209
  >
1670
- <input
1671
- class=""
1672
- name="checkbox"
1673
- type="checkbox"
1674
- value=""
1675
- />
2210
+ <div
2211
+ class="checkbox"
2212
+ >
2213
+ <input
2214
+ class=""
2215
+ name="checkbox"
2216
+ type="checkbox"
2217
+ value=""
2218
+ />
2219
+ </div>
1676
2220
  </div>
2221
+ carlos
1677
2222
  </div>
1678
- carlos
1679
2223
  </span>
1680
2224
  </td>
1681
2225
  <td
1682
2226
  data-testid="onSelect-2-email"
1683
2227
  >
1684
2228
  <span
1685
- class="view row"
2229
+ class="view forceRow"
1686
2230
  >
1687
- carlos@mirai.com
2231
+ <div
2232
+ class="view forceRow checkboxColumn"
2233
+ >
2234
+ carlos@mirai.com
2235
+ </div>
1688
2236
  </span>
1689
2237
  </td>
1690
2238
  <td
1691
2239
  data-testid="onSelect-2-year"
1692
2240
  >
1693
2241
  <span
1694
- class="view row"
2242
+ class="view forceRow"
1695
2243
  >
1696
- 2012
2244
+ <div
2245
+ class="view forceRow checkboxColumn"
2246
+ >
2247
+ 2012
2248
+ </div>
1697
2249
  </span>
1698
2250
  </td>
1699
2251
  <td
1700
2252
  data-testid="onSelect-2-twitter"
1701
2253
  >
1702
2254
  <span
1703
- class="view row"
1704
- />
2255
+ class="view forceRow"
2256
+ >
2257
+ <div
2258
+ class="view forceRow checkboxColumn"
2259
+ />
2260
+ </span>
1705
2261
  </td>
1706
2262
  <td
1707
2263
  data-testid="onSelect-2-action"
1708
2264
  >
1709
2265
  <span
1710
- class="view row"
1711
- />
2266
+ class="view forceRow"
2267
+ >
2268
+ <div
2269
+ class="view forceRow checkboxColumn"
2270
+ />
2271
+ </span>
1712
2272
  </td>
1713
2273
  </tr>
1714
2274
  <tr
@@ -1720,60 +2280,80 @@ exports[`component:<Table> prop:onSelect 1`] = `
1720
2280
  data-testid="onSelect-3-username"
1721
2281
  >
1722
2282
  <span
1723
- class="view row"
2283
+ class="view forceRow"
1724
2284
  >
1725
2285
  <div
1726
- class="pressable inputOption checkbox"
1727
- data-testid="onSelect-3-checkbox"
2286
+ class="view forceRow checkboxColumn"
1728
2287
  >
1729
2288
  <div
1730
- class="checkbox"
2289
+ class="pressable inputOption checkbox"
2290
+ data-testid="onSelect-3-checkbox"
1731
2291
  >
1732
- <input
1733
- class=""
1734
- name="checkbox"
1735
- type="checkbox"
1736
- value=""
1737
- />
2292
+ <div
2293
+ class="checkbox"
2294
+ >
2295
+ <input
2296
+ class=""
2297
+ name="checkbox"
2298
+ type="checkbox"
2299
+ value=""
2300
+ />
2301
+ </div>
1738
2302
  </div>
2303
+ svet
1739
2304
  </div>
1740
- svet
1741
2305
  </span>
1742
2306
  </td>
1743
2307
  <td
1744
2308
  data-testid="onSelect-3-email"
1745
2309
  >
1746
2310
  <span
1747
- class="view row"
2311
+ class="view forceRow"
1748
2312
  >
1749
- svet@mirai.com
2313
+ <div
2314
+ class="view forceRow checkboxColumn"
2315
+ >
2316
+ svet@mirai.com
2317
+ </div>
1750
2318
  </span>
1751
2319
  </td>
1752
2320
  <td
1753
2321
  data-testid="onSelect-3-year"
1754
2322
  >
1755
2323
  <span
1756
- class="view row"
2324
+ class="view forceRow"
1757
2325
  >
1758
- 2021
2326
+ <div
2327
+ class="view forceRow checkboxColumn"
2328
+ >
2329
+ 2021
2330
+ </div>
1759
2331
  </span>
1760
2332
  </td>
1761
2333
  <td
1762
2334
  data-testid="onSelect-3-twitter"
1763
2335
  >
1764
2336
  <span
1765
- class="view row"
1766
- />
2337
+ class="view forceRow"
2338
+ >
2339
+ <div
2340
+ class="view forceRow checkboxColumn"
2341
+ />
2342
+ </span>
1767
2343
  </td>
1768
2344
  <td
1769
2345
  data-testid="onSelect-3-action"
1770
2346
  >
1771
2347
  <span
1772
- class="view row"
2348
+ class="view forceRow"
1773
2349
  >
1774
- <strong>
1775
- action
1776
- </strong>
2350
+ <div
2351
+ class="view forceRow checkboxColumn"
2352
+ >
2353
+ <strong>
2354
+ action
2355
+ </strong>
2356
+ </div>
1777
2357
  </span>
1778
2358
  </td>
1779
2359
  </tr>
@@ -1786,59 +2366,79 @@ exports[`component:<Table> prop:onSelect 1`] = `
1786
2366
  data-testid="onSelect-4-username"
1787
2367
  >
1788
2368
  <span
1789
- class="view row"
2369
+ class="view forceRow"
1790
2370
  >
1791
2371
  <div
1792
- class="pressable inputOption checkbox"
1793
- data-testid="onSelect-4-checkbox"
2372
+ class="view forceRow checkboxColumn"
1794
2373
  >
1795
2374
  <div
1796
- class="checkbox"
2375
+ class="pressable inputOption checkbox"
2376
+ data-testid="onSelect-4-checkbox"
1797
2377
  >
1798
- <input
1799
- class=""
1800
- name="checkbox"
1801
- type="checkbox"
1802
- value=""
1803
- />
2378
+ <div
2379
+ class="checkbox"
2380
+ >
2381
+ <input
2382
+ class=""
2383
+ name="checkbox"
2384
+ type="checkbox"
2385
+ value=""
2386
+ />
2387
+ </div>
1804
2388
  </div>
2389
+ javi
1805
2390
  </div>
1806
- javi
1807
2391
  </span>
1808
2392
  </td>
1809
2393
  <td
1810
2394
  data-testid="onSelect-4-email"
1811
2395
  >
1812
2396
  <span
1813
- class="view row"
2397
+ class="view forceRow"
1814
2398
  >
1815
- hi@soyjavi.com
2399
+ <div
2400
+ class="view forceRow checkboxColumn"
2401
+ >
2402
+ hi@soyjavi.com
2403
+ </div>
1816
2404
  </span>
1817
2405
  </td>
1818
2406
  <td
1819
2407
  data-testid="onSelect-4-year"
1820
2408
  >
1821
2409
  <span
1822
- class="view row"
2410
+ class="view forceRow"
1823
2411
  >
1824
- 2022
2412
+ <div
2413
+ class="view forceRow checkboxColumn"
2414
+ >
2415
+ 2022
2416
+ </div>
1825
2417
  </span>
1826
2418
  </td>
1827
2419
  <td
1828
2420
  data-testid="onSelect-4-twitter"
1829
2421
  >
1830
2422
  <span
1831
- class="view row"
2423
+ class="view forceRow"
1832
2424
  >
1833
- soyjavi
2425
+ <div
2426
+ class="view forceRow checkboxColumn"
2427
+ >
2428
+ soyjavi
2429
+ </div>
1834
2430
  </span>
1835
2431
  </td>
1836
2432
  <td
1837
2433
  data-testid="onSelect-4-action"
1838
2434
  >
1839
2435
  <span
1840
- class="view row"
1841
- />
2436
+ class="view forceRow"
2437
+ >
2438
+ <div
2439
+ class="view forceRow checkboxColumn"
2440
+ />
2441
+ </span>
1842
2442
  </td>
1843
2443
  </tr>
1844
2444
  <tr
@@ -1850,57 +2450,77 @@ exports[`component:<Table> prop:onSelect 1`] = `
1850
2450
  data-testid="onSelect-5-username"
1851
2451
  >
1852
2452
  <span
1853
- class="view row"
2453
+ class="view forceRow"
1854
2454
  >
1855
2455
  <div
1856
- class="pressable inputOption checkbox"
1857
- data-testid="onSelect-5-checkbox"
2456
+ class="view forceRow checkboxColumn"
1858
2457
  >
1859
2458
  <div
1860
- class="checkbox"
2459
+ class="pressable inputOption checkbox"
2460
+ data-testid="onSelect-5-checkbox"
1861
2461
  >
1862
- <input
1863
- class=""
1864
- name="checkbox"
1865
- type="checkbox"
1866
- value=""
1867
- />
2462
+ <div
2463
+ class="checkbox"
2464
+ >
2465
+ <input
2466
+ class=""
2467
+ name="checkbox"
2468
+ type="checkbox"
2469
+ value=""
2470
+ />
2471
+ </div>
1868
2472
  </div>
2473
+ victor
1869
2474
  </div>
1870
- victor
1871
2475
  </span>
1872
2476
  </td>
1873
2477
  <td
1874
2478
  data-testid="onSelect-5-email"
1875
2479
  >
1876
2480
  <span
1877
- class="view row"
2481
+ class="view forceRow"
1878
2482
  >
1879
- victor@mirai.com
2483
+ <div
2484
+ class="view forceRow checkboxColumn"
2485
+ >
2486
+ victor@mirai.com
2487
+ </div>
1880
2488
  </span>
1881
2489
  </td>
1882
2490
  <td
1883
2491
  data-testid="onSelect-5-year"
1884
2492
  >
1885
2493
  <span
1886
- class="view row"
2494
+ class="view forceRow"
1887
2495
  >
1888
- 2021
2496
+ <div
2497
+ class="view forceRow checkboxColumn"
2498
+ >
2499
+ 2021
2500
+ </div>
1889
2501
  </span>
1890
2502
  </td>
1891
2503
  <td
1892
2504
  data-testid="onSelect-5-twitter"
1893
2505
  >
1894
2506
  <span
1895
- class="view row"
1896
- />
2507
+ class="view forceRow"
2508
+ >
2509
+ <div
2510
+ class="view forceRow checkboxColumn"
2511
+ />
2512
+ </span>
1897
2513
  </td>
1898
2514
  <td
1899
2515
  data-testid="onSelect-5-action"
1900
2516
  >
1901
2517
  <span
1902
- class="view row"
1903
- />
2518
+ class="view forceRow"
2519
+ >
2520
+ <div
2521
+ class="view forceRow checkboxColumn"
2522
+ />
2523
+ </span>
1904
2524
  </td>
1905
2525
  </tr>
1906
2526
  <tr
@@ -1912,57 +2532,77 @@ exports[`component:<Table> prop:onSelect 1`] = `
1912
2532
  data-testid="onSelect-6-username"
1913
2533
  >
1914
2534
  <span
1915
- class="view row"
2535
+ class="view forceRow"
1916
2536
  >
1917
2537
  <div
1918
- class="pressable inputOption checkbox"
1919
- data-testid="onSelect-6-checkbox"
2538
+ class="view forceRow checkboxColumn"
1920
2539
  >
1921
2540
  <div
1922
- class="checkbox"
2541
+ class="pressable inputOption checkbox"
2542
+ data-testid="onSelect-6-checkbox"
1923
2543
  >
1924
- <input
1925
- class=""
1926
- name="checkbox"
1927
- type="checkbox"
1928
- value=""
1929
- />
2544
+ <div
2545
+ class="checkbox"
2546
+ >
2547
+ <input
2548
+ class=""
2549
+ name="checkbox"
2550
+ type="checkbox"
2551
+ value=""
2552
+ />
2553
+ </div>
1930
2554
  </div>
2555
+ mario/2
1931
2556
  </div>
1932
- mario/2
1933
2557
  </span>
1934
2558
  </td>
1935
2559
  <td
1936
2560
  data-testid="onSelect-6-email"
1937
2561
  >
1938
2562
  <span
1939
- class="view row"
2563
+ class="view forceRow"
1940
2564
  >
1941
- mario.2@mirai.com
2565
+ <div
2566
+ class="view forceRow checkboxColumn"
2567
+ >
2568
+ mario.2@mirai.com
2569
+ </div>
1942
2570
  </span>
1943
2571
  </td>
1944
2572
  <td
1945
2573
  data-testid="onSelect-6-year"
1946
2574
  >
1947
2575
  <span
1948
- class="view row"
2576
+ class="view forceRow"
1949
2577
  >
1950
- 2022
2578
+ <div
2579
+ class="view forceRow checkboxColumn"
2580
+ >
2581
+ 2022
2582
+ </div>
1951
2583
  </span>
1952
2584
  </td>
1953
2585
  <td
1954
2586
  data-testid="onSelect-6-twitter"
1955
2587
  >
1956
2588
  <span
1957
- class="view row"
1958
- />
2589
+ class="view forceRow"
2590
+ >
2591
+ <div
2592
+ class="view forceRow checkboxColumn"
2593
+ />
2594
+ </span>
1959
2595
  </td>
1960
2596
  <td
1961
2597
  data-testid="onSelect-6-action"
1962
2598
  >
1963
2599
  <span
1964
- class="view row"
1965
- />
2600
+ class="view forceRow"
2601
+ >
2602
+ <div
2603
+ class="view forceRow checkboxColumn"
2604
+ />
2605
+ </span>
1966
2606
  </td>
1967
2607
  </tr>
1968
2608
  </tbody>
@@ -1982,9 +2622,13 @@ exports[`component:<Table> prop:search 1`] = `
1982
2622
  >
1983
2623
  <th>
1984
2624
  <span
1985
- class="view row"
2625
+ class="view forceRow"
1986
2626
  >
1987
- User Name
2627
+ <div
2628
+ class="view forceRow checkboxColumn"
2629
+ >
2630
+ User Name
2631
+ </div>
1988
2632
  <span
1989
2633
  class="icon headline-3 icon hide"
1990
2634
  >
@@ -2010,9 +2654,13 @@ exports[`component:<Table> prop:search 1`] = `
2010
2654
  </th>
2011
2655
  <th>
2012
2656
  <span
2013
- class="view row"
2657
+ class="view forceRow"
2014
2658
  >
2015
- Email
2659
+ <div
2660
+ class="view forceRow checkboxColumn"
2661
+ >
2662
+ Email
2663
+ </div>
2016
2664
  <span
2017
2665
  class="icon headline-3 icon hide"
2018
2666
  >
@@ -2038,9 +2686,13 @@ exports[`component:<Table> prop:search 1`] = `
2038
2686
  </th>
2039
2687
  <th>
2040
2688
  <span
2041
- class="view row"
2689
+ class="view forceRow"
2042
2690
  >
2043
- Year
2691
+ <div
2692
+ class="view forceRow checkboxColumn"
2693
+ >
2694
+ Year
2695
+ </div>
2044
2696
  <span
2045
2697
  class="icon headline-3 icon hide"
2046
2698
  >
@@ -2066,9 +2718,13 @@ exports[`component:<Table> prop:search 1`] = `
2066
2718
  </th>
2067
2719
  <th>
2068
2720
  <span
2069
- class="view row"
2721
+ class="view forceRow"
2070
2722
  >
2071
- Twitter
2723
+ <div
2724
+ class="view forceRow checkboxColumn"
2725
+ >
2726
+ Twitter
2727
+ </div>
2072
2728
  <span
2073
2729
  class="icon headline-3 icon hide"
2074
2730
  >
@@ -2094,9 +2750,13 @@ exports[`component:<Table> prop:search 1`] = `
2094
2750
  </th>
2095
2751
  <th>
2096
2752
  <span
2097
- class="view row"
2753
+ class="view forceRow"
2098
2754
  >
2099
- Action
2755
+ <div
2756
+ class="view forceRow checkboxColumn"
2757
+ >
2758
+ Action
2759
+ </div>
2100
2760
  <span
2101
2761
  class="icon headline-3 icon hide"
2102
2762
  >
@@ -2129,36 +2789,56 @@ exports[`component:<Table> prop:search 1`] = `
2129
2789
  >
2130
2790
  <td>
2131
2791
  <span
2132
- class="view row"
2792
+ class="view forceRow"
2133
2793
  >
2134
- javi
2794
+ <div
2795
+ class="view forceRow checkboxColumn"
2796
+ >
2797
+ javi
2798
+ </div>
2135
2799
  </span>
2136
2800
  </td>
2137
2801
  <td>
2138
2802
  <span
2139
- class="view row"
2803
+ class="view forceRow"
2140
2804
  >
2141
- hi@soyjavi.com
2805
+ <div
2806
+ class="view forceRow checkboxColumn"
2807
+ >
2808
+ hi@soyjavi.com
2809
+ </div>
2142
2810
  </span>
2143
2811
  </td>
2144
2812
  <td>
2145
2813
  <span
2146
- class="view row"
2814
+ class="view forceRow"
2147
2815
  >
2148
- 2022
2816
+ <div
2817
+ class="view forceRow checkboxColumn"
2818
+ >
2819
+ 2022
2820
+ </div>
2149
2821
  </span>
2150
2822
  </td>
2151
2823
  <td>
2152
2824
  <span
2153
- class="view row"
2825
+ class="view forceRow"
2154
2826
  >
2155
- soyjavi
2827
+ <div
2828
+ class="view forceRow checkboxColumn"
2829
+ >
2830
+ soyjavi
2831
+ </div>
2156
2832
  </span>
2157
2833
  </td>
2158
2834
  <td>
2159
2835
  <span
2160
- class="view row"
2161
- />
2836
+ class="view forceRow"
2837
+ >
2838
+ <div
2839
+ class="view forceRow checkboxColumn"
2840
+ />
2841
+ </span>
2162
2842
  </td>
2163
2843
  </tr>
2164
2844
  </tbody>
@@ -2178,9 +2858,13 @@ exports[`component:<Table> prop:selected 1`] = `
2178
2858
  >
2179
2859
  <th>
2180
2860
  <span
2181
- class="view row"
2861
+ class="view forceRow"
2182
2862
  >
2183
- User Name
2863
+ <div
2864
+ class="view forceRow checkboxColumn"
2865
+ >
2866
+ User Name
2867
+ </div>
2184
2868
  <span
2185
2869
  class="icon headline-3 icon hide"
2186
2870
  >
@@ -2206,9 +2890,13 @@ exports[`component:<Table> prop:selected 1`] = `
2206
2890
  </th>
2207
2891
  <th>
2208
2892
  <span
2209
- class="view row"
2893
+ class="view forceRow"
2210
2894
  >
2211
- Email
2895
+ <div
2896
+ class="view forceRow checkboxColumn"
2897
+ >
2898
+ Email
2899
+ </div>
2212
2900
  <span
2213
2901
  class="icon headline-3 icon hide"
2214
2902
  >
@@ -2234,9 +2922,13 @@ exports[`component:<Table> prop:selected 1`] = `
2234
2922
  </th>
2235
2923
  <th>
2236
2924
  <span
2237
- class="view row"
2925
+ class="view forceRow"
2238
2926
  >
2239
- Year
2927
+ <div
2928
+ class="view forceRow checkboxColumn"
2929
+ >
2930
+ Year
2931
+ </div>
2240
2932
  <span
2241
2933
  class="icon headline-3 icon hide"
2242
2934
  >
@@ -2262,9 +2954,13 @@ exports[`component:<Table> prop:selected 1`] = `
2262
2954
  </th>
2263
2955
  <th>
2264
2956
  <span
2265
- class="view row"
2957
+ class="view forceRow"
2266
2958
  >
2267
- Twitter
2959
+ <div
2960
+ class="view forceRow checkboxColumn"
2961
+ >
2962
+ Twitter
2963
+ </div>
2268
2964
  <span
2269
2965
  class="icon headline-3 icon hide"
2270
2966
  >
@@ -2290,9 +2986,13 @@ exports[`component:<Table> prop:selected 1`] = `
2290
2986
  </th>
2291
2987
  <th>
2292
2988
  <span
2293
- class="view row"
2989
+ class="view forceRow"
2294
2990
  >
2295
- Action
2991
+ <div
2992
+ class="view forceRow checkboxColumn"
2993
+ >
2994
+ Action
2995
+ </div>
2296
2996
  <span
2297
2997
  class="icon headline-3 icon hide"
2298
2998
  >
@@ -2325,34 +3025,54 @@ exports[`component:<Table> prop:selected 1`] = `
2325
3025
  >
2326
3026
  <td>
2327
3027
  <span
2328
- class="view row"
3028
+ class="view forceRow"
2329
3029
  >
2330
- jose
3030
+ <div
3031
+ class="view forceRow checkboxColumn"
3032
+ >
3033
+ jose
3034
+ </div>
2331
3035
  </span>
2332
3036
  </td>
2333
3037
  <td>
2334
3038
  <span
2335
- class="view row"
3039
+ class="view forceRow"
2336
3040
  >
2337
- jose@mirai.com
3041
+ <div
3042
+ class="view forceRow checkboxColumn"
3043
+ >
3044
+ jose@mirai.com
3045
+ </div>
2338
3046
  </span>
2339
3047
  </td>
2340
3048
  <td>
2341
3049
  <span
2342
- class="view row"
3050
+ class="view forceRow"
2343
3051
  >
2344
- 2012
3052
+ <div
3053
+ class="view forceRow checkboxColumn"
3054
+ >
3055
+ 2012
3056
+ </div>
2345
3057
  </span>
2346
3058
  </td>
2347
3059
  <td>
2348
3060
  <span
2349
- class="view row"
2350
- />
3061
+ class="view forceRow"
3062
+ >
3063
+ <div
3064
+ class="view forceRow checkboxColumn"
3065
+ />
3066
+ </span>
2351
3067
  </td>
2352
3068
  <td>
2353
3069
  <span
2354
- class="view row"
2355
- />
3070
+ class="view forceRow"
3071
+ >
3072
+ <div
3073
+ class="view forceRow checkboxColumn"
3074
+ />
3075
+ </span>
2356
3076
  </td>
2357
3077
  </tr>
2358
3078
  <tr
@@ -2361,34 +3081,54 @@ exports[`component:<Table> prop:selected 1`] = `
2361
3081
  >
2362
3082
  <td>
2363
3083
  <span
2364
- class="view row"
3084
+ class="view forceRow"
2365
3085
  >
2366
- mario/1
3086
+ <div
3087
+ class="view forceRow checkboxColumn"
3088
+ >
3089
+ mario/1
3090
+ </div>
2367
3091
  </span>
2368
3092
  </td>
2369
3093
  <td>
2370
3094
  <span
2371
- class="view row"
3095
+ class="view forceRow"
2372
3096
  >
2373
- mario.1@mirai.com
3097
+ <div
3098
+ class="view forceRow checkboxColumn"
3099
+ >
3100
+ mario.1@mirai.com
3101
+ </div>
2374
3102
  </span>
2375
3103
  </td>
2376
3104
  <td>
2377
3105
  <span
2378
- class="view row"
3106
+ class="view forceRow"
2379
3107
  >
2380
- 2005
3108
+ <div
3109
+ class="view forceRow checkboxColumn"
3110
+ >
3111
+ 2005
3112
+ </div>
2381
3113
  </span>
2382
3114
  </td>
2383
3115
  <td>
2384
3116
  <span
2385
- class="view row"
2386
- />
3117
+ class="view forceRow"
3118
+ >
3119
+ <div
3120
+ class="view forceRow checkboxColumn"
3121
+ />
3122
+ </span>
2387
3123
  </td>
2388
3124
  <td>
2389
3125
  <span
2390
- class="view row"
2391
- />
3126
+ class="view forceRow"
3127
+ >
3128
+ <div
3129
+ class="view forceRow checkboxColumn"
3130
+ />
3131
+ </span>
2392
3132
  </td>
2393
3133
  </tr>
2394
3134
  <tr
@@ -2397,73 +3137,113 @@ exports[`component:<Table> prop:selected 1`] = `
2397
3137
  >
2398
3138
  <td>
2399
3139
  <span
2400
- class="view row"
3140
+ class="view forceRow"
2401
3141
  >
2402
- carlos
3142
+ <div
3143
+ class="view forceRow checkboxColumn"
3144
+ >
3145
+ carlos
3146
+ </div>
2403
3147
  </span>
2404
3148
  </td>
2405
3149
  <td>
2406
3150
  <span
2407
- class="view row"
3151
+ class="view forceRow"
2408
3152
  >
2409
- carlos@mirai.com
3153
+ <div
3154
+ class="view forceRow checkboxColumn"
3155
+ >
3156
+ carlos@mirai.com
3157
+ </div>
2410
3158
  </span>
2411
3159
  </td>
2412
3160
  <td>
2413
3161
  <span
2414
- class="view row"
3162
+ class="view forceRow"
2415
3163
  >
2416
- 2012
3164
+ <div
3165
+ class="view forceRow checkboxColumn"
3166
+ >
3167
+ 2012
3168
+ </div>
2417
3169
  </span>
2418
3170
  </td>
2419
3171
  <td>
2420
3172
  <span
2421
- class="view row"
2422
- />
3173
+ class="view forceRow"
3174
+ >
3175
+ <div
3176
+ class="view forceRow checkboxColumn"
3177
+ />
3178
+ </span>
2423
3179
  </td>
2424
3180
  <td>
2425
3181
  <span
2426
- class="view row"
2427
- />
2428
- </td>
2429
- </tr>
3182
+ class="view forceRow"
3183
+ >
3184
+ <div
3185
+ class="view forceRow checkboxColumn"
3186
+ />
3187
+ </span>
3188
+ </td>
3189
+ </tr>
2430
3190
  <tr
2431
3191
  class=""
2432
3192
  role="tr"
2433
3193
  >
2434
3194
  <td>
2435
3195
  <span
2436
- class="view row"
3196
+ class="view forceRow"
2437
3197
  >
2438
- svet
3198
+ <div
3199
+ class="view forceRow checkboxColumn"
3200
+ >
3201
+ svet
3202
+ </div>
2439
3203
  </span>
2440
3204
  </td>
2441
3205
  <td>
2442
3206
  <span
2443
- class="view row"
3207
+ class="view forceRow"
2444
3208
  >
2445
- svet@mirai.com
3209
+ <div
3210
+ class="view forceRow checkboxColumn"
3211
+ >
3212
+ svet@mirai.com
3213
+ </div>
2446
3214
  </span>
2447
3215
  </td>
2448
3216
  <td>
2449
3217
  <span
2450
- class="view row"
3218
+ class="view forceRow"
2451
3219
  >
2452
- 2021
3220
+ <div
3221
+ class="view forceRow checkboxColumn"
3222
+ >
3223
+ 2021
3224
+ </div>
2453
3225
  </span>
2454
3226
  </td>
2455
3227
  <td>
2456
3228
  <span
2457
- class="view row"
2458
- />
3229
+ class="view forceRow"
3230
+ >
3231
+ <div
3232
+ class="view forceRow checkboxColumn"
3233
+ />
3234
+ </span>
2459
3235
  </td>
2460
3236
  <td>
2461
3237
  <span
2462
- class="view row"
3238
+ class="view forceRow"
2463
3239
  >
2464
- <strong>
2465
- action
2466
- </strong>
3240
+ <div
3241
+ class="view forceRow checkboxColumn"
3242
+ >
3243
+ <strong>
3244
+ action
3245
+ </strong>
3246
+ </div>
2467
3247
  </span>
2468
3248
  </td>
2469
3249
  </tr>
@@ -2473,36 +3253,56 @@ exports[`component:<Table> prop:selected 1`] = `
2473
3253
  >
2474
3254
  <td>
2475
3255
  <span
2476
- class="view row"
3256
+ class="view forceRow"
2477
3257
  >
2478
- javi
3258
+ <div
3259
+ class="view forceRow checkboxColumn"
3260
+ >
3261
+ javi
3262
+ </div>
2479
3263
  </span>
2480
3264
  </td>
2481
3265
  <td>
2482
3266
  <span
2483
- class="view row"
3267
+ class="view forceRow"
2484
3268
  >
2485
- hi@soyjavi.com
3269
+ <div
3270
+ class="view forceRow checkboxColumn"
3271
+ >
3272
+ hi@soyjavi.com
3273
+ </div>
2486
3274
  </span>
2487
3275
  </td>
2488
3276
  <td>
2489
3277
  <span
2490
- class="view row"
3278
+ class="view forceRow"
2491
3279
  >
2492
- 2022
3280
+ <div
3281
+ class="view forceRow checkboxColumn"
3282
+ >
3283
+ 2022
3284
+ </div>
2493
3285
  </span>
2494
3286
  </td>
2495
3287
  <td>
2496
3288
  <span
2497
- class="view row"
3289
+ class="view forceRow"
2498
3290
  >
2499
- soyjavi
3291
+ <div
3292
+ class="view forceRow checkboxColumn"
3293
+ >
3294
+ soyjavi
3295
+ </div>
2500
3296
  </span>
2501
3297
  </td>
2502
3298
  <td>
2503
3299
  <span
2504
- class="view row"
2505
- />
3300
+ class="view forceRow"
3301
+ >
3302
+ <div
3303
+ class="view forceRow checkboxColumn"
3304
+ />
3305
+ </span>
2506
3306
  </td>
2507
3307
  </tr>
2508
3308
  <tr
@@ -2511,34 +3311,54 @@ exports[`component:<Table> prop:selected 1`] = `
2511
3311
  >
2512
3312
  <td>
2513
3313
  <span
2514
- class="view row"
3314
+ class="view forceRow"
2515
3315
  >
2516
- victor
3316
+ <div
3317
+ class="view forceRow checkboxColumn"
3318
+ >
3319
+ victor
3320
+ </div>
2517
3321
  </span>
2518
3322
  </td>
2519
3323
  <td>
2520
3324
  <span
2521
- class="view row"
3325
+ class="view forceRow"
2522
3326
  >
2523
- victor@mirai.com
3327
+ <div
3328
+ class="view forceRow checkboxColumn"
3329
+ >
3330
+ victor@mirai.com
3331
+ </div>
2524
3332
  </span>
2525
3333
  </td>
2526
3334
  <td>
2527
3335
  <span
2528
- class="view row"
3336
+ class="view forceRow"
2529
3337
  >
2530
- 2021
3338
+ <div
3339
+ class="view forceRow checkboxColumn"
3340
+ >
3341
+ 2021
3342
+ </div>
2531
3343
  </span>
2532
3344
  </td>
2533
3345
  <td>
2534
3346
  <span
2535
- class="view row"
2536
- />
3347
+ class="view forceRow"
3348
+ >
3349
+ <div
3350
+ class="view forceRow checkboxColumn"
3351
+ />
3352
+ </span>
2537
3353
  </td>
2538
3354
  <td>
2539
3355
  <span
2540
- class="view row"
2541
- />
3356
+ class="view forceRow"
3357
+ >
3358
+ <div
3359
+ class="view forceRow checkboxColumn"
3360
+ />
3361
+ </span>
2542
3362
  </td>
2543
3363
  </tr>
2544
3364
  <tr
@@ -2547,34 +3367,54 @@ exports[`component:<Table> prop:selected 1`] = `
2547
3367
  >
2548
3368
  <td>
2549
3369
  <span
2550
- class="view row"
3370
+ class="view forceRow"
2551
3371
  >
2552
- mario/2
3372
+ <div
3373
+ class="view forceRow checkboxColumn"
3374
+ >
3375
+ mario/2
3376
+ </div>
2553
3377
  </span>
2554
3378
  </td>
2555
3379
  <td>
2556
3380
  <span
2557
- class="view row"
3381
+ class="view forceRow"
2558
3382
  >
2559
- mario.2@mirai.com
3383
+ <div
3384
+ class="view forceRow checkboxColumn"
3385
+ >
3386
+ mario.2@mirai.com
3387
+ </div>
2560
3388
  </span>
2561
3389
  </td>
2562
3390
  <td>
2563
3391
  <span
2564
- class="view row"
3392
+ class="view forceRow"
2565
3393
  >
2566
- 2022
3394
+ <div
3395
+ class="view forceRow checkboxColumn"
3396
+ >
3397
+ 2022
3398
+ </div>
2567
3399
  </span>
2568
3400
  </td>
2569
3401
  <td>
2570
3402
  <span
2571
- class="view row"
2572
- />
3403
+ class="view forceRow"
3404
+ >
3405
+ <div
3406
+ class="view forceRow checkboxColumn"
3407
+ />
3408
+ </span>
2573
3409
  </td>
2574
3410
  <td>
2575
3411
  <span
2576
- class="view row"
2577
- />
3412
+ class="view forceRow"
3413
+ >
3414
+ <div
3415
+ class="view forceRow checkboxColumn"
3416
+ />
3417
+ </span>
2578
3418
  </td>
2579
3419
  </tr>
2580
3420
  </tbody>
@@ -2594,9 +3434,13 @@ exports[`component:<Table> renders 1`] = `
2594
3434
  >
2595
3435
  <th>
2596
3436
  <span
2597
- class="view row"
3437
+ class="view forceRow"
2598
3438
  >
2599
- User Name
3439
+ <div
3440
+ class="view forceRow checkboxColumn"
3441
+ >
3442
+ User Name
3443
+ </div>
2600
3444
  <span
2601
3445
  class="icon headline-3 icon hide"
2602
3446
  >
@@ -2622,9 +3466,13 @@ exports[`component:<Table> renders 1`] = `
2622
3466
  </th>
2623
3467
  <th>
2624
3468
  <span
2625
- class="view row"
3469
+ class="view forceRow"
2626
3470
  >
2627
- Email
3471
+ <div
3472
+ class="view forceRow checkboxColumn"
3473
+ >
3474
+ Email
3475
+ </div>
2628
3476
  <span
2629
3477
  class="icon headline-3 icon hide"
2630
3478
  >
@@ -2650,9 +3498,13 @@ exports[`component:<Table> renders 1`] = `
2650
3498
  </th>
2651
3499
  <th>
2652
3500
  <span
2653
- class="view row"
3501
+ class="view forceRow"
2654
3502
  >
2655
- Year
3503
+ <div
3504
+ class="view forceRow checkboxColumn"
3505
+ >
3506
+ Year
3507
+ </div>
2656
3508
  <span
2657
3509
  class="icon headline-3 icon hide"
2658
3510
  >
@@ -2678,9 +3530,13 @@ exports[`component:<Table> renders 1`] = `
2678
3530
  </th>
2679
3531
  <th>
2680
3532
  <span
2681
- class="view row"
3533
+ class="view forceRow"
2682
3534
  >
2683
- Twitter
3535
+ <div
3536
+ class="view forceRow checkboxColumn"
3537
+ >
3538
+ Twitter
3539
+ </div>
2684
3540
  <span
2685
3541
  class="icon headline-3 icon hide"
2686
3542
  >
@@ -2706,9 +3562,13 @@ exports[`component:<Table> renders 1`] = `
2706
3562
  </th>
2707
3563
  <th>
2708
3564
  <span
2709
- class="view row"
3565
+ class="view forceRow"
2710
3566
  >
2711
- Action
3567
+ <div
3568
+ class="view forceRow checkboxColumn"
3569
+ >
3570
+ Action
3571
+ </div>
2712
3572
  <span
2713
3573
  class="icon headline-3 icon hide"
2714
3574
  >
@@ -2741,34 +3601,54 @@ exports[`component:<Table> renders 1`] = `
2741
3601
  >
2742
3602
  <td>
2743
3603
  <span
2744
- class="view row"
3604
+ class="view forceRow"
2745
3605
  >
2746
- jose
3606
+ <div
3607
+ class="view forceRow checkboxColumn"
3608
+ >
3609
+ jose
3610
+ </div>
2747
3611
  </span>
2748
3612
  </td>
2749
3613
  <td>
2750
3614
  <span
2751
- class="view row"
3615
+ class="view forceRow"
2752
3616
  >
2753
- jose@mirai.com
3617
+ <div
3618
+ class="view forceRow checkboxColumn"
3619
+ >
3620
+ jose@mirai.com
3621
+ </div>
2754
3622
  </span>
2755
3623
  </td>
2756
3624
  <td>
2757
3625
  <span
2758
- class="view row"
3626
+ class="view forceRow"
2759
3627
  >
2760
- 2012
3628
+ <div
3629
+ class="view forceRow checkboxColumn"
3630
+ >
3631
+ 2012
3632
+ </div>
2761
3633
  </span>
2762
3634
  </td>
2763
3635
  <td>
2764
3636
  <span
2765
- class="view row"
2766
- />
3637
+ class="view forceRow"
3638
+ >
3639
+ <div
3640
+ class="view forceRow checkboxColumn"
3641
+ />
3642
+ </span>
2767
3643
  </td>
2768
3644
  <td>
2769
3645
  <span
2770
- class="view row"
2771
- />
3646
+ class="view forceRow"
3647
+ >
3648
+ <div
3649
+ class="view forceRow checkboxColumn"
3650
+ />
3651
+ </span>
2772
3652
  </td>
2773
3653
  </tr>
2774
3654
  <tr
@@ -2777,34 +3657,54 @@ exports[`component:<Table> renders 1`] = `
2777
3657
  >
2778
3658
  <td>
2779
3659
  <span
2780
- class="view row"
3660
+ class="view forceRow"
2781
3661
  >
2782
- mario/1
3662
+ <div
3663
+ class="view forceRow checkboxColumn"
3664
+ >
3665
+ mario/1
3666
+ </div>
2783
3667
  </span>
2784
3668
  </td>
2785
3669
  <td>
2786
3670
  <span
2787
- class="view row"
3671
+ class="view forceRow"
2788
3672
  >
2789
- mario.1@mirai.com
3673
+ <div
3674
+ class="view forceRow checkboxColumn"
3675
+ >
3676
+ mario.1@mirai.com
3677
+ </div>
2790
3678
  </span>
2791
3679
  </td>
2792
3680
  <td>
2793
3681
  <span
2794
- class="view row"
3682
+ class="view forceRow"
2795
3683
  >
2796
- 2005
3684
+ <div
3685
+ class="view forceRow checkboxColumn"
3686
+ >
3687
+ 2005
3688
+ </div>
2797
3689
  </span>
2798
3690
  </td>
2799
3691
  <td>
2800
3692
  <span
2801
- class="view row"
2802
- />
3693
+ class="view forceRow"
3694
+ >
3695
+ <div
3696
+ class="view forceRow checkboxColumn"
3697
+ />
3698
+ </span>
2803
3699
  </td>
2804
3700
  <td>
2805
3701
  <span
2806
- class="view row"
2807
- />
3702
+ class="view forceRow"
3703
+ >
3704
+ <div
3705
+ class="view forceRow checkboxColumn"
3706
+ />
3707
+ </span>
2808
3708
  </td>
2809
3709
  </tr>
2810
3710
  <tr
@@ -2813,34 +3713,54 @@ exports[`component:<Table> renders 1`] = `
2813
3713
  >
2814
3714
  <td>
2815
3715
  <span
2816
- class="view row"
3716
+ class="view forceRow"
2817
3717
  >
2818
- carlos
3718
+ <div
3719
+ class="view forceRow checkboxColumn"
3720
+ >
3721
+ carlos
3722
+ </div>
2819
3723
  </span>
2820
3724
  </td>
2821
3725
  <td>
2822
3726
  <span
2823
- class="view row"
3727
+ class="view forceRow"
2824
3728
  >
2825
- carlos@mirai.com
3729
+ <div
3730
+ class="view forceRow checkboxColumn"
3731
+ >
3732
+ carlos@mirai.com
3733
+ </div>
2826
3734
  </span>
2827
3735
  </td>
2828
3736
  <td>
2829
3737
  <span
2830
- class="view row"
3738
+ class="view forceRow"
2831
3739
  >
2832
- 2012
3740
+ <div
3741
+ class="view forceRow checkboxColumn"
3742
+ >
3743
+ 2012
3744
+ </div>
2833
3745
  </span>
2834
3746
  </td>
2835
3747
  <td>
2836
3748
  <span
2837
- class="view row"
2838
- />
3749
+ class="view forceRow"
3750
+ >
3751
+ <div
3752
+ class="view forceRow checkboxColumn"
3753
+ />
3754
+ </span>
2839
3755
  </td>
2840
3756
  <td>
2841
3757
  <span
2842
- class="view row"
2843
- />
3758
+ class="view forceRow"
3759
+ >
3760
+ <div
3761
+ class="view forceRow checkboxColumn"
3762
+ />
3763
+ </span>
2844
3764
  </td>
2845
3765
  </tr>
2846
3766
  <tr
@@ -2849,37 +3769,57 @@ exports[`component:<Table> renders 1`] = `
2849
3769
  >
2850
3770
  <td>
2851
3771
  <span
2852
- class="view row"
3772
+ class="view forceRow"
2853
3773
  >
2854
- svet
3774
+ <div
3775
+ class="view forceRow checkboxColumn"
3776
+ >
3777
+ svet
3778
+ </div>
2855
3779
  </span>
2856
3780
  </td>
2857
3781
  <td>
2858
3782
  <span
2859
- class="view row"
3783
+ class="view forceRow"
2860
3784
  >
2861
- svet@mirai.com
3785
+ <div
3786
+ class="view forceRow checkboxColumn"
3787
+ >
3788
+ svet@mirai.com
3789
+ </div>
2862
3790
  </span>
2863
3791
  </td>
2864
3792
  <td>
2865
3793
  <span
2866
- class="view row"
3794
+ class="view forceRow"
2867
3795
  >
2868
- 2021
3796
+ <div
3797
+ class="view forceRow checkboxColumn"
3798
+ >
3799
+ 2021
3800
+ </div>
2869
3801
  </span>
2870
3802
  </td>
2871
3803
  <td>
2872
3804
  <span
2873
- class="view row"
2874
- />
3805
+ class="view forceRow"
3806
+ >
3807
+ <div
3808
+ class="view forceRow checkboxColumn"
3809
+ />
3810
+ </span>
2875
3811
  </td>
2876
3812
  <td>
2877
3813
  <span
2878
- class="view row"
3814
+ class="view forceRow"
2879
3815
  >
2880
- <strong>
2881
- action
2882
- </strong>
3816
+ <div
3817
+ class="view forceRow checkboxColumn"
3818
+ >
3819
+ <strong>
3820
+ action
3821
+ </strong>
3822
+ </div>
2883
3823
  </span>
2884
3824
  </td>
2885
3825
  </tr>
@@ -2889,36 +3829,56 @@ exports[`component:<Table> renders 1`] = `
2889
3829
  >
2890
3830
  <td>
2891
3831
  <span
2892
- class="view row"
3832
+ class="view forceRow"
2893
3833
  >
2894
- javi
3834
+ <div
3835
+ class="view forceRow checkboxColumn"
3836
+ >
3837
+ javi
3838
+ </div>
2895
3839
  </span>
2896
3840
  </td>
2897
3841
  <td>
2898
3842
  <span
2899
- class="view row"
3843
+ class="view forceRow"
2900
3844
  >
2901
- hi@soyjavi.com
3845
+ <div
3846
+ class="view forceRow checkboxColumn"
3847
+ >
3848
+ hi@soyjavi.com
3849
+ </div>
2902
3850
  </span>
2903
3851
  </td>
2904
3852
  <td>
2905
3853
  <span
2906
- class="view row"
3854
+ class="view forceRow"
2907
3855
  >
2908
- 2022
3856
+ <div
3857
+ class="view forceRow checkboxColumn"
3858
+ >
3859
+ 2022
3860
+ </div>
2909
3861
  </span>
2910
3862
  </td>
2911
3863
  <td>
2912
3864
  <span
2913
- class="view row"
3865
+ class="view forceRow"
2914
3866
  >
2915
- soyjavi
3867
+ <div
3868
+ class="view forceRow checkboxColumn"
3869
+ >
3870
+ soyjavi
3871
+ </div>
2916
3872
  </span>
2917
3873
  </td>
2918
3874
  <td>
2919
3875
  <span
2920
- class="view row"
2921
- />
3876
+ class="view forceRow"
3877
+ >
3878
+ <div
3879
+ class="view forceRow checkboxColumn"
3880
+ />
3881
+ </span>
2922
3882
  </td>
2923
3883
  </tr>
2924
3884
  <tr
@@ -2927,34 +3887,54 @@ exports[`component:<Table> renders 1`] = `
2927
3887
  >
2928
3888
  <td>
2929
3889
  <span
2930
- class="view row"
3890
+ class="view forceRow"
2931
3891
  >
2932
- victor
3892
+ <div
3893
+ class="view forceRow checkboxColumn"
3894
+ >
3895
+ victor
3896
+ </div>
2933
3897
  </span>
2934
3898
  </td>
2935
3899
  <td>
2936
3900
  <span
2937
- class="view row"
3901
+ class="view forceRow"
2938
3902
  >
2939
- victor@mirai.com
3903
+ <div
3904
+ class="view forceRow checkboxColumn"
3905
+ >
3906
+ victor@mirai.com
3907
+ </div>
2940
3908
  </span>
2941
3909
  </td>
2942
3910
  <td>
2943
3911
  <span
2944
- class="view row"
3912
+ class="view forceRow"
2945
3913
  >
2946
- 2021
3914
+ <div
3915
+ class="view forceRow checkboxColumn"
3916
+ >
3917
+ 2021
3918
+ </div>
2947
3919
  </span>
2948
3920
  </td>
2949
3921
  <td>
2950
3922
  <span
2951
- class="view row"
2952
- />
3923
+ class="view forceRow"
3924
+ >
3925
+ <div
3926
+ class="view forceRow checkboxColumn"
3927
+ />
3928
+ </span>
2953
3929
  </td>
2954
3930
  <td>
2955
3931
  <span
2956
- class="view row"
2957
- />
3932
+ class="view forceRow"
3933
+ >
3934
+ <div
3935
+ class="view forceRow checkboxColumn"
3936
+ />
3937
+ </span>
2958
3938
  </td>
2959
3939
  </tr>
2960
3940
  <tr
@@ -2963,34 +3943,54 @@ exports[`component:<Table> renders 1`] = `
2963
3943
  >
2964
3944
  <td>
2965
3945
  <span
2966
- class="view row"
3946
+ class="view forceRow"
2967
3947
  >
2968
- mario/2
3948
+ <div
3949
+ class="view forceRow checkboxColumn"
3950
+ >
3951
+ mario/2
3952
+ </div>
2969
3953
  </span>
2970
3954
  </td>
2971
3955
  <td>
2972
3956
  <span
2973
- class="view row"
3957
+ class="view forceRow"
2974
3958
  >
2975
- mario.2@mirai.com
3959
+ <div
3960
+ class="view forceRow checkboxColumn"
3961
+ >
3962
+ mario.2@mirai.com
3963
+ </div>
2976
3964
  </span>
2977
3965
  </td>
2978
3966
  <td>
2979
3967
  <span
2980
- class="view row"
3968
+ class="view forceRow"
2981
3969
  >
2982
- 2022
3970
+ <div
3971
+ class="view forceRow checkboxColumn"
3972
+ >
3973
+ 2022
3974
+ </div>
2983
3975
  </span>
2984
3976
  </td>
2985
3977
  <td>
2986
3978
  <span
2987
- class="view row"
2988
- />
3979
+ class="view forceRow"
3980
+ >
3981
+ <div
3982
+ class="view forceRow checkboxColumn"
3983
+ />
3984
+ </span>
2989
3985
  </td>
2990
3986
  <td>
2991
3987
  <span
2992
- class="view row"
2993
- />
3988
+ class="view forceRow"
3989
+ >
3990
+ <div
3991
+ class="view forceRow checkboxColumn"
3992
+ />
3993
+ </span>
2994
3994
  </td>
2995
3995
  </tr>
2996
3996
  </tbody>
@@ -3014,9 +4014,13 @@ exports[`component:<Table> testID 1`] = `
3014
4014
  data-testid="mirai-head-username"
3015
4015
  >
3016
4016
  <span
3017
- class="view row"
4017
+ class="view forceRow"
3018
4018
  >
3019
- User Name
4019
+ <div
4020
+ class="view forceRow checkboxColumn"
4021
+ >
4022
+ User Name
4023
+ </div>
3020
4024
  <span
3021
4025
  class="icon headline-3 icon hide"
3022
4026
  >
@@ -3044,9 +4048,13 @@ exports[`component:<Table> testID 1`] = `
3044
4048
  data-testid="mirai-head-email"
3045
4049
  >
3046
4050
  <span
3047
- class="view row"
4051
+ class="view forceRow"
3048
4052
  >
3049
- Email
4053
+ <div
4054
+ class="view forceRow checkboxColumn"
4055
+ >
4056
+ Email
4057
+ </div>
3050
4058
  <span
3051
4059
  class="icon headline-3 icon hide"
3052
4060
  >
@@ -3074,9 +4082,13 @@ exports[`component:<Table> testID 1`] = `
3074
4082
  data-testid="mirai-head-year"
3075
4083
  >
3076
4084
  <span
3077
- class="view row"
4085
+ class="view forceRow"
3078
4086
  >
3079
- Year
4087
+ <div
4088
+ class="view forceRow checkboxColumn"
4089
+ >
4090
+ Year
4091
+ </div>
3080
4092
  <span
3081
4093
  class="icon headline-3 icon hide"
3082
4094
  >
@@ -3104,9 +4116,13 @@ exports[`component:<Table> testID 1`] = `
3104
4116
  data-testid="mirai-head-twitter"
3105
4117
  >
3106
4118
  <span
3107
- class="view row"
4119
+ class="view forceRow"
3108
4120
  >
3109
- Twitter
4121
+ <div
4122
+ class="view forceRow checkboxColumn"
4123
+ >
4124
+ Twitter
4125
+ </div>
3110
4126
  <span
3111
4127
  class="icon headline-3 icon hide"
3112
4128
  >
@@ -3134,9 +4150,13 @@ exports[`component:<Table> testID 1`] = `
3134
4150
  data-testid="mirai-head-action"
3135
4151
  >
3136
4152
  <span
3137
- class="view row"
4153
+ class="view forceRow"
3138
4154
  >
3139
- Action
4155
+ <div
4156
+ class="view forceRow checkboxColumn"
4157
+ >
4158
+ Action
4159
+ </div>
3140
4160
  <span
3141
4161
  class="icon headline-3 icon hide"
3142
4162
  >
@@ -3172,42 +4192,62 @@ exports[`component:<Table> testID 1`] = `
3172
4192
  data-testid="mirai-0-username"
3173
4193
  >
3174
4194
  <span
3175
- class="view row"
4195
+ class="view forceRow"
3176
4196
  >
3177
- jose
4197
+ <div
4198
+ class="view forceRow checkboxColumn"
4199
+ >
4200
+ jose
4201
+ </div>
3178
4202
  </span>
3179
4203
  </td>
3180
4204
  <td
3181
4205
  data-testid="mirai-0-email"
3182
4206
  >
3183
4207
  <span
3184
- class="view row"
4208
+ class="view forceRow"
3185
4209
  >
3186
- jose@mirai.com
4210
+ <div
4211
+ class="view forceRow checkboxColumn"
4212
+ >
4213
+ jose@mirai.com
4214
+ </div>
3187
4215
  </span>
3188
4216
  </td>
3189
4217
  <td
3190
4218
  data-testid="mirai-0-year"
3191
4219
  >
3192
4220
  <span
3193
- class="view row"
4221
+ class="view forceRow"
3194
4222
  >
3195
- 2012
4223
+ <div
4224
+ class="view forceRow checkboxColumn"
4225
+ >
4226
+ 2012
4227
+ </div>
3196
4228
  </span>
3197
4229
  </td>
3198
4230
  <td
3199
4231
  data-testid="mirai-0-twitter"
3200
4232
  >
3201
4233
  <span
3202
- class="view row"
3203
- />
4234
+ class="view forceRow"
4235
+ >
4236
+ <div
4237
+ class="view forceRow checkboxColumn"
4238
+ />
4239
+ </span>
3204
4240
  </td>
3205
4241
  <td
3206
4242
  data-testid="mirai-0-action"
3207
4243
  >
3208
4244
  <span
3209
- class="view row"
3210
- />
4245
+ class="view forceRow"
4246
+ >
4247
+ <div
4248
+ class="view forceRow checkboxColumn"
4249
+ />
4250
+ </span>
3211
4251
  </td>
3212
4252
  </tr>
3213
4253
  <tr
@@ -3219,42 +4259,62 @@ exports[`component:<Table> testID 1`] = `
3219
4259
  data-testid="mirai-1-username"
3220
4260
  >
3221
4261
  <span
3222
- class="view row"
4262
+ class="view forceRow"
3223
4263
  >
3224
- mario/1
4264
+ <div
4265
+ class="view forceRow checkboxColumn"
4266
+ >
4267
+ mario/1
4268
+ </div>
3225
4269
  </span>
3226
4270
  </td>
3227
4271
  <td
3228
4272
  data-testid="mirai-1-email"
3229
4273
  >
3230
4274
  <span
3231
- class="view row"
4275
+ class="view forceRow"
3232
4276
  >
3233
- mario.1@mirai.com
4277
+ <div
4278
+ class="view forceRow checkboxColumn"
4279
+ >
4280
+ mario.1@mirai.com
4281
+ </div>
3234
4282
  </span>
3235
4283
  </td>
3236
4284
  <td
3237
4285
  data-testid="mirai-1-year"
3238
4286
  >
3239
4287
  <span
3240
- class="view row"
4288
+ class="view forceRow"
3241
4289
  >
3242
- 2005
4290
+ <div
4291
+ class="view forceRow checkboxColumn"
4292
+ >
4293
+ 2005
4294
+ </div>
3243
4295
  </span>
3244
4296
  </td>
3245
4297
  <td
3246
4298
  data-testid="mirai-1-twitter"
3247
4299
  >
3248
4300
  <span
3249
- class="view row"
3250
- />
4301
+ class="view forceRow"
4302
+ >
4303
+ <div
4304
+ class="view forceRow checkboxColumn"
4305
+ />
4306
+ </span>
3251
4307
  </td>
3252
4308
  <td
3253
4309
  data-testid="mirai-1-action"
3254
4310
  >
3255
4311
  <span
3256
- class="view row"
3257
- />
4312
+ class="view forceRow"
4313
+ >
4314
+ <div
4315
+ class="view forceRow checkboxColumn"
4316
+ />
4317
+ </span>
3258
4318
  </td>
3259
4319
  </tr>
3260
4320
  <tr
@@ -3266,42 +4326,62 @@ exports[`component:<Table> testID 1`] = `
3266
4326
  data-testid="mirai-2-username"
3267
4327
  >
3268
4328
  <span
3269
- class="view row"
4329
+ class="view forceRow"
3270
4330
  >
3271
- carlos
4331
+ <div
4332
+ class="view forceRow checkboxColumn"
4333
+ >
4334
+ carlos
4335
+ </div>
3272
4336
  </span>
3273
4337
  </td>
3274
4338
  <td
3275
4339
  data-testid="mirai-2-email"
3276
4340
  >
3277
4341
  <span
3278
- class="view row"
4342
+ class="view forceRow"
3279
4343
  >
3280
- carlos@mirai.com
4344
+ <div
4345
+ class="view forceRow checkboxColumn"
4346
+ >
4347
+ carlos@mirai.com
4348
+ </div>
3281
4349
  </span>
3282
4350
  </td>
3283
4351
  <td
3284
4352
  data-testid="mirai-2-year"
3285
4353
  >
3286
4354
  <span
3287
- class="view row"
4355
+ class="view forceRow"
3288
4356
  >
3289
- 2012
4357
+ <div
4358
+ class="view forceRow checkboxColumn"
4359
+ >
4360
+ 2012
4361
+ </div>
3290
4362
  </span>
3291
4363
  </td>
3292
4364
  <td
3293
4365
  data-testid="mirai-2-twitter"
3294
4366
  >
3295
4367
  <span
3296
- class="view row"
3297
- />
4368
+ class="view forceRow"
4369
+ >
4370
+ <div
4371
+ class="view forceRow checkboxColumn"
4372
+ />
4373
+ </span>
3298
4374
  </td>
3299
4375
  <td
3300
4376
  data-testid="mirai-2-action"
3301
4377
  >
3302
4378
  <span
3303
- class="view row"
3304
- />
4379
+ class="view forceRow"
4380
+ >
4381
+ <div
4382
+ class="view forceRow checkboxColumn"
4383
+ />
4384
+ </span>
3305
4385
  </td>
3306
4386
  </tr>
3307
4387
  <tr
@@ -3313,45 +4393,65 @@ exports[`component:<Table> testID 1`] = `
3313
4393
  data-testid="mirai-3-username"
3314
4394
  >
3315
4395
  <span
3316
- class="view row"
4396
+ class="view forceRow"
3317
4397
  >
3318
- svet
4398
+ <div
4399
+ class="view forceRow checkboxColumn"
4400
+ >
4401
+ svet
4402
+ </div>
3319
4403
  </span>
3320
4404
  </td>
3321
4405
  <td
3322
4406
  data-testid="mirai-3-email"
3323
4407
  >
3324
4408
  <span
3325
- class="view row"
4409
+ class="view forceRow"
3326
4410
  >
3327
- svet@mirai.com
4411
+ <div
4412
+ class="view forceRow checkboxColumn"
4413
+ >
4414
+ svet@mirai.com
4415
+ </div>
3328
4416
  </span>
3329
4417
  </td>
3330
4418
  <td
3331
4419
  data-testid="mirai-3-year"
3332
4420
  >
3333
4421
  <span
3334
- class="view row"
4422
+ class="view forceRow"
3335
4423
  >
3336
- 2021
4424
+ <div
4425
+ class="view forceRow checkboxColumn"
4426
+ >
4427
+ 2021
4428
+ </div>
3337
4429
  </span>
3338
4430
  </td>
3339
4431
  <td
3340
4432
  data-testid="mirai-3-twitter"
3341
4433
  >
3342
4434
  <span
3343
- class="view row"
3344
- />
4435
+ class="view forceRow"
4436
+ >
4437
+ <div
4438
+ class="view forceRow checkboxColumn"
4439
+ />
4440
+ </span>
3345
4441
  </td>
3346
4442
  <td
3347
4443
  data-testid="mirai-3-action"
3348
4444
  >
3349
4445
  <span
3350
- class="view row"
4446
+ class="view forceRow"
3351
4447
  >
3352
- <strong>
3353
- action
3354
- </strong>
4448
+ <div
4449
+ class="view forceRow checkboxColumn"
4450
+ >
4451
+ <strong>
4452
+ action
4453
+ </strong>
4454
+ </div>
3355
4455
  </span>
3356
4456
  </td>
3357
4457
  </tr>
@@ -3364,44 +4464,64 @@ exports[`component:<Table> testID 1`] = `
3364
4464
  data-testid="mirai-4-username"
3365
4465
  >
3366
4466
  <span
3367
- class="view row"
4467
+ class="view forceRow"
3368
4468
  >
3369
- javi
4469
+ <div
4470
+ class="view forceRow checkboxColumn"
4471
+ >
4472
+ javi
4473
+ </div>
3370
4474
  </span>
3371
4475
  </td>
3372
4476
  <td
3373
4477
  data-testid="mirai-4-email"
3374
4478
  >
3375
4479
  <span
3376
- class="view row"
4480
+ class="view forceRow"
3377
4481
  >
3378
- hi@soyjavi.com
4482
+ <div
4483
+ class="view forceRow checkboxColumn"
4484
+ >
4485
+ hi@soyjavi.com
4486
+ </div>
3379
4487
  </span>
3380
4488
  </td>
3381
4489
  <td
3382
4490
  data-testid="mirai-4-year"
3383
4491
  >
3384
4492
  <span
3385
- class="view row"
4493
+ class="view forceRow"
3386
4494
  >
3387
- 2022
4495
+ <div
4496
+ class="view forceRow checkboxColumn"
4497
+ >
4498
+ 2022
4499
+ </div>
3388
4500
  </span>
3389
4501
  </td>
3390
4502
  <td
3391
4503
  data-testid="mirai-4-twitter"
3392
4504
  >
3393
4505
  <span
3394
- class="view row"
4506
+ class="view forceRow"
3395
4507
  >
3396
- soyjavi
4508
+ <div
4509
+ class="view forceRow checkboxColumn"
4510
+ >
4511
+ soyjavi
4512
+ </div>
3397
4513
  </span>
3398
4514
  </td>
3399
4515
  <td
3400
4516
  data-testid="mirai-4-action"
3401
4517
  >
3402
4518
  <span
3403
- class="view row"
3404
- />
4519
+ class="view forceRow"
4520
+ >
4521
+ <div
4522
+ class="view forceRow checkboxColumn"
4523
+ />
4524
+ </span>
3405
4525
  </td>
3406
4526
  </tr>
3407
4527
  <tr
@@ -3413,42 +4533,62 @@ exports[`component:<Table> testID 1`] = `
3413
4533
  data-testid="mirai-5-username"
3414
4534
  >
3415
4535
  <span
3416
- class="view row"
4536
+ class="view forceRow"
3417
4537
  >
3418
- victor
4538
+ <div
4539
+ class="view forceRow checkboxColumn"
4540
+ >
4541
+ victor
4542
+ </div>
3419
4543
  </span>
3420
4544
  </td>
3421
4545
  <td
3422
4546
  data-testid="mirai-5-email"
3423
4547
  >
3424
4548
  <span
3425
- class="view row"
4549
+ class="view forceRow"
3426
4550
  >
3427
- victor@mirai.com
4551
+ <div
4552
+ class="view forceRow checkboxColumn"
4553
+ >
4554
+ victor@mirai.com
4555
+ </div>
3428
4556
  </span>
3429
4557
  </td>
3430
4558
  <td
3431
4559
  data-testid="mirai-5-year"
3432
4560
  >
3433
4561
  <span
3434
- class="view row"
4562
+ class="view forceRow"
3435
4563
  >
3436
- 2021
4564
+ <div
4565
+ class="view forceRow checkboxColumn"
4566
+ >
4567
+ 2021
4568
+ </div>
3437
4569
  </span>
3438
4570
  </td>
3439
4571
  <td
3440
4572
  data-testid="mirai-5-twitter"
3441
4573
  >
3442
4574
  <span
3443
- class="view row"
3444
- />
4575
+ class="view forceRow"
4576
+ >
4577
+ <div
4578
+ class="view forceRow checkboxColumn"
4579
+ />
4580
+ </span>
3445
4581
  </td>
3446
4582
  <td
3447
4583
  data-testid="mirai-5-action"
3448
4584
  >
3449
4585
  <span
3450
- class="view row"
3451
- />
4586
+ class="view forceRow"
4587
+ >
4588
+ <div
4589
+ class="view forceRow checkboxColumn"
4590
+ />
4591
+ </span>
3452
4592
  </td>
3453
4593
  </tr>
3454
4594
  <tr
@@ -3460,42 +4600,62 @@ exports[`component:<Table> testID 1`] = `
3460
4600
  data-testid="mirai-6-username"
3461
4601
  >
3462
4602
  <span
3463
- class="view row"
4603
+ class="view forceRow"
3464
4604
  >
3465
- mario/2
4605
+ <div
4606
+ class="view forceRow checkboxColumn"
4607
+ >
4608
+ mario/2
4609
+ </div>
3466
4610
  </span>
3467
4611
  </td>
3468
4612
  <td
3469
4613
  data-testid="mirai-6-email"
3470
4614
  >
3471
4615
  <span
3472
- class="view row"
4616
+ class="view forceRow"
3473
4617
  >
3474
- mario.2@mirai.com
4618
+ <div
4619
+ class="view forceRow checkboxColumn"
4620
+ >
4621
+ mario.2@mirai.com
4622
+ </div>
3475
4623
  </span>
3476
4624
  </td>
3477
4625
  <td
3478
4626
  data-testid="mirai-6-year"
3479
4627
  >
3480
4628
  <span
3481
- class="view row"
4629
+ class="view forceRow"
3482
4630
  >
3483
- 2022
4631
+ <div
4632
+ class="view forceRow checkboxColumn"
4633
+ >
4634
+ 2022
4635
+ </div>
3484
4636
  </span>
3485
4637
  </td>
3486
4638
  <td
3487
4639
  data-testid="mirai-6-twitter"
3488
4640
  >
3489
4641
  <span
3490
- class="view row"
3491
- />
4642
+ class="view forceRow"
4643
+ >
4644
+ <div
4645
+ class="view forceRow checkboxColumn"
4646
+ />
4647
+ </span>
3492
4648
  </td>
3493
4649
  <td
3494
4650
  data-testid="mirai-6-action"
3495
4651
  >
3496
4652
  <span
3497
- class="view row"
3498
- />
4653
+ class="view forceRow"
4654
+ >
4655
+ <div
4656
+ class="view forceRow checkboxColumn"
4657
+ />
4658
+ </span>
3499
4659
  </td>
3500
4660
  </tr>
3501
4661
  </tbody>