polaris_view_components 1.2.0 → 1.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fe4f47163b63610d0173fe647af2fcaa6bad29be973960033a07b44ee5c6fba0
-  data.tar.gz: '04909bbb7787789799539aed696d529574f67e03a39760e9fc254d095ef1aa13'
+  metadata.gz: 3dc9a731d4c3dc7615b6148d0ac7980afce53a98c9c31dafcc6993e73716ee3c
+  data.tar.gz: c5321641a35f94d11b8a1769e61f65c31156454d1a3d06f223780f9022f9015f
 SHA512:
-  metadata.gz: 9860d6b8f697651f036358ed33207b25eb65068a57be56cca9e516136052a0109b4f8efd1bdf4da04c52448fc898ddd61b782a953108e8a78b722ef19f52a867
-  data.tar.gz: 6a2358bb6124ff8bff6fb559caa354da1a0502ba40b0846cc47064126173f89f53e5a006a56d07c65f74b154e98a6bc206dd921a990833e4b21a301879c85de6
+  metadata.gz: aa891ef13f9226354394f89da3896e2c6e42cb7d3b07b1b2076508303a523087ea48945011acf9cd84c7ccea565b2d6f5fb356185eb44dec4997189579a551a1
+  data.tar.gz: 35ebfe95fd139e6979ee622a1c362f08896e462c33ecfdc9c5cef6d2159b4115dbd9d8b8f1792b83399a03ec179e8c654dd4b6270a3172b114a27d1c87170f0c

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

@@ -11,6 +11,15 @@ export default class extends Controller {
     }
   }
 
+  disableWithoutLoader(event) {
+    if (this.button.disabled) {
+      event.preventDefault()
+    } else {
+      this.button.disabled = true
+      this.button.classList.add("Polaris-Button--disabled")
+    }
+  }
+
   enable() {
     if (this.button.disabled) {
       this.button.disabled = false

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

@@ -9,6 +9,10 @@ export default class extends Controller {
     this.findElement("button").disable()
   }
 
+  disableButtonWithoutLoader() {
+    this.findElement("button").disableWithoutLoader()
+  }
+
   enableButton() {
     this.findElement("button").enable()
   }

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

@@ -34,6 +34,18 @@ export default class extends Controller {
     }
   }
 
+  clearErrorMessages() {
+    const wrapper = this.inputTarget.parentElement
+    const inlineError = this.inputTarget.closest(".polaris-text-field-wrapper").querySelector(".Polaris-InlineError")
+
+    if (wrapper) {
+      wrapper.classList.remove("Polaris-TextField--error")
+    }
+    if (inlineError) {
+      inlineError.remove()
+    }
+  }
+
   increase() {
     this.changeNumber(1)
   }

data/app/assets/javascripts/polaris_view_components.js

@@ -307,6 +307,14 @@ class Button extends Controller {
       this.buttonContent.insertAdjacentHTML("afterbegin", this.spinnerHTML);
     }
   }
+  disableWithoutLoader(event) {
+    if (this.button.disabled) {
+      event.preventDefault();
+    } else {
+      this.button.disabled = true;
+      this.button.classList.add("Polaris-Button--disabled");
+    }
+  }
   enable() {
     if (this.button.disabled) {
       this.button.disabled = false;
@@ -873,6 +881,9 @@ class Polaris extends Controller {
   disableButton() {
     this.findElement("button").disable();
   }
+  disableButtonWithoutLoader() {
+    this.findElement("button").disableWithoutLoader();
+  }
   enableButton() {
     this.findElement("button").enable();
   }
@@ -2280,6 +2291,16 @@ class TextField extends Controller {
       this.inputTarget.dispatchEvent(new Event("change"));
     }
   }
+  clearErrorMessages() {
+    const wrapper = this.inputTarget.parentElement;
+    const inlineError = this.inputTarget.closest(".polaris-text-field-wrapper").querySelector(".Polaris-InlineError");
+    if (wrapper) {
+      wrapper.classList.remove("Polaris-TextField--error");
+    }
+    if (inlineError) {
+      inlineError.remove();
+    }
+  }
   increase() {
     this.changeNumber(1);
   }

data/app/components/polaris/base_checkbox.rb

@@ -6,6 +6,7 @@ module Polaris
       name: nil,
       checked: false,
       disabled: false,
+      mulitple: false,
       value: "1",
       unchecked_value: "0",
       **system_arguments
@@ -22,8 +23,9 @@ module Polaris
 
     def system_arguments
       @system_arguments.tap do |opts|
-        opts[:disabled] = true if @disabled
         opts[:checked] = true if @checked
+        opts[:disabled] = true if @disabled
+        opts[:multiple] = true if @multiple
         opts[:aria] ||= {}
         opts[:aria][:checked] = @checked
         if indeterminate?

data/app/components/polaris/checkbox_component.rb

@@ -16,6 +16,7 @@ module Polaris
       label_hidden: false,
       checked: false,
       disabled: false,
+      multiple: false,
       help_text: nil,
       error: nil,
       value: "1",
@@ -29,6 +30,7 @@ module Polaris
       @name = name
       @checked = checked
       @disabled = disabled
+      @multiple = multiple
       @value = value
       @unchecked_value = unchecked_value
 
@@ -76,6 +78,7 @@ module Polaris
         name: @name,
         checked: @checked,
         disabled: @disabled,
+        multiple: @multiple,
         value: @value,
         unchecked_value: @unchecked_value,
         **@input_options

data/app/components/polaris/choice_list_component.rb

@@ -10,6 +10,7 @@ module Polaris
         value: value,
         checked: @selected.include?(value),
         disabled: disabled || @disabled,
+        multiple: true,
         **system_arguments
       )
     end

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

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

@@ -18,6 +18,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 +31,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

data/app/components/polaris/text_field_component.rb

@@ -52,6 +52,7 @@ module Polaris
       required: false,
       help_text: nil,
       error: false,
+      clear_errors_on_focus: false,
       wrapper_arguments: {},
       input_options: {},
       **system_arguments
@@ -83,6 +84,7 @@ module Polaris
       @required = required
       @help_text = help_text
       @error = error
+      @clear_errors_on_focus = clear_errors_on_focus
       @wrapper_arguments = wrapper_arguments
       @input_options = input_options
       @system_arguments = system_arguments
@@ -98,7 +100,8 @@ module Polaris
         label_action: @label_action,
         required: @required,
         help_text: @help_text,
-        error: @error
+        error: @error,
+        classes: "polaris-text-field-wrapper"
       }.deep_merge(@wrapper_arguments)
     end
 
@@ -136,8 +139,14 @@ module Polaris
         placeholder: @placeholder,
         maxlength: @maxlength,
         minlength: @minlength,
-        data: {polaris_text_field_target: "input"}
+        data: {
+          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,

data/app/helpers/polaris/form_builder.rb

@@ -87,5 +87,30 @@ module Polaris
       end
       render Polaris::DropzoneComponent.new(form: self, attribute: method, **options, &block)
     end
+
+    def polaris_collection_check_boxes(method, collection, value_method, text_method, **options, &block)
+      options[:error] ||= error_for(method)
+      if options[:error_hidden] && options[:error]
+        options[:error] = !!options[:error]
+      end
+
+      value = object&.public_send(method)
+      if value.present?
+        options[:selected] = value.map { |el| el.public_send(value_method) }
+      end
+
+      render Polaris::ChoiceListComponent.new(
+        form: self,
+        title: method.to_s.humanize,
+        attribute: method,
+        name: method,
+        **options,
+        &block
+      ) do |choice|
+        collection.each do |item|
+          choice.with_checkbox(label: item.public_send(text_method), value: item.public_send(value_method))
+        end
+      end
+    end
   end
 end

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.2.0"
+    VERSION = "1.4.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 1.2.0
+  version: 1.4.0
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-10-01 00:00:00.000000000 Z
+date: 2023-11-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -860,6 +860,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