polaris_view_components 1.2.0 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fe4f47163b63610d0173fe647af2fcaa6bad29be973960033a07b44ee5c6fba0
-  data.tar.gz: '04909bbb7787789799539aed696d529574f67e03a39760e9fc254d095ef1aa13'
+  metadata.gz: 78a6ae16cf340437e15af81ff47953f94b1f391af829678035890d5e990e1beb
+  data.tar.gz: 07b81a71aaea4b0609c5e3479bb531076df8f65fb589f69aab40181029791414
 SHA512:
-  metadata.gz: 9860d6b8f697651f036358ed33207b25eb65068a57be56cca9e516136052a0109b4f8efd1bdf4da04c52448fc898ddd61b782a953108e8a78b722ef19f52a867
-  data.tar.gz: 6a2358bb6124ff8bff6fb559caa354da1a0502ba40b0846cc47064126173f89f53e5a006a56d07c65f74b154e98a6bc206dd921a990833e4b21a301879c85de6
+  metadata.gz: 6ad09a8dc61def4c7fb827d312e19d46b920bb79e804468ca1e9bc5cdac341755ec56ade63230368ff7890fe830d01a7f991116f263e1d03b056a10b9a2c3676
+  data.tar.gz: e503ca46cc74f5c8ed8b87d73b517c3915f82c0147a99385fc58fa4f60a46596399149ca857b9348cbc2037fa5d77c67b12072684c397750833c2442361f681a

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/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/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "1.2.0"
+    VERSION = "1.3.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.3.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-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails