@mirai/ui 1.1.16 → 2.0.1

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 (105) hide show
  1. package/build/components/Action/Action.js +2 -5
  2. package/build/components/Action/Action.js.map +1 -1
  3. package/build/components/Action/Action.stories.js +1 -1
  4. package/build/components/Action/Action.stories.js.map +1 -1
  5. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +42 -30
  6. package/build/components/Button/Button.js +4 -6
  7. package/build/components/Button/Button.js.map +1 -1
  8. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +38 -27
  9. package/build/components/Calendar/Calendar.js +1 -1
  10. package/build/components/Calendar/Calendar.js.map +1 -1
  11. package/build/components/Calendar/Calendar.module.css +5 -5
  12. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15576 -15544
  13. package/build/components/Form/Form.js +2 -5
  14. package/build/components/Form/Form.js.map +1 -1
  15. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +14 -12
  16. package/build/components/InputDate/InputDate.js +1 -0
  17. package/build/components/InputDate/InputDate.js.map +1 -1
  18. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +67 -42
  19. package/build/components/InputNumber/InputNumber.js +17 -4
  20. package/build/components/InputNumber/InputNumber.js.map +1 -1
  21. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +198 -114
  22. package/build/components/InputOption/InputOption.js +6 -2
  23. package/build/components/InputOption/InputOption.js.map +1 -1
  24. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +114 -75
  25. package/build/components/InputPhone/InputPhone.js +8 -1
  26. package/build/components/InputPhone/InputPhone.js.map +1 -1
  27. package/build/components/InputPhone/InputPhone.module.css +1 -1
  28. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +448 -354
  29. package/build/components/InputSelect/InputSelect.js +10 -1
  30. package/build/components/InputSelect/InputSelect.js.map +1 -1
  31. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +118 -112
  32. package/build/components/InputText/InputText.js +6 -2
  33. package/build/components/InputText/InputText.js.map +1 -1
  34. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +160 -130
  35. package/build/components/InputText/partials/InputText.Label.js +1 -0
  36. package/build/components/InputText/partials/InputText.Label.js.map +1 -1
  37. package/build/components/Menu/Menu.js +1 -0
  38. package/build/components/Menu/Menu.js.map +1 -1
  39. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +76 -55
  40. package/build/components/Modal/Modal.js +20 -6
  41. package/build/components/Modal/Modal.js.map +1 -1
  42. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +106 -72
  43. package/build/components/Notification/Notification.js +1 -0
  44. package/build/components/Notification/Notification.js.map +1 -1
  45. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +328 -288
  46. package/build/components/Progress/Progress.js +1 -0
  47. package/build/components/Progress/Progress.js.map +1 -1
  48. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +31 -18
  49. package/build/components/Slider/Slider.js +3 -2
  50. package/build/components/Slider/Slider.js.map +1 -1
  51. package/build/components/Slider/Slider.module.css +1 -1
  52. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +475 -339
  53. package/build/components/Table/Table.js +2 -4
  54. package/build/components/Table/Table.js.map +1 -1
  55. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -192
  56. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +878 -432
  57. package/build/components/Tooltip/Tooltip.js +3 -4
  58. package/build/components/Tooltip/Tooltip.js.map +1 -1
  59. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +38 -28
  60. package/build/primitives/Checkbox/Checkbox.js +1 -0
  61. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  62. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +35 -20
  63. package/build/primitives/Icon/Icon.js +1 -1
  64. package/build/primitives/Icon/Icon.js.map +1 -1
  65. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +108 -82
  66. package/build/primitives/Layer/Layer.js +2 -1
  67. package/build/primitives/Layer/Layer.js.map +1 -1
  68. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +60 -42
  69. package/build/primitives/Pressable/Pressable.constants.js +1 -1
  70. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  71. package/build/primitives/Pressable/Pressable.js +7 -6
  72. package/build/primitives/Pressable/Pressable.js.map +1 -1
  73. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +16 -12
  74. package/build/primitives/Primitive/Primitive.constants.js +1 -1
  75. package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
  76. package/build/primitives/Primitive/Primitive.js +2 -2
  77. package/build/primitives/Primitive/Primitive.js.map +1 -1
  78. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +12 -12
  79. package/build/primitives/Primitive/helpers/getTag.js +35 -0
  80. package/build/primitives/Primitive/helpers/getTag.js.map +1 -0
  81. package/build/primitives/Primitive/helpers/index.js +11 -0
  82. package/build/primitives/Primitive/helpers/index.js.map +1 -1
  83. package/build/primitives/Radio/Radio.js +1 -1
  84. package/build/primitives/Radio/Radio.js.map +1 -1
  85. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +39 -21
  86. package/build/primitives/ScrollView/ScrollView.js +2 -5
  87. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  88. package/build/primitives/ScrollView/ScrollView.stories.js +6 -5
  89. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  90. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +24 -24
  91. package/build/primitives/Select/Select.js +7 -4
  92. package/build/primitives/Select/Select.js.map +1 -1
  93. package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +35 -0
  94. package/build/primitives/Switch/Switch.js +1 -1
  95. package/build/primitives/Switch/Switch.js.map +1 -1
  96. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +60 -40
  97. package/build/primitives/Text/Text.js +4 -3
  98. package/build/primitives/Text/Text.js.map +1 -1
  99. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +68 -68
  100. package/build/primitives/Text/helpers/parseMarkdown.js +3 -1
  101. package/build/primitives/Text/helpers/parseMarkdown.js.map +1 -1
  102. package/build/primitives/View/View.js +2 -5
  103. package/build/primitives/View/View.js.map +1 -1
  104. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +15 -15
  105. package/package.json +1 -1
package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap CHANGED
@@ -2,14 +2,15 @@
2
2
 
3
3
  exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <span
5
+ <ui_menu
6
6
  class="container"
7
7
  >
8
- <div
8
+ <ui_pressable
9
9
  class="pressable"
10
10
  style="position: relative;"
11
+ tabindex="0"
11
12
  >
12
- <span
13
+ <ui_icon
13
14
  class="icon headline-3 icon"
14
15
  >
15
16
  <svg
@@ -29,42 +30,44 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
29
30
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
30
31
  />
31
32
  </svg>
32
- </span>
33
- </div>
34
- </span>
35
- <div
33
+ </ui_icon>
34
+ </ui_pressable>
35
+ </ui_menu>
36
+ <ui_menu_content
36
37
  class="layer"
37
38
  style="left: 0px; top: 0px;"
38
39
  >
39
40
  <div
40
41
  class="menu visible menuFilter mirai"
41
42
  >
42
- <div
43
+ <ui_pressable
43
44
  class="pressable option divider"
45
+ tabindex="0"
44
46
  >
45
- <div
47
+ <ui_view
46
48
  class="view row wide content"
47
49
  >
48
- <span
50
+ <ui_text
49
51
  class="text bold small"
50
52
  >
51
53
  field
52
- </span>
53
- </div>
54
- </div>
55
- <div
54
+ </ui_text>
55
+ </ui_view>
56
+ </ui_pressable>
57
+ <ui_pressable
56
58
  class="pressable option divider"
59
+ tabindex="0"
57
60
  >
58
- <div
61
+ <ui_view
59
62
  class="view row wide content"
60
63
  >
61
- <div
64
+ <ui_input_text
62
65
  class="view inputContainer input"
63
66
  >
64
- <div
67
+ <ui_view
65
68
  class="view row inputBorder"
66
69
  >
67
- <span
70
+ <ui_icon
68
71
  class="icon headline-3 icon left"
69
72
  >
70
73
  <svg
@@ -84,8 +87,8 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
84
87
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
85
88
  />
86
89
  </svg>
87
- </span>
88
- <div
90
+ </ui_icon>
91
+ <ui_view
89
92
  class="view wide content"
90
93
  >
91
94
  <input
@@ -94,22 +97,24 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
94
97
  type="search"
95
98
  value=""
96
99
  />
97
- </div>
98
- </div>
99
- </div>
100
- </div>
101
- </div>
102
- <div
100
+ </ui_view>
101
+ </ui_view>
102
+ </ui_input_text>
103
+ </ui_view>
104
+ </ui_pressable>
105
+ <ui_pressable
103
106
  class="pressable option"
107
+ tabindex="0"
104
108
  >
105
- <div
109
+ <ui_view
106
110
  class="view row wide content"
107
111
  >
108
- <div
112
+ <ui_view
109
113
  class="view row wide items"
110
114
  >
111
115
  <button
112
116
  class="pressable button secondary wide"
117
+ tabindex="0"
113
118
  >
114
119
  $Cancel
115
120
  </button>
@@ -119,24 +124,25 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
119
124
  >
120
125
  $Submit
121
126
  </button>
122
- </div>
123
- </div>
124
- </div>
127
+ </ui_view>
128
+ </ui_view>
129
+ </ui_pressable>
125
130
  </div>
126
- </div>
131
+ </ui_menu_content>
127
132
  </DocumentFragment>
128
133
  `;
129
134
 
130
135
  exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
131
136
  <DocumentFragment>
132
- <span
137
+ <ui_menu
133
138
  class="container"
134
139
  >
135
- <div
140
+ <ui_pressable
136
141
  class="pressable"
137
142
  style="position: relative;"
143
+ tabindex="0"
138
144
  >
139
- <span
145
+ <ui_icon
140
146
  class="icon headline-3 icon"
141
147
  >
142
148
  <svg
@@ -156,42 +162,44 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
156
162
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
157
163
  />
158
164
  </svg>
159
- </span>
160
- </div>
161
- </span>
162
- <div
165
+ </ui_icon>
166
+ </ui_pressable>
167
+ </ui_menu>
168
+ <ui_menu_content
163
169
  class="layer"
164
170
  style="left: 0px; top: 0px;"
165
171
  >
166
172
  <div
167
173
  class="menu visible menuFilter"
168
174
  >
169
- <div
175
+ <ui_pressable
170
176
  class="pressable option divider"
177
+ tabindex="0"
171
178
  >
172
- <div
179
+ <ui_view
173
180
  class="view row wide content"
174
181
  >
175
- <span
182
+ <ui_text
176
183
  class="text bold small"
177
184
  >
178
185
  field
179
- </span>
180
- </div>
181
- </div>
182
- <div
186
+ </ui_text>
187
+ </ui_view>
188
+ </ui_pressable>
189
+ <ui_pressable
183
190
  class="pressable option divider"
191
+ tabindex="0"
184
192
  >
185
- <div
193
+ <ui_view
186
194
  class="view row wide content"
187
195
  >
188
- <div
196
+ <ui_input_text
189
197
  class="view inputContainer input"
190
198
  >
191
- <div
199
+ <ui_view
192
200
  class="view row inputBorder"
193
201
  >
194
- <span
202
+ <ui_icon
195
203
  class="icon headline-3 icon left"
196
204
  >
197
205
  <svg
@@ -211,8 +219,8 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
211
219
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
212
220
  />
213
221
  </svg>
214
- </span>
215
- <div
222
+ </ui_icon>
223
+ <ui_view
216
224
  class="view wide content"
217
225
  >
218
226
  <input
@@ -221,22 +229,24 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
221
229
  type="search"
222
230
  value=""
223
231
  />
224
- </div>
225
- </div>
226
- </div>
227
- </div>
228
- </div>
229
- <div
232
+ </ui_view>
233
+ </ui_view>
234
+ </ui_input_text>
235
+ </ui_view>
236
+ </ui_pressable>
237
+ <ui_pressable
230
238
  class="pressable option"
239
+ tabindex="0"
231
240
  >
232
- <div
241
+ <ui_view
233
242
  class="view row wide content"
234
243
  >
235
- <div
244
+ <ui_view
236
245
  class="view row wide items"
237
246
  >
238
247
  <button
239
248
  class="pressable button secondary wide"
249
+ tabindex="0"
240
250
  >
241
251
  Cancel
242
252
  </button>
@@ -246,24 +256,25 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
246
256
  >
247
257
  Submit
248
258
  </button>
249
- </div>
250
- </div>
251
- </div>
259
+ </ui_view>
260
+ </ui_view>
261
+ </ui_pressable>
252
262
  </div>
253
- </div>
263
+ </ui_menu_content>
254
264
  </DocumentFragment>
255
265
  `;
256
266
 
257
267
  exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
258
268
  <DocumentFragment>
259
- <span
269
+ <ui_menu
260
270
  class="container"
261
271
  >
262
- <div
272
+ <ui_pressable
263
273
  class="pressable"
264
274
  style="position: relative;"
275
+ tabindex="0"
265
276
  >
266
- <span
277
+ <ui_icon
267
278
  class="icon headline-3 icon"
268
279
  >
269
280
  <svg
@@ -283,42 +294,44 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
283
294
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
284
295
  />
285
296
  </svg>
286
- </span>
287
- </div>
288
- </span>
289
- <div
297
+ </ui_icon>
298
+ </ui_pressable>
299
+ </ui_menu>
300
+ <ui_menu_content
290
301
  class="layer"
291
302
  style="left: 0px; top: 0px;"
292
303
  >
293
304
  <div
294
305
  class="menu visible menuFilter"
295
306
  >
296
- <div
307
+ <ui_pressable
297
308
  class="pressable option divider"
309
+ tabindex="0"
298
310
  >
299
- <div
311
+ <ui_view
300
312
  class="view row wide content"
301
313
  >
302
- <span
314
+ <ui_text
303
315
  class="text bold small"
304
316
  >
305
317
  field
306
- </span>
307
- </div>
308
- </div>
309
- <div
318
+ </ui_text>
319
+ </ui_view>
320
+ </ui_pressable>
321
+ <ui_pressable
310
322
  class="pressable option divider"
323
+ tabindex="0"
311
324
  >
312
- <div
325
+ <ui_view
313
326
  class="view row wide content"
314
327
  >
315
- <div
328
+ <ui_input_text
316
329
  class="view inputContainer input"
317
330
  >
318
- <div
331
+ <ui_view
319
332
  class="view row inputBorder"
320
333
  >
321
- <span
334
+ <ui_icon
322
335
  class="icon headline-3 icon left"
323
336
  >
324
337
  <svg
@@ -338,8 +351,8 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
338
351
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
339
352
  />
340
353
  </svg>
341
- </span>
342
- <div
354
+ </ui_icon>
355
+ <ui_view
343
356
  class="view wide content"
344
357
  >
345
358
  <input
@@ -348,22 +361,24 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
348
361
  type="search"
349
362
  value=""
350
363
  />
351
- </div>
352
- </div>
353
- </div>
354
- </div>
355
- </div>
356
- <div
364
+ </ui_view>
365
+ </ui_view>
366
+ </ui_input_text>
367
+ </ui_view>
368
+ </ui_pressable>
369
+ <ui_pressable
357
370
  class="pressable option"
371
+ tabindex="0"
358
372
  >
359
- <div
373
+ <ui_view
360
374
  class="view row wide content"
361
375
  >
362
- <div
376
+ <ui_view
363
377
  class="view row wide items"
364
378
  >
365
379
  <button
366
380
  class="pressable button secondary wide"
381
+ tabindex="0"
367
382
  >
368
383
  Cancel
369
384
  </button>
@@ -373,24 +388,25 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
373
388
  >
374
389
  Submit
375
390
  </button>
376
- </div>
377
- </div>
378
- </div>
391
+ </ui_view>
392
+ </ui_view>
393
+ </ui_pressable>
379
394
  </div>
380
- </div>
395
+ </ui_menu_content>
381
396
  </DocumentFragment>
382
397
  `;
383
398
 
384
399
  exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
385
400
  <DocumentFragment>
386
- <span
401
+ <ui_menu
387
402
  class="container"
388
403
  >
389
- <div
404
+ <ui_pressable
390
405
  class="pressable"
391
406
  style="position: relative;"
407
+ tabindex="0"
392
408
  >
393
- <span
409
+ <ui_icon
394
410
  class="icon headline-3 icon"
395
411
  >
396
412
  <svg
@@ -410,42 +426,44 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
410
426
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
411
427
  />
412
428
  </svg>
413
- </span>
414
- </div>
415
- </span>
416
- <div
429
+ </ui_icon>
430
+ </ui_pressable>
431
+ </ui_menu>
432
+ <ui_menu_content
417
433
  class="layer"
418
434
  style="left: 0px; top: 0px;"
419
435
  >
420
436
  <div
421
437
  class="menu visible menuFilter"
422
438
  >
423
- <div
439
+ <ui_pressable
424
440
  class="pressable option divider"
441
+ tabindex="0"
425
442
  >
426
- <div
443
+ <ui_view
427
444
  class="view row wide content"
428
445
  >
429
- <span
446
+ <ui_text
430
447
  class="text bold small"
431
448
  >
432
449
  field
433
- </span>
434
- </div>
435
- </div>
436
- <div
450
+ </ui_text>
451
+ </ui_view>
452
+ </ui_pressable>
453
+ <ui_pressable
437
454
  class="pressable option divider"
455
+ tabindex="0"
438
456
  >
439
- <div
457
+ <ui_view
440
458
  class="view row wide content"
441
459
  >
442
- <div
460
+ <ui_input_text
443
461
  class="view inputContainer input"
444
462
  >
445
- <div
463
+ <ui_view
446
464
  class="view row inputBorder"
447
465
  >
448
- <span
466
+ <ui_icon
449
467
  class="icon headline-3 icon left"
450
468
  >
451
469
  <svg
@@ -465,8 +483,8 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
465
483
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
466
484
  />
467
485
  </svg>
468
- </span>
469
- <div
486
+ </ui_icon>
487
+ <ui_view
470
488
  class="view wide content"
471
489
  >
472
490
  <input
@@ -475,22 +493,24 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
475
493
  type="search"
476
494
  value=""
477
495
  />
478
- </div>
479
- </div>
480
- </div>
481
- </div>
482
- </div>
483
- <div
496
+ </ui_view>
497
+ </ui_view>
498
+ </ui_input_text>
499
+ </ui_view>
500
+ </ui_pressable>
501
+ <ui_pressable
484
502
  class="pressable option"
503
+ tabindex="0"
485
504
  >
486
- <div
505
+ <ui_view
487
506
  class="view row wide content"
488
507
  >
489
- <div
508
+ <ui_view
490
509
  class="view row wide items"
491
510
  >
492
511
  <button
493
512
  class="pressable button secondary wide"
513
+ tabindex="0"
494
514
  >
495
515
  Cancel
496
516
  </button>
@@ -500,24 +520,25 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
500
520
  >
501
521
  Submit
502
522
  </button>
503
- </div>
504
- </div>
505
- </div>
523
+ </ui_view>
524
+ </ui_view>
525
+ </ui_pressable>
506
526
  </div>
507
- </div>
527
+ </ui_menu_content>
508
528
  </DocumentFragment>
509
529
  `;
510
530
 
511
531
  exports[`component:<Table>:<ColumnFilter> renders 1`] = `
512
532
  <DocumentFragment>
513
- <span
533
+ <ui_menu
514
534
  class="container"
515
535
  >
516
- <div
536
+ <ui_pressable
517
537
  class="pressable"
518
538
  style="position: relative;"
539
+ tabindex="0"
519
540
  >
520
- <span
541
+ <ui_icon
521
542
  class="icon headline-3 icon"
522
543
  >
523
544
  <svg
@@ -537,42 +558,44 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
537
558
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
538
559
  />
539
560
  </svg>
540
- </span>
541
- </div>
542
- </span>
543
- <div
561
+ </ui_icon>
562
+ </ui_pressable>
563
+ </ui_menu>
564
+ <ui_menu_content
544
565
  class="layer"
545
566
  style="left: 0px; top: 0px;"
546
567
  >
547
568
  <div
548
569
  class="menu visible menuFilter"
549
570
  >
550
- <div
571
+ <ui_pressable
551
572
  class="pressable option divider"
573
+ tabindex="0"
552
574
  >
553
- <div
575
+ <ui_view
554
576
  class="view row wide content"
555
577
  >
556
- <span
578
+ <ui_text
557
579
  class="text bold small"
558
580
  >
559
581
  field
560
- </span>
561
- </div>
562
- </div>
563
- <div
582
+ </ui_text>
583
+ </ui_view>
584
+ </ui_pressable>
585
+ <ui_pressable
564
586
  class="pressable option divider"
587
+ tabindex="0"
565
588
  >
566
- <div
589
+ <ui_view
567
590
  class="view row wide content"
568
591
  >
569
- <div
592
+ <ui_input_text
570
593
  class="view inputContainer input"
571
594
  >
572
- <div
595
+ <ui_view
573
596
  class="view row inputBorder"
574
597
  >
575
- <span
598
+ <ui_icon
576
599
  class="icon headline-3 icon left"
577
600
  >
578
601
  <svg
@@ -592,8 +615,8 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
592
615
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
593
616
  />
594
617
  </svg>
595
- </span>
596
- <div
618
+ </ui_icon>
619
+ <ui_view
597
620
  class="view wide content"
598
621
  >
599
622
  <input
@@ -602,22 +625,24 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
602
625
  type="search"
603
626
  value=""
604
627
  />
605
- </div>
606
- </div>
607
- </div>
608
- </div>
609
- </div>
610
- <div
628
+ </ui_view>
629
+ </ui_view>
630
+ </ui_input_text>
631
+ </ui_view>
632
+ </ui_pressable>
633
+ <ui_pressable
611
634
  class="pressable option"
635
+ tabindex="0"
612
636
  >
613
- <div
637
+ <ui_view
614
638
  class="view row wide content"
615
639
  >
616
- <div
640
+ <ui_view
617
641
  class="view row wide items"
618
642
  >
619
643
  <button
620
644
  class="pressable button secondary wide"
645
+ tabindex="0"
621
646
  >
622
647
  $Cancel
623
648
  </button>
@@ -627,25 +652,26 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
627
652
  >
628
653
  $Submit
629
654
  </button>
630
- </div>
631
- </div>
632
- </div>
655
+ </ui_view>
656
+ </ui_view>
657
+ </ui_pressable>
633
658
  </div>
634
- </div>
659
+ </ui_menu_content>
635
660
  </DocumentFragment>
636
661
  `;
637
662
 
638
663
  exports[`component:<Table>:<ColumnFilter> testId 1`] = `
639
664
  <DocumentFragment>
640
- <span
665
+ <ui_menu
641
666
  class="container"
642
667
  data-testid="mirai"
643
668
  >
644
- <div
669
+ <ui_pressable
645
670
  class="pressable"
646
671
  style="position: relative;"
672
+ tabindex="0"
647
673
  >
648
- <span
674
+ <ui_icon
649
675
  class="icon headline-3 icon"
650
676
  >
651
677
  <svg
@@ -665,44 +691,46 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
665
691
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
666
692
  />
667
693
  </svg>
668
- </span>
669
- </div>
670
- </span>
671
- <div
694
+ </ui_icon>
695
+ </ui_pressable>
696
+ </ui_menu>
697
+ <ui_menu_content
672
698
  class="layer"
673
699
  style="left: 0px; top: 0px;"
674
700
  >
675
701
  <div
676
702
  class="menu visible menuFilter"
677
703
  >
678
- <div
704
+ <ui_pressable
679
705
  class="pressable option divider"
680
706
  data-testid="mirai-0"
707
+ tabindex="0"
681
708
  >
682
- <div
709
+ <ui_view
683
710
  class="view row wide content"
684
711
  >
685
- <span
712
+ <ui_text
686
713
  class="text bold small"
687
714
  >
688
715
  field
689
- </span>
690
- </div>
691
- </div>
692
- <div
716
+ </ui_text>
717
+ </ui_view>
718
+ </ui_pressable>
719
+ <ui_pressable
693
720
  class="pressable option divider"
694
721
  data-testid="mirai-1"
722
+ tabindex="0"
695
723
  >
696
- <div
724
+ <ui_view
697
725
  class="view row wide content"
698
726
  >
699
- <div
727
+ <ui_input_text
700
728
  class="view inputContainer input"
701
729
  >
702
- <div
730
+ <ui_view
703
731
  class="view row inputBorder"
704
732
  >
705
- <span
733
+ <ui_icon
706
734
  class="icon headline-3 icon left"
707
735
  >
708
736
  <svg
@@ -722,8 +750,8 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
722
750
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
723
751
  />
724
752
  </svg>
725
- </span>
726
- <div
753
+ </ui_icon>
754
+ <ui_view
727
755
  class="view wide content"
728
756
  >
729
757
  <input
@@ -732,23 +760,25 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
732
760
  type="search"
733
761
  value=""
734
762
  />
735
- </div>
736
- </div>
737
- </div>
738
- </div>
739
- </div>
740
- <div
763
+ </ui_view>
764
+ </ui_view>
765
+ </ui_input_text>
766
+ </ui_view>
767
+ </ui_pressable>
768
+ <ui_pressable
741
769
  class="pressable option"
742
770
  data-testid="mirai-2"
771
+ tabindex="0"
743
772
  >
744
- <div
773
+ <ui_view
745
774
  class="view row wide content"
746
775
  >
747
- <div
776
+ <ui_view
748
777
  class="view row wide items"
749
778
  >
750
779
  <button
751
780
  class="pressable button secondary wide"
781
+ tabindex="0"
752
782
  >
753
783
  $Cancel
754
784
  </button>
@@ -759,10 +789,10 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
759
789
  >
760
790
  $Submit
761
791
  </button>
762
- </div>
763
- </div>
764
- </div>
792
+ </ui_view>
793
+ </ui_view>
794
+ </ui_pressable>
765
795
  </div>
766
- </div>
796
+ </ui_menu_content>
767
797
  </DocumentFragment>
768
798
  `;