From 56cb71d7aa36f5f405ecbfe188f60e07e24d7ec7 Mon Sep 17 00:00:00 2001
From: Sergey Moiseev <moiseev.sergey@gmail.com>
Date: Mon, 29 Apr 2024 21:53:34 +0300
Subject: [PATCH 1/5] Floating label fix

---
 Gemfile                              | 1 +
 app/views/components/_input.html.erb | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/Gemfile b/Gemfile
index a396820..54110d0 100644
--- a/Gemfile
+++ b/Gemfile
@@ -22,3 +22,4 @@ gem "lookbook"
 gem "tailwindcss-rails", "~> 2.3"
 
 gem 'carmen'
+
diff --git a/app/views/components/_input.html.erb b/app/views/components/_input.html.erb
index e0c42e2..68d37b3 100644
--- a/app/views/components/_input.html.erb
+++ b/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 -%>

From 1df09fbb6527cc72a99d933742c1cd32462b32a8 Mon Sep 17 00:00:00 2001
From: Sergey Moiseev <moiseev.sergey@gmail.com>
Date: Tue, 21 May 2024 02:48:00 +0300
Subject: [PATCH 2/5] Extract options

---
 app/helpers/turbo_material/chips_input_options_helper.rb | 7 +++++++
 app/views/components/_chips_input.html.erb               | 2 +-
 app/views/components/_chips_input_options.html.erb       | 2 +-
 lib/turbo_material/engine.rb                             | 3 +++
 4 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 app/helpers/turbo_material/chips_input_options_helper.rb

diff --git a/app/helpers/turbo_material/chips_input_options_helper.rb b/app/helpers/turbo_material/chips_input_options_helper.rb
new file mode 100644
index 0000000..2f00bcd
--- /dev/null
+++ b/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
diff --git a/app/views/components/_chips_input.html.erb b/app/views/components/_chips_input.html.erb
index 7727f23..a6b28d6 100644
--- a/app/views/components/_chips_input.html.erb
+++ b/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>
diff --git a/app/views/components/_chips_input_options.html.erb b/app/views/components/_chips_input_options.html.erb
index eeeef44..7ffdf7a 100644
--- a/app/views/components/_chips_input_options.html.erb
+++ b/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.nil? || 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"
diff --git a/lib/turbo_material/engine.rb b/lib/turbo_material/engine.rb
index f629842..7d139e7 100644
--- a/lib/turbo_material/engine.rb
+++ b/lib/turbo_material/engine.rb
@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require "importmap-rails"
 
 module TurboMaterial
@@ -11,6 +13,7 @@ class Engine < ::Rails::Engine
         helper TurboMaterial::CheckboxHelper
         helper TurboMaterial::ChipSetHelper
         helper TurboMaterial::ChipsInputHelper
+        helper TurboMaterial::ChipsInputOptionsHelper
         helper TurboMaterial::ChipsSelectHelper
         helper TurboMaterial::DataTableHelper
         helper TurboMaterial::MenuButtonHelper

From 9ff17b710488e8b9eb6f76976d71d95a395e1f01 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 21 May 2024 02:49:08 +0300
Subject: [PATCH 3/5] --- (#6)

updated-dependencies:
- dependency-name: nokogiri
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 Gemfile.lock | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/Gemfile.lock b/Gemfile.lock
index c3ba5ef..b102bc3 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -148,18 +148,18 @@ GEM
     net-smtp (0.5.0)
       net-protocol
     nio4r (2.7.1)
-    nokogiri (1.16.3-aarch64-linux)
+    nokogiri (1.16.5-aarch64-linux)
       racc (~> 1.4)
-    nokogiri (1.16.3-arm64-darwin)
+    nokogiri (1.16.5-arm64-darwin)
       racc (~> 1.4)
-    nokogiri (1.16.3-x86_64-linux)
+    nokogiri (1.16.5-x86_64-linux)
       racc (~> 1.4)
     psych (5.1.2)
       stringio
     public_suffix (5.0.4)
     puma (6.4.2)
       nio4r (~> 2.0)
-    racc (1.7.3)
+    racc (1.8.0)
     rack (3.0.10)
     rack-session (2.0.0)
       rack (>= 3.0.0)

From ed7ee24e1daebba93f7d53079651aac9a2a1cedc Mon Sep 17 00:00:00 2001
From: Sergey Moiseev <moiseev.sergey@gmail.com>
Date: Wed, 22 May 2024 02:01:56 +0300
Subject: [PATCH 4/5] Fix chips input

---
 .../material_chips_input_controller.js        | 28 +++++++++----------
 .../components/_chips_input_options.html.erb  |  2 +-
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/app/assets/javascripts/turbo_material/material_chips_input_controller.js b/app/assets/javascripts/turbo_material/material_chips_input_controller.js
index f3b54af..a2b221a 100644
--- a/app/assets/javascripts/turbo_material/material_chips_input_controller.js
+++ b/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();
         }
diff --git a/app/views/components/_chips_input_options.html.erb b/app/views/components/_chips_input_options.html.erb
index 7ffdf7a..98edd01 100644
--- a/app/views/components/_chips_input_options.html.erb
+++ b/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.nil? || 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"

From 80d34f57dbf040ca27c2b252b4fd14894e0479ff Mon Sep 17 00:00:00 2001
From: Sergey Moiseev <moiseev.sergey@gmail.com>
Date: Wed, 22 May 2024 02:02:46 +0300
Subject: [PATCH 5/5] Version up

---
 lib/turbo_material/version.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/turbo_material/version.rb b/lib/turbo_material/version.rb
index f82dd98..cf74223 100644
--- a/lib/turbo_material/version.rb
+++ b/lib/turbo_material/version.rb
@@ -1,3 +1,3 @@
 module TurboMaterial
-  VERSION = "0.2.6"
+  VERSION = "0.2.7"
 end