polaris_view_components 1.3.0 → 1.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 78a6ae16cf340437e15af81ff47953f94b1f391af829678035890d5e990e1beb
-  data.tar.gz: 07b81a71aaea4b0609c5e3479bb531076df8f65fb589f69aab40181029791414
+  metadata.gz: '07659b2a6fedf1e3d426e3e8a33ecbafc0e178d26604015f5deb4746764c42cb'
+  data.tar.gz: 0b78c075f082486d601be0902ae6c3a92641afd5d0261001cd624955011eb31d
 SHA512:
-  metadata.gz: 6ad09a8dc61def4c7fb827d312e19d46b920bb79e804468ca1e9bc5cdac341755ec56ade63230368ff7890fe830d01a7f991116f263e1d03b056a10b9a2c3676
-  data.tar.gz: e503ca46cc74f5c8ed8b87d73b517c3915f82c0147a99385fc58fa4f60a46596399149ca857b9348cbc2037fa5d77c67b12072684c397750833c2442361f681a
+  metadata.gz: a531b52c1a89c77a993d67fdb4c55f176f71fbf91bd7d09705a9ee2e0fda2b0a34c078b05ee42b5c85ff023f2db1995e0646572791bb49911378756ba560f8bc
+  data.tar.gz: be96664525ff3f02851bc178990b53eb982fb30764888aff42e0e5323552297867291cdbca3dc6e40fdfc5cfa1384d13e679267836d80ce1a8759957b1dd54c5

data/app/assets/stylesheets/polaris_view_components/navigation_list_component.pcss

@@ -0,0 +1,14 @@
+.NavigationList {
+  padding-top: var(--p-space-3);
+  padding-bottom: var(--p-space-3);
+
+  ul {
+    margin: 0;
+    padding-inline-start: 0;
+  }
+
+  .Polaris-Navigation__Item {
+    padding-bottom: var(--p-space-1);
+    padding-top: var(--p-space-1);
+  }
+}

data/app/assets/stylesheets/polaris_view_components.css

@@ -3453,6 +3453,18 @@ html[class~="Polaris-Summer-Editions-2023"] .Polaris-VideoThumbnail__Indicator {
   transform: rotate(45deg);
   background-color: var(--p-color-bg);
 }
+.NavigationList {
+  padding-top: var(--p-space-3);
+  padding-bottom: var(--p-space-3);
+}
+.NavigationList ul {
+    margin: 0;
+    padding-inline-start: 0;
+  }
+.NavigationList .Polaris-Navigation__Item {
+    padding-bottom: var(--p-space-1);
+    padding-top: var(--p-space-1);
+  }
 .Polaris--hidden {
   display: none !important;
 }

data/app/assets/stylesheets/polaris_view_components.pcss

@@ -2,4 +2,5 @@
 @import "./polaris_view_components/shopify_navigation.pcss";
 @import "./polaris_view_components/spacer_component.pcss";
 @import "./polaris_view_components/tooltip_component.pcss";
+@import "./polaris_view_components/navigation_list_component.pcss";
 @import "./polaris_view_components/custom.pcss";

data/app/components/polaris/navigation_list_component.html.erb

@@ -0,0 +1,7 @@
+<%= polaris_card(sectioned: false, classes: "NavigationList") do |card| %>
+  <ul>
+    <% items.each do |item| %>
+      <%= item %>
+    <% end %>
+  </ul>
+<% end %>

data/app/components/polaris/navigation_list_component.rb

@@ -0,0 +1,13 @@
+module Polaris
+  class NavigationListComponent < Polaris::Component
+    renders_many :items, Polaris::Navigation::ItemComponent
+
+    def initialize(**system_arguments)
+      @system_arguments = system_arguments
+    end
+
+    def renders?
+      items.any?
+    end
+  end
+end

data/app/components/polaris/page_component.html.erb

@@ -108,12 +108,17 @@
                 <% if has_pagination? %>
                   <div class="Polaris-Page-Header__PaginationWrapper">
                     <nav aria-label="Pagination">
-                      <%= polaris_button_group(segmented: true) do |group| %>
+                      <%= polaris_button_group(segmented: @pagination_label.blank?) do |group| %>
                         <% group.with_item do %>
                           <%= polaris_button(url: @prev_url, outline: true, disabled: @prev_url.blank?) do |button| %>
                             <% button.with_icon(name: "ChevronLeftMinor") %>
                           <% end %>
                         <% end %>
+                        <% if @pagination_label.present? %>
+                          <% group.with_item do %>
+                            <div aria-live="polite"><%= @pagination_label %></div>
+                          <% end %>
+                        <% end %>
                         <% group.with_item do %>
                           <%= polaris_button(url: @next_url, outline: true, disabled: @next_url.blank?) do |button| %>
                             <% button.with_icon(name: "ChevronRightMinor") %>

data/app/components/polaris/page_component.rb

@@ -2,6 +2,8 @@
 
 module Polaris
   class PageComponent < Polaris::Component
+    include ActionView::Helpers::SanitizeHelper
+
     LONG_TITLE = 34
 
     renders_one :title_metadata
@@ -18,6 +20,7 @@ module Polaris
       back_url: nil,
       prev_url: nil,
       next_url: nil,
+      pagination_label: nil,
       narrow_width: false,
       full_width: false,
       divider: false,
@@ -30,6 +33,7 @@ module Polaris
       @back_url = back_url
       @prev_url = prev_url
       @next_url = next_url
+      @pagination_label = pagination_label
       @narrow_width = narrow_width
       @full_width = full_width
       @divider = divider
@@ -42,14 +46,19 @@ module Polaris
         tag: "div",
         classes: class_names(
           "Polaris-Page-Header--mobileView",
-          "Polaris-Page-Header--mediumTitle": @title.present? && @title.length <= LONG_TITLE,
-          "Polaris-Page-Header--longTitle": @title.present? && @title.length > LONG_TITLE,
+          "Polaris-Page-Header--mediumTitle": @title.present? && title_length <= LONG_TITLE,
+          "Polaris-Page-Header--longTitle": @title.present? && title_length > LONG_TITLE,
           "Polaris-Page-Header--hasNavigation": @back_url.present?,
           "Polaris-Page-Header--noBreadcrumbs": @back_url.blank?
         )
       }
     end
 
+    def title_length
+      stripped_title = strip_tags(@title)&.strip
+      stripped_title.present? ? stripped_title.length : 0
+    end
+
     def title_arguments
       {
         tag: "h1",

data/app/helpers/polaris/view_helper.rb

@@ -49,6 +49,7 @@ module Polaris
       modal:                    "Polaris::ModalComponent",
       modal_section:            "Polaris::Modal::SectionComponent",
       navigation:               "Polaris::NavigationComponent",
+      navigation_list:          "Polaris::NavigationListComponent",
       option_list:              "Polaris::OptionListComponent",
       page:                     "Polaris::PageComponent",
       page_actions:             "Polaris::PageActionsComponent",

data/lib/polaris/view_components/engine.rb

@@ -33,10 +33,7 @@ module Polaris
 
       initializer "polaris_view_components.helpers" do
         ActiveSupport.on_load(:action_controller_base) do
-          require "polaris/view_helper"
           helper Polaris::ViewHelper
-
-          require "polaris/url_helper"
           helper Polaris::UrlHelper
         end
       end

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "1.3.0"
+    VERSION = "1.4.1"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 1.3.0
+  version: 1.4.1
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-03 00:00:00.000000000 Z
+date: 2024-01-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -738,6 +738,7 @@ files:
 - app/assets/stylesheets/polaris_view_components.css
 - app/assets/stylesheets/polaris_view_components.pcss
 - app/assets/stylesheets/polaris_view_components/custom.pcss
+- app/assets/stylesheets/polaris_view_components/navigation_list_component.pcss
 - app/assets/stylesheets/polaris_view_components/shopify_navigation.pcss
 - app/assets/stylesheets/polaris_view_components/spacer_component.pcss
 - app/assets/stylesheets/polaris_view_components/tooltip_component.pcss
@@ -860,6 +861,8 @@ files:
 - app/components/polaris/navigation/section_component.rb
 - app/components/polaris/navigation_component.html.erb
 - app/components/polaris/navigation_component.rb
+- app/components/polaris/navigation_list_component.html.erb
+- app/components/polaris/navigation_list_component.rb
 - app/components/polaris/option_list/checkbox_component.html.erb
 - app/components/polaris/option_list/checkbox_component.rb
 - app/components/polaris/option_list/option_component.rb
@@ -974,7 +977,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.18
+rubygems_version: 3.4.22
 signing_key:
 specification_version: 4
 summary: ViewComponents for Polaris Design System