turbo_material 0.2.7 → 0.2.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f904dd4488984f9f96e107e9e32b3809c0884b382ae82facb43261fce9cca428
-  data.tar.gz: 80c47036d39ca75999474289f9ed6b88ccf0a238aece2b95a069b7bc7d2092ae
+  metadata.gz: b8d13c80c1d99c4442662e22b7c70abe40987aff35db2b561c3d5cac3c584884
+  data.tar.gz: 476769d57825b11071f7f8623b83d6b96daaca2cdadffa778556e28f0c2a1e12
 SHA512:
-  metadata.gz: 91e7c52c5476509122cc47e5ecb7ddc25d6082fa163f65aa02f03504de8da98adde45e5caebdcc1438ede30f85305462963952a70dd5e3792fe453aa4df1c9e5
-  data.tar.gz: cb79432f223068b3f35a3a736a3e49213943e963dd9204c119f7dcb9c34b28eb5c0b6fff1ea4c217aec2277e3359c780231a14a86ba494e01a04d63307d96ec6
+  metadata.gz: faaa923b8cf005ac56252b62661abb77fdd986ecade89573820038da6cf84fe4b5ee0bef3d5a502a33c0dbfa855a37f4e1e6ed6a60d33ccd000ed79ba9992177
+  data.tar.gz: b7324433f491803e0c7f47a53ed276c7cdf39c4858479df78e48241d1b3f5c1c77be5ab221cdbea71ffa142061c75fd60e3aa1cc74238452732c1779ef959778

data/app/assets/javascripts/turbo_material/material_chips_input_controller.js

@@ -10,7 +10,9 @@ export default class extends Controller {
     static values = {
         url: String,
         suffix: String,
-        name: String
+        name: String,
+        prefetch: Boolean,
+        additionalQueryParams: Object,
     }
 
     connect() {
@@ -18,6 +20,9 @@ export default class extends Controller {
         this.chipsetEl = this.element.querySelector(".mdc-chip-set");
         this.input = mdc.textField.MDCTextField.attachTo(this.inputEl);
         this.chips = mdc.chips.MDCChipSet.attachTo(this.chipsetEl);
+        if (this.prefetchValue) {
+            this.search();
+        }
         useClickOutside(this);
     }
 
@@ -133,6 +138,9 @@ export default class extends Controller {
         params.append("name", this.nameValue);
         params.append("opened", this.opened);
         params.append("exclude", this.hiddenTarget.value);
+        Object.keys(this.additionalQueryParamsValue).forEach((param) => {
+            params.append(param, this.additionalQueryParamsValue[param]);
+        });
         get(`${this.urlValue}?${params.toString()}`, {
             responseKind: "turbo-stream",
         });

data/app/views/components/_chips_input.html.erb

@@ -1,9 +1,11 @@
-<%# locals: (form:, disabled: false, required: false, name:, label: nil, id:, frame: nil, suffix: nil, type: 'text', url: nil, selected: [], options: [], value: nil, fixed: false) %>
+<%# locals: (form:, disabled: false, required: false, name:, label: nil, id:, frame: nil, suffix: nil, type: 'text', url: nil, selected: [], options: [], value: nil, fixed: false, prefetch: false, additional_query_params: {}) %>
 <%- id = [name, suffix].compact_blank.join('-') -%>
 <div data-controller="material-chips-input"
      data-material-chips-input-url-value="<%= url %>"
      data-material-chips-input-name-value="<%= name %>"
      data-material-chips-input-material-list-outlet="#<%= "#{id}-list" %>"
+     data-material-chips-input-prefetch-value="<%= prefetch.to_s %>"
+     data-material-chips-input-additional-query-params-value="<%= additional_query_params.to_json %>"
      <% if suffix.present? %>data-material-chips-input-suffix-value="<%= suffix %>"<% end %>
      data-action="keydown.esc->material-chips-input#close keydown.enter->prevent-default country-select-focus->material-chips-input#confirmSelection"
 >

data/app/views/components/_input.html.erb

@@ -1,5 +1,5 @@
-<%# locals: (form:, custom_controller: nil, custom_css: nil, disabled: false, required: false, name:, label: nil, id:, checked: false, frame: nil, provide_hidden: false, value: nil, type: 'text', data: {}, min: nil, max: nil, helper: nil, parent: nil, style: 'filled') %>
-<label class="mdc-text-field rounded-none <%= style == 'filled' ? 'mdc-text-field--filled' : 'mdc-text-field--outlined' %> <%= value || form&.object&.[](name.to_sym) ? 'mdc-text-field--label-floating' : '' %> w-full <%= custom_css %>"
+<%# locals: (form:, custom_controller: nil, custom_css: nil, disabled: false, required: false, name:, label: nil, id:, checked: false, frame: nil, provide_hidden: false, value: nil, type: 'text', data: {}, min: nil, max: nil, helper: nil, parent: nil, style: 'filled', leading_icon: nil, trailing_icon: nil, leading_icon_data: {}, trailing_icon_data: {}) %>
+<label class="mdc-text-field rounded-none <%= style == 'filled' ? 'mdc-text-field--filled' : 'mdc-text-field--outlined' %> <%= value || form&.object&.[](name.to_sym) ? 'mdc-text-field--label-floating' : '' %> w-full <%= leading_icon ? 'mdc-text-field--with-leading-icon' : '' %> <%= trailing_icon ? 'mdc-text-field--with-trailing-icon' : '' %> <%= custom_css %>"
        data-controller="<%= custom_controller || 'material-input' %>" <% if frame %>data-frame="<%= frame %>"<% end %>>
   <%- if style == 'filled' -%>
     <span class="mdc-text-field__ripple"></span>
@@ -17,6 +17,9 @@
       <span class="mdc-notched-outline__trailing"></span>
     </span>
   <% end %>
+  <%- if leading_icon -%>
+    <i class="material-icons mdc-text-field__icon mdc-text-field__icon--leading" <%= tag.attributes((trailing_icon ? {} : {tabindex: '0', role: 'button'}).merge(data: leading_icon_data)) %>><%= leading_icon %></i>
+  <%- end -%>
   <%= form.text_field provide_hidden ? "#{name}_".to_sym : name.to_sym,
                       class: 'mdc-text-field__input', value: value || form&.object&.[](name.to_sym),
                       id: id, 'aria-labelledby' => id + '-label',
@@ -24,6 +27,9 @@
                       type: type,  autocomplete: "new-password", data: { frame: frame, **(data) }.compact,
                       min: min, max: max
   %>
+  <%- if trailing_icon -%>
+    <i class="material-icons mdc-text-field__icon mdc-text-field__icon--trailing" <%= tag.attributes(tabindex: '0', role: 'button', data: trailing_icon_data) %>><%= trailing_icon %></i>
+  <%- end -%>
   <%- if style == 'filled' -%><span class="mdc-line-ripple"></span><%- end -%>
   <%- if provide_hidden -%><%= form.hidden_field name.to_sym, value: value, data: { frame: frame }.compact %><%- end -%>
 </label>

data/lib/turbo_material/version.rb

@@ -1,3 +1,3 @@
 module TurboMaterial
-  VERSION = "0.2.7"
+  VERSION = "0.2.9"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: turbo_material
 version: !ruby/object:Gem::Version
-  version: 0.2.7
+  version: 0.2.9
 platform: ruby
 authors:
 - Sergey Moiseev
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-05-21 00:00:00.000000000 Z
+date: 2024-07-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -191,7 +191,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.12
+rubygems_version: 3.5.3
 signing_key:
 specification_version: 4
 summary: Material Web Components for Hotwire Turbo.