blacklight-spotlight 4.5.0 → 4.6.0

data/app/assets/stylesheets/spotlight/_blacklight_configuration.scss

@@ -11,13 +11,11 @@
       @include edit-in-place-highlighting;
     }
 
-    // the effect of position: relative on table elements is undefined, so put a div in there.
-    // this fix is for Firefox
     .handle-wrap {
-      position: relative;
       padding: 0.75rem 0.75rem 0.75rem 40px;
       margin: 0;
       margin-top: -1px;
+      height: 100%;
     }
 
     .dd3-handle:before {
@@ -77,7 +75,10 @@
   .metadata-select {
     display: inline-block;
     text-wrap: nowrap;
-    min-width: 72px;
+  }
+
+  .select-label {
+    font-weight: normal;
   }
 }
 

data/app/components/spotlight/bulk_action_component.html.erb

@@ -0,0 +1,8 @@
+<div class="dropdown bulk-actions-dropdown">
+  <%= button %>
+  <div class="dropdown-menu" aria-labelledby="bulk-actions-button">
+    <% bulk_actions.each do |key, _config| %>
+      <%= link_to t("spotlight.bulk_actions.#{key}.heading"), '#', class: 'dropdown-item', data: { toggle: "modal", "bs-toggle": "modal", target: "##{key.to_s.dasherize}-modal", "bs-target": "##{key.to_s.dasherize}-modal" } %>
+    <% end %>
+  </div>
+</div>

data/app/components/spotlight/bulk_action_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Spotlight
+  # Displays the "Bulk actions" button and dropdown
+  class BulkActionComponent < ViewComponent::Base
+    def initialize(bulk_actions:, button_classes: 'btn btn-secondary dropdown-toggle')
+      @bulk_actions = bulk_actions
+      @button_classes = button_classes
+      super
+    end
+
+    attr_reader :button_classes, :bulk_actions
+
+    def button
+      button_tag t(:'spotlight.bulk_actions.label'), id: 'bulk-actions-button', class: button_classes,
+                                                     data: { toggle: 'dropdown', 'bs-toggle': 'dropdown' },
+                                                     aria: { haspopup: true, expanded: false }
+    end
+  end
+end

data/app/components/spotlight/header_navigation_link_component.html.erb

@@ -0,0 +1 @@
+  <li class="nav-item <%= "active" if @active %>"><%= link_to @label, @path, class: 'nav-link' %></li>

data/app/components/spotlight/header_navigation_link_component.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Spotlight
+  # This draws a navigation link in the header.
+  # A downstream application may switch out the implementation to use different styles, etc.
+  class HeaderNavigationLinkComponent < ViewComponent::Base
+    def initialize(path:, active:, label:)
+      @path = path
+      @active = active
+      @label = label
+      super
+    end
+  end
+end

data/app/components/spotlight/save_search_component.html.erb

@@ -0,0 +1,25 @@
+<%= button %>
+<div class="modal fade" id="save-modal" tabindex="-1" role="dialog" aria-labelledby="save-modal-label" aria-hidden="true">
+  <div class="modal-dialog">
+  <%= bootstrap_form_for form_path, html: { novalidate: true } do |f| %>
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title" id="save-modal-label"><%= t(:'spotlight.saved_search.label') %></h4>
+        <button type="button" class="blacklight-modal-close close btn-close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="<%= t('blacklight.modal.close') %>">
+          <span aria-hidden="true" class="visually-hidden">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <%= f.text_field :title, label: t(:'spotlight.saved_search.title') %>
+        <%= label_tag :id, t(:'spotlight.saved_search.id'), class: 'col-form-label' %>
+        <%= select_tag :id, options_for_select(searches.map { |s| [s.full_title, s.id] }), include_blank: true, class: 'form-control' %>
+        <%= render Blacklight::HiddenSearchStateComponent.new(params: search_state.params_for_search.except(:qt, :page)) %>
+      </div>
+      <div class="modal-footer d-flex flex-row-reverse justify-content-start">
+        <%= f.submit nil, class: 'btn btn-primary' %>
+        <button type="button" class="btn btn-link" data-dismiss="modal" data-bs-dismiss="modal"><%= t :cancel %></button>
+      </div>
+    </div>
+    <% end %>
+  </div>
+</div>

data/app/components/spotlight/save_search_component.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module Spotlight
+  # Displays the "Save this search" button and modal
+  class SaveSearchComponent < ViewComponent::Base
+    def initialize(button_classes: 'btn btn-secondary')
+      @button_classes = button_classes
+      super
+    end
+
+    attr_reader :button_classes
+
+    delegate :search_state, :current_exhibit, to: :helpers
+    delegate :searches, to: :current_exhibit
+
+    def button
+      button_tag t(:'spotlight.saved_search.label'), id: 'save-this-search', class: button_classes,
+                                                     data: { toggle: 'modal', 'bs-toggle': 'modal', target: '#save-modal', 'bs-target': '#save-modal' }
+    end
+
+    def form_path
+      [helpers.spotlight, current_exhibit, Spotlight::Search.new]
+    end
+  end
+end

data/app/components/spotlight/translations/subheading_component.html.erb

@@ -0,0 +1,3 @@
+<h2 class='translation-subheading mt-4'>
+  <%= text %>
+</h2>

data/app/components/spotlight/translations/subheading_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Spotlight
+  module Translations
+    # Draws a sub-heading for a translation.
+    class SubheadingComponent < ViewComponent::Base
+      def initialize(key:)
+        @key = key
+        super
+      end
+
+      def text
+        t(@key, scope: 'spotlight.translations')
+      end
+    end
+  end
+end

data/app/controllers/spotlight/accessibility_controller.rb

@@ -8,11 +8,9 @@ module Spotlight
     load_and_authorize_resource :exhibit, class: Spotlight::Exhibit
 
     def alt_text
-      @limit = 5
       # Sort by newest except for the homepage, which is always first
       pages_with_alt = @exhibit.pages.order(Arel.sql('id = 1 DESC, created_at DESC')).select { |elem| elem.content.any?(&:alt_text?) }
-      pages = params[:show_all] ? pages_with_alt : pages_with_alt.first(@limit)
-      @pages = pages.map { |page| get_alt_info(page) }
+      @pages = pages_with_alt.map { |page| get_alt_info(page) }
       @has_alt_text = @pages.sum { |page| page[:has_alt_text] }
       @total_alt_items = @pages.sum { |page| page[:can_have_alt_text] }
 

data/app/helpers/spotlight/application_helper.rb

@@ -124,14 +124,13 @@ module Spotlight
       end.keys.map(&:to_s)
     end
 
-    def select_deselect_button
-      button_tag(
-        t(:'.deselect_all'),
-        class: 'btn btn-secondary btn-sm metadata-select',
+    # Create checkbox for selecting/deselecting metadata fields for a given view in metadata configuration
+    def select_deselect_action(id)
+      check_box_tag(
+        id,
+        class: 'metadata-select',
         data: {
-          behavior: 'metadata-select',
-          'deselect-text' => t(:'.deselect_all'),
-          'select-text' => t(:'.select_all')
+          behavior: 'metadata-select'
         }
       )
     end

data/app/helpers/spotlight/main_app_helpers.rb

@@ -46,7 +46,7 @@ module Spotlight
       if current_exhibit_theme && current_exhibit&.theme != 'default'
         stylesheet_link_tag "#{tag}_#{current_exhibit_theme}"
       else
-        Rails.logger.warn "Exhibit theme '#{current_exhibit_theme}' not in the list of available themes: #{current_exhibit&.themes}"
+        Rails.logger.debug { "Exhibit theme '#{current_exhibit_theme}' not in the list of available themes: #{current_exhibit&.themes}" }
         stylesheet_link_tag(tag)
       end
     end

data/app/javascript/spotlight/admin/blacklight_configuration.js

@@ -1,53 +1,50 @@
 export default class {
   connect() {
-    // Add Select/Deselect all button behavior
+    // Add Select/Deselect all input behavior
     this.addCheckboxToggleBehavior();
     this.addEnableToggleBehavior();
   }
   
-  // Add Select/Deselect all button behavior
+  // Add Select/Deselect all behavior for metadata field names for a given view e.g. Item details. 
   addCheckboxToggleBehavior() {
     $("[data-behavior='metadata-select']").each(function(){
-      var button = $(this)
-      var parentCell = button.parents("th");
+      var selectCheckbox = $(this);
+      var parentCell = selectCheckbox.parents("th");
       var table = parentCell.closest("table");
       var columnRows = $("tr td:nth-child(" + (parentCell.index() + 1) + ")", table);
       var checkboxes = $("input[type='checkbox']", columnRows);
-      swapSelectAllButtonText(button, columnRows);
-      // Add the check/uncheck behavior to the button
-      // and swap the button text if necessary
-      button.on('click', function(e){
-        e.preventDefault();
+      updateSelectAllInput(selectCheckbox, columnRows);
+      // Add the check/uncheck behavior to the select/deselect all checkbox
+      selectCheckbox.on('click', function(e){
         var allChecked = allCheckboxesChecked(columnRows);
         columnRows.each(function(){
           $("input[type='checkbox']", $(this)).prop('checked', !allChecked);
-          swapSelectAllButtonText(button, columnRows);
         });
       });
-      // Swap button text when a checkbox value changes
+      // When a single checkbox is selected/unselected, the "All" checkbox should be updated accordingly.
       checkboxes.each(function(){
         $(this).on('change', function(){
-          swapSelectAllButtonText(button, columnRows);
+          updateSelectAllInput(selectCheckbox, columnRows);
         });
-      });
+      }); 
     });
+
     // Check number of checkboxes against the number of checked
     // checkboxes to determine if all of them are checked or not
     function allCheckboxesChecked(elements) {
       return ($("input[type='checkbox']", elements).length == $("input[type='checkbox']:checked", elements).length)
     }
-    // Swap the button text to "Deselect all"
-    // when all the checkboxes are checked and
-    // "Select all" when any are unchecked
-    function swapSelectAllButtonText(button, elements) {
+
+    // Check or uncheck the "All" checkbox for each view column, e.g. Item details, List, etc.
+    function updateSelectAllInput(checkbox, elements) {
       if ( allCheckboxesChecked(elements) ) {
-        button.text(button.data('deselect-text'));
+        checkbox.prop('checked', true);
       } else {
-        button.text(button.data('select-text'));
+        checkbox.prop('checked', false);
       }
     }
   }
-
+    
   addEnableToggleBehavior() {
     $("[data-behavior='enable-feature']").each(function(){
       var checkbox = $(this);
@@ -62,4 +59,4 @@ export default class {
       });
     });
   }
-}
+}

data/app/javascript/spotlight/admin/blocks/uploaded_items_block.js

@@ -137,8 +137,8 @@ SirTrevor.Blocks.UploadedItems = (function(){
           </div>
           <div class="col-md-4">
             <input name="${this.zpr_key}" type="hidden" value="false" />
-            <input name="${this.zpr_key}" id="${this.formId(this.zpr_key)}" data-key=${this.zpr_key}" type="checkbox" value="true" />
-            <label for="${this.formId(this.zpr_key)}">${ i18n.t("blocks:solr_documents:zpr:title")}</label>
+            <input name="${this.zpr_key}" id="${this.formId(this.zpr_key)}" data-key="${this.zpr_key}" type="checkbox" value="true" />
+            <label for="${this.formId(this.zpr_key)}">${i18n.t("blocks:solr_documents:zpr:title")}</label>
           </div>
         </div>
         ${this.text_area()}

data/app/models/spotlight/page_configurations.rb

@@ -40,7 +40,8 @@ module Spotlight
         'autocomplete-exhibit-pages-path': page_autocomplete_endpoint,
         'autocomplete-exhibit-browse-groups-path': browse_groups_autocomplete_endpoint,
         'autocomplete-exhibit-searches-path': search_autocomplete_endpoint,
-        'preview-url': page_preview_url
+        'preview-url': page_preview_url,
+        'exhibit-path': spotlight.exhibit_path(current_exhibit)
       }.merge(downstream_parameters)
     end
 

data/app/views/catalog/_bulk_actions.html.erb

@@ -1,12 +1,3 @@
-<div class="dropdown bulk-actions-dropdown">
-  <button class="btn btn-secondary dropdown-toggle" type="button" id="bulk-actions-button" data-toggle="dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <%= t(:'spotlight.bulk_actions.label') %>
-  </button>
-  <div class="dropdown-menu" aria-labelledby="bulk-actions-button">
-    <% blacklight_config.bulk_actions.each do |key, _config| %>
-      <%= link_to t("spotlight.bulk_actions.#{key}.heading"), '#', class: 'dropdown-item', data: { toggle: "modal", "bs-toggle": "modal", target: "##{key.to_s.dasherize}-modal", "bs-target": "##{key.to_s.dasherize}-modal" } %>
-    <% end %>
-  </div>
-</div>
+<%= render Spotlight::BulkActionComponent.new(bulk_actions: blacklight_config.bulk_actions) %>
 
 <%= render_filtered_partials(blacklight_config.bulk_actions) %>

data/app/views/catalog/_save_search.html.erb

@@ -1,25 +1 @@
-<%= button_tag t(:'spotlight.saved_search.label'), id: "save-this-search", class: 'btn btn-secondary',  data: { toggle: "modal", "bs-toggle": "modal", target: "#save-modal", "bs-target": "#save-modal" } %>
-<div class="modal fade" id="save-modal" tabindex="-1" role="dialog" aria-labelledby="save-modal-label" aria-hidden="true">
-  <div class="modal-dialog">
-  <%= bootstrap_form_for [spotlight, current_exhibit, Spotlight::Search.new], html: { novalidate: true } do |f| %>
-    <div class="modal-content">
-      <div class="modal-header">
-        <h4 class="modal-title" id="save-modal-label"><%= t(:'spotlight.saved_search.label') %></h4>
-        <button type="button" class="blacklight-modal-close close btn-close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="<%= t('blacklight.modal.close') %>">
-          <span aria-hidden="true" class="visually-hidden">&times;</span>
-        </button>
-      </div>
-      <div class="modal-body">
-        <%= f.text_field :title, label: t(:'spotlight.saved_search.title') %>
-        <%= label_tag :id, t(:'spotlight.saved_search.id'), class: 'col-form-label' %>
-        <%= select_tag :id, options_for_select(current_exhibit.searches.map { |s| [s.full_title, s.id] }), include_blank: true, class: 'form-control' %>
-        <%= render Blacklight::HiddenSearchStateComponent.new(params: search_state.params_for_search.except(:qt, :page)) %>
-      </div>
-      <div class="modal-footer d-flex flex-row-reverse justify-content-start">
-        <%= f.submit nil, class: 'btn btn-primary' %>
-        <button type="button" class="btn btn-link" data-dismiss="modal" data-bs-dismiss="modal"><%= t :cancel %></button>
-      </div>
-    </div>
-    <% end %>
-  </div>
-</div>
+<%= render Spotlight::SaveSearchComponent.new %>

data/app/views/shared/_about_navbar.html.erb

@@ -1,3 +1,3 @@
 <% if current_exhibit.main_about_page %>
-  <li class="nav-item <%= "active" if on_about_page? %>"><%= link_to navigation.label_or_default, [spotlight, current_exhibit, current_exhibit.main_about_page], class: 'nav-link' %></li>
+  <%= render Spotlight::Engine.config.spotlight.header_navigation_link_component.new(active: on_about_page?, label: navigation.label_or_default, path: [spotlight, current_exhibit, current_exhibit.main_about_page]) %>
 <% end %>

data/app/views/shared/_browse_navbar.html.erb

@@ -1,3 +1,3 @@
 <% if current_exhibit.browse_categories? %>
-  <li class="nav-item <%= "active" if on_browse_page? %>"><%= link_to navigation.label_or_default, spotlight.exhibit_browse_index_path(current_exhibit), class: 'nav-link' %></li>
+  <%= render Spotlight::Engine.config.spotlight.header_navigation_link_component.new(active: on_browse_page?, label: navigation.label_or_default, path: spotlight.exhibit_browse_index_path(current_exhibit)) %>
 <% end %>

data/app/views/shared/_curated_features_navbar.html.erb

@@ -10,6 +10,9 @@
       </ul>
     </li>
   <% else %>
-    <li class="nav-item <%= "active" if current_page?(url_for([spotlight, published_top_level_feature_pages.first.exhibit, published_top_level_feature_pages.first])) %>"><%= link_to published_top_level_feature_pages.first.title, [spotlight, published_top_level_feature_pages.first.exhibit, published_top_level_feature_pages.first], class: 'nav-link' %></li>
+    <%= render Spotlight::Engine.config.spotlight.header_navigation_link_component.new(active: current_page?(url_for([spotlight, published_top_level_feature_pages.first.exhibit, published_top_level_feature_pages.first])),
+                                                              label: published_top_level_feature_pages.first.title,
+                                                              path: [spotlight, published_top_level_feature_pages.first.exhibit, published_top_level_feature_pages.first]) %>
+
   <% end %>
 <% end %>

data/app/views/spotlight/accessibility/alt_text.html.erb

@@ -55,10 +55,4 @@
       </tr>
     <% end %>
   </tbody>
-</table>
-
-<% unless params[:show_all] || @pages.length < @limit %>
-  <%= link_to '?show_all=true', class: 'ml-3' do %>
-    Show all<%= blacklight_icon('chevron_right') %>
-  <% end %>
-<% end %>
+</table>

data/app/views/spotlight/admin_users/index.html.erb

@@ -53,7 +53,7 @@
   <div class="mb-4">
     <h3 class="instructions"><%= t :'.admins_curators' %></h3>
     <div id="admins_curators" class="card card-body bg-light">
-      <div class='btn-toolbar float-right float-end'>
+      <div class='btn-toolbar float-right align-self-end'>
         <button class="btn btn-sm btn-secondary copy-email-addresses" data-clipboard-target="#admins_curators">
             <%= t('.copy') %>
         </button>
@@ -87,7 +87,7 @@
                       data: { method: :delete, turbo_method: :delete },
                       class: 'btn btn-sm btn-danger') unless user == current_user %>
               <% else %>
-                <%= link_to(t('.update'), admin_user_path(user), 
+                <%= link_to(t('.update'), admin_user_path(user),
                       data: { method: :patch, turbo_method: :patch },
                       class: 'btn btn-sm btn-secondary') %>
               <% end %>

data/app/views/spotlight/metadata_configurations/edit.html.erb

@@ -16,14 +16,24 @@
             <div>
               <%= t :'.view.show' %>
             </div>
-            <%= select_deselect_button %>
+            <div class="text-center">
+              <%= label_tag 'item_details', class: 'select-label'  do %>
+                <%= select_deselect_action(t :'.view.select_id') %>
+                <%= t(:'.select_all') %>
+              <% end %>
+            </div>
           </th>
           <% available_view_fields.keys.each do |type| %>
             <th class="text-center">
               <div>
                 <%= t :".view.#{type}", default: t("blacklight.search.view.#{type}", default: type.to_s.humanize.titleize) %>
               </div>
-              <%= select_deselect_button %>
+              <div class="text-center">
+                <%= label_tag t(:'.deselect_all') + type.to_s, class: 'select-label'  do %>
+                  <%= select_deselect_action(t(:'.deselect_all') + type.to_s) %>
+                  <%= t(:'.select_all') %>
+                <% end %>
+              </div>
             </th>
           <% end %>
           <th class="text-center"><%= t :'.type_label' %></th>

data/app/views/spotlight/translations/_general.html.erb

@@ -4,9 +4,7 @@
     <%= hidden_field_tag :language, @language %>
 
     <div class='translation-basic-settings'>
-      <h2 class='translation-subheading'>
-        <%= t('.basic_settings.label') %>
-      </h2>
+      <%= render Spotlight::Translations::SubheadingComponent.new(key: 'general.basic_settings.label') %>
 
       <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{current_exhibit.slug}.title", locale: @language) %>
       <%= f.fields_for :translations, translation do |translation_fields| %>
@@ -73,9 +71,7 @@
       <% end %>
     </div>
     <div class='translation-main-menu'>
-      <h2 class='translation-subheading'>
-        <%= t('.main_menu.label') %>
-      </h2>
+      <%= render Spotlight::Translations::SubheadingComponent.new(key: 'general.main_menu.label') %>
 
       <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "spotlight.curation.nav.home", locale: @language) %>
       <%= f.fields_for :translations, translation do |translation_fields| %>

data/app/views/spotlight/translations/_metadata.html.erb

@@ -31,9 +31,7 @@
 
     <% if current_exhibit.custom_fields.any? %>
       <div class='translation-exhibit-specific-fields'>
-        <h2 class='translation-subheading'>
-          <%= t('.exhibit_specific_fields.label') %>
-        </h2>
+        <%= render Spotlight::Translations::SubheadingComponent.new(key: 'metadata.exhibit_specific_fields.label') %>
 
         <% current_exhibit.custom_fields.each do |custom_field| %>
           <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.#{custom_field.field}", locale: @language) %>

data/app/views/spotlight/translations/_pages.html.erb

@@ -3,17 +3,14 @@
 
   <%= bootstrap_form_for @exhibit, url: polymorphic_path([:update_all, @exhibit, :pages]), layout: :horizontal, control_col: 'col-sm-10', html: {:'data-form-observer' => true} do |f| %>
     <div class="translation-home-page-settings">
-      <h2 class="translation-subheading">
-        <%= t('.home_page.label') %>
-      </h2>
+      <%= render Spotlight::Translations::SubheadingComponent.new(key: 'pages.home_page.label') %>
+
       <%= render 'pages_table', pages: [current_exhibit.home_page], f: f %>
     </div>
 
     <% if current_exhibit.feature_pages.any? %>
       <div class="translation-feature-page-settings">
-        <h2 class="translation-subheading">
-          <%= t('.feature_pages.label') %>
-        </h2>
+        <%= render Spotlight::Translations::SubheadingComponent.new(key: 'pages.feature_pages.label') %>
 
         <%= render 'pages_table', pages: current_exhibit.feature_pages.for_default_locale, f: f %>
       </div>
@@ -21,9 +18,7 @@
 
     <% if current_exhibit.about_pages.any? %>
       <div class="translation-about-page-settings">
-        <h2 class="translation-subheading">
-          <%= t('.about_pages.label') %>
-        </h2>
+        <%= render Spotlight::Translations::SubheadingComponent.new(key: 'pages.about_pages.label') %>
 
         <%= render 'pages_table', pages: current_exhibit.about_pages.for_default_locale, f: f %>
       </div>

data/app/views/spotlight/translations/_search_fields.html.erb

@@ -5,9 +5,7 @@
     <%= hidden_field_tag :tab, 'search_fields', id: nil %>
 
     <div class='translation-field-based-search-fields'>
-      <h2 class='translation-subheading'>
-        <%= t('.field_based_search_fields.label') %>
-      </h2>
+      <%= render Spotlight::Translations::SubheadingComponent.new(key: 'search_fields.field_based_search_fields.label') %>
 
       <% current_exhibit.blacklight_config.search_fields.select { |_, config| config.if }.each do |key, search_config| %>
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.search.#{key}", locale: @language) %>
@@ -35,9 +33,7 @@
     </div>
 
     <div class='translation-facet-fields'>
-      <h2 class='translation-subheading'>
-        <%= t('.facet_fields.label') %>
-      </h2>
+      <%= render Spotlight::Translations::SubheadingComponent.new(key: 'search_fields.facet_fields.label') %>
 
       <% current_exhibit.blacklight_config.facet_fields.each do |key, facet_config| %>
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.facet.#{key}", locale: @language) %>
@@ -65,9 +61,7 @@
     </div>
 
     <div class='translation-sort-fields'>
-      <h2 class='translation-subheading'>
-        <%= t('.sort_fields.label') %>
-      </h2>
+      <%= render Spotlight::Translations::SubheadingComponent.new(key: 'search_fields.sort_fields.label') %>
 
       <% current_exhibit.blacklight_config.sort_fields.each do |key, sort_config| %>
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.sort.#{key}", locale: @language) %>

data/config/locales/spotlight.en.yml

@@ -720,7 +720,7 @@ en:
         header: Metadata
         instructions: Select metadata fields to display on each type of page. Select a field name to edit its display label. Drag and drop fields to specify the order in which they are displayed.
         order_header: Display and order metadata fields
-        select_all: Select all
+        select_all: All
         type_label: Type
         view:
           show: Item details

data/lib/generators/spotlight/templates/spotlight.scss

@@ -1,5 +1,4 @@
 @import 'bootstrap-tagsinput';
-@import 'spotlight/variables_bootstrap';
 @import 'bootstrap';
 @import 'sir-trevor/main';
 @import 'leaflet';

data/lib/spotlight/engine.rb

@@ -188,6 +188,13 @@ module Spotlight
       end
     end
 
+    initializer 'components.initialize' do
+      ActiveSupport::Reloader.to_prepare do
+        Spotlight::Engine.config.spotlight = OpenStruct.new
+        Spotlight::Engine.config.spotlight.header_navigation_link_component = Spotlight::HeaderNavigationLinkComponent
+      end
+    end
+
     # After creating a property for your site on Google Analytics, you need to:
     # a) Enable Google Analytics API in https://console.cloud.google.com/
     # b) generate and download the JSON key and make it accessible to your application

data/lib/spotlight/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Spotlight
-  VERSION = '4.5.0'
+  VERSION = '4.6.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: blacklight-spotlight
 version: !ruby/object:Gem::Version
-  version: 4.5.0
+  version: 4.6.0
 platform: ruby
 authors:
 - Chris Beer
@@ -11,7 +11,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-12-04 00:00:00.000000000 Z
+date: 2024-12-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activejob-status
@@ -897,7 +897,6 @@ files:
 - app/assets/stylesheets/spotlight/_uploaded_items_block.scss
 - app/assets/stylesheets/spotlight/_utilities.scss
 - app/assets/stylesheets/spotlight/_variables.scss
-- app/assets/stylesheets/spotlight/_variables_bootstrap.scss
 - app/assets/stylesheets/spotlight/_view_larger.scss
 - app/assets/stylesheets/spotlight/browse_group_categories_block.scss
 - app/assets/stylesheets/spotlight/typeahead.scss
@@ -922,6 +921,8 @@ files:
 - app/components/spotlight/analytics/dashboard_component.rb
 - app/components/spotlight/breadcrumbs_component.html.erb
 - app/components/spotlight/breadcrumbs_component.rb
+- app/components/spotlight/bulk_action_component.html.erb
+- app/components/spotlight/bulk_action_component.rb
 - app/components/spotlight/document_admin_table_component.html.erb
 - app/components/spotlight/document_admin_table_component.rb
 - app/components/spotlight/document_component.rb
@@ -931,11 +932,17 @@ files:
 - app/components/spotlight/exhibit_navbar_component.rb
 - app/components/spotlight/header_component.html.erb
 - app/components/spotlight/header_component.rb
+- app/components/spotlight/header_navigation_link_component.html.erb
+- app/components/spotlight/header_navigation_link_component.rb
 - app/components/spotlight/icon_component.rb
+- app/components/spotlight/save_search_component.html.erb
+- app/components/spotlight/save_search_component.rb
 - app/components/spotlight/solr_document_legacy_embed_component.html.erb
 - app/components/spotlight/solr_document_legacy_embed_component.rb
 - app/components/spotlight/tag_list_form_component.html.erb
 - app/components/spotlight/tag_list_form_component.rb
+- app/components/spotlight/translations/subheading_component.html.erb
+- app/components/spotlight/translations/subheading_component.rb
 - app/controllers/concerns/spotlight/base.rb
 - app/controllers/concerns/spotlight/catalog.rb
 - app/controllers/concerns/spotlight/config.rb

data/app/assets/stylesheets/spotlight/_variables_bootstrap.scss

@@ -1,7 +0,0 @@
-// $font-size-base: 14px;
-// $h1-font-size:            floor(($font-size-base * 2.15)) !default; // ~30px
-// $h2-font-size:            floor(($font-size-base * 1.7)) !default; // ~24px
-// $h3-font-size:            ceil(($font-size-base * 1.53)) !default; // ~201px
-// $h4-font-size:            ceil(($font-size-base * 1.21)) !default; // ~17px
-// $h5-font-size:            $font-size-base !default;
-// $h6-font-size:            ceil(($font-size-base * 0.85)) !default; // ~12px