openproject-primer_view_components 0.9.1 → 0.11.0

Sign up to get free protection for your applications and to get access to all the features.
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