polaris_view_components 2.3.1 → 2.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fdb98f6ed98609f4a712c5b0c9711e7f8d01e4d3e4478929942e0dc50a97eb96
-  data.tar.gz: 67f60966dccce50b528834d4ec3cb220af8bab8422c9a0902975875445abff94
+  metadata.gz: afe73c510dcccbc175a32899246cbc0086d7beb9f951badfd6a2f4696ae06932
+  data.tar.gz: ade6fa42a44a20ff391d441fd432ab5d078f565aecf6bae9bd05af2fdc4bb1f7
 SHA512:
-  metadata.gz: 55666e3992c1d19b86ea27f38519abc1af95633cb24e0f1e8233661f8de681f3923875a3fe37537ff1158c85a5cc5f49c98b5bb9b304d09940ce4768432b575f
-  data.tar.gz: 2f97473f885b40683351ce24cb7af5078ff629a56429bdefa0a1857b3f466d1a8c16d296bd50fddca30f93efc8fdf62a2006a2a22a2d07b84a10382600315d9f
+  metadata.gz: c2eeffc04f4f14c24791f8411d38cefb70bb5d55b12e3ea58aa0ede26e1cf503648ebd3945f8a531c0e00cedbcad180036be7a2a6ac689e39d8ca317a241cfc2
+  data.tar.gz: e8c79131fde3961768bece82c91b084d9dc67df9d809665146545e0fdae2fefb0de040e45770d2451eab1029eeef09224bb9ed433e1f1ee7bab40e2cf0427797

data/app/assets/javascripts/polaris_view_components/select_controller.js

@@ -11,4 +11,17 @@ export default class extends Controller {
     const option = this.selectTarget.options[this.selectTarget.selectedIndex]
     this.selectedOptionTarget.innerText = option.text
   }
+
+  clearErrorMessages() {
+    const polarisSelect = this.selectTarget.closest(".Polaris-Select")
+    const wrapper = polarisSelect.parentElement
+    const inlineError = wrapper.querySelector(".Polaris-InlineError")
+
+    if (polarisSelect) {
+      polarisSelect.classList.remove("Polaris-Select--error")
+    }
+    if (inlineError) {
+      inlineError.remove()
+    }
+  }
 }

data/app/assets/javascripts/polaris_view_components.js

@@ -2276,6 +2276,17 @@ class Select extends Controller {
     const option = this.selectTarget.options[this.selectTarget.selectedIndex];
     this.selectedOptionTarget.innerText = option.text;
   }
+  clearErrorMessages() {
+    const polarisSelect = this.selectTarget.closest(".Polaris-Select");
+    const wrapper = polarisSelect.parentElement;
+    const inlineError = wrapper.querySelector(".Polaris-InlineError");
+    if (polarisSelect) {
+      polarisSelect.classList.remove("Polaris-Select--error");
+    }
+    if (inlineError) {
+      inlineError.remove();
+    }
+  }
 }
 
 class TextField extends Controller {

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

@@ -1,39 +1,49 @@
-<%= render Polaris::BaseComponent.new(tag: @tag, **system_arguments) do %>
-  <span class="Polaris-Button__Content">
-    <% if @loading %>
-      <span class="Polaris-Button__Spinner">
-        <%= polaris_spinner(size: :small) %>
-      </span>
-    <% end %>
+<% button_content = capture do %>
+  <%= render Polaris::BaseComponent.new(tag: @tag, **system_arguments) do %>
+    <span class="Polaris-Button__Content">
+      <% if @loading %>
+        <span class="Polaris-Button__Spinner">
+          <%= polaris_spinner(size: :small) %>
+        </span>
+      <% end %>
+
+      <% if icon.present? || @icon_name.present? %>
+        <div class="Polaris-Button__Icon">
+          <%= icon.presence || polaris_icon(name: @icon_name) %>
+        </div>
+        <% if content.present? && !@plain %>
+          &nbsp;
+        <% end %>
+      <% end %>
 
-    <% if icon.present? || @icon_name.present? %>
-      <div class="Polaris-Button__Icon">
-        <%= icon.presence || polaris_icon(name: @icon_name) %>
-      </div>
       <% if content.present? %>
-        &nbsp;
+        <div class="<%= @text_classes %>">
+          <%= content %>
+        </div>
       <% end %>
-    <% end %>
 
-    <% if content.present? %>
-      <div class="<%= @text_classes %>">
-        <%= content %>
-      </div>
-    <% end %>
+      <% if @disclosure.present? %>
+        <div class="Polaris-Button__Icon">
+          <% case @disclosure %>
+          <% when :down %>
+            <%= polaris_icon(name: "CaretDownIcon") %>
+          <% when :up %>
+            <%= polaris_icon(name: "CaretUpIcon") %>
+          <% when :select %>
+            <%= polaris_icon(name: "SelectIcon") %>
+          <% when :horizontal_dots %>
+            <%= polaris_icon(name: "MenuHorizontalIcon") %>
+          <% end %>
+        </div>
+      <% end %>
+    </span>
+  <% end %>
+<% end %>
 
-    <% if @disclosure.present? %>
-      <div class="Polaris-Button__Icon">
-        <% case @disclosure %>
-        <% when :down %>
-          <%= polaris_icon(name: "CaretDownIcon") %>
-        <% when :up %>
-          <%= polaris_icon(name: "CaretUpIcon") %>
-        <% when :select %>
-          <%= polaris_icon(name: "SelectIcon") %>
-        <% when :horizontal_dots %>
-          <%= polaris_icon(name: "MenuHorizontalIcon") %>
-        <% end %>
-      </div>
-    <% end %>
-  </span>
+<% if @tooltip.present? %>
+  <%= polaris_tooltip(text: @tooltip) do %>
+    <%= button_content %>
+  <% end %>
+<% else %>
+  <%= button_content %>
 <% end %>

data/app/components/polaris/headless_button.rb

@@ -43,6 +43,7 @@ module Polaris
       size: SIZE_DEFAULT,
       text_align: TEXT_ALIGN_DEFAULT,
       icon_name: nil,
+      tooltip: nil,
       **system_arguments
     )
       @tag = url.present? ? "a" : "button"
@@ -50,11 +51,12 @@ module Polaris
         "Polaris-Button__Text",
         "Polaris-Button--removeUnderline": plain && monochrome && remove_underline
       )
+      @plain = plain
       @loading = loading
       @disclosure = fetch_or_fallback(DISCLOSURE_OPTIONS, disclosure, DISCLOSURE_DEFAULT)
       @disclosure = :down if @disclosure === true
       @icon_name = icon_name
-
+      @tooltip = tooltip
       @system_arguments = system_arguments
       @system_arguments[:type] = submit ? "submit" : "button"
       if loading

data/app/components/polaris/labelled_component.rb

@@ -21,9 +21,13 @@ module Polaris
       @help_text = help_text
       @error = error
 
-      if label_action && label_action[:content].present?
-        label_content = label_action.delete(:content)
-        with_label_action(**label_action) { label_content }
+      if label_action
+        if label_action[:content].present?
+          label_content = label_action.delete(:content)
+          with_label_action(**label_action) { label_content }
+        elsif label_action[:icon_name].present?
+          with_label_action(**label_action)
+        end
       end
 
       @system_arguments = system_arguments

data/app/components/polaris/select_component.rb

@@ -21,6 +21,7 @@ module Polaris
       help_text: nil,
       error: false,
       grouped: false,
+      clear_errors_on_focus: false,
       wrapper_arguments: {},
       select_options: {},
       input_options: {},
@@ -69,6 +70,7 @@ module Polaris
         error: error
       }.merge(wrapper_arguments)
 
+      @clear_errors_on_focus = clear_errors_on_focus
       @select_options = select_options
 
       @input_options = input_options
@@ -77,6 +79,9 @@ module Polaris
       @input_options[:disabled] = disabled
       @input_options[:data] ||= {}
       prepend_option(@input_options[:data], :polaris_select_target, "select")
+      if @clear_errors_on_focus
+        prepend_option(@input_options[:data], :action, "click->polaris-select#clearErrorMessages")
+      end
       prepend_option(@input_options[:data], :action, "polaris-select#update")
     end
 

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "2.3.1"
+    VERSION = "2.4.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 2.3.1
+  version: 2.4.0
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-04-16 00:00:00.000000000 Z
+date: 2025-05-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails