openproject-primer_view_components 0.25.0 → 0.26.0

data/previews/primer/alpha/tab_nav_preview.rb

@@ -11,7 +11,7 @@ module Primer
       # @param with_counters [Boolean] toggle
       def playground(number_of_tabs: 3, with_icons: false, with_counters: false)
         render(Primer::Alpha::TabNav.new(label: "label")) do |component|
-          Array.new(number_of_tabs || 3) do |i|
+          Array.new(number_of_tabs&.to_i || 3) do |i|
             component.with_tab(selected: i.zero?, href: "##{i + 1}") do |tab|
               tab.with_icon(icon: :star) if with_icons
               tab.with_text { "Tab #{i + 1}" }

data/previews/primer/alpha/tab_panels_preview.rb

@@ -10,7 +10,7 @@ module Primer
       # @param align [Symbol] select [left, right]
       def playground(number_of_panels: 3, align: :left)
         render(Primer::Alpha::TabPanels.new(label: "label", align: align)) do |component|
-          Array.new(number_of_panels || 3) do |i|
+          Array.new(number_of_panels&.to_i || 3) do |i|
             component.with_tab(selected: i.zero?, id: "tab-#{i + 1}") do |tab|
               tab.with_panel { "Panel #{i + 1}" }
               tab.with_text { "Tab #{i + 1}" }
@@ -26,7 +26,7 @@ module Primer
       # @snapshot
       def default(number_of_panels: 3, align: :left)
         render(Primer::Alpha::TabPanels.new(label: "label", align: align)) do |component|
-          Array.new(number_of_panels || 3) do |i|
+          Array.new(number_of_panels&.to_i || 3) do |i|
             component.with_tab(selected: i.zero?, id: "tab-#{i + 1}") do |tab|
               tab.with_panel { "Panel #{i + 1}" }
               tab.with_text { "Tab #{i + 1}" }

data/previews/primer/alpha/underline_nav_preview.rb

@@ -15,7 +15,7 @@ module Primer
                                label: label,
                                tag: tag,
                                align: align,
-                               number_of_panels: number_of_panels
+                               number_of_panels: number_of_panels.to_i,
                              })
       end
 
@@ -31,7 +31,7 @@ module Primer
                                label: label,
                                tag: tag,
                                align: align,
-                               number_of_panels: number_of_panels
+                               number_of_panels: number_of_panels.to_i,
                              })
       end
 
@@ -44,7 +44,7 @@ module Primer
       # @param number_of_panels [Integer] number
       def with_icons_and_counters(label: "With icons and counters", number_of_panels: 3, align: :left, tag: :nav)
         render(Primer::Alpha::UnderlineNav.new(label: label, tag: tag, align: align)) do |component|
-          Array.new(number_of_panels || 3) do |i|
+          Array.new(number_of_panels.to_i || 3) do |i|
             component.with_tab(href: "#", selected: i.zero?) do |tab|
               tab.with_icon(icon: :star)
               tab.with_text { "Item #{i + 1}" }

data/previews/primer/alpha/underline_panels_preview.rb

@@ -21,9 +21,44 @@ module Primer
 
       # @label Default options
       #
+      # @snapshot
       # @param number_of_panels [Integer] number
       # @param align [Symbol] select [left, right]
       def default(number_of_panels: 3, align: :left)
+        render(Primer::Alpha::UnderlinePanels.new(label: "Test navigation", align: align)) do |component|
+          Array.new(number_of_panels&.to_i || 3) do |i|
+            component.with_tab(selected: i.zero?, id: "tab-#{i + 1}") do |tab|
+              tab.with_panel { "Panel #{i + 1}" }
+              tab.with_text { "Tab #{i + 1}" }
+            end
+          end
+        end
+      end
+
+      # @label With Icons and Counters
+      #
+      # @snapshot
+      # @param number_of_panels [Integer] number
+      # @param align [Symbol] select [left, right]
+      def with_icons_and_counters(number_of_panels: 3, align: :left)
+        render(Primer::Alpha::UnderlinePanels.new(label: "Test navigation", align: align)) do |component|
+          Array.new(number_of_panels || 3) do |i|
+            component.with_tab(selected: i.zero?, id: "tab-#{i + 1}") do |tab|
+              tab.with_panel { "Panel #{i + 1}" }
+              tab.with_text { "Tab #{i + 1}" }
+              tab.with_icon(icon: :star)
+              tab.with_counter(count: (i + 1) * 5)
+            end
+          end
+        end
+      end
+
+      # @label With Actions
+      #
+      # @snapshot
+      # @param number_of_panels [Integer] number
+      # @param align [Symbol] select [left, right]
+      def with_actions(number_of_panels: 3, align: :right)
         render(Primer::Alpha::UnderlinePanels.new(label: "Test navigation", align: align)) do |component|
           Array.new(number_of_panels || 3) do |i|
             component.with_tab(selected: i.zero?, id: "tab-#{i + 1}") do |tab|
@@ -31,6 +66,9 @@ module Primer
               tab.with_text { "Tab #{i + 1}" }
             end
           end
+          component.with_actions do
+            "Actions Content"
+          end
         end
       end
     end

data/previews/primer/beta/avatar_stack_preview.rb

@@ -13,7 +13,7 @@ module Primer
       # @param tooltip_label text
       def playground(number_of_avatars: 1, tag: :div, align: :left, tooltipped: false, tooltip_label: "This is a tooltip!")
         render(Primer::Beta::AvatarStack.new(tag: tag, align: align, tooltipped: tooltipped, body_arguments: { label: tooltip_label })) do |component|
-          Array.new(number_of_avatars || 1) do
+          Array.new(number_of_avatars&.to_i || 1) do
             component.with_avatar(src: Primer::ExampleImage::BASE64_SRC, alt: "@kittenuser")
           end
         end

data/previews/primer/beta/breadcrumbs_preview.rb

@@ -9,7 +9,7 @@ module Primer
       # @param number_of_links [Integer] number
       def playground(number_of_links: 2)
         render(Primer::Beta::Breadcrumbs.new) do |component|
-          Array.new(number_of_links || 3) do |i|
+          Array.new(number_of_links&.to_i || 3) do |i|
             component.with_item(href: "##{i}") { "Breadcrumb Item #{i + 1}" }
           end
         end
@@ -21,7 +21,7 @@ module Primer
       # @snapshot
       def default(number_of_links: 2)
         render(Primer::Beta::Breadcrumbs.new) do |component|
-          Array.new(number_of_links || 3) do |i|
+          Array.new(number_of_links&.to_i || 3) do |i|
             component.with_item(href: "##{i}") { "Breadcrumb Item #{i + 1}" }
           end
         end

data/previews/primer/beta/button_group_preview/with_menu_button.html.erb

@@ -1,4 +1,4 @@
-<%= render(Primer::Beta::ButtonGroup.new) do |component| %>
+<%= render(Primer::Beta::ButtonGroup.new(scheme: scheme, size: size)) do |component| %>
   <% component.with_button { "Main menu" } %>
   <% component.with_menu_button(button_arguments: { "aria-label": "secondary menu" }, menu_arguments: { anchor_align: :end }) do |menu, button| %>
     <% menu.with_item(label: "Item 1", item_id: :item1) %>

data/previews/primer/beta/button_group_preview.rb

@@ -41,8 +41,14 @@ module Primer
 
       # @label With menu button
       #
+      # @param scheme [Symbol] select [default, primary, secondary, danger, invisible]
+      # @param size [Symbol] select [medium, small]
       # @snapshot
-      def with_menu_button
+      def with_menu_button(scheme: :default, size: :medium)
+        render_with_template(locals: {
+          scheme: scheme,
+          size: size
+        })
       end
 
       # @label Icon buttons

data/previews/primer/beta/icon_button_preview.rb

@@ -87,6 +87,31 @@ module Primer
                ))
       end
 
+      # @label Primary
+      # @param size select [small, medium, large]
+      # @param aria_label text
+      # @param disabled toggle
+      # @param tag select [a, summary, button]
+      # @snapshot
+      def primary(
+        size: :medium,
+        id: "button-preview",
+        tag: :button,
+        disabled: false,
+        icon: :x,
+        aria_label: "Button"
+      )
+        render(Primer::Beta::IconButton.new(
+                 scheme: :primary,
+                 size: size,
+                 id: id,
+                 tag: tag,
+                 disabled: disabled,
+                 icon: icon,
+                 "aria-label": aria_label
+               ))
+      end
+
       # @label Danger
       # @param size select [small, medium, large]
       # @param aria_label text

data/previews/primer/beta/nav_list_preview.rb

@@ -139,9 +139,15 @@ module Primer
           component.with_item(
             label: "Really really long label that may wrap, truncate, or appear as a tooltip",
             truncate_label: truncate_label
-          ) do |item|
-            item.with_trailing_visual_icon(icon: :plus)
-          end
+          ) 
+          component.with_item(
+            label: "Really really long label that may wrap, truncate, or appear as a tooltip",
+            truncate_label: truncate_label
+          )
+          component.with_item(
+            label: "Really really long label that may wrap, truncate, or appear as a tooltip",
+            truncate_label: truncate_label
+          )
         end
       end
 

data/static/arguments.json

@@ -3760,7 +3760,7 @@
         "name": "scheme",
         "type": "Symbol",
         "default": "`:default`",
-        "description": "One of `:danger`, `:default`, or `:invisible`."
+        "description": "One of `:danger`, `:default`, `:invisible`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",

data/static/classes.json

@@ -420,6 +420,9 @@
   "Overlay-header": [
     "Primer::Alpha::Dialog"
   ],
+  "Overlay-headerFilter": [
+    "Primer::Alpha::Dialog"
+  ],
   "PageHeader": [
     "Primer::OpenProject::PageHeader"
   ],

data/static/constants.json

@@ -938,11 +938,15 @@
     "DEFAULT_SCHEME": "default",
     "SCHEME_MAPPINGS": {
       "default": "Button--secondary",
+      "primary": "Button--primary",
+      "secondary": "Button--secondary",
       "danger": "Button--danger",
       "invisible": "Button--invisible"
     },
     "SCHEME_OPTIONS": [
       "default",
+      "primary",
+      "secondary",
       "danger",
       "invisible"
     ]

data/static/info_arch.json

@@ -3440,6 +3440,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/dialog/initally_open",
+        "name": "initally_open",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -6068,6 +6081,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/overlay/overlay_with_header_filter",
+        "name": "overlay_with_header_filter",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -6129,7 +6155,18 @@
           }
         ],
         "slots": [
-
+          {
+            "name": "filter",
+            "description": "Optional filter slot for adding a filter input to the header.",
+            "parameters": [
+              {
+                "name": "system_arguments",
+                "type": "Hash",
+                "default": "N/A",
+                "description": "{{link_to_system_arguments_docs}}"
+              }
+            ]
+          }
         ],
         "methods": [
 
@@ -9128,7 +9165,33 @@
       {
         "preview_path": "primer/alpha/underline_panels/default",
         "name": "default",
-        "snapshot": "false",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/underline_panels/with_icons_and_counters",
+        "name": "with_icons_and_counters",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/underline_panels/with_actions",
+        "name": "with_actions",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -12433,7 +12496,7 @@
         "name": "scheme",
         "type": "Symbol",
         "default": "`:default`",
-        "description": "One of `:danger`, `:default`, or `:invisible`."
+        "description": "One of `:danger`, `:default`, `:invisible`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",
@@ -12530,6 +12593,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/beta/icon_button/primary",
+        "name": "primary",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/beta/icon_button/danger",
         "name": "danger",

data/static/previews.json

@@ -3264,6 +3264,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/dialog/initally_open",
+        "name": "initally_open",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },
@@ -3969,6 +3982,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/beta/icon_button/primary",
+        "name": "primary",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/beta/icon_button/danger",
         "name": "danger",
@@ -5096,6 +5122,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/overlay/overlay_with_header_filter",
+        "name": "overlay_with_header_filter",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },
@@ -7380,7 +7419,33 @@
       {
         "preview_path": "primer/alpha/underline_panels/default",
         "name": "default",
-        "snapshot": "false",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/underline_panels/with_icons_and_counters",
+        "name": "with_icons_and_counters",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/underline_panels/with_actions",
+        "name": "with_actions",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.25.0
+  version: 0.26.0
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-26 00:00:00.000000000 Z
+date: 2024-04-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -45,14 +45,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 19.8.0
+        version: 19.9.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 19.8.0
+        version: 19.9.0
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -800,6 +800,7 @@ files:
 - previews/primer/alpha/overlay_preview/in_an_action_menu.html.erb
 - previews/primer/alpha/overlay_preview/middle_of_page.html.erb
 - previews/primer/alpha/overlay_preview/middle_of_page_with_relative_container.html.erb
+- previews/primer/alpha/overlay_preview/overlay_with_header_filter.html.erb
 - previews/primer/alpha/radio_button_group_preview.rb
 - previews/primer/alpha/radio_button_preview.rb
 - previews/primer/alpha/segmented_control_preview.rb