@mirai/ui 2.1.92 → 2.1.93

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 (11) hide show
  1. package/build/components/Table/Table.ColumnFilter.js +63 -4
  2. package/build/components/Table/Table.ColumnFilter.js.map +1 -1
  3. package/build/components/Table/Table.constants.js +3 -1
  4. package/build/components/Table/Table.constants.js.map +1 -1
  5. package/build/components/Table/Table.stories.js +12 -1
  6. package/build/components/Table/Table.stories.js.map +1 -1
  7. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +207 -33
  8. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +494 -0
  9. package/build/components/Table/helpers/select.js +85 -29
  10. package/build/components/Table/helpers/select.js.map +1 -1
  11. package/package.json +1 -1
package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap CHANGED
@@ -264,7 +264,7 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
264
264
  </DocumentFragment>
265
265
  `;
266
266
 
267
- exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
267
+ exports[`component:<Table>:<ColumnFilter> prop:schema type:date 1`] = `
268
268
  <DocumentFragment>
269
269
  <ui-menu
270
270
  class="container"
@@ -314,7 +314,7 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
314
314
  <ui-text
315
315
  class="text bold small"
316
316
  >
317
- field
317
+ date
318
318
  </ui-text>
319
319
  </ui-view>
320
320
  </ui-pressable>
@@ -325,45 +325,219 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
325
325
  <ui-view
326
326
  class="view row wide content"
327
327
  >
328
- <ui-input-text
329
- class="view inputContainer input"
328
+ <ui-view
329
+ class="view row items"
330
330
  >
331
- <ui-view
332
- class="view row inputBorder"
331
+ <ui-input-text
332
+ class="view inputContainer input"
333
333
  >
334
- <ui-icon
335
- class="icon headline-3 icon left"
334
+ <ui-view
335
+ class="view row inputBorder"
336
336
  >
337
- <svg
338
- fill="currentColor"
339
- height="1em"
340
- stroke="currentColor"
341
- stroke-width="0"
342
- viewBox="0 0 24 24"
343
- width="1em"
344
- xmlns="http://www.w3.org/2000/svg"
337
+ <ui-view
338
+ class="view wide content"
345
339
  >
346
- <path
347
- d="M0 0h24v24H0V0z"
348
- fill="none"
340
+ <ui-label
341
+ class="text paragraph text label"
342
+ htmlfor="min"
343
+ id="min-label"
344
+ >
345
+ From
346
+ </ui-label>
347
+ <input
348
+ aria-labelledby="min-label"
349
+ class="input input withLabel"
350
+ id="min"
351
+ maxlength="10"
352
+ name="min"
353
+ placeholder="DD/MM/YYYY"
354
+ type="text"
355
+ value=""
349
356
  />
350
- <path
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"
357
+ </ui-view>
358
+ </ui-view>
359
+ </ui-input-text>
360
+ <ui-input-text
361
+ class="view inputContainer input"
362
+ >
363
+ <ui-view
364
+ class="view row inputBorder"
365
+ >
366
+ <ui-view
367
+ class="view wide content"
368
+ >
369
+ <ui-label
370
+ class="text paragraph text label"
371
+ htmlfor="max"
372
+ id="max-label"
373
+ >
374
+ To
375
+ </ui-label>
376
+ <input
377
+ aria-labelledby="max-label"
378
+ class="input input withLabel"
379
+ id="max"
380
+ maxlength="10"
381
+ name="max"
382
+ placeholder="DD/MM/YYYY"
383
+ type="text"
384
+ value=""
352
385
  />
353
- </svg>
354
- </ui-icon>
386
+ </ui-view>
387
+ </ui-view>
388
+ </ui-input-text>
389
+ </ui-view>
390
+ </ui-view>
391
+ </ui-pressable>
392
+ <ui-pressable
393
+ class="pressable option"
394
+ tabindex="0"
395
+ >
396
+ <ui-view
397
+ class="view row wide content"
398
+ >
399
+ <ui-view
400
+ class="view row wide items"
401
+ >
402
+ <ui-button
403
+ class="pressable button secondary wide"
404
+ tabindex="0"
405
+ >
406
+ Cancel
407
+ </ui-button>
408
+ <ui-button
409
+ class="pressable disabled button disabled wide"
410
+ disabled=""
411
+ >
412
+ Submit
413
+ </ui-button>
414
+ </ui-view>
415
+ </ui-view>
416
+ </ui-pressable>
417
+ </div>
418
+ </ui-menu-content>
419
+ </DocumentFragment>
420
+ `;
421
+
422
+ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
423
+ <DocumentFragment>
424
+ <ui-menu
425
+ class="container"
426
+ >
427
+ <ui-pressable
428
+ class="pressable"
429
+ style="position: relative;"
430
+ tabindex="0"
431
+ >
432
+ <ui-icon
433
+ class="icon headline-3 icon"
434
+ >
435
+ <svg
436
+ fill="currentColor"
437
+ height="1em"
438
+ stroke="currentColor"
439
+ stroke-width="0"
440
+ viewBox="0 0 24 24"
441
+ width="1em"
442
+ xmlns="http://www.w3.org/2000/svg"
443
+ >
444
+ <path
445
+ d="M0 0h24v24H0V0z"
446
+ fill="none"
447
+ />
448
+ <path
449
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
450
+ />
451
+ </svg>
452
+ </ui-icon>
453
+ </ui-pressable>
454
+ </ui-menu>
455
+ <ui-menu-content
456
+ class="layer"
457
+ style="left: 0px; top: 0px;"
458
+ >
459
+ <div
460
+ class="menu visible menuFilter"
461
+ >
462
+ <ui-pressable
463
+ class="pressable option divider"
464
+ tabindex="0"
465
+ >
466
+ <ui-view
467
+ class="view row wide content"
468
+ >
469
+ <ui-text
470
+ class="text bold small"
471
+ >
472
+ number
473
+ </ui-text>
474
+ </ui-view>
475
+ </ui-pressable>
476
+ <ui-pressable
477
+ class="pressable option divider"
478
+ tabindex="0"
479
+ >
480
+ <ui-view
481
+ class="view row wide content"
482
+ >
483
+ <ui-view
484
+ class="view row items"
485
+ >
486
+ <ui-input-text
487
+ class="view inputContainer input"
488
+ >
355
489
  <ui-view
356
- class="view wide content"
490
+ class="view row inputBorder"
357
491
  >
358
- <input
359
- class="input input"
360
- name="search"
361
- type="search"
362
- value=""
363
- />
492
+ <ui-view
493
+ class="view wide content"
494
+ >
495
+ <ui-label
496
+ class="text paragraph text label"
497
+ htmlfor="min"
498
+ id="min-label"
499
+ >
500
+ Min
501
+ </ui-label>
502
+ <input
503
+ aria-labelledby="min-label"
504
+ class="input input withLabel"
505
+ id="min"
506
+ name="min"
507
+ type="number"
508
+ value=""
509
+ />
510
+ </ui-view>
364
511
  </ui-view>
365
- </ui-view>
366
- </ui-input-text>
512
+ </ui-input-text>
513
+ <ui-input-text
514
+ class="view inputContainer input"
515
+ >
516
+ <ui-view
517
+ class="view row inputBorder"
518
+ >
519
+ <ui-view
520
+ class="view wide content"
521
+ >
522
+ <ui-label
523
+ class="text paragraph text label"
524
+ htmlfor="max"
525
+ id="max-label"
526
+ >
527
+ Max
528
+ </ui-label>
529
+ <input
530
+ aria-labelledby="max-label"
531
+ class="input input withLabel"
532
+ id="max"
533
+ name="max"
534
+ type="number"
535
+ value=""
536
+ />
537
+ </ui-view>
538
+ </ui-view>
539
+ </ui-input-text>
540
+ </ui-view>
367
541
  </ui-view>
368
542
  </ui-pressable>
369
543
  <ui-pressable
@@ -446,7 +620,7 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
446
620
  <ui-text
447
621
  class="text bold small"
448
622
  >
449
- field
623
+ text
450
624
  </ui-text>
451
625
  </ui-view>
452
626
  </ui-pressable>