Extract a shared component that wraps search pagination

app/components/blacklight/response/pagination_component.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag :nav, class: 'pagination', role: 'region', **@html_attr do %>
+  <%= pagination %>
+<% end %>

app/components/blacklight/response/pagination_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Blacklight
+  module Response
+    class PaginationComponent < ::ViewComponent::Base
+      def initialize(response:, html: {}, **pagination_args)
+        @response = response
+        @html_attr = { aria: { label: t('views.pagination.aria.container_label') } }.merge(html)
+        @pagination_args = { outer_window: 2, theme: 'blacklight' }.merge(pagination_args)
+      end
+
+      def pagination
+        @view_context.paginate @response, **@pagination_args
+      end
+    end
+  end
+end

app/helpers/blacklight/configuration_helper_behavior.rb

@@ -188,6 +188,7 @@ def default_sort_field
   # The available options for results per page, in the style of #options_for_select
   def per_page_options_for_select
     return [] if blacklight_config.per_page.blank?
+
     blacklight_config.per_page.map do |count|
       [t(:'blacklight.search.per_page.label', count: count).html_safe, count]
     end

app/views/catalog/_paginate_compact.html.erb

@@ -1,6 +1,6 @@
-<%# Call with a Blacklight::Solr::Response or any other kaminari-compatible collection
-    to render Blacklight's compact pagination info component:
-
-        <%= render :partial => "paginate_compact", :object => @response
--%>
-<%= paginate paginate_compact, :page_entries_info => page_entries_info(paginate_compact), :theme => :blacklight_compact %>
+<%= render Blacklight::Response::PaginationComponent.new(
+  response: paginate_compact,
+  theme: :blacklight_compact,
+  page_entries_info: page_entries_info(paginate_compact),
+  html: { aria: {} })
+%>

app/views/catalog/_results_pagination.html.erb

@@ -1,9 +1,7 @@
 <% if show_pagination? and @response.total_pages > 1 %>
  <div class="row record-padding">
   <div class="col-md-12">
-    <nav class="pagination" role="region" aria-label="<%= t('views.pagination.aria.container_label') %>">
-      <%= paginate @response, :outer_window => 2, :theme => 'blacklight' %>
-    </nav>
+    <%= render Blacklight::Response::PaginationComponent.new(response: @response) %>
   </div>
  </div>
 <% end %>