openproject-primer_view_components 0.24.0 → 0.25.0

data/static/info_arch.json

@@ -8778,6 +8778,110 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_n",
+        "name": "tooltip_n",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_s",
+        "name": "tooltip_s",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_e",
+        "name": "tooltip_e",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_w",
+        "name": "tooltip_w",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_se",
+        "name": "tooltip_se",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_sw",
+        "name": "tooltip_sw",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_ne",
+        "name": "tooltip_ne",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_nw",
+        "name": "tooltip_nw",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -16268,7 +16372,18 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/default/",
     "parameters": [
-
+      {
+        "name": "mobile_menu_label",
+        "type": "String",
+        "default": "`I18n.t(\"label_more\")`",
+        "description": "The tooltip label of the mobile menu"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
     ],
     "slots": [
       {
@@ -16308,18 +16423,6 @@
           }
         ]
       },
-      {
-        "name": "context_bar_actions",
-        "description": "Context Bar Actions\nBy default shown on narrow screens. Can be overridden with system_argument: display",
-        "parameters": [
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
-        ]
-      },
       {
         "name": "leading_action",
         "description": "Optional leading action prepend the title\nBy default shown on wider screens. Can be overridden with system_argument: display",
@@ -16338,18 +16441,6 @@
           }
         ]
       },
-      {
-        "name": "parent_link",
-        "description": "Optional parent link in the context area\nBy default shown on narrow screens. Can be overridden with system_argument: display",
-        "parameters": [
-          {
-            "name": "system_arguments",
-            "type": "Hash",
-            "default": "N/A",
-            "description": "{{link_to_system_arguments_docs}}"
-          }
-        ]
-      },
       {
         "name": "breadcrumbs",
         "description": "Optional breadcrumbs above the title row\nBy default shown on wider screens. Can be overridden with system_argument: display",
@@ -16463,33 +16554,47 @@
             "color-contrast"
           ]
         }
-      },
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::PageHeader::PageHeaderActionMenu",
+    "description": "A Helper class to create ActionMenus inside the PageHeader action slot",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::PageHeader::PageHeaderActionMenu",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectPageHeaderPageHeaderActionMenu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/page_header_action_menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/page_header_action_menu/default/",
+    "parameters": [
       {
-        "preview_path": "primer/open_project/page_header/parent_link",
-        "name": "parent_link",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
+        "name": "menu_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::ActionMenu{{/link_to_component}}."
       },
       {
-        "preview_path": "primer/open_project/page_header/context_bar_actions",
-        "name": "context_bar_actions",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
+        "name": "button_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::Button{{/link_to_component}} or {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}}, depending on the value of the `icon:` argument."
       }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
     ],
     "subcomponents": [
 

data/static/previews.json

@@ -5182,32 +5182,6 @@
             "color-contrast"
           ]
         }
-      },
-      {
-        "preview_path": "primer/open_project/page_header/parent_link",
-        "name": "parent_link",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
-      },
-      {
-        "preview_path": "primer/open_project/page_header/context_bar_actions",
-        "name": "context_bar_actions",
-        "snapshot": "false",
-        "skip_rules": {
-          "wont_fix": [
-            "region"
-          ],
-          "will_fix": [
-            "color-contrast"
-          ]
-        }
       }
     ]
   },
@@ -7157,6 +7131,110 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_n",
+        "name": "tooltip_n",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_s",
+        "name": "tooltip_s",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_e",
+        "name": "tooltip_e",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_w",
+        "name": "tooltip_w",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_se",
+        "name": "tooltip_se",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_sw",
+        "name": "tooltip_sw",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_ne",
+        "name": "tooltip_ne",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_nw",
+        "name": "tooltip_nw",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },

data/static/statuses.json

@@ -121,6 +121,7 @@
   "Primer::OpenProject::GridLayout::Area": "open_project",
   "Primer::OpenProject::InputGroup": "open_project",
   "Primer::OpenProject::PageHeader": "open_project",
+  "Primer::OpenProject::PageHeader::PageHeaderActionMenu": "open_project",
   "Primer::Tooltip": "deprecated",
   "Primer::Truncate": "deprecated"
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.24.0
+  version: 0.25.0
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-19 00:00:00.000000000 Z
+date: 2024-03-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -102,6 +102,7 @@ files:
 - app/assets/javascripts/app/components/primer/beta/relative_time.d.ts
 - app/assets/javascripts/app/components/primer/dialog_helper.d.ts
 - app/assets/javascripts/app/components/primer/focus_group.d.ts
+- app/assets/javascripts/app/components/primer/open_project/page_header_element.d.ts
 - app/assets/javascripts/app/components/primer/primer.d.ts
 - app/assets/javascripts/app/components/primer/scrollable_region.d.ts
 - app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts
@@ -492,6 +493,9 @@ files:
 - app/components/primer/open_project/page_header.html.erb
 - app/components/primer/open_project/page_header.pcss
 - app/components/primer/open_project/page_header.rb
+- app/components/primer/open_project/page_header_element.d.ts
+- app/components/primer/open_project/page_header_element.js
+- app/components/primer/open_project/page_header_element.ts
 - app/components/primer/primer.d.ts
 - app/components/primer/primer.js
 - app/components/primer/primer.pcss
@@ -813,7 +817,15 @@ files:
 - previews/primer/alpha/text_field_preview/input_group_trailing_button.html.erb
 - previews/primer/alpha/toggle_switch_preview.rb
 - previews/primer/alpha/tooltip_preview.rb
+- previews/primer/alpha/tooltip_preview/tooltip_e.html.erb
 - previews/primer/alpha/tooltip_preview/tooltip_inside_primer_overlay.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_n.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_ne.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_nw.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_s.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_se.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_sw.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_w.html.erb
 - previews/primer/alpha/tooltip_preview/tooltip_with_dialog_moving_focus_to_input.html.erb
 - previews/primer/alpha/tooltip_preview/with_multiple_on_a_page.html.erb
 - previews/primer/alpha/tooltip_preview/with_right_most_position.html.erb
@@ -901,7 +913,6 @@ files:
 - previews/primer/open_project/input_group_preview.rb
 - previews/primer/open_project/page_header_preview.rb
 - previews/primer/open_project/page_header_preview/actions.html.erb
-- previews/primer/open_project/page_header_preview/context_bar_actions.html.erb
 - previews/primer/open_project/page_header_preview/playground.html.erb
 - previews/primer/url_helpers.rb
 - static/arguments.json

data/previews/primer/open_project/page_header_preview/context_bar_actions.html.erb

@@ -1,27 +0,0 @@
-<%= render(Primer::OpenProject::PageHeader.new) do |component| %>
-  <% component.with_title(tag: :h1) do %>
-    A title
-  <% end %>
-  <% component.with_description do %>
-    A description with actions
-  <% end %>
-  <% component.with_parent_link(href: "#") do %>
-    Parent link
-  <% end %>
-  <% component.with_context_bar_action do %>
-    <%= render(Primer::Beta::IconButton.new(icon: 'star', 'aria-label': 'Star')) %>
-  <% end %>
-  <% component.with_context_bar_action do %>
-    <%= render(Primer::Alpha::ActionMenu.new) do |menu| %>
-      <% menu.with_show_button { "Menu" } %>
-      <% menu.with_item(label: "Item", tag: :button, value: "") %>
-      <% menu.with_item(
-           label: "Show dialog",
-           tag: :button,
-           content_arguments: { "data-show-dialog-id": "my-dialog" },
-           value: "",
-           scheme: :danger
-         ) %>
-    <% end %>
-  <% end %>
-<% end %>