@mirai/ui 1.0.12 → 1.0.13

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 (228) hide show
  1. package/build/components/Button/Button.js +67 -0
  2. package/build/components/Button/Button.js.map +1 -0
  3. package/build/components/Button/Button.module.css +90 -0
  4. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +113 -0
  5. package/build/components/Button/index.js +19 -0
  6. package/build/components/Button/index.js.map +1 -0
  7. package/build/components/Calendar/Calendar.Month.js +129 -0
  8. package/build/components/Calendar/Calendar.Month.js.map +1 -0
  9. package/build/components/Calendar/Calendar.Week.js +177 -0
  10. package/build/components/Calendar/Calendar.Week.js.map +1 -0
  11. package/build/components/Calendar/Calendar.Weekdays.js +45 -0
  12. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -0
  13. package/build/components/Calendar/Calendar.constants.js +11 -0
  14. package/build/components/Calendar/Calendar.constants.js.map +1 -0
  15. package/build/components/Calendar/Calendar.js +196 -0
  16. package/build/components/Calendar/Calendar.js.map +1 -0
  17. package/build/components/Calendar/Calendar.module.css +127 -0
  18. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +20477 -0
  19. package/build/components/Calendar/helpers/getFirstDateOfMonth.js +16 -0
  20. package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +1 -0
  21. package/build/components/Calendar/helpers/getFirstDateOfWeek.js +20 -0
  22. package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -0
  23. package/build/components/Calendar/helpers/getHeader.js +23 -0
  24. package/build/components/Calendar/helpers/getHeader.js.map +1 -0
  25. package/build/components/Calendar/helpers/getToday.js +15 -0
  26. package/build/components/Calendar/helpers/getToday.js.map +1 -0
  27. package/build/components/Calendar/helpers/getWeekDays.js +27 -0
  28. package/build/components/Calendar/helpers/getWeekDays.js.map +1 -0
  29. package/build/components/Calendar/helpers/getWeekNumber.js +17 -0
  30. package/build/components/Calendar/helpers/getWeekNumber.js.map +1 -0
  31. package/build/components/Calendar/helpers/index.js +97 -0
  32. package/build/components/Calendar/helpers/index.js.map +1 -0
  33. package/build/components/Calendar/helpers/isJest.js +9 -0
  34. package/build/components/Calendar/helpers/isJest.js.map +1 -0
  35. package/build/components/Calendar/index.js +19 -0
  36. package/build/components/Calendar/index.js.map +1 -0
  37. package/build/components/Form/Form.js +217 -0
  38. package/build/components/Form/Form.js.map +1 -0
  39. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +47 -0
  40. package/build/components/Form/helpers/getChildrenErrors.js +51 -0
  41. package/build/components/Form/helpers/getChildrenErrors.js.map +1 -0
  42. package/build/components/Form/helpers/getChildrenValues.js +51 -0
  43. package/build/components/Form/helpers/getChildrenValues.js.map +1 -0
  44. package/build/components/Form/helpers/getField.js +17 -0
  45. package/build/components/Form/helpers/getField.js.map +1 -0
  46. package/build/components/Form/helpers/groupState.js +29 -0
  47. package/build/components/Form/helpers/groupState.js.map +1 -0
  48. package/build/components/Form/helpers/index.js +58 -0
  49. package/build/components/Form/helpers/index.js.map +1 -0
  50. package/build/components/Form/index.js +19 -0
  51. package/build/components/Form/index.js.map +1 -0
  52. package/build/components/InputNumber/InputNumber.js +91 -0
  53. package/build/components/InputNumber/InputNumber.js.map +1 -0
  54. package/build/components/InputNumber/InputNumber.module.css +25 -0
  55. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +698 -0
  56. package/build/components/InputNumber/index.js +19 -0
  57. package/build/components/InputNumber/index.js.map +1 -0
  58. package/build/components/InputOption/InputOption.constants.js +13 -0
  59. package/build/components/InputOption/InputOption.constants.js.map +1 -0
  60. package/build/components/InputOption/InputOption.js +80 -0
  61. package/build/components/InputOption/InputOption.js.map +1 -0
  62. package/build/components/InputOption/InputOption.module.css +43 -0
  63. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +232 -0
  64. package/build/components/InputOption/index.js +19 -0
  65. package/build/components/InputOption/index.js.map +1 -0
  66. package/build/components/InputSelect/InputSelect.js +123 -0
  67. package/build/components/InputSelect/InputSelect.js.map +1 -0
  68. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +490 -0
  69. package/build/components/InputSelect/index.js +19 -0
  70. package/build/components/InputSelect/index.js.map +1 -0
  71. package/build/components/InputText/InputText.js +141 -0
  72. package/build/components/InputText/InputText.js.map +1 -0
  73. package/build/components/InputText/InputText.module.css +107 -0
  74. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +255 -0
  75. package/build/components/InputText/index.js +19 -0
  76. package/build/components/InputText/index.js.map +1 -0
  77. package/build/components/Menu/Menu.Option.js +58 -0
  78. package/build/components/Menu/Menu.Option.js.map +1 -0
  79. package/build/components/Menu/Menu.js +73 -0
  80. package/build/components/Menu/Menu.js.map +1 -0
  81. package/build/components/Menu/Menu.module.css +50 -0
  82. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +178 -0
  83. package/build/components/Menu/index.js +19 -0
  84. package/build/components/Menu/index.js.map +1 -0
  85. package/build/components/Modal/Modal.js +61 -0
  86. package/build/components/Modal/Modal.js.map +1 -0
  87. package/build/components/Modal/Modal.module.css +72 -0
  88. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +150 -0
  89. package/build/components/Modal/index.js +19 -0
  90. package/build/components/Modal/index.js.map +1 -0
  91. package/build/components/Table/Table.Row.js +92 -0
  92. package/build/components/Table/Table.Row.js.map +1 -0
  93. package/build/components/Table/Table.js +119 -0
  94. package/build/components/Table/Table.js.map +1 -0
  95. package/build/components/Table/Table.module.css +78 -0
  96. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +2285 -0
  97. package/build/components/Table/helpers/index.js +19 -0
  98. package/build/components/Table/helpers/index.js.map +1 -0
  99. package/build/components/Table/helpers/select.js +29 -0
  100. package/build/components/Table/helpers/select.js.map +1 -0
  101. package/build/components/Table/index.js +19 -0
  102. package/build/components/Table/index.js.map +1 -0
  103. package/build/components/Tooltip/Tooltip.js +95 -0
  104. package/build/components/Tooltip/Tooltip.js.map +1 -0
  105. package/build/components/Tooltip/Tooltip.module.css +26 -0
  106. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +117 -0
  107. package/build/components/Tooltip/index.js +19 -0
  108. package/build/components/Tooltip/index.js.map +1 -0
  109. package/build/components/index.js +149 -0
  110. package/build/components/index.js.map +1 -0
  111. package/build/helpers/getInputErrors.js +45 -0
  112. package/build/helpers/getInputErrors.js.map +1 -0
  113. package/build/helpers/index.js +32 -0
  114. package/build/helpers/index.js.map +1 -0
  115. package/build/helpers/isValidDate.js +72 -0
  116. package/build/helpers/isValidDate.js.map +1 -0
  117. package/build/helpers/isValidEmail.js +15 -0
  118. package/build/helpers/isValidEmail.js.map +1 -0
  119. package/build/helpers/isValidPhone.js +25 -0
  120. package/build/helpers/isValidPhone.js.map +1 -0
  121. package/build/helpers/styles.js +21 -0
  122. package/build/helpers/styles.js.map +1 -0
  123. package/build/hooks/helpers/getNavigator.js +33 -0
  124. package/build/hooks/helpers/getNavigator.js.map +1 -0
  125. package/build/hooks/helpers/getResolution.js +22 -0
  126. package/build/hooks/helpers/getResolution.js.map +1 -0
  127. package/build/hooks/helpers/index.js +32 -0
  128. package/build/hooks/helpers/index.js.map +1 -0
  129. package/build/hooks/index.js +19 -0
  130. package/build/hooks/index.js.map +1 -0
  131. package/build/hooks/useDevice.js +60 -0
  132. package/build/hooks/useDevice.js.map +1 -0
  133. package/build/index.js +71 -0
  134. package/build/index.js.map +1 -0
  135. package/build/primitives/Checkbox/Checkbox.js +66 -0
  136. package/build/primitives/Checkbox/Checkbox.js.map +1 -0
  137. package/build/primitives/Checkbox/Checkbox.module.css +45 -0
  138. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +127 -0
  139. package/build/primitives/Checkbox/index.js +19 -0
  140. package/build/primitives/Checkbox/index.js.map +1 -0
  141. package/build/primitives/Icon/Icon.constants.js +30 -0
  142. package/build/primitives/Icon/Icon.constants.js.map +1 -0
  143. package/build/primitives/Icon/Icon.js +46 -0
  144. package/build/primitives/Icon/Icon.js.map +1 -0
  145. package/build/primitives/Icon/Icon.module.css +11 -0
  146. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +133 -0
  147. package/build/primitives/Icon/index.js +31 -0
  148. package/build/primitives/Icon/index.js.map +1 -0
  149. package/build/primitives/Input/Input.js +85 -0
  150. package/build/primitives/Input/Input.js.map +1 -0
  151. package/build/primitives/Input/Input.module.css +32 -0
  152. package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap +74 -0
  153. package/build/primitives/Input/helpers/index.js +19 -0
  154. package/build/primitives/Input/helpers/index.js.map +1 -0
  155. package/build/primitives/Input/helpers/parseValue.js +17 -0
  156. package/build/primitives/Input/helpers/parseValue.js.map +1 -0
  157. package/build/primitives/Input/index.js +19 -0
  158. package/build/primitives/Input/index.js.map +1 -0
  159. package/build/primitives/Layer/Layer.js +115 -0
  160. package/build/primitives/Layer/Layer.js.map +1 -0
  161. package/build/primitives/Layer/Layer.module.css +10 -0
  162. package/build/primitives/Layer/LayerContent.js +22 -0
  163. package/build/primitives/Layer/LayerContent.js.map +1 -0
  164. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +89 -0
  165. package/build/primitives/Layer/helpers/getElementLayout.js +23 -0
  166. package/build/primitives/Layer/helpers/getElementLayout.js.map +1 -0
  167. package/build/primitives/Layer/helpers/getLayerPosition.js +45 -0
  168. package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -0
  169. package/build/primitives/Layer/helpers/index.js +32 -0
  170. package/build/primitives/Layer/helpers/index.js.map +1 -0
  171. package/build/primitives/Layer/index.js +32 -0
  172. package/build/primitives/Layer/index.js.map +1 -0
  173. package/build/primitives/Pressable/Pressable.constants.js +9 -0
  174. package/build/primitives/Pressable/Pressable.constants.js.map +1 -0
  175. package/build/primitives/Pressable/Pressable.js +67 -0
  176. package/build/primitives/Pressable/Pressable.js.map +1 -0
  177. package/build/primitives/Pressable/Pressable.module.css +18 -0
  178. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +53 -0
  179. package/build/primitives/Pressable/index.js +19 -0
  180. package/build/primitives/Pressable/index.js.map +1 -0
  181. package/build/primitives/Radio/Radio.js +62 -0
  182. package/build/primitives/Radio/Radio.js.map +1 -0
  183. package/build/primitives/Radio/Radio.module.css +60 -0
  184. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +125 -0
  185. package/build/primitives/Radio/index.js +19 -0
  186. package/build/primitives/Radio/index.js.map +1 -0
  187. package/build/primitives/ScrollView/ScrollView.js +112 -0
  188. package/build/primitives/ScrollView/ScrollView.js.map +1 -0
  189. package/build/primitives/ScrollView/ScrollView.module.css +35 -0
  190. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +535 -0
  191. package/build/primitives/ScrollView/index.js +19 -0
  192. package/build/primitives/ScrollView/index.js.map +1 -0
  193. package/build/primitives/Select/Select.js +95 -0
  194. package/build/primitives/Select/Select.js.map +1 -0
  195. package/build/primitives/Select/Select.module.css +27 -0
  196. package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +178 -0
  197. package/build/primitives/Select/index.js +19 -0
  198. package/build/primitives/Select/index.js.map +1 -0
  199. package/build/primitives/Switch/Switch.js +60 -0
  200. package/build/primitives/Switch/Switch.js.map +1 -0
  201. package/build/primitives/Switch/Switch.module.css +65 -0
  202. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +104 -0
  203. package/build/primitives/Switch/index.js +19 -0
  204. package/build/primitives/Switch/index.js.map +1 -0
  205. package/build/primitives/Text/Text.js +57 -0
  206. package/build/primitives/Text/Text.js.map +1 -0
  207. package/build/primitives/Text/Text.module.css +33 -0
  208. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +92 -0
  209. package/build/primitives/Text/index.js +19 -0
  210. package/build/primitives/Text/index.js.map +1 -0
  211. package/build/primitives/View/View.js +52 -0
  212. package/build/primitives/View/View.js.map +1 -0
  213. package/build/primitives/View/View.module.css +17 -0
  214. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +62 -0
  215. package/build/primitives/View/index.js +19 -0
  216. package/build/primitives/View/index.js.map +1 -0
  217. package/build/primitives/index.js +149 -0
  218. package/build/primitives/index.js.map +1 -0
  219. package/build/theme/default.theme.css +55 -0
  220. package/build/theme/helpers/camelcase.js +16 -0
  221. package/build/theme/helpers/camelcase.js.map +1 -0
  222. package/build/theme/helpers/index.js +19 -0
  223. package/build/theme/helpers/index.js.map +1 -0
  224. package/build/theme/index.js +19 -0
  225. package/build/theme/index.js.map +1 -0
  226. package/build/theme/theme.js +53 -0
  227. package/build/theme/theme.js.map +1 -0
  228. package/package.json +3 -1
package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap ADDED
@@ -0,0 +1,2285 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`component:<Table> inherit:className 1`] = `
4
+ <DocumentFragment>
5
+ <table
6
+ class="table mirai"
7
+ >
8
+ <thead>
9
+ <tr
10
+ class=""
11
+ role="tr"
12
+ >
13
+ <th>
14
+ <span
15
+ class="view row head"
16
+ >
17
+ User Name
18
+ <span
19
+ class="icon hideIcon"
20
+ >
21
+ <svg
22
+ fill="none"
23
+ height="1em"
24
+ stroke="currentColor"
25
+ stroke-linecap="round"
26
+ stroke-linejoin="round"
27
+ stroke-width="2"
28
+ viewBox="0 0 24 24"
29
+ width="1em"
30
+ xmlns="http://www.w3.org/2000/svg"
31
+ >
32
+ <line
33
+ x1="12"
34
+ x2="12"
35
+ y1="19"
36
+ y2="5"
37
+ />
38
+ <polyline
39
+ points="5 12 12 5 19 12"
40
+ />
41
+ </svg>
42
+ </span>
43
+ </span>
44
+ </th>
45
+ <th>
46
+ <span
47
+ class="view row head"
48
+ >
49
+ Email
50
+ <span
51
+ class="icon hideIcon"
52
+ >
53
+ <svg
54
+ fill="none"
55
+ height="1em"
56
+ stroke="currentColor"
57
+ stroke-linecap="round"
58
+ stroke-linejoin="round"
59
+ stroke-width="2"
60
+ viewBox="0 0 24 24"
61
+ width="1em"
62
+ xmlns="http://www.w3.org/2000/svg"
63
+ >
64
+ <line
65
+ x1="12"
66
+ x2="12"
67
+ y1="19"
68
+ y2="5"
69
+ />
70
+ <polyline
71
+ points="5 12 12 5 19 12"
72
+ />
73
+ </svg>
74
+ </span>
75
+ </span>
76
+ </th>
77
+ <th>
78
+ <span
79
+ class="view row head"
80
+ >
81
+ Year
82
+ <span
83
+ class="icon hideIcon"
84
+ >
85
+ <svg
86
+ fill="none"
87
+ height="1em"
88
+ stroke="currentColor"
89
+ stroke-linecap="round"
90
+ stroke-linejoin="round"
91
+ stroke-width="2"
92
+ viewBox="0 0 24 24"
93
+ width="1em"
94
+ xmlns="http://www.w3.org/2000/svg"
95
+ >
96
+ <line
97
+ x1="12"
98
+ x2="12"
99
+ y1="19"
100
+ y2="5"
101
+ />
102
+ <polyline
103
+ points="5 12 12 5 19 12"
104
+ />
105
+ </svg>
106
+ </span>
107
+ </span>
108
+ </th>
109
+ <th>
110
+ <span
111
+ class="view row head"
112
+ >
113
+ Twitter
114
+ <span
115
+ class="icon hideIcon"
116
+ >
117
+ <svg
118
+ fill="none"
119
+ height="1em"
120
+ stroke="currentColor"
121
+ stroke-linecap="round"
122
+ stroke-linejoin="round"
123
+ stroke-width="2"
124
+ viewBox="0 0 24 24"
125
+ width="1em"
126
+ xmlns="http://www.w3.org/2000/svg"
127
+ >
128
+ <line
129
+ x1="12"
130
+ x2="12"
131
+ y1="19"
132
+ y2="5"
133
+ />
134
+ <polyline
135
+ points="5 12 12 5 19 12"
136
+ />
137
+ </svg>
138
+ </span>
139
+ </span>
140
+ </th>
141
+ <th>
142
+ <span
143
+ class="view row head"
144
+ >
145
+ Action
146
+ <span
147
+ class="icon hideIcon"
148
+ >
149
+ <svg
150
+ fill="none"
151
+ height="1em"
152
+ stroke="currentColor"
153
+ stroke-linecap="round"
154
+ stroke-linejoin="round"
155
+ stroke-width="2"
156
+ viewBox="0 0 24 24"
157
+ width="1em"
158
+ xmlns="http://www.w3.org/2000/svg"
159
+ >
160
+ <line
161
+ x1="12"
162
+ x2="12"
163
+ y1="19"
164
+ y2="5"
165
+ />
166
+ <polyline
167
+ points="5 12 12 5 19 12"
168
+ />
169
+ </svg>
170
+ </span>
171
+ </span>
172
+ </th>
173
+ </tr>
174
+ </thead>
175
+ <tbody>
176
+ <tr
177
+ class=""
178
+ role="tr"
179
+ >
180
+ <td>
181
+ <span
182
+ class="view row"
183
+ >
184
+ jose
185
+ </span>
186
+ </td>
187
+ <td>
188
+ <span
189
+ class="view row"
190
+ >
191
+ jose@mirai.com
192
+ </span>
193
+ </td>
194
+ <td>
195
+ <span
196
+ class="view row"
197
+ >
198
+ 2012
199
+ </span>
200
+ </td>
201
+ <td>
202
+ <span
203
+ class="view row"
204
+ />
205
+ </td>
206
+ <td>
207
+ <span
208
+ class="view row"
209
+ />
210
+ </td>
211
+ </tr>
212
+ <tr
213
+ class=""
214
+ role="tr"
215
+ >
216
+ <td>
217
+ <span
218
+ class="view row"
219
+ >
220
+ mario/1
221
+ </span>
222
+ </td>
223
+ <td>
224
+ <span
225
+ class="view row"
226
+ >
227
+ mario.1@mirai.com
228
+ </span>
229
+ </td>
230
+ <td>
231
+ <span
232
+ class="view row"
233
+ >
234
+ 2005
235
+ </span>
236
+ </td>
237
+ <td>
238
+ <span
239
+ class="view row"
240
+ />
241
+ </td>
242
+ <td>
243
+ <span
244
+ class="view row"
245
+ />
246
+ </td>
247
+ </tr>
248
+ <tr
249
+ class=""
250
+ role="tr"
251
+ >
252
+ <td>
253
+ <span
254
+ class="view row"
255
+ >
256
+ carlos
257
+ </span>
258
+ </td>
259
+ <td>
260
+ <span
261
+ class="view row"
262
+ >
263
+ carlos@mirai.com
264
+ </span>
265
+ </td>
266
+ <td>
267
+ <span
268
+ class="view row"
269
+ >
270
+ 2012
271
+ </span>
272
+ </td>
273
+ <td>
274
+ <span
275
+ class="view row"
276
+ />
277
+ </td>
278
+ <td>
279
+ <span
280
+ class="view row"
281
+ />
282
+ </td>
283
+ </tr>
284
+ <tr
285
+ class=""
286
+ role="tr"
287
+ >
288
+ <td>
289
+ <span
290
+ class="view row"
291
+ >
292
+ svet
293
+ </span>
294
+ </td>
295
+ <td>
296
+ <span
297
+ class="view row"
298
+ >
299
+ svet@mirai.com
300
+ </span>
301
+ </td>
302
+ <td>
303
+ <span
304
+ class="view row"
305
+ >
306
+ 2021
307
+ </span>
308
+ </td>
309
+ <td>
310
+ <span
311
+ class="view row"
312
+ />
313
+ </td>
314
+ <td>
315
+ <span
316
+ class="view row"
317
+ >
318
+ <strong>
319
+ action
320
+ </strong>
321
+ </span>
322
+ </td>
323
+ </tr>
324
+ <tr
325
+ class=""
326
+ role="tr"
327
+ >
328
+ <td>
329
+ <span
330
+ class="view row"
331
+ >
332
+ javi
333
+ </span>
334
+ </td>
335
+ <td>
336
+ <span
337
+ class="view row"
338
+ >
339
+ hi@soyjavi.com
340
+ </span>
341
+ </td>
342
+ <td>
343
+ <span
344
+ class="view row"
345
+ >
346
+ 2022
347
+ </span>
348
+ </td>
349
+ <td>
350
+ <span
351
+ class="view row"
352
+ >
353
+ soyjavi
354
+ </span>
355
+ </td>
356
+ <td>
357
+ <span
358
+ class="view row"
359
+ />
360
+ </td>
361
+ </tr>
362
+ <tr
363
+ class=""
364
+ role="tr"
365
+ >
366
+ <td>
367
+ <span
368
+ class="view row"
369
+ >
370
+ victor
371
+ </span>
372
+ </td>
373
+ <td>
374
+ <span
375
+ class="view row"
376
+ >
377
+ victor@mirai.com
378
+ </span>
379
+ </td>
380
+ <td>
381
+ <span
382
+ class="view row"
383
+ >
384
+ 2021
385
+ </span>
386
+ </td>
387
+ <td>
388
+ <span
389
+ class="view row"
390
+ />
391
+ </td>
392
+ <td>
393
+ <span
394
+ class="view row"
395
+ />
396
+ </td>
397
+ </tr>
398
+ <tr
399
+ class=""
400
+ role="tr"
401
+ >
402
+ <td>
403
+ <span
404
+ class="view row"
405
+ >
406
+ mario/2
407
+ </span>
408
+ </td>
409
+ <td>
410
+ <span
411
+ class="view row"
412
+ >
413
+ mario.2@mirai.com
414
+ </span>
415
+ </td>
416
+ <td>
417
+ <span
418
+ class="view row"
419
+ >
420
+ 2022
421
+ </span>
422
+ </td>
423
+ <td>
424
+ <span
425
+ class="view row"
426
+ />
427
+ </td>
428
+ <td>
429
+ <span
430
+ class="view row"
431
+ />
432
+ </td>
433
+ </tr>
434
+ </tbody>
435
+ </table>
436
+ </DocumentFragment>
437
+ `;
438
+
439
+ exports[`component:<Table> prop:onSelect 1`] = `
440
+ <DocumentFragment>
441
+ <table
442
+ class="table"
443
+ data-testid="onSelect"
444
+ >
445
+ <thead>
446
+ <tr
447
+ class=""
448
+ role="tr"
449
+ >
450
+ <th
451
+ class="select"
452
+ >
453
+ <div
454
+ class="view row"
455
+ />
456
+ </th>
457
+ <th>
458
+ <span
459
+ class="view row head"
460
+ >
461
+ User Name
462
+ <span
463
+ class="icon hideIcon"
464
+ >
465
+ <svg
466
+ fill="none"
467
+ height="1em"
468
+ stroke="currentColor"
469
+ stroke-linecap="round"
470
+ stroke-linejoin="round"
471
+ stroke-width="2"
472
+ viewBox="0 0 24 24"
473
+ width="1em"
474
+ xmlns="http://www.w3.org/2000/svg"
475
+ >
476
+ <line
477
+ x1="12"
478
+ x2="12"
479
+ y1="19"
480
+ y2="5"
481
+ />
482
+ <polyline
483
+ points="5 12 12 5 19 12"
484
+ />
485
+ </svg>
486
+ </span>
487
+ </span>
488
+ </th>
489
+ <th>
490
+ <span
491
+ class="view row head"
492
+ >
493
+ Email
494
+ <span
495
+ class="icon hideIcon"
496
+ >
497
+ <svg
498
+ fill="none"
499
+ height="1em"
500
+ stroke="currentColor"
501
+ stroke-linecap="round"
502
+ stroke-linejoin="round"
503
+ stroke-width="2"
504
+ viewBox="0 0 24 24"
505
+ width="1em"
506
+ xmlns="http://www.w3.org/2000/svg"
507
+ >
508
+ <line
509
+ x1="12"
510
+ x2="12"
511
+ y1="19"
512
+ y2="5"
513
+ />
514
+ <polyline
515
+ points="5 12 12 5 19 12"
516
+ />
517
+ </svg>
518
+ </span>
519
+ </span>
520
+ </th>
521
+ <th>
522
+ <span
523
+ class="view row head"
524
+ >
525
+ Year
526
+ <span
527
+ class="icon hideIcon"
528
+ >
529
+ <svg
530
+ fill="none"
531
+ height="1em"
532
+ stroke="currentColor"
533
+ stroke-linecap="round"
534
+ stroke-linejoin="round"
535
+ stroke-width="2"
536
+ viewBox="0 0 24 24"
537
+ width="1em"
538
+ xmlns="http://www.w3.org/2000/svg"
539
+ >
540
+ <line
541
+ x1="12"
542
+ x2="12"
543
+ y1="19"
544
+ y2="5"
545
+ />
546
+ <polyline
547
+ points="5 12 12 5 19 12"
548
+ />
549
+ </svg>
550
+ </span>
551
+ </span>
552
+ </th>
553
+ <th>
554
+ <span
555
+ class="view row head"
556
+ >
557
+ Twitter
558
+ <span
559
+ class="icon hideIcon"
560
+ >
561
+ <svg
562
+ fill="none"
563
+ height="1em"
564
+ stroke="currentColor"
565
+ stroke-linecap="round"
566
+ stroke-linejoin="round"
567
+ stroke-width="2"
568
+ viewBox="0 0 24 24"
569
+ width="1em"
570
+ xmlns="http://www.w3.org/2000/svg"
571
+ >
572
+ <line
573
+ x1="12"
574
+ x2="12"
575
+ y1="19"
576
+ y2="5"
577
+ />
578
+ <polyline
579
+ points="5 12 12 5 19 12"
580
+ />
581
+ </svg>
582
+ </span>
583
+ </span>
584
+ </th>
585
+ <th>
586
+ <span
587
+ class="view row head"
588
+ >
589
+ Action
590
+ <span
591
+ class="icon hideIcon"
592
+ >
593
+ <svg
594
+ fill="none"
595
+ height="1em"
596
+ stroke="currentColor"
597
+ stroke-linecap="round"
598
+ stroke-linejoin="round"
599
+ stroke-width="2"
600
+ viewBox="0 0 24 24"
601
+ width="1em"
602
+ xmlns="http://www.w3.org/2000/svg"
603
+ >
604
+ <line
605
+ x1="12"
606
+ x2="12"
607
+ y1="19"
608
+ y2="5"
609
+ />
610
+ <polyline
611
+ points="5 12 12 5 19 12"
612
+ />
613
+ </svg>
614
+ </span>
615
+ </span>
616
+ </th>
617
+ </tr>
618
+ </thead>
619
+ <tbody>
620
+ <tr
621
+ class=""
622
+ data-testid="onSelect-0"
623
+ role="tr"
624
+ >
625
+ <td
626
+ class="select"
627
+ >
628
+ <div
629
+ class="view row"
630
+ >
631
+ <button
632
+ class="pressable inputOption checkbox"
633
+ data-testid="onSelect-0-checkbox"
634
+ >
635
+ <div
636
+ class="checkbox"
637
+ >
638
+ <input
639
+ class=""
640
+ name="checkbox"
641
+ type="checkbox"
642
+ value=""
643
+ />
644
+ </div>
645
+ </button>
646
+ </div>
647
+ </td>
648
+ <td
649
+ data-testid="onSelect-0-username"
650
+ >
651
+ <span
652
+ class="view row"
653
+ >
654
+ jose
655
+ </span>
656
+ </td>
657
+ <td
658
+ data-testid="onSelect-0-email"
659
+ >
660
+ <span
661
+ class="view row"
662
+ >
663
+ jose@mirai.com
664
+ </span>
665
+ </td>
666
+ <td
667
+ data-testid="onSelect-0-year"
668
+ >
669
+ <span
670
+ class="view row"
671
+ >
672
+ 2012
673
+ </span>
674
+ </td>
675
+ <td
676
+ data-testid="onSelect-0-twitter"
677
+ >
678
+ <span
679
+ class="view row"
680
+ />
681
+ </td>
682
+ <td
683
+ data-testid="onSelect-0-action"
684
+ >
685
+ <span
686
+ class="view row"
687
+ />
688
+ </td>
689
+ </tr>
690
+ <tr
691
+ class=""
692
+ data-testid="onSelect-1"
693
+ role="tr"
694
+ >
695
+ <td
696
+ class="select"
697
+ >
698
+ <div
699
+ class="view row"
700
+ >
701
+ <button
702
+ class="pressable inputOption checkbox"
703
+ data-testid="onSelect-1-checkbox"
704
+ >
705
+ <div
706
+ class="checkbox"
707
+ >
708
+ <input
709
+ class=""
710
+ name="checkbox"
711
+ type="checkbox"
712
+ value=""
713
+ />
714
+ </div>
715
+ </button>
716
+ </div>
717
+ </td>
718
+ <td
719
+ data-testid="onSelect-1-username"
720
+ >
721
+ <span
722
+ class="view row"
723
+ >
724
+ mario/1
725
+ </span>
726
+ </td>
727
+ <td
728
+ data-testid="onSelect-1-email"
729
+ >
730
+ <span
731
+ class="view row"
732
+ >
733
+ mario.1@mirai.com
734
+ </span>
735
+ </td>
736
+ <td
737
+ data-testid="onSelect-1-year"
738
+ >
739
+ <span
740
+ class="view row"
741
+ >
742
+ 2005
743
+ </span>
744
+ </td>
745
+ <td
746
+ data-testid="onSelect-1-twitter"
747
+ >
748
+ <span
749
+ class="view row"
750
+ />
751
+ </td>
752
+ <td
753
+ data-testid="onSelect-1-action"
754
+ >
755
+ <span
756
+ class="view row"
757
+ />
758
+ </td>
759
+ </tr>
760
+ <tr
761
+ class=""
762
+ data-testid="onSelect-2"
763
+ role="tr"
764
+ >
765
+ <td
766
+ class="select"
767
+ >
768
+ <div
769
+ class="view row"
770
+ >
771
+ <button
772
+ class="pressable inputOption checkbox"
773
+ data-testid="onSelect-2-checkbox"
774
+ >
775
+ <div
776
+ class="checkbox"
777
+ >
778
+ <input
779
+ class=""
780
+ name="checkbox"
781
+ type="checkbox"
782
+ value=""
783
+ />
784
+ </div>
785
+ </button>
786
+ </div>
787
+ </td>
788
+ <td
789
+ data-testid="onSelect-2-username"
790
+ >
791
+ <span
792
+ class="view row"
793
+ >
794
+ carlos
795
+ </span>
796
+ </td>
797
+ <td
798
+ data-testid="onSelect-2-email"
799
+ >
800
+ <span
801
+ class="view row"
802
+ >
803
+ carlos@mirai.com
804
+ </span>
805
+ </td>
806
+ <td
807
+ data-testid="onSelect-2-year"
808
+ >
809
+ <span
810
+ class="view row"
811
+ >
812
+ 2012
813
+ </span>
814
+ </td>
815
+ <td
816
+ data-testid="onSelect-2-twitter"
817
+ >
818
+ <span
819
+ class="view row"
820
+ />
821
+ </td>
822
+ <td
823
+ data-testid="onSelect-2-action"
824
+ >
825
+ <span
826
+ class="view row"
827
+ />
828
+ </td>
829
+ </tr>
830
+ <tr
831
+ class=""
832
+ data-testid="onSelect-3"
833
+ role="tr"
834
+ >
835
+ <td
836
+ class="select"
837
+ >
838
+ <div
839
+ class="view row"
840
+ >
841
+ <button
842
+ class="pressable inputOption checkbox"
843
+ data-testid="onSelect-3-checkbox"
844
+ >
845
+ <div
846
+ class="checkbox"
847
+ >
848
+ <input
849
+ class=""
850
+ name="checkbox"
851
+ type="checkbox"
852
+ value=""
853
+ />
854
+ </div>
855
+ </button>
856
+ </div>
857
+ </td>
858
+ <td
859
+ data-testid="onSelect-3-username"
860
+ >
861
+ <span
862
+ class="view row"
863
+ >
864
+ svet
865
+ </span>
866
+ </td>
867
+ <td
868
+ data-testid="onSelect-3-email"
869
+ >
870
+ <span
871
+ class="view row"
872
+ >
873
+ svet@mirai.com
874
+ </span>
875
+ </td>
876
+ <td
877
+ data-testid="onSelect-3-year"
878
+ >
879
+ <span
880
+ class="view row"
881
+ >
882
+ 2021
883
+ </span>
884
+ </td>
885
+ <td
886
+ data-testid="onSelect-3-twitter"
887
+ >
888
+ <span
889
+ class="view row"
890
+ />
891
+ </td>
892
+ <td
893
+ data-testid="onSelect-3-action"
894
+ >
895
+ <span
896
+ class="view row"
897
+ >
898
+ <strong>
899
+ action
900
+ </strong>
901
+ </span>
902
+ </td>
903
+ </tr>
904
+ <tr
905
+ class=""
906
+ data-testid="onSelect-4"
907
+ role="tr"
908
+ >
909
+ <td
910
+ class="select"
911
+ >
912
+ <div
913
+ class="view row"
914
+ >
915
+ <button
916
+ class="pressable inputOption checkbox"
917
+ data-testid="onSelect-4-checkbox"
918
+ >
919
+ <div
920
+ class="checkbox"
921
+ >
922
+ <input
923
+ class=""
924
+ name="checkbox"
925
+ type="checkbox"
926
+ value=""
927
+ />
928
+ </div>
929
+ </button>
930
+ </div>
931
+ </td>
932
+ <td
933
+ data-testid="onSelect-4-username"
934
+ >
935
+ <span
936
+ class="view row"
937
+ >
938
+ javi
939
+ </span>
940
+ </td>
941
+ <td
942
+ data-testid="onSelect-4-email"
943
+ >
944
+ <span
945
+ class="view row"
946
+ >
947
+ hi@soyjavi.com
948
+ </span>
949
+ </td>
950
+ <td
951
+ data-testid="onSelect-4-year"
952
+ >
953
+ <span
954
+ class="view row"
955
+ >
956
+ 2022
957
+ </span>
958
+ </td>
959
+ <td
960
+ data-testid="onSelect-4-twitter"
961
+ >
962
+ <span
963
+ class="view row"
964
+ >
965
+ soyjavi
966
+ </span>
967
+ </td>
968
+ <td
969
+ data-testid="onSelect-4-action"
970
+ >
971
+ <span
972
+ class="view row"
973
+ />
974
+ </td>
975
+ </tr>
976
+ <tr
977
+ class=""
978
+ data-testid="onSelect-5"
979
+ role="tr"
980
+ >
981
+ <td
982
+ class="select"
983
+ >
984
+ <div
985
+ class="view row"
986
+ >
987
+ <button
988
+ class="pressable inputOption checkbox"
989
+ data-testid="onSelect-5-checkbox"
990
+ >
991
+ <div
992
+ class="checkbox"
993
+ >
994
+ <input
995
+ class=""
996
+ name="checkbox"
997
+ type="checkbox"
998
+ value=""
999
+ />
1000
+ </div>
1001
+ </button>
1002
+ </div>
1003
+ </td>
1004
+ <td
1005
+ data-testid="onSelect-5-username"
1006
+ >
1007
+ <span
1008
+ class="view row"
1009
+ >
1010
+ victor
1011
+ </span>
1012
+ </td>
1013
+ <td
1014
+ data-testid="onSelect-5-email"
1015
+ >
1016
+ <span
1017
+ class="view row"
1018
+ >
1019
+ victor@mirai.com
1020
+ </span>
1021
+ </td>
1022
+ <td
1023
+ data-testid="onSelect-5-year"
1024
+ >
1025
+ <span
1026
+ class="view row"
1027
+ >
1028
+ 2021
1029
+ </span>
1030
+ </td>
1031
+ <td
1032
+ data-testid="onSelect-5-twitter"
1033
+ >
1034
+ <span
1035
+ class="view row"
1036
+ />
1037
+ </td>
1038
+ <td
1039
+ data-testid="onSelect-5-action"
1040
+ >
1041
+ <span
1042
+ class="view row"
1043
+ />
1044
+ </td>
1045
+ </tr>
1046
+ <tr
1047
+ class=""
1048
+ data-testid="onSelect-6"
1049
+ role="tr"
1050
+ >
1051
+ <td
1052
+ class="select"
1053
+ >
1054
+ <div
1055
+ class="view row"
1056
+ >
1057
+ <button
1058
+ class="pressable inputOption checkbox"
1059
+ data-testid="onSelect-6-checkbox"
1060
+ >
1061
+ <div
1062
+ class="checkbox"
1063
+ >
1064
+ <input
1065
+ class=""
1066
+ name="checkbox"
1067
+ type="checkbox"
1068
+ value=""
1069
+ />
1070
+ </div>
1071
+ </button>
1072
+ </div>
1073
+ </td>
1074
+ <td
1075
+ data-testid="onSelect-6-username"
1076
+ >
1077
+ <span
1078
+ class="view row"
1079
+ >
1080
+ mario/2
1081
+ </span>
1082
+ </td>
1083
+ <td
1084
+ data-testid="onSelect-6-email"
1085
+ >
1086
+ <span
1087
+ class="view row"
1088
+ >
1089
+ mario.2@mirai.com
1090
+ </span>
1091
+ </td>
1092
+ <td
1093
+ data-testid="onSelect-6-year"
1094
+ >
1095
+ <span
1096
+ class="view row"
1097
+ >
1098
+ 2022
1099
+ </span>
1100
+ </td>
1101
+ <td
1102
+ data-testid="onSelect-6-twitter"
1103
+ >
1104
+ <span
1105
+ class="view row"
1106
+ />
1107
+ </td>
1108
+ <td
1109
+ data-testid="onSelect-6-action"
1110
+ >
1111
+ <span
1112
+ class="view row"
1113
+ />
1114
+ </td>
1115
+ </tr>
1116
+ </tbody>
1117
+ </table>
1118
+ </DocumentFragment>
1119
+ `;
1120
+
1121
+ exports[`component:<Table> prop:search 1`] = `
1122
+ <DocumentFragment>
1123
+ <table
1124
+ class="table"
1125
+ >
1126
+ <thead>
1127
+ <tr
1128
+ class=""
1129
+ role="tr"
1130
+ >
1131
+ <th>
1132
+ <span
1133
+ class="view row head"
1134
+ >
1135
+ User Name
1136
+ <span
1137
+ class="icon hideIcon"
1138
+ >
1139
+ <svg
1140
+ fill="none"
1141
+ height="1em"
1142
+ stroke="currentColor"
1143
+ stroke-linecap="round"
1144
+ stroke-linejoin="round"
1145
+ stroke-width="2"
1146
+ viewBox="0 0 24 24"
1147
+ width="1em"
1148
+ xmlns="http://www.w3.org/2000/svg"
1149
+ >
1150
+ <line
1151
+ x1="12"
1152
+ x2="12"
1153
+ y1="19"
1154
+ y2="5"
1155
+ />
1156
+ <polyline
1157
+ points="5 12 12 5 19 12"
1158
+ />
1159
+ </svg>
1160
+ </span>
1161
+ </span>
1162
+ </th>
1163
+ <th>
1164
+ <span
1165
+ class="view row head"
1166
+ >
1167
+ Email
1168
+ <span
1169
+ class="icon hideIcon"
1170
+ >
1171
+ <svg
1172
+ fill="none"
1173
+ height="1em"
1174
+ stroke="currentColor"
1175
+ stroke-linecap="round"
1176
+ stroke-linejoin="round"
1177
+ stroke-width="2"
1178
+ viewBox="0 0 24 24"
1179
+ width="1em"
1180
+ xmlns="http://www.w3.org/2000/svg"
1181
+ >
1182
+ <line
1183
+ x1="12"
1184
+ x2="12"
1185
+ y1="19"
1186
+ y2="5"
1187
+ />
1188
+ <polyline
1189
+ points="5 12 12 5 19 12"
1190
+ />
1191
+ </svg>
1192
+ </span>
1193
+ </span>
1194
+ </th>
1195
+ <th>
1196
+ <span
1197
+ class="view row head"
1198
+ >
1199
+ Year
1200
+ <span
1201
+ class="icon hideIcon"
1202
+ >
1203
+ <svg
1204
+ fill="none"
1205
+ height="1em"
1206
+ stroke="currentColor"
1207
+ stroke-linecap="round"
1208
+ stroke-linejoin="round"
1209
+ stroke-width="2"
1210
+ viewBox="0 0 24 24"
1211
+ width="1em"
1212
+ xmlns="http://www.w3.org/2000/svg"
1213
+ >
1214
+ <line
1215
+ x1="12"
1216
+ x2="12"
1217
+ y1="19"
1218
+ y2="5"
1219
+ />
1220
+ <polyline
1221
+ points="5 12 12 5 19 12"
1222
+ />
1223
+ </svg>
1224
+ </span>
1225
+ </span>
1226
+ </th>
1227
+ <th>
1228
+ <span
1229
+ class="view row head"
1230
+ >
1231
+ Twitter
1232
+ <span
1233
+ class="icon hideIcon"
1234
+ >
1235
+ <svg
1236
+ fill="none"
1237
+ height="1em"
1238
+ stroke="currentColor"
1239
+ stroke-linecap="round"
1240
+ stroke-linejoin="round"
1241
+ stroke-width="2"
1242
+ viewBox="0 0 24 24"
1243
+ width="1em"
1244
+ xmlns="http://www.w3.org/2000/svg"
1245
+ >
1246
+ <line
1247
+ x1="12"
1248
+ x2="12"
1249
+ y1="19"
1250
+ y2="5"
1251
+ />
1252
+ <polyline
1253
+ points="5 12 12 5 19 12"
1254
+ />
1255
+ </svg>
1256
+ </span>
1257
+ </span>
1258
+ </th>
1259
+ <th>
1260
+ <span
1261
+ class="view row head"
1262
+ >
1263
+ Action
1264
+ <span
1265
+ class="icon hideIcon"
1266
+ >
1267
+ <svg
1268
+ fill="none"
1269
+ height="1em"
1270
+ stroke="currentColor"
1271
+ stroke-linecap="round"
1272
+ stroke-linejoin="round"
1273
+ stroke-width="2"
1274
+ viewBox="0 0 24 24"
1275
+ width="1em"
1276
+ xmlns="http://www.w3.org/2000/svg"
1277
+ >
1278
+ <line
1279
+ x1="12"
1280
+ x2="12"
1281
+ y1="19"
1282
+ y2="5"
1283
+ />
1284
+ <polyline
1285
+ points="5 12 12 5 19 12"
1286
+ />
1287
+ </svg>
1288
+ </span>
1289
+ </span>
1290
+ </th>
1291
+ </tr>
1292
+ </thead>
1293
+ <tbody>
1294
+ <tr
1295
+ class=""
1296
+ role="tr"
1297
+ >
1298
+ <td>
1299
+ <span
1300
+ class="view row"
1301
+ >
1302
+ javi
1303
+ </span>
1304
+ </td>
1305
+ <td>
1306
+ <span
1307
+ class="view row"
1308
+ >
1309
+ hi@soyjavi.com
1310
+ </span>
1311
+ </td>
1312
+ <td>
1313
+ <span
1314
+ class="view row"
1315
+ >
1316
+ 2022
1317
+ </span>
1318
+ </td>
1319
+ <td>
1320
+ <span
1321
+ class="view row"
1322
+ >
1323
+ soyjavi
1324
+ </span>
1325
+ </td>
1326
+ <td>
1327
+ <span
1328
+ class="view row"
1329
+ />
1330
+ </td>
1331
+ </tr>
1332
+ </tbody>
1333
+ </table>
1334
+ </DocumentFragment>
1335
+ `;
1336
+
1337
+ exports[`component:<Table> renders 1`] = `
1338
+ <DocumentFragment>
1339
+ <table
1340
+ class="table"
1341
+ >
1342
+ <thead>
1343
+ <tr
1344
+ class=""
1345
+ role="tr"
1346
+ >
1347
+ <th>
1348
+ <span
1349
+ class="view row head"
1350
+ >
1351
+ User Name
1352
+ <span
1353
+ class="icon hideIcon"
1354
+ >
1355
+ <svg
1356
+ fill="none"
1357
+ height="1em"
1358
+ stroke="currentColor"
1359
+ stroke-linecap="round"
1360
+ stroke-linejoin="round"
1361
+ stroke-width="2"
1362
+ viewBox="0 0 24 24"
1363
+ width="1em"
1364
+ xmlns="http://www.w3.org/2000/svg"
1365
+ >
1366
+ <line
1367
+ x1="12"
1368
+ x2="12"
1369
+ y1="19"
1370
+ y2="5"
1371
+ />
1372
+ <polyline
1373
+ points="5 12 12 5 19 12"
1374
+ />
1375
+ </svg>
1376
+ </span>
1377
+ </span>
1378
+ </th>
1379
+ <th>
1380
+ <span
1381
+ class="view row head"
1382
+ >
1383
+ Email
1384
+ <span
1385
+ class="icon hideIcon"
1386
+ >
1387
+ <svg
1388
+ fill="none"
1389
+ height="1em"
1390
+ stroke="currentColor"
1391
+ stroke-linecap="round"
1392
+ stroke-linejoin="round"
1393
+ stroke-width="2"
1394
+ viewBox="0 0 24 24"
1395
+ width="1em"
1396
+ xmlns="http://www.w3.org/2000/svg"
1397
+ >
1398
+ <line
1399
+ x1="12"
1400
+ x2="12"
1401
+ y1="19"
1402
+ y2="5"
1403
+ />
1404
+ <polyline
1405
+ points="5 12 12 5 19 12"
1406
+ />
1407
+ </svg>
1408
+ </span>
1409
+ </span>
1410
+ </th>
1411
+ <th>
1412
+ <span
1413
+ class="view row head"
1414
+ >
1415
+ Year
1416
+ <span
1417
+ class="icon hideIcon"
1418
+ >
1419
+ <svg
1420
+ fill="none"
1421
+ height="1em"
1422
+ stroke="currentColor"
1423
+ stroke-linecap="round"
1424
+ stroke-linejoin="round"
1425
+ stroke-width="2"
1426
+ viewBox="0 0 24 24"
1427
+ width="1em"
1428
+ xmlns="http://www.w3.org/2000/svg"
1429
+ >
1430
+ <line
1431
+ x1="12"
1432
+ x2="12"
1433
+ y1="19"
1434
+ y2="5"
1435
+ />
1436
+ <polyline
1437
+ points="5 12 12 5 19 12"
1438
+ />
1439
+ </svg>
1440
+ </span>
1441
+ </span>
1442
+ </th>
1443
+ <th>
1444
+ <span
1445
+ class="view row head"
1446
+ >
1447
+ Twitter
1448
+ <span
1449
+ class="icon hideIcon"
1450
+ >
1451
+ <svg
1452
+ fill="none"
1453
+ height="1em"
1454
+ stroke="currentColor"
1455
+ stroke-linecap="round"
1456
+ stroke-linejoin="round"
1457
+ stroke-width="2"
1458
+ viewBox="0 0 24 24"
1459
+ width="1em"
1460
+ xmlns="http://www.w3.org/2000/svg"
1461
+ >
1462
+ <line
1463
+ x1="12"
1464
+ x2="12"
1465
+ y1="19"
1466
+ y2="5"
1467
+ />
1468
+ <polyline
1469
+ points="5 12 12 5 19 12"
1470
+ />
1471
+ </svg>
1472
+ </span>
1473
+ </span>
1474
+ </th>
1475
+ <th>
1476
+ <span
1477
+ class="view row head"
1478
+ >
1479
+ Action
1480
+ <span
1481
+ class="icon hideIcon"
1482
+ >
1483
+ <svg
1484
+ fill="none"
1485
+ height="1em"
1486
+ stroke="currentColor"
1487
+ stroke-linecap="round"
1488
+ stroke-linejoin="round"
1489
+ stroke-width="2"
1490
+ viewBox="0 0 24 24"
1491
+ width="1em"
1492
+ xmlns="http://www.w3.org/2000/svg"
1493
+ >
1494
+ <line
1495
+ x1="12"
1496
+ x2="12"
1497
+ y1="19"
1498
+ y2="5"
1499
+ />
1500
+ <polyline
1501
+ points="5 12 12 5 19 12"
1502
+ />
1503
+ </svg>
1504
+ </span>
1505
+ </span>
1506
+ </th>
1507
+ </tr>
1508
+ </thead>
1509
+ <tbody>
1510
+ <tr
1511
+ class=""
1512
+ role="tr"
1513
+ >
1514
+ <td>
1515
+ <span
1516
+ class="view row"
1517
+ >
1518
+ jose
1519
+ </span>
1520
+ </td>
1521
+ <td>
1522
+ <span
1523
+ class="view row"
1524
+ >
1525
+ jose@mirai.com
1526
+ </span>
1527
+ </td>
1528
+ <td>
1529
+ <span
1530
+ class="view row"
1531
+ >
1532
+ 2012
1533
+ </span>
1534
+ </td>
1535
+ <td>
1536
+ <span
1537
+ class="view row"
1538
+ />
1539
+ </td>
1540
+ <td>
1541
+ <span
1542
+ class="view row"
1543
+ />
1544
+ </td>
1545
+ </tr>
1546
+ <tr
1547
+ class=""
1548
+ role="tr"
1549
+ >
1550
+ <td>
1551
+ <span
1552
+ class="view row"
1553
+ >
1554
+ mario/1
1555
+ </span>
1556
+ </td>
1557
+ <td>
1558
+ <span
1559
+ class="view row"
1560
+ >
1561
+ mario.1@mirai.com
1562
+ </span>
1563
+ </td>
1564
+ <td>
1565
+ <span
1566
+ class="view row"
1567
+ >
1568
+ 2005
1569
+ </span>
1570
+ </td>
1571
+ <td>
1572
+ <span
1573
+ class="view row"
1574
+ />
1575
+ </td>
1576
+ <td>
1577
+ <span
1578
+ class="view row"
1579
+ />
1580
+ </td>
1581
+ </tr>
1582
+ <tr
1583
+ class=""
1584
+ role="tr"
1585
+ >
1586
+ <td>
1587
+ <span
1588
+ class="view row"
1589
+ >
1590
+ carlos
1591
+ </span>
1592
+ </td>
1593
+ <td>
1594
+ <span
1595
+ class="view row"
1596
+ >
1597
+ carlos@mirai.com
1598
+ </span>
1599
+ </td>
1600
+ <td>
1601
+ <span
1602
+ class="view row"
1603
+ >
1604
+ 2012
1605
+ </span>
1606
+ </td>
1607
+ <td>
1608
+ <span
1609
+ class="view row"
1610
+ />
1611
+ </td>
1612
+ <td>
1613
+ <span
1614
+ class="view row"
1615
+ />
1616
+ </td>
1617
+ </tr>
1618
+ <tr
1619
+ class=""
1620
+ role="tr"
1621
+ >
1622
+ <td>
1623
+ <span
1624
+ class="view row"
1625
+ >
1626
+ svet
1627
+ </span>
1628
+ </td>
1629
+ <td>
1630
+ <span
1631
+ class="view row"
1632
+ >
1633
+ svet@mirai.com
1634
+ </span>
1635
+ </td>
1636
+ <td>
1637
+ <span
1638
+ class="view row"
1639
+ >
1640
+ 2021
1641
+ </span>
1642
+ </td>
1643
+ <td>
1644
+ <span
1645
+ class="view row"
1646
+ />
1647
+ </td>
1648
+ <td>
1649
+ <span
1650
+ class="view row"
1651
+ >
1652
+ <strong>
1653
+ action
1654
+ </strong>
1655
+ </span>
1656
+ </td>
1657
+ </tr>
1658
+ <tr
1659
+ class=""
1660
+ role="tr"
1661
+ >
1662
+ <td>
1663
+ <span
1664
+ class="view row"
1665
+ >
1666
+ javi
1667
+ </span>
1668
+ </td>
1669
+ <td>
1670
+ <span
1671
+ class="view row"
1672
+ >
1673
+ hi@soyjavi.com
1674
+ </span>
1675
+ </td>
1676
+ <td>
1677
+ <span
1678
+ class="view row"
1679
+ >
1680
+ 2022
1681
+ </span>
1682
+ </td>
1683
+ <td>
1684
+ <span
1685
+ class="view row"
1686
+ >
1687
+ soyjavi
1688
+ </span>
1689
+ </td>
1690
+ <td>
1691
+ <span
1692
+ class="view row"
1693
+ />
1694
+ </td>
1695
+ </tr>
1696
+ <tr
1697
+ class=""
1698
+ role="tr"
1699
+ >
1700
+ <td>
1701
+ <span
1702
+ class="view row"
1703
+ >
1704
+ victor
1705
+ </span>
1706
+ </td>
1707
+ <td>
1708
+ <span
1709
+ class="view row"
1710
+ >
1711
+ victor@mirai.com
1712
+ </span>
1713
+ </td>
1714
+ <td>
1715
+ <span
1716
+ class="view row"
1717
+ >
1718
+ 2021
1719
+ </span>
1720
+ </td>
1721
+ <td>
1722
+ <span
1723
+ class="view row"
1724
+ />
1725
+ </td>
1726
+ <td>
1727
+ <span
1728
+ class="view row"
1729
+ />
1730
+ </td>
1731
+ </tr>
1732
+ <tr
1733
+ class=""
1734
+ role="tr"
1735
+ >
1736
+ <td>
1737
+ <span
1738
+ class="view row"
1739
+ >
1740
+ mario/2
1741
+ </span>
1742
+ </td>
1743
+ <td>
1744
+ <span
1745
+ class="view row"
1746
+ >
1747
+ mario.2@mirai.com
1748
+ </span>
1749
+ </td>
1750
+ <td>
1751
+ <span
1752
+ class="view row"
1753
+ >
1754
+ 2022
1755
+ </span>
1756
+ </td>
1757
+ <td>
1758
+ <span
1759
+ class="view row"
1760
+ />
1761
+ </td>
1762
+ <td>
1763
+ <span
1764
+ class="view row"
1765
+ />
1766
+ </td>
1767
+ </tr>
1768
+ </tbody>
1769
+ </table>
1770
+ </DocumentFragment>
1771
+ `;
1772
+
1773
+ exports[`component:<Table> testID 1`] = `
1774
+ <DocumentFragment>
1775
+ <table
1776
+ class="table"
1777
+ data-testid="mirai"
1778
+ >
1779
+ <thead>
1780
+ <tr
1781
+ class=""
1782
+ role="tr"
1783
+ >
1784
+ <th>
1785
+ <span
1786
+ class="view row head"
1787
+ >
1788
+ User Name
1789
+ <span
1790
+ class="icon hideIcon"
1791
+ >
1792
+ <svg
1793
+ fill="none"
1794
+ height="1em"
1795
+ stroke="currentColor"
1796
+ stroke-linecap="round"
1797
+ stroke-linejoin="round"
1798
+ stroke-width="2"
1799
+ viewBox="0 0 24 24"
1800
+ width="1em"
1801
+ xmlns="http://www.w3.org/2000/svg"
1802
+ >
1803
+ <line
1804
+ x1="12"
1805
+ x2="12"
1806
+ y1="19"
1807
+ y2="5"
1808
+ />
1809
+ <polyline
1810
+ points="5 12 12 5 19 12"
1811
+ />
1812
+ </svg>
1813
+ </span>
1814
+ </span>
1815
+ </th>
1816
+ <th>
1817
+ <span
1818
+ class="view row head"
1819
+ >
1820
+ Email
1821
+ <span
1822
+ class="icon hideIcon"
1823
+ >
1824
+ <svg
1825
+ fill="none"
1826
+ height="1em"
1827
+ stroke="currentColor"
1828
+ stroke-linecap="round"
1829
+ stroke-linejoin="round"
1830
+ stroke-width="2"
1831
+ viewBox="0 0 24 24"
1832
+ width="1em"
1833
+ xmlns="http://www.w3.org/2000/svg"
1834
+ >
1835
+ <line
1836
+ x1="12"
1837
+ x2="12"
1838
+ y1="19"
1839
+ y2="5"
1840
+ />
1841
+ <polyline
1842
+ points="5 12 12 5 19 12"
1843
+ />
1844
+ </svg>
1845
+ </span>
1846
+ </span>
1847
+ </th>
1848
+ <th>
1849
+ <span
1850
+ class="view row head"
1851
+ >
1852
+ Year
1853
+ <span
1854
+ class="icon hideIcon"
1855
+ >
1856
+ <svg
1857
+ fill="none"
1858
+ height="1em"
1859
+ stroke="currentColor"
1860
+ stroke-linecap="round"
1861
+ stroke-linejoin="round"
1862
+ stroke-width="2"
1863
+ viewBox="0 0 24 24"
1864
+ width="1em"
1865
+ xmlns="http://www.w3.org/2000/svg"
1866
+ >
1867
+ <line
1868
+ x1="12"
1869
+ x2="12"
1870
+ y1="19"
1871
+ y2="5"
1872
+ />
1873
+ <polyline
1874
+ points="5 12 12 5 19 12"
1875
+ />
1876
+ </svg>
1877
+ </span>
1878
+ </span>
1879
+ </th>
1880
+ <th>
1881
+ <span
1882
+ class="view row head"
1883
+ >
1884
+ Twitter
1885
+ <span
1886
+ class="icon hideIcon"
1887
+ >
1888
+ <svg
1889
+ fill="none"
1890
+ height="1em"
1891
+ stroke="currentColor"
1892
+ stroke-linecap="round"
1893
+ stroke-linejoin="round"
1894
+ stroke-width="2"
1895
+ viewBox="0 0 24 24"
1896
+ width="1em"
1897
+ xmlns="http://www.w3.org/2000/svg"
1898
+ >
1899
+ <line
1900
+ x1="12"
1901
+ x2="12"
1902
+ y1="19"
1903
+ y2="5"
1904
+ />
1905
+ <polyline
1906
+ points="5 12 12 5 19 12"
1907
+ />
1908
+ </svg>
1909
+ </span>
1910
+ </span>
1911
+ </th>
1912
+ <th>
1913
+ <span
1914
+ class="view row head"
1915
+ >
1916
+ Action
1917
+ <span
1918
+ class="icon hideIcon"
1919
+ >
1920
+ <svg
1921
+ fill="none"
1922
+ height="1em"
1923
+ stroke="currentColor"
1924
+ stroke-linecap="round"
1925
+ stroke-linejoin="round"
1926
+ stroke-width="2"
1927
+ viewBox="0 0 24 24"
1928
+ width="1em"
1929
+ xmlns="http://www.w3.org/2000/svg"
1930
+ >
1931
+ <line
1932
+ x1="12"
1933
+ x2="12"
1934
+ y1="19"
1935
+ y2="5"
1936
+ />
1937
+ <polyline
1938
+ points="5 12 12 5 19 12"
1939
+ />
1940
+ </svg>
1941
+ </span>
1942
+ </span>
1943
+ </th>
1944
+ </tr>
1945
+ </thead>
1946
+ <tbody>
1947
+ <tr
1948
+ class=""
1949
+ data-testid="mirai-0"
1950
+ role="tr"
1951
+ >
1952
+ <td
1953
+ data-testid="mirai-0-username"
1954
+ >
1955
+ <span
1956
+ class="view row"
1957
+ >
1958
+ jose
1959
+ </span>
1960
+ </td>
1961
+ <td
1962
+ data-testid="mirai-0-email"
1963
+ >
1964
+ <span
1965
+ class="view row"
1966
+ >
1967
+ jose@mirai.com
1968
+ </span>
1969
+ </td>
1970
+ <td
1971
+ data-testid="mirai-0-year"
1972
+ >
1973
+ <span
1974
+ class="view row"
1975
+ >
1976
+ 2012
1977
+ </span>
1978
+ </td>
1979
+ <td
1980
+ data-testid="mirai-0-twitter"
1981
+ >
1982
+ <span
1983
+ class="view row"
1984
+ />
1985
+ </td>
1986
+ <td
1987
+ data-testid="mirai-0-action"
1988
+ >
1989
+ <span
1990
+ class="view row"
1991
+ />
1992
+ </td>
1993
+ </tr>
1994
+ <tr
1995
+ class=""
1996
+ data-testid="mirai-1"
1997
+ role="tr"
1998
+ >
1999
+ <td
2000
+ data-testid="mirai-1-username"
2001
+ >
2002
+ <span
2003
+ class="view row"
2004
+ >
2005
+ mario/1
2006
+ </span>
2007
+ </td>
2008
+ <td
2009
+ data-testid="mirai-1-email"
2010
+ >
2011
+ <span
2012
+ class="view row"
2013
+ >
2014
+ mario.1@mirai.com
2015
+ </span>
2016
+ </td>
2017
+ <td
2018
+ data-testid="mirai-1-year"
2019
+ >
2020
+ <span
2021
+ class="view row"
2022
+ >
2023
+ 2005
2024
+ </span>
2025
+ </td>
2026
+ <td
2027
+ data-testid="mirai-1-twitter"
2028
+ >
2029
+ <span
2030
+ class="view row"
2031
+ />
2032
+ </td>
2033
+ <td
2034
+ data-testid="mirai-1-action"
2035
+ >
2036
+ <span
2037
+ class="view row"
2038
+ />
2039
+ </td>
2040
+ </tr>
2041
+ <tr
2042
+ class=""
2043
+ data-testid="mirai-2"
2044
+ role="tr"
2045
+ >
2046
+ <td
2047
+ data-testid="mirai-2-username"
2048
+ >
2049
+ <span
2050
+ class="view row"
2051
+ >
2052
+ carlos
2053
+ </span>
2054
+ </td>
2055
+ <td
2056
+ data-testid="mirai-2-email"
2057
+ >
2058
+ <span
2059
+ class="view row"
2060
+ >
2061
+ carlos@mirai.com
2062
+ </span>
2063
+ </td>
2064
+ <td
2065
+ data-testid="mirai-2-year"
2066
+ >
2067
+ <span
2068
+ class="view row"
2069
+ >
2070
+ 2012
2071
+ </span>
2072
+ </td>
2073
+ <td
2074
+ data-testid="mirai-2-twitter"
2075
+ >
2076
+ <span
2077
+ class="view row"
2078
+ />
2079
+ </td>
2080
+ <td
2081
+ data-testid="mirai-2-action"
2082
+ >
2083
+ <span
2084
+ class="view row"
2085
+ />
2086
+ </td>
2087
+ </tr>
2088
+ <tr
2089
+ class=""
2090
+ data-testid="mirai-3"
2091
+ role="tr"
2092
+ >
2093
+ <td
2094
+ data-testid="mirai-3-username"
2095
+ >
2096
+ <span
2097
+ class="view row"
2098
+ >
2099
+ svet
2100
+ </span>
2101
+ </td>
2102
+ <td
2103
+ data-testid="mirai-3-email"
2104
+ >
2105
+ <span
2106
+ class="view row"
2107
+ >
2108
+ svet@mirai.com
2109
+ </span>
2110
+ </td>
2111
+ <td
2112
+ data-testid="mirai-3-year"
2113
+ >
2114
+ <span
2115
+ class="view row"
2116
+ >
2117
+ 2021
2118
+ </span>
2119
+ </td>
2120
+ <td
2121
+ data-testid="mirai-3-twitter"
2122
+ >
2123
+ <span
2124
+ class="view row"
2125
+ />
2126
+ </td>
2127
+ <td
2128
+ data-testid="mirai-3-action"
2129
+ >
2130
+ <span
2131
+ class="view row"
2132
+ >
2133
+ <strong>
2134
+ action
2135
+ </strong>
2136
+ </span>
2137
+ </td>
2138
+ </tr>
2139
+ <tr
2140
+ class=""
2141
+ data-testid="mirai-4"
2142
+ role="tr"
2143
+ >
2144
+ <td
2145
+ data-testid="mirai-4-username"
2146
+ >
2147
+ <span
2148
+ class="view row"
2149
+ >
2150
+ javi
2151
+ </span>
2152
+ </td>
2153
+ <td
2154
+ data-testid="mirai-4-email"
2155
+ >
2156
+ <span
2157
+ class="view row"
2158
+ >
2159
+ hi@soyjavi.com
2160
+ </span>
2161
+ </td>
2162
+ <td
2163
+ data-testid="mirai-4-year"
2164
+ >
2165
+ <span
2166
+ class="view row"
2167
+ >
2168
+ 2022
2169
+ </span>
2170
+ </td>
2171
+ <td
2172
+ data-testid="mirai-4-twitter"
2173
+ >
2174
+ <span
2175
+ class="view row"
2176
+ >
2177
+ soyjavi
2178
+ </span>
2179
+ </td>
2180
+ <td
2181
+ data-testid="mirai-4-action"
2182
+ >
2183
+ <span
2184
+ class="view row"
2185
+ />
2186
+ </td>
2187
+ </tr>
2188
+ <tr
2189
+ class=""
2190
+ data-testid="mirai-5"
2191
+ role="tr"
2192
+ >
2193
+ <td
2194
+ data-testid="mirai-5-username"
2195
+ >
2196
+ <span
2197
+ class="view row"
2198
+ >
2199
+ victor
2200
+ </span>
2201
+ </td>
2202
+ <td
2203
+ data-testid="mirai-5-email"
2204
+ >
2205
+ <span
2206
+ class="view row"
2207
+ >
2208
+ victor@mirai.com
2209
+ </span>
2210
+ </td>
2211
+ <td
2212
+ data-testid="mirai-5-year"
2213
+ >
2214
+ <span
2215
+ class="view row"
2216
+ >
2217
+ 2021
2218
+ </span>
2219
+ </td>
2220
+ <td
2221
+ data-testid="mirai-5-twitter"
2222
+ >
2223
+ <span
2224
+ class="view row"
2225
+ />
2226
+ </td>
2227
+ <td
2228
+ data-testid="mirai-5-action"
2229
+ >
2230
+ <span
2231
+ class="view row"
2232
+ />
2233
+ </td>
2234
+ </tr>
2235
+ <tr
2236
+ class=""
2237
+ data-testid="mirai-6"
2238
+ role="tr"
2239
+ >
2240
+ <td
2241
+ data-testid="mirai-6-username"
2242
+ >
2243
+ <span
2244
+ class="view row"
2245
+ >
2246
+ mario/2
2247
+ </span>
2248
+ </td>
2249
+ <td
2250
+ data-testid="mirai-6-email"
2251
+ >
2252
+ <span
2253
+ class="view row"
2254
+ >
2255
+ mario.2@mirai.com
2256
+ </span>
2257
+ </td>
2258
+ <td
2259
+ data-testid="mirai-6-year"
2260
+ >
2261
+ <span
2262
+ class="view row"
2263
+ >
2264
+ 2022
2265
+ </span>
2266
+ </td>
2267
+ <td
2268
+ data-testid="mirai-6-twitter"
2269
+ >
2270
+ <span
2271
+ class="view row"
2272
+ />
2273
+ </td>
2274
+ <td
2275
+ data-testid="mirai-6-action"
2276
+ >
2277
+ <span
2278
+ class="view row"
2279
+ />
2280
+ </td>
2281
+ </tr>
2282
+ </tbody>
2283
+ </table>
2284
+ </DocumentFragment>
2285
+ `;