openproject-primer_view_components 0.9.1 → 0.11.0

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 (46) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +40 -0
  3. data/app/assets/javascripts/primer_view_components.js +1 -1
  4. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  5. data/app/assets/styles/primer_view_components.css +1 -1
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_bar/item.rb +3 -2
  8. data/app/components/primer/alpha/action_bar.rb +1 -5
  9. data/app/components/primer/alpha/overlay.css +1 -1
  10. data/app/components/primer/alpha/overlay.css.json +3 -1
  11. data/app/components/primer/alpha/overlay.css.map +1 -1
  12. data/app/components/primer/alpha/overlay.pcss +4 -0
  13. data/app/components/primer/alpha/tool_tip.js +28 -8
  14. data/app/components/primer/alpha/tool_tip.ts +27 -8
  15. data/app/components/primer/anchored_position.js +14 -5
  16. data/app/components/primer/anchored_position.ts +13 -4
  17. data/app/components/primer/beta/spinner.html.erb +1 -1
  18. data/app/components/primer/open_project/border_grid/cell.html.erb +3 -0
  19. data/app/components/primer/open_project/border_grid/cell.rb +25 -0
  20. data/app/components/primer/open_project/border_grid.css +1 -0
  21. data/app/components/primer/open_project/border_grid.css.json +11 -0
  22. data/app/components/primer/open_project/border_grid.css.map +1 -0
  23. data/app/components/primer/open_project/border_grid.html.erb +7 -0
  24. data/app/components/primer/open_project/border_grid.pcss +35 -0
  25. data/app/components/primer/open_project/border_grid.rb +36 -0
  26. data/app/components/primer/open_project/drag_handle.css +1 -0
  27. data/app/components/primer/open_project/drag_handle.css.json +6 -0
  28. data/app/components/primer/open_project/drag_handle.css.map +1 -0
  29. data/app/components/primer/open_project/drag_handle.html.erb +6 -0
  30. data/app/components/primer/open_project/drag_handle.pcss +6 -0
  31. data/app/components/primer/open_project/drag_handle.rb +28 -0
  32. data/app/components/primer/primer.pcss +2 -0
  33. data/lib/primer/view_components/linters/migrations/iconbutton_component.rb +36 -0
  34. data/lib/primer/view_components/version.rb +2 -2
  35. data/previews/primer/alpha/overlay_preview/in_an_action_menu.html.erb +13 -0
  36. data/previews/primer/alpha/overlay_preview.rb +5 -0
  37. data/previews/primer/open_project/border_grid_preview.rb +42 -0
  38. data/previews/primer/open_project/drag_handle_preview.rb +23 -0
  39. data/static/arguments.json +54 -0
  40. data/static/audited_at.json +3 -0
  41. data/static/classes.json +15 -0
  42. data/static/constants.json +13 -0
  43. data/static/info_arch.json +195 -0
  44. data/static/previews.json +94 -0
  45. data/static/statuses.json +3 -0
  46. metadata +20 -2
@@ -4423,6 +4423,60 @@
4423
4423
  }
4424
4424
  ]
4425
4425
  },
4426
+ {
4427
+ "component": "OpenProject::BorderGrid",
4428
+ "status": "open_project",
4429
+ "a11y_reviewed": false,
4430
+ "short_name": "OpenProjectBorderGrid",
4431
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
4432
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
4433
+ "parameters": [
4434
+ {
4435
+ "name": "spacious",
4436
+ "type": "Boolean",
4437
+ "default": "`false`",
4438
+ "description": "Whether to add margin to the bottom of the component."
4439
+ },
4440
+ {
4441
+ "name": "system_arguments",
4442
+ "type": "Hash",
4443
+ "default": "N/A",
4444
+ "description": "[System arguments](/system-arguments)"
4445
+ }
4446
+ ]
4447
+ },
4448
+ {
4449
+ "component": "OpenProject::BorderGrid::Cell",
4450
+ "status": "open_project",
4451
+ "a11y_reviewed": false,
4452
+ "short_name": "OpenProjectBorderGridCell",
4453
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
4454
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
4455
+ "parameters": [
4456
+ {
4457
+ "name": "system_arguments",
4458
+ "type": "Hash",
4459
+ "default": "N/A",
4460
+ "description": "[System arguments](/system-arguments)"
4461
+ }
4462
+ ]
4463
+ },
4464
+ {
4465
+ "component": "OpenProject::DragHandle",
4466
+ "status": "open_project",
4467
+ "a11y_reviewed": false,
4468
+ "short_name": "OpenProjectDragHandle",
4469
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
4470
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
4471
+ "parameters": [
4472
+ {
4473
+ "name": "system_arguments",
4474
+ "type": "Hash",
4475
+ "default": "N/A",
4476
+ "description": "[System arguments](/system-arguments)"
4477
+ }
4478
+ ]
4479
+ },
4426
4480
  {
4427
4481
  "component": "OpenProject::PageHeader",
4428
4482
  "status": "open_project",
@@ -102,6 +102,9 @@
102
102
  "Primer::IconButton": "",
103
103
  "Primer::LayoutComponent": "",
104
104
  "Primer::Navigation::TabComponent": "",
105
+ "Primer::OpenProject::BorderGrid": "",
106
+ "Primer::OpenProject::BorderGrid::Cell": "",
107
+ "Primer::OpenProject::DragHandle": "",
105
108
  "Primer::OpenProject::PageHeader": "",
106
109
  "Primer::Tooltip": "",
107
110
  "Primer::Truncate": ""
data/static/classes.json CHANGED
@@ -101,6 +101,18 @@
101
101
  "Banner": [
102
102
  "Primer::Alpha::Banner"
103
103
  ],
104
+ "BorderGrid": [
105
+ "Primer::OpenProject::BorderGrid"
106
+ ],
107
+ "BorderGrid--spacious": [
108
+ "Primer::OpenProject::BorderGrid"
109
+ ],
110
+ "BorderGrid-cell": [
111
+ "Primer::OpenProject::BorderGrid"
112
+ ],
113
+ "BorderGrid-row": [
114
+ "Primer::OpenProject::BorderGrid"
115
+ ],
104
116
  "Box": [
105
117
  "Primer::Beta::BorderBox"
106
118
  ],
@@ -233,6 +245,9 @@
233
245
  "Counter--secondary": [
234
246
  "Primer::Beta::Counter"
235
247
  ],
248
+ "DragHandle": [
249
+ "Primer::OpenProject::DragHandle"
250
+ ],
236
251
  "FormControl": [
237
252
  "Primer::Alpha::TextField"
238
253
  ],
@@ -1300,6 +1300,19 @@
1300
1300
  },
1301
1301
  "Primer::Navigation::TabComponent": {
1302
1302
  },
1303
+ "Primer::OpenProject::BorderGrid": {
1304
+ "Cell": "Primer::OpenProject::BorderGrid::Cell"
1305
+ },
1306
+ "Primer::OpenProject::BorderGrid::Cell": {
1307
+ },
1308
+ "Primer::OpenProject::DragHandle": {
1309
+ "DEFAULT_SIZE": "small",
1310
+ "SIZE_OPTIONS": [
1311
+ "xsmall",
1312
+ "small",
1313
+ "medium"
1314
+ ]
1315
+ },
1303
1316
  "Primer::OpenProject::PageHeader": {
1304
1317
  "DEFAULT_HEADER_VARIANT": "medium",
1305
1318
  "HEADER_VARIANT_OPTIONS": [
@@ -5910,6 +5910,19 @@
5910
5910
  ]
5911
5911
  }
5912
5912
  },
5913
+ {
5914
+ "preview_path": "primer/alpha/overlay/in_an_action_menu",
5915
+ "name": "in_an_action_menu",
5916
+ "snapshot": "false",
5917
+ "skip_rules": {
5918
+ "wont_fix": [
5919
+ "region"
5920
+ ],
5921
+ "will_fix": [
5922
+ "color-contrast"
5923
+ ]
5924
+ }
5925
+ },
5913
5926
  {
5914
5927
  "preview_path": "primer/alpha/overlay/dialog_with_header_footer",
5915
5928
  "name": "dialog_with_header_footer",
@@ -14364,6 +14377,188 @@
14364
14377
 
14365
14378
  ]
14366
14379
  },
14380
+ {
14381
+ "fully_qualified_name": "Primer::OpenProject::BorderGrid",
14382
+ "description": "A set of blocks that are shown below each other with separator lines in between",
14383
+ "accessibility_docs": null,
14384
+ "is_form_component": false,
14385
+ "is_published": true,
14386
+ "requires_js": false,
14387
+ "component": "OpenProject::BorderGrid",
14388
+ "status": "open_project",
14389
+ "a11y_reviewed": false,
14390
+ "short_name": "OpenProjectBorderGrid",
14391
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
14392
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
14393
+ "parameters": [
14394
+ {
14395
+ "name": "spacious",
14396
+ "type": "Boolean",
14397
+ "default": "`false`",
14398
+ "description": "Whether to add margin to the bottom of the component."
14399
+ },
14400
+ {
14401
+ "name": "system_arguments",
14402
+ "type": "Hash",
14403
+ "default": "N/A",
14404
+ "description": "{{link_to_system_arguments_docs}}"
14405
+ }
14406
+ ],
14407
+ "slots": [
14408
+ {
14409
+ "name": "rows",
14410
+ "description": "Use to render a block inside the grid",
14411
+ "parameters": [
14412
+ {
14413
+ "name": "system_arguments",
14414
+ "type": "Hash",
14415
+ "default": "N/A",
14416
+ "description": "{{link_to_system_arguments_docs}}"
14417
+ }
14418
+ ]
14419
+ }
14420
+ ],
14421
+ "methods": [
14422
+
14423
+ ],
14424
+ "previews": [
14425
+ {
14426
+ "preview_path": "primer/open_project/border_grid/playground",
14427
+ "name": "playground",
14428
+ "snapshot": "false",
14429
+ "skip_rules": {
14430
+ "wont_fix": [
14431
+ "region"
14432
+ ],
14433
+ "will_fix": [
14434
+ "color-contrast"
14435
+ ]
14436
+ }
14437
+ },
14438
+ {
14439
+ "preview_path": "primer/open_project/border_grid/default",
14440
+ "name": "default",
14441
+ "snapshot": "true",
14442
+ "skip_rules": {
14443
+ "wont_fix": [
14444
+ "region"
14445
+ ],
14446
+ "will_fix": [
14447
+ "color-contrast"
14448
+ ]
14449
+ }
14450
+ },
14451
+ {
14452
+ "preview_path": "primer/open_project/border_grid/spacious",
14453
+ "name": "spacious",
14454
+ "snapshot": "false",
14455
+ "skip_rules": {
14456
+ "wont_fix": [
14457
+ "region"
14458
+ ],
14459
+ "will_fix": [
14460
+ "color-contrast"
14461
+ ]
14462
+ }
14463
+ }
14464
+ ],
14465
+ "subcomponents": [
14466
+
14467
+ ]
14468
+ },
14469
+ {
14470
+ "fully_qualified_name": "Primer::OpenProject::BorderGrid::Cell",
14471
+ "description": "A single cell inside the BorderGrid\nA cell can contain for example an action list or a status badge",
14472
+ "accessibility_docs": null,
14473
+ "is_form_component": false,
14474
+ "is_published": true,
14475
+ "requires_js": false,
14476
+ "component": "OpenProject::BorderGrid::Cell",
14477
+ "status": "open_project",
14478
+ "a11y_reviewed": false,
14479
+ "short_name": "OpenProjectBorderGridCell",
14480
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
14481
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
14482
+ "parameters": [
14483
+ {
14484
+ "name": "system_arguments",
14485
+ "type": "Hash",
14486
+ "default": "N/A",
14487
+ "description": "{{link_to_system_arguments_docs}}"
14488
+ }
14489
+ ],
14490
+ "slots": [
14491
+
14492
+ ],
14493
+ "methods": [
14494
+
14495
+ ],
14496
+ "previews": [
14497
+
14498
+ ],
14499
+ "subcomponents": [
14500
+
14501
+ ]
14502
+ },
14503
+ {
14504
+ "fully_qualified_name": "Primer::OpenProject::DragHandle",
14505
+ "description": "Add a general description of component here\nAdd additional usage considerations or best practices that may aid the user to use the component correctly.",
14506
+ "accessibility_docs": "Add any accessibility considerations",
14507
+ "is_form_component": false,
14508
+ "is_published": true,
14509
+ "requires_js": false,
14510
+ "component": "OpenProject::DragHandle",
14511
+ "status": "open_project",
14512
+ "a11y_reviewed": false,
14513
+ "short_name": "OpenProjectDragHandle",
14514
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
14515
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
14516
+ "parameters": [
14517
+ {
14518
+ "name": "system_arguments",
14519
+ "type": "Hash",
14520
+ "default": "N/A",
14521
+ "description": "{{link_to_system_arguments_docs}}"
14522
+ }
14523
+ ],
14524
+ "slots": [
14525
+
14526
+ ],
14527
+ "methods": [
14528
+
14529
+ ],
14530
+ "previews": [
14531
+ {
14532
+ "preview_path": "primer/open_project/drag_handle/default",
14533
+ "name": "default",
14534
+ "snapshot": "true",
14535
+ "skip_rules": {
14536
+ "wont_fix": [
14537
+ "region"
14538
+ ],
14539
+ "will_fix": [
14540
+ "color-contrast"
14541
+ ]
14542
+ }
14543
+ },
14544
+ {
14545
+ "preview_path": "primer/open_project/drag_handle/playground",
14546
+ "name": "playground",
14547
+ "snapshot": "false",
14548
+ "skip_rules": {
14549
+ "wont_fix": [
14550
+ "region"
14551
+ ],
14552
+ "will_fix": [
14553
+ "color-contrast"
14554
+ ]
14555
+ }
14556
+ }
14557
+ ],
14558
+ "subcomponents": [
14559
+
14560
+ ]
14561
+ },
14367
14562
  {
14368
14563
  "fully_qualified_name": "Primer::OpenProject::PageHeader",
14369
14564
  "description": "A ViewComponent PageHeader inspired by the primer react variant",
data/static/previews.json CHANGED
@@ -1790,6 +1790,53 @@
1790
1790
  }
1791
1791
  ]
1792
1792
  },
1793
+ {
1794
+ "name": "border_grid",
1795
+ "component": "OpenProject::BorderGrid",
1796
+ "status": "open_project",
1797
+ "lookup_path": "primer/open_project/border_grid",
1798
+ "examples": [
1799
+ {
1800
+ "preview_path": "primer/open_project/border_grid/playground",
1801
+ "name": "playground",
1802
+ "snapshot": "false",
1803
+ "skip_rules": {
1804
+ "wont_fix": [
1805
+ "region"
1806
+ ],
1807
+ "will_fix": [
1808
+ "color-contrast"
1809
+ ]
1810
+ }
1811
+ },
1812
+ {
1813
+ "preview_path": "primer/open_project/border_grid/default",
1814
+ "name": "default",
1815
+ "snapshot": "true",
1816
+ "skip_rules": {
1817
+ "wont_fix": [
1818
+ "region"
1819
+ ],
1820
+ "will_fix": [
1821
+ "color-contrast"
1822
+ ]
1823
+ }
1824
+ },
1825
+ {
1826
+ "preview_path": "primer/open_project/border_grid/spacious",
1827
+ "name": "spacious",
1828
+ "snapshot": "false",
1829
+ "skip_rules": {
1830
+ "wont_fix": [
1831
+ "region"
1832
+ ],
1833
+ "will_fix": [
1834
+ "color-contrast"
1835
+ ]
1836
+ }
1837
+ }
1838
+ ]
1839
+ },
1793
1840
  {
1794
1841
  "name": "box",
1795
1842
  "component": "Box",
@@ -2900,6 +2947,40 @@
2900
2947
  }
2901
2948
  ]
2902
2949
  },
2950
+ {
2951
+ "name": "drag_handle",
2952
+ "component": "OpenProject::DragHandle",
2953
+ "status": "open_project",
2954
+ "lookup_path": "primer/open_project/drag_handle",
2955
+ "examples": [
2956
+ {
2957
+ "preview_path": "primer/open_project/drag_handle/default",
2958
+ "name": "default",
2959
+ "snapshot": "true",
2960
+ "skip_rules": {
2961
+ "wont_fix": [
2962
+ "region"
2963
+ ],
2964
+ "will_fix": [
2965
+ "color-contrast"
2966
+ ]
2967
+ }
2968
+ },
2969
+ {
2970
+ "preview_path": "primer/open_project/drag_handle/playground",
2971
+ "name": "playground",
2972
+ "snapshot": "false",
2973
+ "skip_rules": {
2974
+ "wont_fix": [
2975
+ "region"
2976
+ ],
2977
+ "will_fix": [
2978
+ "color-contrast"
2979
+ ]
2980
+ }
2981
+ }
2982
+ ]
2983
+ },
2903
2984
  {
2904
2985
  "name": "dropdown",
2905
2986
  "component": "Dropdown",
@@ -4417,6 +4498,19 @@
4417
4498
  ]
4418
4499
  }
4419
4500
  },
4501
+ {
4502
+ "preview_path": "primer/alpha/overlay/in_an_action_menu",
4503
+ "name": "in_an_action_menu",
4504
+ "snapshot": "false",
4505
+ "skip_rules": {
4506
+ "wont_fix": [
4507
+ "region"
4508
+ ],
4509
+ "will_fix": [
4510
+ "color-contrast"
4511
+ ]
4512
+ }
4513
+ },
4420
4514
  {
4421
4515
  "preview_path": "primer/alpha/overlay/dialog_with_header_footer",
4422
4516
  "name": "dialog_with_header_footer",
data/static/statuses.json CHANGED
@@ -102,6 +102,9 @@
102
102
  "Primer::IconButton": "deprecated",
103
103
  "Primer::LayoutComponent": "deprecated",
104
104
  "Primer::Navigation::TabComponent": "deprecated",
105
+ "Primer::OpenProject::BorderGrid": "open_project",
106
+ "Primer::OpenProject::BorderGrid::Cell": "open_project",
107
+ "Primer::OpenProject::DragHandle": "open_project",
105
108
  "Primer::OpenProject::PageHeader": "open_project",
106
109
  "Primer::Tooltip": "deprecated",
107
110
  "Primer::Truncate": "deprecated"
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.9.1
4
+ version: 0.11.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: 2023-09-08 00:00:00.000000000 Z
12
+ date: 2023-09-21 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionview
@@ -746,6 +746,20 @@ files:
746
746
  - app/components/primer/layout_component.html.erb
747
747
  - app/components/primer/layout_component.rb
748
748
  - app/components/primer/navigation/tab_component.rb
749
+ - app/components/primer/open_project/border_grid.css
750
+ - app/components/primer/open_project/border_grid.css.json
751
+ - app/components/primer/open_project/border_grid.css.map
752
+ - app/components/primer/open_project/border_grid.html.erb
753
+ - app/components/primer/open_project/border_grid.pcss
754
+ - app/components/primer/open_project/border_grid.rb
755
+ - app/components/primer/open_project/border_grid/cell.html.erb
756
+ - app/components/primer/open_project/border_grid/cell.rb
757
+ - app/components/primer/open_project/drag_handle.css
758
+ - app/components/primer/open_project/drag_handle.css.json
759
+ - app/components/primer/open_project/drag_handle.css.map
760
+ - app/components/primer/open_project/drag_handle.html.erb
761
+ - app/components/primer/open_project/drag_handle.pcss
762
+ - app/components/primer/open_project/drag_handle.rb
749
763
  - app/components/primer/open_project/page_header.css
750
764
  - app/components/primer/open_project/page_header.css.json
751
765
  - app/components/primer/open_project/page_header.css.map
@@ -941,6 +955,7 @@ files:
941
955
  - lib/primer/view_components/linters/helpers/rule_helpers.rb
942
956
  - lib/primer/view_components/linters/label_component_migration_counter.rb
943
957
  - lib/primer/view_components/linters/migrate_deprecated_flash_arguments.rb
958
+ - lib/primer/view_components/linters/migrations/iconbutton_component.rb
944
959
  - lib/primer/view_components/linters/migrations/truncate_component.rb
945
960
  - lib/primer/view_components/linters/severity_schema.rb
946
961
  - lib/primer/view_components/linters/subhead_component_migration_counter.rb
@@ -1027,6 +1042,7 @@ files:
1027
1042
  - previews/primer/alpha/nav_list_preview.rb
1028
1043
  - previews/primer/alpha/nav_list_preview/trailing_action.html.erb
1029
1044
  - previews/primer/alpha/overlay_preview.rb
1045
+ - previews/primer/alpha/overlay_preview/in_an_action_menu.html.erb
1030
1046
  - previews/primer/alpha/overlay_preview/middle_of_page.html.erb
1031
1047
  - previews/primer/alpha/overlay_preview/middle_of_page_with_relative_container.html.erb
1032
1048
  - previews/primer/alpha/radio_button_group_preview.rb
@@ -1116,6 +1132,8 @@ files:
1116
1132
  - previews/primer/forms_preview/single_text_field_form.html.erb
1117
1133
  - previews/primer/forms_preview/submit_button_form.html.erb
1118
1134
  - previews/primer/forms_preview/text_field_and_checkbox_form.html.erb
1135
+ - previews/primer/open_project/border_grid_preview.rb
1136
+ - previews/primer/open_project/drag_handle_preview.rb
1119
1137
  - previews/primer/open_project/page_header_preview.rb
1120
1138
  - previews/primer/open_project/page_header_preview/actions.html.erb
1121
1139
  - previews/primer/url_helpers.rb