openproject-primer_view_components 0.27.0 → 0.28.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 625ef28c9bb40b00a14026f72eeb9fb7627c446a69c6735528f8ce5ced1b7ab7
-  data.tar.gz: 34ef12fb54dde389edc3607367977b6f344341e6f04f98007b8b1abe97d71716
+  metadata.gz: 425fcc627a600df1c426fc749d61f9cfd7603c32d254c5dc239db1e786148010
+  data.tar.gz: c6d253b436ed440033c986d9b983dedbff4c5878328215550d37a7066ce13a5f
 SHA512:
-  metadata.gz: b471b62da42a63ba9df30cb2eafe51fb39a841c2b7e2bf504c758f168bda857529b2d9ace734790d07c65e35a3e83f1bbfad1dcb9cf29e106a38d49b1ab3db8e
-  data.tar.gz: c72334e36b1107f8f6c2ac9b06026de4d8954d9d3d69413c25e80f24f799cdca0be0c1e4a9b1bd7329455a0d3a2c185dc80fff84f0b0a42b25242e490c52dad4
+  metadata.gz: d5dd04c4c19bff3bb928ab156b8b3a45ccb91fda6cdcefc517f0d2f3c1a352749fca021c6286ce38ac822f7c70b81cc2b55dfca2141714e7072d4b49c4462cff
+  data.tar.gz: 952bba99b9fc22d9397dba48a7e79a04363c5c6d71c9d942cdc4e2d5504aea432fe4aabc292529c515ce37b1f0d0f69c28cef636a2e26470be4e466a360961da

data/CHANGELOG.md

@@ -1,5 +1,15 @@
 # CHANGELOG
 
+## 0.28.0
+
+### Minor Changes
+
+- [#98](https://github.com/opf/primer_view_components/pull/98) [`7e56211`](https://github.com/opf/primer_view_components/commit/7e562112d65e48d42b1f7d5b2039bede68fc1383) Thanks [@HDinger](https://github.com/HDinger)! - Add a slot for Primer::OpenProject::ZenModeButton to the Primer::OpenProject::PageHeader
+
+### Patch Changes
+
+- [#100](https://github.com/opf/primer_view_components/pull/100) [`7d4e6fb`](https://github.com/opf/primer_view_components/commit/7d4e6fbde24069b80e6dae5f2c07fa1fd4538557) Thanks [@HDinger](https://github.com/HDinger)! - Set link target "\_top" as default for breadcrumb items and link actions
+
 ## 0.27.0
 
 ### Minor Changes

data/app/components/primer/open_project/page_header.rb

@@ -71,8 +71,18 @@ module Primer
 
           Primer::Beta::Button.new(**system_arguments)
         },
+        zen_mode_button: lambda { |mobile_icon: Primer::OpenProject::ZenModeButton::ZEN_MODE_BUTTON_ICON, mobile_label: Primer::OpenProject::ZenModeButton::ZEN_MODE_BUTTON_LABEL, **system_arguments|
+          deny_tag_argument(**system_arguments)
+          system_arguments = set_action_arguments(system_arguments, scheme: DEFAULT_ACTION_SCHEME)
+          add_option_to_mobile_menu(system_arguments, mobile_icon, mobile_label, DEFAULT_ACTION_SCHEME)
+
+          Primer::OpenProject::ZenModeButton.new(**system_arguments)
+        },
+
         link: lambda { |mobile_icon:, mobile_label:, scheme: DEFAULT_ACTION_SCHEME, **system_arguments|
           deny_tag_argument(**system_arguments)
+          system_arguments[:target] ||= "_top"
+
           system_arguments = set_action_arguments(system_arguments, scheme: scheme)
           add_option_to_mobile_menu(system_arguments, mobile_icon, mobile_label, scheme)
 
@@ -151,6 +161,8 @@ module Primer
 
           link_arguments[:icon] = fetch_or_fallback(BACK_BUTTON_ICON_OPTIONS, DEFAULT_BACK_BUTTON_ICON)
           link_arguments[:href] = parsed_parent_item[:href]
+          link_arguments[:target] = "_top"
+
           link_arguments[:classes] = class_names(link_arguments[:classes], "PageHeader-parentLink")
           link_arguments[:display] ||= DEFAULT_PARENT_LINK_DISPLAY
 
@@ -169,7 +181,7 @@ module Primer
             if item.is_a?(String)
               breadcrumbs.with_item(href: "#") { item }
             else
-              breadcrumbs.with_item(href: item[:href]) { item[:text] }
+              breadcrumbs.with_item(href: item[:href], target: "_top") { item[:text] }
             end
           end
         end

data/app/components/primer/open_project/zen_mode_button.html.erb

@@ -3,8 +3,8 @@
           Primer::Beta::IconButton.new(
             scheme: :default,
             id: "zenModeButton",
-            icon: "screen-normal",
-            aria: { label: I18n.t("zen_mode") },
+            icon: ZEN_MODE_BUTTON_ICON,
+            aria: { label: ZEN_MODE_BUTTON_LABEL },
             data: { target: "zen-mode-button.button", action: "click:zen-mode-button#performAction" }
           )
         ) %>

data/app/components/primer/open_project/zen_mode_button.rb

@@ -8,6 +8,9 @@ module Primer
     class ZenModeButton < Primer::Component
       status :open_project
 
+      ZEN_MODE_BUTTON_LABEL = I18n.t("label_zen_mode")
+      ZEN_MODE_BUTTON_ICON = "screen-full"
+
       # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
       def initialize(**system_arguments)
         @system_arguments = system_arguments

data/lib/primer/view_components/version.rb

@@ -5,7 +5,7 @@ module Primer
   module ViewComponents
     module VERSION
       MAJOR = 0
-      MINOR = 27
+      MINOR = 28
       PATCH = 0
 
       STRING = [MAJOR, MINOR, PATCH].join(".")

data/previews/primer/open_project/page_header_preview.rb

@@ -104,6 +104,22 @@ module Primer
         end
       end
 
+      # @label With a ZenModeButton inside the actions
+      # The missing label will be resolved automatically when included into the core
+      def zen_mode_button_actions
+        render(Primer::OpenProject::PageHeader.new) do |component|
+          component.with_title { "Great news" }
+          component.with_breadcrumbs([{ href: "/foo", text: "Foo" }, { href: "/bar", text: "Bar" }, "Baz"])
+
+          # The missing label will be resolved automatically when included into the core
+          component.with_action_zen_mode_button
+          component.with_action_button(mobile_icon: "plus", mobile_label: "Meeting", scheme: :primary) do |button|
+            button.with_leading_visual_icon(icon: "plus")
+            "Meeting"
+          end
+        end
+      end
+
       # @label With leading action (on wide)
       # **Leading action** is only shown on **wide screens** by default.
       # If you want to override that behaviour please use the system_argument: **display**

data/static/constants.json

@@ -1474,6 +1474,8 @@
   "Primer::OpenProject::PageHeader::Menu": {
   },
   "Primer::OpenProject::ZenModeButton": {
+    "ZEN_MODE_BUTTON_ICON": "screen-full",
+    "ZEN_MODE_BUTTON_LABEL": "Translation missing: en.label_zen_mode"
   },
   "Primer::Tooltip": {
     "ALIGN_DEFAULT": "default",

data/static/info_arch.json

@@ -16631,6 +16631,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/page_header/zen_mode_button_actions",
+        "name": "zen_mode_button_actions",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/page_header/leading_action",
         "name": "leading_action",

data/static/previews.json

@@ -5222,6 +5222,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/page_header/zen_mode_button_actions",
+        "name": "zen_mode_button_actions",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/page_header/leading_action",
         "name": "leading_action",

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.27.0
+  version: 0.28.0
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-04-04 00:00:00.000000000 Z
+date: 2024-04-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview