openproject-primer_view_components 0.37.1 → 0.39.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (67) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +22 -0
  3. data/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts +0 -9
  4. data/app/assets/javascripts/app/components/primer/alpha/select_panel_element.d.ts +64 -0
  5. data/app/assets/javascripts/app/components/primer/aria_live.d.ts +8 -0
  6. data/app/assets/javascripts/app/components/primer/primer.d.ts +4 -0
  7. data/app/assets/javascripts/app/components/primer/shared_events.d.ts +9 -0
  8. data/app/assets/javascripts/primer_view_components.js +1 -1
  9. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  10. data/app/assets/styles/primer_view_components.css +1 -1
  11. data/app/assets/styles/primer_view_components.css.map +1 -1
  12. data/app/components/primer/alpha/action_list.css +1 -1
  13. data/app/components/primer/alpha/action_list.css.map +1 -1
  14. data/app/components/primer/alpha/action_list.pcss +1 -0
  15. data/app/components/primer/alpha/action_menu/action_menu_element.d.ts +0 -9
  16. data/app/components/primer/alpha/action_menu/action_menu_element.ts +0 -11
  17. data/app/components/primer/alpha/action_menu.rb +13 -6
  18. data/app/components/primer/alpha/select_panel.html.erb +100 -0
  19. data/app/components/primer/alpha/select_panel.rb +486 -0
  20. data/app/components/primer/alpha/select_panel_element.d.ts +64 -0
  21. data/app/components/primer/alpha/select_panel_element.js +927 -0
  22. data/app/components/primer/alpha/select_panel_element.ts +1049 -0
  23. data/app/components/primer/aria_live.d.ts +8 -0
  24. data/app/components/primer/aria_live.js +38 -0
  25. data/app/components/primer/aria_live.ts +41 -0
  26. data/app/components/primer/base_component.rb +1 -1
  27. data/app/components/primer/primer.d.ts +4 -0
  28. data/app/components/primer/primer.js +4 -0
  29. data/app/components/primer/primer.ts +4 -0
  30. data/app/components/primer/shared_events.d.ts +9 -0
  31. data/app/components/primer/shared_events.js +1 -0
  32. data/app/components/primer/shared_events.ts +10 -0
  33. data/app/forms/example_toggle_switch_form/example_field_caption.html.erb +1 -1
  34. data/lib/primer/forms/toggle_switch.html.erb +1 -2
  35. data/lib/primer/static/generate_info_arch.rb +3 -2
  36. data/lib/primer/view_components/version.rb +2 -2
  37. data/lib/primer/yard/component_manifest.rb +2 -0
  38. data/previews/primer/alpha/select_panel_preview/_interaction_subject_js.html.erb +25 -0
  39. data/previews/primer/alpha/select_panel_preview/eventually_local_fetch.html.erb +16 -0
  40. data/previews/primer/alpha/select_panel_preview/eventually_local_fetch_initial_failure.html.erb +12 -0
  41. data/previews/primer/alpha/select_panel_preview/eventually_local_fetch_no_results.html.erb +16 -0
  42. data/previews/primer/alpha/select_panel_preview/footer_buttons.html.erb +23 -0
  43. data/previews/primer/alpha/select_panel_preview/local_fetch.html.erb +19 -0
  44. data/previews/primer/alpha/select_panel_preview/local_fetch_no_results.html.erb +15 -0
  45. data/previews/primer/alpha/select_panel_preview/multiselect.html.erb +17 -0
  46. data/previews/primer/alpha/select_panel_preview/multiselect_form.html.erb +31 -0
  47. data/previews/primer/alpha/select_panel_preview/playground.html.erb +23 -0
  48. data/previews/primer/alpha/select_panel_preview/remote_fetch.html.erb +16 -0
  49. data/previews/primer/alpha/select_panel_preview/remote_fetch_filter_failure.html.erb +13 -0
  50. data/previews/primer/alpha/select_panel_preview/remote_fetch_initial_failure.html.erb +12 -0
  51. data/previews/primer/alpha/select_panel_preview/remote_fetch_no_results.html.erb +16 -0
  52. data/previews/primer/alpha/select_panel_preview/single_select.html.erb +20 -0
  53. data/previews/primer/alpha/select_panel_preview/single_select_form.html.erb +33 -0
  54. data/previews/primer/alpha/select_panel_preview/with_avatar_items.html.erb +19 -0
  55. data/previews/primer/alpha/select_panel_preview/with_dynamic_label.html.erb +23 -0
  56. data/previews/primer/alpha/select_panel_preview/with_dynamic_label_and_aria_prefix.html.erb +24 -0
  57. data/previews/primer/alpha/select_panel_preview/with_leading_icons.html.erb +31 -0
  58. data/previews/primer/alpha/select_panel_preview/with_subtitle.html.erb +25 -0
  59. data/previews/primer/alpha/select_panel_preview/with_trailing_icons.html.erb +19 -0
  60. data/previews/primer/alpha/select_panel_preview.rb +239 -0
  61. data/static/arguments.json +140 -0
  62. data/static/audited_at.json +2 -0
  63. data/static/constants.json +18 -0
  64. data/static/info_arch.json +949 -96
  65. data/static/previews.json +294 -0
  66. data/static/statuses.json +2 -0
  67. metadata +41 -4
data/static/previews.json CHANGED
@@ -6307,6 +6307,300 @@
6307
6307
  }
6308
6308
  ]
6309
6309
  },
6310
+ {
6311
+ "name": "select_panel",
6312
+ "component": "SelectPanel",
6313
+ "status": "alpha",
6314
+ "lookup_path": "primer/alpha/select_panel",
6315
+ "examples": [
6316
+ {
6317
+ "preview_path": "primer/alpha/select_panel/playground",
6318
+ "name": "playground",
6319
+ "snapshot": "false",
6320
+ "skip_rules": {
6321
+ "wont_fix": [
6322
+ "region"
6323
+ ],
6324
+ "will_fix": [
6325
+ "color-contrast"
6326
+ ]
6327
+ }
6328
+ },
6329
+ {
6330
+ "preview_path": "primer/alpha/select_panel/default",
6331
+ "name": "default",
6332
+ "snapshot": "interactive",
6333
+ "skip_rules": {
6334
+ "wont_fix": [
6335
+ "region"
6336
+ ],
6337
+ "will_fix": [
6338
+ "color-contrast"
6339
+ ]
6340
+ }
6341
+ },
6342
+ {
6343
+ "preview_path": "primer/alpha/select_panel/local_fetch",
6344
+ "name": "local_fetch",
6345
+ "snapshot": "interactive",
6346
+ "skip_rules": {
6347
+ "wont_fix": [
6348
+ "region"
6349
+ ],
6350
+ "will_fix": [
6351
+ "color-contrast"
6352
+ ]
6353
+ }
6354
+ },
6355
+ {
6356
+ "preview_path": "primer/alpha/select_panel/eventually_local_fetch",
6357
+ "name": "eventually_local_fetch",
6358
+ "snapshot": "interactive",
6359
+ "skip_rules": {
6360
+ "wont_fix": [
6361
+ "region"
6362
+ ],
6363
+ "will_fix": [
6364
+ "color-contrast"
6365
+ ]
6366
+ }
6367
+ },
6368
+ {
6369
+ "preview_path": "primer/alpha/select_panel/remote_fetch",
6370
+ "name": "remote_fetch",
6371
+ "snapshot": "interactive",
6372
+ "skip_rules": {
6373
+ "wont_fix": [
6374
+ "region"
6375
+ ],
6376
+ "will_fix": [
6377
+ "color-contrast"
6378
+ ]
6379
+ }
6380
+ },
6381
+ {
6382
+ "preview_path": "primer/alpha/select_panel/local_fetch_no_results",
6383
+ "name": "local_fetch_no_results",
6384
+ "snapshot": "interactive",
6385
+ "skip_rules": {
6386
+ "wont_fix": [
6387
+ "region"
6388
+ ],
6389
+ "will_fix": [
6390
+ "color-contrast"
6391
+ ]
6392
+ }
6393
+ },
6394
+ {
6395
+ "preview_path": "primer/alpha/select_panel/eventually_local_fetch_no_results",
6396
+ "name": "eventually_local_fetch_no_results",
6397
+ "snapshot": "interactive",
6398
+ "skip_rules": {
6399
+ "wont_fix": [
6400
+ "region"
6401
+ ],
6402
+ "will_fix": [
6403
+ "color-contrast"
6404
+ ]
6405
+ }
6406
+ },
6407
+ {
6408
+ "preview_path": "primer/alpha/select_panel/remote_fetch_no_results",
6409
+ "name": "remote_fetch_no_results",
6410
+ "snapshot": "interactive",
6411
+ "skip_rules": {
6412
+ "wont_fix": [
6413
+ "region"
6414
+ ],
6415
+ "will_fix": [
6416
+ "color-contrast"
6417
+ ]
6418
+ }
6419
+ },
6420
+ {
6421
+ "preview_path": "primer/alpha/select_panel/single_select",
6422
+ "name": "single_select",
6423
+ "snapshot": "interactive",
6424
+ "skip_rules": {
6425
+ "wont_fix": [
6426
+ "region"
6427
+ ],
6428
+ "will_fix": [
6429
+ "color-contrast"
6430
+ ]
6431
+ }
6432
+ },
6433
+ {
6434
+ "preview_path": "primer/alpha/select_panel/multiselect",
6435
+ "name": "multiselect",
6436
+ "snapshot": "interactive",
6437
+ "skip_rules": {
6438
+ "wont_fix": [
6439
+ "region"
6440
+ ],
6441
+ "will_fix": [
6442
+ "color-contrast"
6443
+ ]
6444
+ }
6445
+ },
6446
+ {
6447
+ "preview_path": "primer/alpha/select_panel/with_dynamic_label",
6448
+ "name": "with_dynamic_label",
6449
+ "snapshot": "interactive",
6450
+ "skip_rules": {
6451
+ "wont_fix": [
6452
+ "region"
6453
+ ],
6454
+ "will_fix": [
6455
+ "color-contrast"
6456
+ ]
6457
+ }
6458
+ },
6459
+ {
6460
+ "preview_path": "primer/alpha/select_panel/with_dynamic_label_and_aria_prefix",
6461
+ "name": "with_dynamic_label_and_aria_prefix",
6462
+ "snapshot": "interactive",
6463
+ "skip_rules": {
6464
+ "wont_fix": [
6465
+ "region"
6466
+ ],
6467
+ "will_fix": [
6468
+ "color-contrast"
6469
+ ]
6470
+ }
6471
+ },
6472
+ {
6473
+ "preview_path": "primer/alpha/select_panel/footer_buttons",
6474
+ "name": "footer_buttons",
6475
+ "snapshot": "interactive",
6476
+ "skip_rules": {
6477
+ "wont_fix": [
6478
+ "region"
6479
+ ],
6480
+ "will_fix": [
6481
+ "color-contrast"
6482
+ ]
6483
+ }
6484
+ },
6485
+ {
6486
+ "preview_path": "primer/alpha/select_panel/with_avatar_items",
6487
+ "name": "with_avatar_items",
6488
+ "snapshot": "interactive",
6489
+ "skip_rules": {
6490
+ "wont_fix": [
6491
+ "region"
6492
+ ],
6493
+ "will_fix": [
6494
+ "color-contrast"
6495
+ ]
6496
+ }
6497
+ },
6498
+ {
6499
+ "preview_path": "primer/alpha/select_panel/with_leading_icons",
6500
+ "name": "with_leading_icons",
6501
+ "snapshot": "interactive",
6502
+ "skip_rules": {
6503
+ "wont_fix": [
6504
+ "region"
6505
+ ],
6506
+ "will_fix": [
6507
+ "color-contrast"
6508
+ ]
6509
+ }
6510
+ },
6511
+ {
6512
+ "preview_path": "primer/alpha/select_panel/with_trailing_icons",
6513
+ "name": "with_trailing_icons",
6514
+ "snapshot": "interactive",
6515
+ "skip_rules": {
6516
+ "wont_fix": [
6517
+ "region"
6518
+ ],
6519
+ "will_fix": [
6520
+ "color-contrast"
6521
+ ]
6522
+ }
6523
+ },
6524
+ {
6525
+ "preview_path": "primer/alpha/select_panel/with_subtitle",
6526
+ "name": "with_subtitle",
6527
+ "snapshot": "interactive",
6528
+ "skip_rules": {
6529
+ "wont_fix": [
6530
+ "region"
6531
+ ],
6532
+ "will_fix": [
6533
+ "color-contrast"
6534
+ ]
6535
+ }
6536
+ },
6537
+ {
6538
+ "preview_path": "primer/alpha/select_panel/remote_fetch_initial_failure",
6539
+ "name": "remote_fetch_initial_failure",
6540
+ "snapshot": "interactive",
6541
+ "skip_rules": {
6542
+ "wont_fix": [
6543
+ "region"
6544
+ ],
6545
+ "will_fix": [
6546
+ "color-contrast"
6547
+ ]
6548
+ }
6549
+ },
6550
+ {
6551
+ "preview_path": "primer/alpha/select_panel/remote_fetch_filter_failure",
6552
+ "name": "remote_fetch_filter_failure",
6553
+ "snapshot": "interactive",
6554
+ "skip_rules": {
6555
+ "wont_fix": [
6556
+ "region"
6557
+ ],
6558
+ "will_fix": [
6559
+ "color-contrast"
6560
+ ]
6561
+ }
6562
+ },
6563
+ {
6564
+ "preview_path": "primer/alpha/select_panel/eventually_local_fetch_initial_failure",
6565
+ "name": "eventually_local_fetch_initial_failure",
6566
+ "snapshot": "interactive",
6567
+ "skip_rules": {
6568
+ "wont_fix": [
6569
+ "region"
6570
+ ],
6571
+ "will_fix": [
6572
+ "color-contrast"
6573
+ ]
6574
+ }
6575
+ },
6576
+ {
6577
+ "preview_path": "primer/alpha/select_panel/single_select_form",
6578
+ "name": "single_select_form",
6579
+ "snapshot": "interactive",
6580
+ "skip_rules": {
6581
+ "wont_fix": [
6582
+ "region"
6583
+ ],
6584
+ "will_fix": [
6585
+ "color-contrast"
6586
+ ]
6587
+ }
6588
+ },
6589
+ {
6590
+ "preview_path": "primer/alpha/select_panel/multiselect_form",
6591
+ "name": "multiselect_form",
6592
+ "snapshot": "interactive",
6593
+ "skip_rules": {
6594
+ "wont_fix": [
6595
+ "region"
6596
+ ],
6597
+ "will_fix": [
6598
+ "color-contrast"
6599
+ ]
6600
+ }
6601
+ }
6602
+ ]
6603
+ },
6310
6604
  {
6311
6605
  "name": "side_panel",
6312
6606
  "component": "OpenProject::SidePanel",
data/static/statuses.json CHANGED
@@ -52,6 +52,8 @@
52
52
  "Primer::Alpha::SegmentedControl": "alpha",
53
53
  "Primer::Alpha::SegmentedControl::Item": "alpha",
54
54
  "Primer::Alpha::Select": "alpha",
55
+ "Primer::Alpha::SelectPanel": "alpha",
56
+ "Primer::Alpha::SelectPanel::ItemList": "alpha",
55
57
  "Primer::Alpha::SubmitButton": "alpha",
56
58
  "Primer::Alpha::TabContainer": "alpha",
57
59
  "Primer::Alpha::TabNav": "alpha",
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: openproject-primer_view_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.37.1
4
+ version: 0.39.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2024-07-12 00:00:00.000000000 Z
12
+ date: 2024-07-24 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionview
@@ -45,14 +45,14 @@ dependencies:
45
45
  requirements:
46
46
  - - ">="
47
47
  - !ruby/object:Gem::Version
48
- version: 19.15.0
48
+ version: 19.17.0
49
49
  type: :runtime
50
50
  prerelease: false
51
51
  version_requirements: !ruby/object:Gem::Requirement
52
52
  requirements:
53
53
  - - ">="
54
54
  - !ruby/object:Gem::Version
55
- version: 19.15.0
55
+ version: 19.17.0
56
56
  - !ruby/object:Gem::Dependency
57
57
  name: view_component
58
58
  requirement: !ruby/object:Gem::Requirement
@@ -90,11 +90,13 @@ files:
90
90
  - app/assets/javascripts/app/components/primer/alpha/image_crop.d.ts
91
91
  - app/assets/javascripts/app/components/primer/alpha/modal_dialog.d.ts
92
92
  - app/assets/javascripts/app/components/primer/alpha/segmented_control.d.ts
93
+ - app/assets/javascripts/app/components/primer/alpha/select_panel_element.d.ts
93
94
  - app/assets/javascripts/app/components/primer/alpha/tab_container.d.ts
94
95
  - app/assets/javascripts/app/components/primer/alpha/toggle_switch.d.ts
95
96
  - app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts
96
97
  - app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts
97
98
  - app/assets/javascripts/app/components/primer/anchored_position.d.ts
99
+ - app/assets/javascripts/app/components/primer/aria_live.d.ts
98
100
  - app/assets/javascripts/app/components/primer/beta/auto_complete/auto_complete.d.ts
99
101
  - app/assets/javascripts/app/components/primer/beta/clipboard_copy.d.ts
100
102
  - app/assets/javascripts/app/components/primer/beta/nav_list.d.ts
@@ -107,6 +109,7 @@ files:
107
109
  - app/assets/javascripts/app/components/primer/open_project/zen_mode_button.d.ts
108
110
  - app/assets/javascripts/app/components/primer/primer.d.ts
109
111
  - app/assets/javascripts/app/components/primer/scrollable_region.d.ts
112
+ - app/assets/javascripts/app/components/primer/shared_events.d.ts
110
113
  - app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts
111
114
  - app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts
112
115
  - app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts
@@ -255,6 +258,11 @@ files:
255
258
  - app/components/primer/alpha/segmented_control/item.html.erb
256
259
  - app/components/primer/alpha/segmented_control/item.rb
257
260
  - app/components/primer/alpha/select.rb
261
+ - app/components/primer/alpha/select_panel.html.erb
262
+ - app/components/primer/alpha/select_panel.rb
263
+ - app/components/primer/alpha/select_panel_element.d.ts
264
+ - app/components/primer/alpha/select_panel_element.js
265
+ - app/components/primer/alpha/select_panel_element.ts
258
266
  - app/components/primer/alpha/submit_button.rb
259
267
  - app/components/primer/alpha/tab_container.d.ts
260
268
  - app/components/primer/alpha/tab_container.js
@@ -301,6 +309,9 @@ files:
301
309
  - app/components/primer/anchored_position.d.ts
302
310
  - app/components/primer/anchored_position.js
303
311
  - app/components/primer/anchored_position.ts
312
+ - app/components/primer/aria_live.d.ts
313
+ - app/components/primer/aria_live.js
314
+ - app/components/primer/aria_live.ts
304
315
  - app/components/primer/base_component.rb
305
316
  - app/components/primer/beta/auto_complete.rb
306
317
  - app/components/primer/beta/auto_complete/auto_complete.d.ts
@@ -529,6 +540,9 @@ files:
529
540
  - app/components/primer/scrollable_region.d.ts
530
541
  - app/components/primer/scrollable_region.js
531
542
  - app/components/primer/scrollable_region.ts
543
+ - app/components/primer/shared_events.d.ts
544
+ - app/components/primer/shared_events.js
545
+ - app/components/primer/shared_events.ts
532
546
  - app/components/primer/tooltip.rb
533
547
  - app/components/primer/truncate.css
534
548
  - app/components/primer/truncate.css.json
@@ -834,6 +848,29 @@ files:
834
848
  - previews/primer/alpha/segmented_control_preview.rb
835
849
  - previews/primer/alpha/segmented_control_preview/with_label_and_caption.html.erb
836
850
  - previews/primer/alpha/segmented_control_preview/with_subhead_actions.html.erb
851
+ - previews/primer/alpha/select_panel_preview.rb
852
+ - previews/primer/alpha/select_panel_preview/_interaction_subject_js.html.erb
853
+ - previews/primer/alpha/select_panel_preview/eventually_local_fetch.html.erb
854
+ - previews/primer/alpha/select_panel_preview/eventually_local_fetch_initial_failure.html.erb
855
+ - previews/primer/alpha/select_panel_preview/eventually_local_fetch_no_results.html.erb
856
+ - previews/primer/alpha/select_panel_preview/footer_buttons.html.erb
857
+ - previews/primer/alpha/select_panel_preview/local_fetch.html.erb
858
+ - previews/primer/alpha/select_panel_preview/local_fetch_no_results.html.erb
859
+ - previews/primer/alpha/select_panel_preview/multiselect.html.erb
860
+ - previews/primer/alpha/select_panel_preview/multiselect_form.html.erb
861
+ - previews/primer/alpha/select_panel_preview/playground.html.erb
862
+ - previews/primer/alpha/select_panel_preview/remote_fetch.html.erb
863
+ - previews/primer/alpha/select_panel_preview/remote_fetch_filter_failure.html.erb
864
+ - previews/primer/alpha/select_panel_preview/remote_fetch_initial_failure.html.erb
865
+ - previews/primer/alpha/select_panel_preview/remote_fetch_no_results.html.erb
866
+ - previews/primer/alpha/select_panel_preview/single_select.html.erb
867
+ - previews/primer/alpha/select_panel_preview/single_select_form.html.erb
868
+ - previews/primer/alpha/select_panel_preview/with_avatar_items.html.erb
869
+ - previews/primer/alpha/select_panel_preview/with_dynamic_label.html.erb
870
+ - previews/primer/alpha/select_panel_preview/with_dynamic_label_and_aria_prefix.html.erb
871
+ - previews/primer/alpha/select_panel_preview/with_leading_icons.html.erb
872
+ - previews/primer/alpha/select_panel_preview/with_subtitle.html.erb
873
+ - previews/primer/alpha/select_panel_preview/with_trailing_icons.html.erb
837
874
  - previews/primer/alpha/select_preview.rb
838
875
  - previews/primer/alpha/tab_nav_preview.rb
839
876
  - previews/primer/alpha/tab_nav_preview/with_extra.html.erb