polaris_view_components 1.4.0 → 1.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3dc9a731d4c3dc7615b6148d0ac7980afce53a98c9c31dafcc6993e73716ee3c
-  data.tar.gz: c5321641a35f94d11b8a1769e61f65c31156454d1a3d06f223780f9022f9015f
+  metadata.gz: 5c6aa31da0b0163512ef5d0a328ddb584d20b441d53f73dc56e4797d139f7669
+  data.tar.gz: 76fa870720a0aae542d83c5f963dea6d3006e81e246b6fa4acab1ebc4eff8ef8
 SHA512:
-  metadata.gz: aa891ef13f9226354394f89da3896e2c6e42cb7d3b07b1b2076508303a523087ea48945011acf9cd84c7ccea565b2d6f5fb356185eb44dec4997189579a551a1
-  data.tar.gz: 35ebfe95fd139e6979ee622a1c362f08896e462c33ecfdc9c5cef6d2159b4115dbd9d8b8f1792b83399a03ec179e8c654dd4b6270a3172b114a27d1c87170f0c
+  metadata.gz: 0eb65f8ac276abe206b9d29789bfcb0018f8a8dc50db9ae496d15524f02ddd1d63043b4c432aa09fc2b0ffbf22be09f45a4bcd4fa71195d5e0ff61754bab8b29
+  data.tar.gz: 7ee704e3e018b1e6a73a761b1266aa91de3b6aced9f5469a296154f6df24506fd337692123749ca8e91e1f9feedf1f5fafd5da31fc5abecfafbce7e4e6309f65

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

@@ -1,5 +1,7 @@
-<%= polaris_card(sectioned: false, style: "padding-top: 1em; padding-bottom: 1em;") do |card| %>
-  <% items.each do |item| %>
-    <%= item %>
-  <% end %>
+<%= polaris_card(sectioned: false, classes: "NavigationList") do |card| %>
+  <ul>
+    <% items.each do |item| %>
+      <%= item %>
+    <% end %>
+  </ul>
 <% end %>

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
@@ -44,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/components/polaris/text_field_component.rb

@@ -143,10 +143,6 @@ module Polaris
           polaris_text_field_target: "input"
         }
       }
-      if @clear_errors_on_focus
-        append_option(default_options[:data], :action, "focus->polaris-text-field#clearErrorMessages")
-      end
-
       if @type == :number
         default_options.merge!({
           step: @step,
@@ -166,6 +162,9 @@ module Polaris
           "Polaris-TextField--monospaced": @monospaced,
           "Polaris-TextField__Input--suffixed": @suffix.present?
         )
+        if @clear_errors_on_focus
+          prepend_option(opts[:data], :action, "focus->polaris-text-field#clearErrorMessages")
+        end
         prepend_option(opts[:data], :action, "polaris-text-field#syncValue")
       end
     end

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "1.4.0"
+    VERSION = "1.4.2"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 1.4.0
+  version: 1.4.2
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-29 00:00:00.000000000 Z
+date: 2024-01-09 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
@@ -976,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