turbo_material 0.2.5 → 0.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b18b412f6d3496a0cc3f86210263f8eb652410700440f3f4bfdb84bdf5c51e96
-  data.tar.gz: b16107b1d6e7d29da0c48a2d8dd50f278f033501ae1a4f6e96c1edd9dde10ab2
+  metadata.gz: f904dd4488984f9f96e107e9e32b3809c0884b382ae82facb43261fce9cca428
+  data.tar.gz: 80c47036d39ca75999474289f9ed6b88ccf0a238aece2b95a069b7bc7d2092ae
 SHA512:
-  metadata.gz: 0d6c254ef6df549a984102cec441584d3da0c2c5877f59b7e61d64207c7d85bf774b6e090b663a254574b7e95ad044858a74e44f52a1a94c7848b55d16eac9dc
-  data.tar.gz: 4c3673d5a4c00313995b8e03fe877b9e26d8a4f25fc055299e307b989d3546073e8dd49aad7127777ebd6b29267201166ccf32af44e4097cf9c1b7eb8b27e209
+  metadata.gz: 91e7c52c5476509122cc47e5ecb7ddc25d6082fa163f65aa02f03504de8da98adde45e5caebdcc1438ede30f85305462963952a70dd5e3792fe453aa4df1c9e5
+  data.tar.gz: cb79432f223068b3f35a3a736a3e49213943e963dd9204c119f7dcb9c34b28eb5c0b6fff1ea4c217aec2277e3359c780231a14a86ba494e01a04d63307d96ec6

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

@@ -1,11 +1,11 @@
-import { Controller } from "@hotwired/stimulus";
-import { get } from "@rails/request.js";
-import { useClickOutside } from 'stimulus-use';
+import {Controller} from "@hotwired/stimulus";
+import {get} from "@rails/request.js";
+import {useClickOutside} from 'stimulus-use';
 
 export default class extends Controller {
     opened = false;
-    static targets = [ "input", "hidden", "field", "panel" ];
-    static outlets = [ "material-list" ];
+    static targets = ["input", "hidden", "field", "panel"];
+    static outlets = ["material-list"];
 
     static values = {
         url: String,
@@ -13,11 +13,10 @@ export default class extends Controller {
         name: String
     }
 
-
     connect() {
         this.inputEl = this.element.querySelector(".mdc-text-field");
         this.chipsetEl = this.element.querySelector(".mdc-chip-set");
-        mdc.textField.MDCTextField.attachTo(this.inputEl);
+        this.input = mdc.textField.MDCTextField.attachTo(this.inputEl);
         this.chips = mdc.chips.MDCChipSet.attachTo(this.chipsetEl);
         useClickOutside(this);
     }
@@ -44,9 +43,10 @@ export default class extends Controller {
         event.stopPropagation();
         event.preventDefault();
         const chip = this.element.querySelector(`.mdc-chip[data-value="${event.target.dataset.value}"]`);
-        this.chipsetEl.removeChild(chip);
-        if (this.chipsetEl.children.length === 0) {
-            this.inputEl.foundation.adapter.floatLabel(false);
+        const chipIndex = this.chips.foundation.adapter.getIndexOfChipById(chip.id);
+        this.chips.foundation.adapter.removeChipAtIndex(chipIndex);
+        if (this.chips.foundation.adapter.getChipListCount() === 0) {
+            this.input.foundation.adapter.floatLabel(false);
         }
         this.hiddenTarget.value = this.chips.chipsList.map((chip) => chip.root.dataset.value).join(',');
         this.search();
@@ -72,7 +72,7 @@ export default class extends Controller {
 
         this.opened = false;
         this.panelTarget.classList.remove("mdc-menu-surface--open");
-        if(event) {
+        if (event) {
             event.preventDefault();
             event.stopPropagation();
         }
@@ -97,7 +97,7 @@ export default class extends Controller {
         if (!this.opened) return;
 
         this.materialListOutlet.focusNext();
-        if(event) {
+        if (event) {
             event.preventDefault();
             event.stopPropagation();
         }
@@ -107,7 +107,7 @@ export default class extends Controller {
         if (!this.opened) return;
 
         this.materialListOutlet.focusPrevious();
-        if(event) {
+        if (event) {
             event.preventDefault();
             event.stopPropagation();
         }
@@ -117,7 +117,7 @@ export default class extends Controller {
         if (!this.opened) return;
 
         this.select(this.materialListOutlet.list.listElements[event.detail.index]);
-        if(event) {
+        if (event) {
             event.preventDefault();
             event.stopPropagation();
         }

data/app/helpers/turbo_material/chips_input_options_helper.rb

@@ -0,0 +1,7 @@
+module TurboMaterial
+  module ChipsInputOptionsHelper
+    def material_chips_input_options(kwargs = {})
+      render "components/chips_input_options", **kwargs
+    end
+  end
+end

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

@@ -31,6 +31,6 @@
     <span class="mdc-line-ripple"></span>
   </label>
   <div class="mdc-menu-surface--anchor">
-    <%= render partial: 'components/chips_input_options', locals: { options: options, suffix: suffix, name: name, label: label, fixed: fixed } %>
+    <%= material_chips_input_options options: options, suffix: suffix, name: name, label: label, fixed: fixed  %>
   </div>
 </div>

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

@@ -1,7 +1,7 @@
 <%# locals: (suffix:, options: [], label:, name:, opened: 'false', fixed: false) %>
 <%- id = [name, suffix].compact_blank.join('-') -%>
 <div id="<%= "#{id}-panel" %>"
-     class="mdc-menu-surface <%= (opened != 'true' || options.size.zero?) ? '' : 'mdc-menu-surface--open' %> !z-100 <%= fixed ? 'mdc-menu-surface--fixed' : 'mdc-menu-surface--fullwidth' %>"
+     class="mdc-menu-surface <%= ((opened != 'true') || options.size.zero?) ? '' : 'mdc-menu-surface--open' %> !z-100 <%= fixed ? 'mdc-menu-surface--fixed' : 'mdc-menu-surface--fullwidth' %>"
      data-controller="material-menu-surface"
      data-material-chips-input-target="panel" data-size="<%= options.size %>">
   <ul class="mdc-deprecated-list max-h-64 overflow-y-auto"

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

@@ -1,4 +1,4 @@
-<%# locals: (name:, table_body:, url:, table_params:, records:, pagy:, table_headers_partial:, table_contents_partial:) %>
+<%# locals: (name:, table_body:, url:, table_params:, records:, selected_records:, pagy:, table_headers_partial:, table_contents_partial:) %>
 <div class="mdc-data-table w-full" data-controller="material-data-table"
      data-material-data-table-body-value="<%= table_body %>"
      data-material-data-table-url-value="<%= url %>"
@@ -23,7 +23,7 @@
       </tr>
       </thead>
       <tbody class="mdc-data-table__content">
-      <%= render partial: table_contents_partial, locals: { records: records } %>
+      <%= render partial: table_contents_partial, locals: { records: records, selected_records: selected_records } %>
       </tbody>
     </table>
   </div>

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

@@ -1,9 +1,9 @@
 <%# 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 <%= style == 'filled' ? 'mdc-text-field--filled' : 'mdc-text-field--outlined' %> w-full <%= custom_css %>"
+<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 %>"
        data-controller="<%= custom_controller || 'material-input' %>" <% if frame %>data-frame="<%= frame %>"<% end %>>
   <%- if style == 'filled' -%>
     <span class="mdc-text-field__ripple"></span>
-    <span class="mdc-floating-label" id="<%= id %>-label">
+    <span class="mdc-floating-label <%= value || form&.object&.[](name.to_sym) ? 'mdc-floating-label--float-above' : '' %>" id="<%= id %>-label">
       <%= label || name.capitalize %>
     </span>
   <%- else -%>

data/app/views/components/data_table/_row_checkbox.html.erb

@@ -1,7 +1,7 @@
-<%# locals: (id:) %>
+<%# locals: (id:, checked:) %>
 <td class="mdc-data-table__cell mdc-data-table__cell--checkbox">
   <div class="mdc-checkbox mdc-data-table__row-checkbox">
-    <input type="checkbox" class="mdc-checkbox__native-control" aria-labelledby="<%= id %>"/>
+    <input type="checkbox" class="mdc-checkbox__native-control" aria-labelledby="<%= id %>" <%= checked ? 'checked' : '' %>/>
     <div class="mdc-checkbox__background">
       <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
         <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"/>

data/lib/turbo_material/engine.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require "importmap-rails"
 
 module TurboMaterial
@@ -11,6 +13,7 @@ module TurboMaterial
         helper TurboMaterial::CheckboxHelper
         helper TurboMaterial::ChipSetHelper
         helper TurboMaterial::ChipsInputHelper
+        helper TurboMaterial::ChipsInputOptionsHelper
         helper TurboMaterial::ChipsSelectHelper
         helper TurboMaterial::DataTableHelper
         helper TurboMaterial::MenuButtonHelper

data/lib/turbo_material/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: turbo_material
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.2.7
 platform: ruby
 authors:
 - Sergey Moiseev
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-04-12 00:00:00.000000000 Z
+date: 2024-05-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -114,6 +114,7 @@ files:
 - app/helpers/turbo_material/checkbox_helper.rb
 - app/helpers/turbo_material/chip_set_helper.rb
 - app/helpers/turbo_material/chips_input_helper.rb
+- app/helpers/turbo_material/chips_input_options_helper.rb
 - app/helpers/turbo_material/chips_select_helper.rb
 - app/helpers/turbo_material/data_table_helper.rb
 - app/helpers/turbo_material/input_helper.rb
@@ -190,7 +191,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.3
+rubygems_version: 3.4.12
 signing_key:
 specification_version: 4
 summary: Material Web Components for Hotwire Turbo.