bard-tag_field 0.7.4 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5af78ac6af58f7abb2ec0f83972de2d3265bdf2e7fe2590d3325d450954fdc3f
-  data.tar.gz: 32aaedf19954e5e7abefc0866aa1b33e738dbb2f5d64778adfc04dddc838c039
+  metadata.gz: 6473d0bf4ce2289a1cdc56790d121fbbe4e7594d3bcefa246607635a3b4bdd25
+  data.tar.gz: 673aca7d4eecdc4dfd64006bf53e3e3d08e3786dca7ef2e5debefc39526e383f
 SHA512:
-  metadata.gz: 705a9da9dd9164c92dc74cdb9080312f9e2c76e713f6677d0c3d8845e4ea25c0d9e58f57509731c947914aacf26d2392fdf35876dd33b527f934b6b57969f53a
-  data.tar.gz: c9936f93229bcee51aaf934248caab4ffd8b644df3330b19b04ed828c1909207c5205bb926c5ab97177afafe0f0831be1588f8672cda615796172596d8705136
+  metadata.gz: 0b6f8aa313879d26c816939358d3f695f4ade00b4397bf1bdc20821c3d624a718d31c5110cf3d3fcf6c276439da8a8a4dd88df3b75f075466cc08d0e9b0cf3ff
+  data.tar.gz: abd05ca23833ad4612886ae2b444fbe6c7332e2f179a2d4b00ff61826da519580e6ae79fe6affebdd2f89a5aa6a50afc33ce44bb1d0d409a818a61004a7c006c

data/Appraisals

@@ -1,9 +1,5 @@
 # frozen_string_literal: true
 
-appraise "rails-7.1" do
-  gem "rails", "~> 7.1.0"
-end
-
 appraise "rails-7.2" do
   gem "rails", "~> 7.2.0"
 end

data/CLAUDE.md

@@ -21,9 +21,9 @@ This is a Rails form helper gem that provides `tag_field` for creating interacti
 bundle exec rspec
 
 # Run tests for specific Rails version
-bundle exec appraisal rails-7.1 rspec
 bundle exec appraisal rails-7.2 rspec
 bundle exec appraisal rails-8.0 rspec
+bundle exec appraisal rails-8.1 rspec
 
 # Generate appraisal gemfiles after updating Appraisals
 bundle exec appraisal install
@@ -107,4 +107,4 @@ The `input-tag/` directory contains the standalone @botandrose/input-tag custom
 
 ## Multi-Rails Version Support
 
-Uses Appraisal gem to test against Rails 7.1, 7.2, and 8.0. Gemfiles are in `gemfiles/` directory. CI tests all combinations of Ruby 3.2/3.3/3.4 with each Rails version.
+Uses Appraisal gem to test against Rails 7.2, 8.0, and 8.1. Gemfiles are in `gemfiles/` directory. CI tests all combinations of Ruby 3.3/3.4/4.0 with each Rails version.

data/README.md

@@ -1,8 +1,8 @@
 # Bard::TagField
 
 [![CI Status](https://github.com/botandrose/bard-tag_field/workflows/CI/badge.svg)](https://github.com/botandrose/bard-tag_field/actions)
-[![Ruby](https://img.shields.io/badge/ruby-3.2%2B-red)](https://www.ruby-lang.org)
-[![Rails](https://img.shields.io/badge/rails-7.1%2B-red)](https://rubyonrails.org)
+[![Ruby](https://img.shields.io/badge/ruby-3.3%2B-red)](https://www.ruby-lang.org)
+[![Rails](https://img.shields.io/badge/rails-7.2%2B-red)](https://rubyonrails.org)
 
 A Rails form helper gem that adds `tag_field` to your forms, creating interactive tag input fields using the [@botandrose/input-tag](https://github.com/botandrose/input-tag) custom element.
 
@@ -16,7 +16,7 @@ Perfect for adding tag functionality to your Rails forms with a clean, modern in
 - 🛡️ **Secure** - Automatic HTML escaping prevents XSS attacks
 - 🧪 **Well-tested** - Comprehensive test suite
 - ⚡ **Modern** - Built with custom web elements
-- 🔄 **Compatible** - Supports Ruby 3.2+ and Rails 7.1+
+- 🔄 **Compatible** - Supports Ruby 3.3+ (including 4.0) and Rails 7.2+ (including 8.1)
 
 ## Usage
 
@@ -93,7 +93,7 @@ Use blocks for custom tag rendering:
 
 Your model should handle tags as an array. Here are common approaches:
 
-### With Array Attribute (Rails 5+)
+### With Array Attribute
 
 ```ruby
 class Post < ApplicationRecord
@@ -229,7 +229,6 @@ input-tag {
 
 - Modern browsers that support custom elements
 - Graceful degradation for older browsers
-- Supports Ruby 3.2+ and Rails 7.1+ (including Rails 8.0)
 
 ## API Reference
 

data/app/assets/javascripts/input-tag.js

@@ -1339,7 +1339,7 @@ class InputTag extends HTMLElement {
   }
 
   reset() {
-    this._taggle.removeAll();
+    this.value = this._defaultValues;
     this._taggleInputTarget.value = '';
     this._updateButtonContent();
   }
@@ -1434,7 +1434,8 @@ class InputTag extends HTMLElement {
     this._wrapperTarget.appendChild(this.inputTarget);
     this._shadowRoot.appendChild(this._wrapperTarget);
 
-    this.form?.addEventListener("reset", this.reset.bind(this));
+    this._onReset = () => this.reset();
+    this.form?.addEventListener("reset", this._onReset);
 
     this.required = this.hasAttribute("required");
 
@@ -1454,6 +1455,7 @@ class InputTag extends HTMLElement {
       onTagRemove: (event, tag) => this.onTagRemove(event, tag),
     });
     this._taggleInputTarget = this._taggle.getInput();
+    this._defaultValues = this._taggle.getTagValues();
     this._taggleInputTarget.id = this.id;
     this._taggleInputTarget.autocomplete = "off";
     this._taggleInputTarget.setAttribute("data-turbo-permanent", true);
@@ -1543,7 +1545,7 @@ class InputTag extends HTMLElement {
   }
 
   disconnectedCallback() {
-    this.form?.removeEventListener("reset", this.reset.bind(this));
+    this.form?.removeEventListener("reset", this._onReset);
     this.unobserve();
   }
 

data/bard-tag_field.gemspec

@@ -12,7 +12,7 @@ Gem::Specification.new do |spec|
   spec.description  = "form.tag_field using @botandrose/input-tag custom element"
   spec.homepage = "https://github.com/botandrose/bard-tag_field"
   spec.license = "MIT"
-  spec.required_ruby_version = ">= 3.2.0"
+  spec.required_ruby_version = ">= 3.3.0"
 
   spec.metadata["homepage_uri"] = spec.homepage
   spec.metadata["source_code_uri"] = spec.homepage
@@ -29,7 +29,7 @@ Gem::Specification.new do |spec|
   spec.executables = spec.files.grep(%r{\Aexe/}) { |f| File.basename(f) }
   spec.require_paths = ["lib"]
 
-  spec.add_dependency "rails", ">= 7.1"
+  spec.add_dependency "rails", ">= 7.2"
 
   spec.add_development_dependency "rspec-rails"
   spec.add_development_dependency "equivalent-xml"

data/input-tag/src/input-tag.js

@@ -343,7 +343,7 @@ class InputTag extends HTMLElement {
   }
 
   reset() {
-    this._taggle.removeAll()
+    this.value = this._defaultValues
     this._taggleInputTarget.value = ''
     this._updateButtonContent()
   }
@@ -438,7 +438,8 @@ class InputTag extends HTMLElement {
     this._wrapperTarget.appendChild(this.inputTarget);
     this._shadowRoot.appendChild(this._wrapperTarget);
 
-    this.form?.addEventListener("reset", this.reset.bind(this));
+    this._onReset = () => this.reset()
+    this.form?.addEventListener("reset", this._onReset);
 
     this.required = this.hasAttribute("required")
 
@@ -458,6 +459,7 @@ class InputTag extends HTMLElement {
       onTagRemove: (event, tag) => this.onTagRemove(event, tag),
     })
     this._taggleInputTarget = this._taggle.getInput()
+    this._defaultValues = this._taggle.getTagValues()
     this._taggleInputTarget.id = this.id
     this._taggleInputTarget.autocomplete = "off"
     this._taggleInputTarget.setAttribute("data-turbo-permanent", true)
@@ -547,7 +549,7 @@ class InputTag extends HTMLElement {
   }
 
   disconnectedCallback() {
-    this.form?.removeEventListener("reset", this.reset.bind(this));
+    this.form?.removeEventListener("reset", this._onReset);
     this.unobserve();
   }
 

data/input-tag/test/api-methods.test.js

@@ -62,7 +62,7 @@ describe('API Methods', () => {
   })
 
   describe('Reset Method', () => {
-    it('should clear all tags when reset() is called', async () => {
+    it('should restore the initial tags when reset() is called', async () => {
       const inputTag = await setupInputTag(`
         <input-tag name="tags" multiple>
           <tag-option value="tag1">Tag 1</tag-option>
@@ -71,13 +71,16 @@ describe('API Methods', () => {
         </input-tag>
       `)
 
-      expect(getTagElements(inputTag)).to.have.length(3)
+      inputTag.remove('tag1')
+      inputTag.add('tag4')
+      await waitForUpdate()
+
+      expect(getTagValues(inputTag)).to.deep.equal(['tag2', 'tag3', 'tag4'])
 
       inputTag.reset()
       await waitForUpdate()
 
-      expect(getTagElements(inputTag)).to.have.length(0)
-      expect(getTagValues(inputTag)).to.deep.equal([])
+      expect(getTagValues(inputTag)).to.deep.equal(['tag1', 'tag2', 'tag3'])
     })
 
     it('should clear input field when reset() is called', async () => {
@@ -113,7 +116,7 @@ describe('API Methods', () => {
       inputTag.reset()
       await waitForUpdate()
 
-      expect(getTagElements(inputTag)).to.have.length(0)
+      expect(getTagValues(inputTag)).to.deep.equal(['test'])
     })
 
     it('should allow adding tags after reset', async () => {
@@ -129,8 +132,7 @@ describe('API Methods', () => {
       inputTag.add('after-reset')
       await waitForUpdate()
 
-      expect(getTagElements(inputTag)).to.have.length(1)
-      expect(getTagValues(inputTag)).to.deep.equal(['after-reset'])
+      expect(getTagValues(inputTag)).to.deep.equal(['original', 'after-reset'])
     })
   })
 

data/input-tag/test/events.test.js

@@ -416,10 +416,12 @@ describe('Events', () => {
       await waitForUpdate()
 
       // Should still work
+      inputTag.add('added')
+      await waitForUpdate()
       form.reset()
       await waitForUpdate()
 
-      expect(getTagElements(inputTag)).to.have.length(0)
+      expect(getTagValues(inputTag)).to.deep.equal(['test'])
     })
   })
 })

data/input-tag/test/form-integration.test.js

@@ -269,11 +269,11 @@ describe('Form Integration', () => {
   })
 
   describe('Form Reset Behavior', () => {
-    it('should clear all tags when form is reset', async () => {
+    it('should restore the initial tags when form is reset', async () => {
       document.body.innerHTML = `
         <form>
           <input-tag name="reset-tags" multiple>
-            <tag-option value="will-be-cleared">Will Be Cleared</tag-option>
+            <tag-option value="initial">Initial</tag-option>
           </input-tag>
         </form>
       `
@@ -282,13 +282,41 @@ describe('Form Integration', () => {
 
       await waitForElement(inputTag, '_taggle')
 
+      inputTag.remove('initial')
+      inputTag.add('added')
+      await waitForUpdate()
+
+      expect(getTagValues(inputTag)).to.deep.equal(['added'])
+
+      form.reset()
+      await waitForUpdate()
+
+      expect(getTagValues(inputTag)).to.deep.equal(['initial'])
+      expect(inputTag.value).to.deep.equal(['initial'])
+      expect(new FormData(form).getAll('reset-tags')).to.deep.equal(['initial'])
+    })
+
+    it('should clear all tags when form is reset and none were initial', async () => {
+      document.body.innerHTML = `
+        <form>
+          <input-tag name="reset-tags" multiple></input-tag>
+        </form>
+      `
+      const form = document.querySelector('form')
+      const inputTag = document.querySelector('input-tag')
+
+      await waitForElement(inputTag, '_taggle')
+
+      inputTag.add('added')
+      await waitForUpdate()
+
       expect(getTagElements(inputTag)).to.have.length(1)
 
       form.reset()
       await waitForUpdate()
 
       expect(getTagElements(inputTag)).to.have.length(0)
-      expect(inputTag.tags).to.deep.equal([])
+      expect(inputTag.value).to.deep.equal([])
     })
 
     it('should clear input field when form is reset', async () => {
@@ -329,14 +357,15 @@ describe('Form Integration', () => {
       await waitForElement(inputTag1, '_taggle')
       await waitForElement(inputTag2, '_taggle')
 
-      expect(getTagElements(inputTag1)).to.have.length(1)
-      expect(getTagElements(inputTag2)).to.have.length(1)
+      inputTag1.add('extra1')
+      inputTag2.remove('tag2')
+      await waitForUpdate()
 
       form.reset()
       await waitForUpdate()
 
-      expect(getTagElements(inputTag1)).to.have.length(0)
-      expect(getTagElements(inputTag2)).to.have.length(0)
+      expect(getTagValues(inputTag1)).to.deep.equal(['tag1'])
+      expect(getTagValues(inputTag2)).to.deep.equal(['tag2'])
     })
   })
 

data/lib/bard/tag_field/version.rb

@@ -2,6 +2,6 @@
 
 module Bard
   module TagField
-    VERSION = "0.7.4"
+    VERSION = "0.8.0"
   end
 end

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: bard-tag_field
 version: !ruby/object:Gem::Version
-  version: 0.7.4
+  version: 0.8.0
 platform: ruby
 authors:
 - Micah Geisel
-autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-09-13 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -16,14 +15,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '7.1'
+        version: '7.2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '7.1'
+        version: '7.2'
 - !ruby/object:Gem::Dependency
   name: rspec-rails
   requirement: !ruby/object:Gem::Requirement
@@ -155,7 +154,6 @@ files:
 - bin/console
 - bin/setup
 - cucumber.yml
-- gemfiles/rails_7.1.gemfile
 - gemfiles/rails_7.2.gemfile
 - gemfiles/rails_8.0.gemfile
 - gemfiles/rails_8.1.gemfile
@@ -198,7 +196,6 @@ metadata:
   homepage_uri: https://github.com/botandrose/bard-tag_field
   source_code_uri: https://github.com/botandrose/bard-tag_field
   changelog_uri: https://github.com/botandrose/bard-tag_field/blob/master/CHANGELOG.md
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -206,15 +203,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 3.2.0
+      version: 3.3.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.11
-signing_key:
+rubygems_version: 4.0.6
 specification_version: 4
 summary: form.tag_field using @botandrose/input-tag custom element
 test_files: []

data/gemfiles/rails_7.1.gemfile

@@ -1,7 +0,0 @@
-# This file was generated by Appraisal
-
-source "https://rubygems.org"
-
-gem "rails", "~> 7.1.0"
-
-gemspec path: "../"