@mirai/ui 1.0.181 → 1.0.182

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