sdr_view_components 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 20f53928d5e6a766683fd1b7a819ab74c6e84f4de231645236f46be3b44c322b
-  data.tar.gz: 4d49980807bbe8b136182652220ddffa9d43eb001704a5f3deb81bd70c432069
+  metadata.gz: 9a2b7362cc8e33e3efb9056117bdd8b3303cfa9df131f3af3d614b3afe8293d8
+  data.tar.gz: 86178a05243b29b9a6a4bf6e0c4f085ac180f43fed956fecb287b6c81883c52e
 SHA512:
-  metadata.gz: 836ba100594784e315565657e624e65cfceb433bb1af721628d2edaad0787cbab55c765b3e275b9f206eeec1adf79a2e89f74b619024abcd5486147c654a875c
-  data.tar.gz: 72c4838ad811a8ef3f5a7d4f16c33884b7699c31e11d0bc7d3c05ee4c6b5e6ecfb365f36ebaccb1c6f725853cf19948b41fcb173606d57dee348fb00e0f5d7ee
+  metadata.gz: 99eeb9d90b6d7d469aaaa869faa48cc3fa3054c71b25bfefbb96b3eab53c5ae5a6c45c4b4dd79633f46afc4035f83493200b23252b07d6a3588976c1e7c05215
+  data.tar.gz: 25611e8779d1992f4828a3a71a37307e3f4f202acc32d498e179d6eed0609604987b806fd681517574ebe3aa66498c3ac894b5762f751981d33b0acf3d522abb

data/README.md

@@ -1,5 +1,6 @@
 [![CircleCI](https://dl.circleci.com/status-badge/img/gh/sul-dlss/sdr_view_components/tree/main.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/gh/sul-dlss/sdr_view_components/tree/main)
 [![codecov](https://codecov.io/github/sul-dlss/sdr_view_components/graph/badge.svg?token=VGFL92KY3E)](https://codecov.io/github/sul-dlss/sdr_view_components)
+[![Gem Version](https://badge.fury.io/rb/sdr_view_components.svg)](https://badge.fury.io/rb/sdr_view_components)
 
 # SdrViewComponents
 

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">
-      <a class="mb-0 navbar-brand navbar-logo" href="https://library.stanford.edu">Stanford University Libraries</a>
+      <%= 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,45 +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.
-      def initialize(title:, subtitle: nil, variant: :light, background_color: nil)
+      # 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, 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:)
+      def navbar_classes
+        merge_classes('navbars ms-md-auto', VARIANT_NAVBAR_CLASS[variant])
       end
 
-      def subtitle
-        return if @subtitle.blank?
-
-        tag.span @subtitle, class: 'h4 d-block my-1'
-      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.0'
+  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.0
+  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