primer_view_components 0.27.0 → 0.28.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +16 -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 +473 -0
  20. data/app/components/primer/alpha/select_panel_element.d.ts +64 -0
  21. data/app/components/primer/alpha/select_panel_element.js +924 -0
  22. data/app/components/primer/alpha/select_panel_element.ts +1045 -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 +1 -1
  37. data/lib/primer/yard/component_manifest.rb +2 -0
  38. data/previews/primer/alpha/action_menu_preview.rb +1 -1
  39. data/previews/primer/alpha/select_panel_preview/_interaction_subject_js.html.erb +25 -0
  40. data/previews/primer/alpha/select_panel_preview/eventually_local_fetch.html.erb +16 -0
  41. data/previews/primer/alpha/select_panel_preview/eventually_local_fetch_initial_failure.html.erb +12 -0
  42. data/previews/primer/alpha/select_panel_preview/eventually_local_fetch_no_results.html.erb +16 -0
  43. data/previews/primer/alpha/select_panel_preview/footer_buttons.html.erb +23 -0
  44. data/previews/primer/alpha/select_panel_preview/local_fetch.html.erb +19 -0
  45. data/previews/primer/alpha/select_panel_preview/local_fetch_no_results.html.erb +15 -0
  46. data/previews/primer/alpha/select_panel_preview/multiselect.html.erb +17 -0
  47. data/previews/primer/alpha/select_panel_preview/multiselect_form.html.erb +31 -0
  48. data/previews/primer/alpha/select_panel_preview/playground.html.erb +19 -0
  49. data/previews/primer/alpha/select_panel_preview/remote_fetch.html.erb +16 -0
  50. data/previews/primer/alpha/select_panel_preview/remote_fetch_filter_failure.html.erb +13 -0
  51. data/previews/primer/alpha/select_panel_preview/remote_fetch_initial_failure.html.erb +12 -0
  52. data/previews/primer/alpha/select_panel_preview/remote_fetch_no_results.html.erb +16 -0
  53. data/previews/primer/alpha/select_panel_preview/single_select.html.erb +20 -0
  54. data/previews/primer/alpha/select_panel_preview/single_select_form.html.erb +33 -0
  55. data/previews/primer/alpha/select_panel_preview/with_avatar_items.html.erb +19 -0
  56. data/previews/primer/alpha/select_panel_preview/with_dynamic_label.html.erb +23 -0
  57. data/previews/primer/alpha/select_panel_preview/with_dynamic_label_and_aria_prefix.html.erb +24 -0
  58. data/previews/primer/alpha/select_panel_preview/with_leading_icons.html.erb +31 -0
  59. data/previews/primer/alpha/select_panel_preview/with_subtitle.html.erb +25 -0
  60. data/previews/primer/alpha/select_panel_preview/with_trailing_icons.html.erb +19 -0
  61. data/previews/primer/alpha/select_panel_preview.rb +239 -0
  62. data/static/arguments.json +118 -0
  63. data/static/audited_at.json +1 -0
  64. data/static/constants.json +16 -0
  65. data/static/info_arch.json +898 -117
  66. data/static/previews.json +294 -0
  67. data/static/statuses.json +1 -0
  68. metadata +39 -2
data/static/previews.json CHANGED
@@ -5869,6 +5869,300 @@
5869
5869
  }
5870
5870
  ]
5871
5871
  },
5872
+ {
5873
+ "name": "select_panel",
5874
+ "component": "SelectPanel",
5875
+ "status": "alpha",
5876
+ "lookup_path": "primer/alpha/select_panel",
5877
+ "examples": [
5878
+ {
5879
+ "preview_path": "primer/alpha/select_panel/playground",
5880
+ "name": "playground",
5881
+ "snapshot": "false",
5882
+ "skip_rules": {
5883
+ "wont_fix": [
5884
+ "region"
5885
+ ],
5886
+ "will_fix": [
5887
+ "color-contrast"
5888
+ ]
5889
+ }
5890
+ },
5891
+ {
5892
+ "preview_path": "primer/alpha/select_panel/default",
5893
+ "name": "default",
5894
+ "snapshot": "interactive",
5895
+ "skip_rules": {
5896
+ "wont_fix": [
5897
+ "region"
5898
+ ],
5899
+ "will_fix": [
5900
+ "color-contrast"
5901
+ ]
5902
+ }
5903
+ },
5904
+ {
5905
+ "preview_path": "primer/alpha/select_panel/local_fetch",
5906
+ "name": "local_fetch",
5907
+ "snapshot": "interactive",
5908
+ "skip_rules": {
5909
+ "wont_fix": [
5910
+ "region"
5911
+ ],
5912
+ "will_fix": [
5913
+ "color-contrast"
5914
+ ]
5915
+ }
5916
+ },
5917
+ {
5918
+ "preview_path": "primer/alpha/select_panel/eventually_local_fetch",
5919
+ "name": "eventually_local_fetch",
5920
+ "snapshot": "interactive",
5921
+ "skip_rules": {
5922
+ "wont_fix": [
5923
+ "region"
5924
+ ],
5925
+ "will_fix": [
5926
+ "color-contrast"
5927
+ ]
5928
+ }
5929
+ },
5930
+ {
5931
+ "preview_path": "primer/alpha/select_panel/remote_fetch",
5932
+ "name": "remote_fetch",
5933
+ "snapshot": "interactive",
5934
+ "skip_rules": {
5935
+ "wont_fix": [
5936
+ "region"
5937
+ ],
5938
+ "will_fix": [
5939
+ "color-contrast"
5940
+ ]
5941
+ }
5942
+ },
5943
+ {
5944
+ "preview_path": "primer/alpha/select_panel/local_fetch_no_results",
5945
+ "name": "local_fetch_no_results",
5946
+ "snapshot": "interactive",
5947
+ "skip_rules": {
5948
+ "wont_fix": [
5949
+ "region"
5950
+ ],
5951
+ "will_fix": [
5952
+ "color-contrast"
5953
+ ]
5954
+ }
5955
+ },
5956
+ {
5957
+ "preview_path": "primer/alpha/select_panel/eventually_local_fetch_no_results",
5958
+ "name": "eventually_local_fetch_no_results",
5959
+ "snapshot": "interactive",
5960
+ "skip_rules": {
5961
+ "wont_fix": [
5962
+ "region"
5963
+ ],
5964
+ "will_fix": [
5965
+ "color-contrast"
5966
+ ]
5967
+ }
5968
+ },
5969
+ {
5970
+ "preview_path": "primer/alpha/select_panel/remote_fetch_no_results",
5971
+ "name": "remote_fetch_no_results",
5972
+ "snapshot": "interactive",
5973
+ "skip_rules": {
5974
+ "wont_fix": [
5975
+ "region"
5976
+ ],
5977
+ "will_fix": [
5978
+ "color-contrast"
5979
+ ]
5980
+ }
5981
+ },
5982
+ {
5983
+ "preview_path": "primer/alpha/select_panel/single_select",
5984
+ "name": "single_select",
5985
+ "snapshot": "interactive",
5986
+ "skip_rules": {
5987
+ "wont_fix": [
5988
+ "region"
5989
+ ],
5990
+ "will_fix": [
5991
+ "color-contrast"
5992
+ ]
5993
+ }
5994
+ },
5995
+ {
5996
+ "preview_path": "primer/alpha/select_panel/multiselect",
5997
+ "name": "multiselect",
5998
+ "snapshot": "interactive",
5999
+ "skip_rules": {
6000
+ "wont_fix": [
6001
+ "region"
6002
+ ],
6003
+ "will_fix": [
6004
+ "color-contrast"
6005
+ ]
6006
+ }
6007
+ },
6008
+ {
6009
+ "preview_path": "primer/alpha/select_panel/with_dynamic_label",
6010
+ "name": "with_dynamic_label",
6011
+ "snapshot": "interactive",
6012
+ "skip_rules": {
6013
+ "wont_fix": [
6014
+ "region"
6015
+ ],
6016
+ "will_fix": [
6017
+ "color-contrast"
6018
+ ]
6019
+ }
6020
+ },
6021
+ {
6022
+ "preview_path": "primer/alpha/select_panel/with_dynamic_label_and_aria_prefix",
6023
+ "name": "with_dynamic_label_and_aria_prefix",
6024
+ "snapshot": "interactive",
6025
+ "skip_rules": {
6026
+ "wont_fix": [
6027
+ "region"
6028
+ ],
6029
+ "will_fix": [
6030
+ "color-contrast"
6031
+ ]
6032
+ }
6033
+ },
6034
+ {
6035
+ "preview_path": "primer/alpha/select_panel/footer_buttons",
6036
+ "name": "footer_buttons",
6037
+ "snapshot": "interactive",
6038
+ "skip_rules": {
6039
+ "wont_fix": [
6040
+ "region"
6041
+ ],
6042
+ "will_fix": [
6043
+ "color-contrast"
6044
+ ]
6045
+ }
6046
+ },
6047
+ {
6048
+ "preview_path": "primer/alpha/select_panel/with_avatar_items",
6049
+ "name": "with_avatar_items",
6050
+ "snapshot": "interactive",
6051
+ "skip_rules": {
6052
+ "wont_fix": [
6053
+ "region"
6054
+ ],
6055
+ "will_fix": [
6056
+ "color-contrast"
6057
+ ]
6058
+ }
6059
+ },
6060
+ {
6061
+ "preview_path": "primer/alpha/select_panel/with_leading_icons",
6062
+ "name": "with_leading_icons",
6063
+ "snapshot": "interactive",
6064
+ "skip_rules": {
6065
+ "wont_fix": [
6066
+ "region"
6067
+ ],
6068
+ "will_fix": [
6069
+ "color-contrast"
6070
+ ]
6071
+ }
6072
+ },
6073
+ {
6074
+ "preview_path": "primer/alpha/select_panel/with_trailing_icons",
6075
+ "name": "with_trailing_icons",
6076
+ "snapshot": "interactive",
6077
+ "skip_rules": {
6078
+ "wont_fix": [
6079
+ "region"
6080
+ ],
6081
+ "will_fix": [
6082
+ "color-contrast"
6083
+ ]
6084
+ }
6085
+ },
6086
+ {
6087
+ "preview_path": "primer/alpha/select_panel/with_subtitle",
6088
+ "name": "with_subtitle",
6089
+ "snapshot": "interactive",
6090
+ "skip_rules": {
6091
+ "wont_fix": [
6092
+ "region"
6093
+ ],
6094
+ "will_fix": [
6095
+ "color-contrast"
6096
+ ]
6097
+ }
6098
+ },
6099
+ {
6100
+ "preview_path": "primer/alpha/select_panel/remote_fetch_initial_failure",
6101
+ "name": "remote_fetch_initial_failure",
6102
+ "snapshot": "interactive",
6103
+ "skip_rules": {
6104
+ "wont_fix": [
6105
+ "region"
6106
+ ],
6107
+ "will_fix": [
6108
+ "color-contrast"
6109
+ ]
6110
+ }
6111
+ },
6112
+ {
6113
+ "preview_path": "primer/alpha/select_panel/remote_fetch_filter_failure",
6114
+ "name": "remote_fetch_filter_failure",
6115
+ "snapshot": "interactive",
6116
+ "skip_rules": {
6117
+ "wont_fix": [
6118
+ "region"
6119
+ ],
6120
+ "will_fix": [
6121
+ "color-contrast"
6122
+ ]
6123
+ }
6124
+ },
6125
+ {
6126
+ "preview_path": "primer/alpha/select_panel/eventually_local_fetch_initial_failure",
6127
+ "name": "eventually_local_fetch_initial_failure",
6128
+ "snapshot": "interactive",
6129
+ "skip_rules": {
6130
+ "wont_fix": [
6131
+ "region"
6132
+ ],
6133
+ "will_fix": [
6134
+ "color-contrast"
6135
+ ]
6136
+ }
6137
+ },
6138
+ {
6139
+ "preview_path": "primer/alpha/select_panel/single_select_form",
6140
+ "name": "single_select_form",
6141
+ "snapshot": "interactive",
6142
+ "skip_rules": {
6143
+ "wont_fix": [
6144
+ "region"
6145
+ ],
6146
+ "will_fix": [
6147
+ "color-contrast"
6148
+ ]
6149
+ }
6150
+ },
6151
+ {
6152
+ "preview_path": "primer/alpha/select_panel/multiselect_form",
6153
+ "name": "multiselect_form",
6154
+ "snapshot": "interactive",
6155
+ "skip_rules": {
6156
+ "wont_fix": [
6157
+ "region"
6158
+ ],
6159
+ "will_fix": [
6160
+ "color-contrast"
6161
+ ]
6162
+ }
6163
+ }
6164
+ ]
6165
+ },
5872
6166
  {
5873
6167
  "name": "spinner",
5874
6168
  "component": "Spinner",
data/static/statuses.json CHANGED
@@ -52,6 +52,7 @@
52
52
  "Primer::Alpha::SegmentedControl": "alpha",
53
53
  "Primer::Alpha::SegmentedControl::Item": "alpha",
54
54
  "Primer::Alpha::Select": "alpha",
55
+ "Primer::Alpha::SelectPanel": "alpha",
55
56
  "Primer::Alpha::SubmitButton": "alpha",
56
57
  "Primer::Alpha::TabContainer": "alpha",
57
58
  "Primer::Alpha::TabNav": "alpha",
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: primer_view_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.27.0
4
+ version: 0.28.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - GitHub Open Source
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-06-28 00:00:00.000000000 Z
11
+ date: 2024-07-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: actionview
@@ -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
@@ -104,6 +106,7 @@ files:
104
106
  - app/assets/javascripts/app/components/primer/focus_group.d.ts
105
107
  - app/assets/javascripts/app/components/primer/primer.d.ts
106
108
  - app/assets/javascripts/app/components/primer/scrollable_region.d.ts
109
+ - app/assets/javascripts/app/components/primer/shared_events.d.ts
107
110
  - app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts
108
111
  - app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts
109
112
  - app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts
@@ -252,6 +255,11 @@ files:
252
255
  - app/components/primer/alpha/segmented_control/item.html.erb
253
256
  - app/components/primer/alpha/segmented_control/item.rb
254
257
  - app/components/primer/alpha/select.rb
258
+ - app/components/primer/alpha/select_panel.html.erb
259
+ - app/components/primer/alpha/select_panel.rb
260
+ - app/components/primer/alpha/select_panel_element.d.ts
261
+ - app/components/primer/alpha/select_panel_element.js
262
+ - app/components/primer/alpha/select_panel_element.ts
255
263
  - app/components/primer/alpha/submit_button.rb
256
264
  - app/components/primer/alpha/tab_container.d.ts
257
265
  - app/components/primer/alpha/tab_container.js
@@ -298,6 +306,9 @@ files:
298
306
  - app/components/primer/anchored_position.d.ts
299
307
  - app/components/primer/anchored_position.js
300
308
  - app/components/primer/anchored_position.ts
309
+ - app/components/primer/aria_live.d.ts
310
+ - app/components/primer/aria_live.js
311
+ - app/components/primer/aria_live.ts
301
312
  - app/components/primer/base_component.rb
302
313
  - app/components/primer/beta/auto_complete.rb
303
314
  - app/components/primer/beta/auto_complete/auto_complete.d.ts
@@ -468,6 +479,9 @@ files:
468
479
  - app/components/primer/scrollable_region.d.ts
469
480
  - app/components/primer/scrollable_region.js
470
481
  - app/components/primer/scrollable_region.ts
482
+ - app/components/primer/shared_events.d.ts
483
+ - app/components/primer/shared_events.js
484
+ - app/components/primer/shared_events.ts
471
485
  - app/components/primer/tooltip.rb
472
486
  - app/components/primer/truncate.css
473
487
  - app/components/primer/truncate.css.json
@@ -772,6 +786,29 @@ files:
772
786
  - previews/primer/alpha/segmented_control_preview.rb
773
787
  - previews/primer/alpha/segmented_control_preview/with_label_and_caption.html.erb
774
788
  - previews/primer/alpha/segmented_control_preview/with_subhead_actions.html.erb
789
+ - previews/primer/alpha/select_panel_preview.rb
790
+ - previews/primer/alpha/select_panel_preview/_interaction_subject_js.html.erb
791
+ - previews/primer/alpha/select_panel_preview/eventually_local_fetch.html.erb
792
+ - previews/primer/alpha/select_panel_preview/eventually_local_fetch_initial_failure.html.erb
793
+ - previews/primer/alpha/select_panel_preview/eventually_local_fetch_no_results.html.erb
794
+ - previews/primer/alpha/select_panel_preview/footer_buttons.html.erb
795
+ - previews/primer/alpha/select_panel_preview/local_fetch.html.erb
796
+ - previews/primer/alpha/select_panel_preview/local_fetch_no_results.html.erb
797
+ - previews/primer/alpha/select_panel_preview/multiselect.html.erb
798
+ - previews/primer/alpha/select_panel_preview/multiselect_form.html.erb
799
+ - previews/primer/alpha/select_panel_preview/playground.html.erb
800
+ - previews/primer/alpha/select_panel_preview/remote_fetch.html.erb
801
+ - previews/primer/alpha/select_panel_preview/remote_fetch_filter_failure.html.erb
802
+ - previews/primer/alpha/select_panel_preview/remote_fetch_initial_failure.html.erb
803
+ - previews/primer/alpha/select_panel_preview/remote_fetch_no_results.html.erb
804
+ - previews/primer/alpha/select_panel_preview/single_select.html.erb
805
+ - previews/primer/alpha/select_panel_preview/single_select_form.html.erb
806
+ - previews/primer/alpha/select_panel_preview/with_avatar_items.html.erb
807
+ - previews/primer/alpha/select_panel_preview/with_dynamic_label.html.erb
808
+ - previews/primer/alpha/select_panel_preview/with_dynamic_label_and_aria_prefix.html.erb
809
+ - previews/primer/alpha/select_panel_preview/with_leading_icons.html.erb
810
+ - previews/primer/alpha/select_panel_preview/with_subtitle.html.erb
811
+ - previews/primer/alpha/select_panel_preview/with_trailing_icons.html.erb
775
812
  - previews/primer/alpha/select_preview.rb
776
813
  - previews/primer/alpha/tab_nav_preview.rb
777
814
  - previews/primer/alpha/tab_nav_preview/with_extra.html.erb