sdr_view_components 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4ac91a62d7a33a057d3a621746ccee8adaab77874f94b7b62935ab4c5488842c
-  data.tar.gz: 7172541d5716edfcceff221b76e7e1c8a18242aca71e29c0a79bec66e1a9af4e
+  metadata.gz: 9a2b7362cc8e33e3efb9056117bdd8b3303cfa9df131f3af3d614b3afe8293d8
+  data.tar.gz: 86178a05243b29b9a6a4bf6e0c4f085ac180f43fed956fecb287b6c81883c52e
 SHA512:
-  metadata.gz: 3917b95574028622292e422422c4d04a21377f53e7dfd9449b6a0776642a971e335b767c6e43873a1807c2b9764d2127ad522a14c6d4d3ef42e8a568dbbde308
-  data.tar.gz: 8ef66752e994fee74e81a05ac2798058f18d1efbfb13b4855ec611a1655b28755181d9ac5fb73427984d551dc76466ca24c938f33e133e65bd31c7e910420c15
+  metadata.gz: 99eeb9d90b6d7d469aaaa869faa48cc3fa3054c71b25bfefbb96b3eab53c5ae5a6c45c4b4dd79633f46afc4035f83493200b23252b07d6a3588976c1e7c05215
+  data.tar.gz: 25611e8779d1992f4828a3a71a37307e3f4f202acc32d498e179d6eed0609604987b806fd681517574ebe3aa66498c3ac894b5762f751981d33b0acf3d522abb

data/app/components/sdr_view_components/structure/header_component.html.erb

@@ -1,4 +1,4 @@
-<%= style_override %>
+<%= render style_override_component %>
 
 <header>
   <div class="identity-bar">
@@ -6,9 +6,9 @@
       <a class="su-brand-bar__logo" href="https://www.stanford.edu">Stanford University</a>
     </div>
   </div>
-  <%= tag.nav class: navbar_classes do %>
+  <%= tag.nav class: collapsible_navbar_classes do %>
     <div class="container">
-      <%= sul_logo %>
+      <%= render SdrViewComponents::Structure::HeaderSulLogoComponent.new(sul_logo:) %>
       <button
         class="navbar-toggler navbar-toggler-right collapsed"
         type="button"
@@ -35,30 +35,30 @@
     <div class="container">
       <div class="d-flex flex-wrap align-items-end pt-3 pb-1 pb-md-3 gap-2">
         <div class="d-flex align-items-end gap-2 flex-grow-1">
-          <span class="rosette-logo me-1 align-self-start flex-shrink-0" aria-hidden></span>
+          <%= render SdrViewComponents::Structure::HeaderRosetteComponent.new if rosette %>
           <div class="me-1 flex-grow-1">
-            <%= title %>
-            <%= subtitle %>
+            <%= render SdrViewComponents::Structure::HeaderTitleComponent.new(title:) %>
+            <%= render SdrViewComponents::Structure::HeaderSubtitleComponent.new(subtitle:) %>
           </div>
         </div>
-        <div class="<%= navbar_classes %> ms-md-auto">
+        <%= tag.div class: navbar_classes do %>
           <nav class="collapse navbar-collapse align-items-start justify-content-md-end navbar-expand-md d-md-flex flex-column flex-md-row" aria-label="browse" id="user-util-collapse">
             <% if secondary_navigation_links.any? %>
-              <hr class="d-md-none vw-100 my-0">
+              <hr class="d-md-none text-white vw-100 my-0">
               <ul class="navbar-nav justify-content-md-end gap-0 gap-md-4 w-100 fw-semibold">
                 <% secondary_navigation_links.each do |link| %>
                   <%= link %>
                 <% end %>
               </ul>
             <% end %>
-            <hr class="d-md-none vw-100 my-0">
+            <hr class="d-md-none text-white vw-100 my-0">
             <ul class="navbar-nav d-md-none gap-0 w-100">
               <% primary_navigation_links.each do |link| %>
                 <%= link %>
               <% end %>
             </ul>
           </nav>
-        </div>
+        <% end %>
       </div>
     </div>
   <% end %>

data/app/components/sdr_view_components/structure/header_component.rb

@@ -18,53 +18,41 @@ module SdrViewComponents
         dark: 'bg-dark sky-dark'
       }.freeze
 
-      # param title [String] The main application title text.
+      # param title [String] The main application title text (Required).
       # param subtitle [String, nil] An optional subtitle text.
       # param variant [Symbol] One of :light, :dark, :white - determines color scheme.
       # param background_color [String, nil] Optional RGB color value for background (i.e. '1, 104, 149').
       #                                      Used only when variant is :dark.
+      # param rosette [Boolean] Whether to show the rosette logo.
       # param sul_logo [String, nil] Optional URL for SUL logo image. (polychrome, stacked-lg, stacked-mobile)
-      def initialize(title:, subtitle: nil, variant: :light, background_color: nil, sul_logo: nil)
+      def initialize(title:, subtitle: nil, variant: :light, background_color: nil, rosette: true, sul_logo: nil) # rubocop:disable Metrics/ParameterLists
         @title = title
         @subtitle = subtitle
         @variant = variant
         @background_color = background_color
+        @rosette = rosette
         @sul_logo = sul_logo
         super()
       end
 
-      attr_reader :variant, :background_color
+      attr_reader :background_color, :rosette, :subtitle, :sul_logo, :title, :variant
 
       def masthead_classes
         merge_classes('masthead', VARIANT_MASTHEAD_CLASS[variant])
       end
 
-      def navbar_classes
+      def collapsible_navbar_classes
         merge_classes('navbar navbar-expand-md', VARIANT_NAVBAR_CLASS[variant])
       end
 
-      def style_override
-        return render SdrViewComponents::Structure::StyleOverrideLightComponent.new unless variant == :dark
-
-        render SdrViewComponents::Structure::StyleOverrideDarkComponent.new(background_color:)
-      end
-
-      def subtitle
-        return if @subtitle.blank?
-
-        tag.span @subtitle, class: 'h4 d-block my-1'
+      def navbar_classes
+        merge_classes('navbars ms-md-auto', VARIANT_NAVBAR_CLASS[variant])
       end
 
-      def sul_logo
-        logo_classes = merge_classes('mb-0 navbar-brand navbar-logo', @sul_logo)
-
-        link_to 'Stanford University Libraries', 'https://library.stanford.edu', class: logo_classes
-      end
+      def style_override_component
+        return SdrViewComponents::Structure::StyleOverrideLightComponent.new unless variant == :dark
 
-      def title
-        tag.div(class: 'h1 my-0') do
-          link_to @title, '/'
-        end
+        SdrViewComponents::Structure::StyleOverrideDarkComponent.new(background_color:)
       end
     end
   end

data/app/components/sdr_view_components/structure/header_rosette_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Structure
+    # Component for rendering page header rosette logo.
+    class HeaderRosetteComponent < BaseComponent
+      # Render the SUL Rosette logo in the header.
+      def call
+        tag.span class: 'rosette-logo me-1 align-self-start flex-shrink-0', aria: { hidden: 'true' }
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/structure/header_subtitle_component.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Structure
+    # Component for rendering page header subtitle.
+    class HeaderSubtitleComponent < BaseComponent
+      # param subtitle [String] Subtitle text.
+      def initialize(subtitle:)
+        @subtitle = subtitle
+        super()
+      end
+
+      def call
+        tag.span @subtitle, class: 'h4 d-block my-1'
+      end
+
+      def render?
+        @subtitle.present?
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/structure/header_sul_logo_component.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Structure
+    # Component for rendering page header sul logo.
+    class HeaderSulLogoComponent < BaseComponent
+      # param sul_logo [String, nil] Optional class for SUL logo image. (polychrome, stacked-lg, stacked-mobile)
+      def initialize(sul_logo: nil)
+        @sul_logo = sul_logo
+        super()
+      end
+
+      def call
+        link_to 'Stanford University Libraries', 'https://library.stanford.edu', class: logo_classes
+      end
+
+      private
+
+      def logo_classes
+        merge_classes('mb-0 navbar-brand navbar-logo', @sul_logo)
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/structure/header_title_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Structure
+    # Component for rendering page header title.
+    class HeaderTitleComponent < BaseComponent
+      # param title [String] Header title text - Required.
+      def initialize(title:)
+        @title = title
+        super()
+      end
+
+      def call
+        tag.div(class: 'h1 my-0') do
+          link_to @title, '/'
+        end
+      end
+    end
+  end
+end

data/lib/sdr_view_components/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module SdrViewComponents
-  VERSION = '0.1.1'
+  VERSION = '0.1.2'
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: sdr_view_components
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Aaron Collier
 bindir: bin
 cert_chain: []
-date: 2025-12-04 00:00:00.000000000 Z
+date: 2025-12-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -107,6 +107,10 @@ files:
 - app/components/sdr_view_components/structure/footer_component.rb
 - app/components/sdr_view_components/structure/header_component.html.erb
 - app/components/sdr_view_components/structure/header_component.rb
+- app/components/sdr_view_components/structure/header_rosette_component.rb
+- app/components/sdr_view_components/structure/header_subtitle_component.rb
+- app/components/sdr_view_components/structure/header_sul_logo_component.rb
+- app/components/sdr_view_components/structure/header_title_component.rb
 - app/components/sdr_view_components/structure/style_override_dark_component.html.erb
 - app/components/sdr_view_components/structure/style_override_dark_component.rb
 - app/components/sdr_view_components/structure/style_override_light_component.html.erb