hotwire_combobox 0.4.0 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 01df7da888bb6651172b141161fcf58610b9c1e1e28e8f20a3bee7d880a9f6cb
-  data.tar.gz: 3ae59ccce1a2782b49759d2797244d8b8084996a8f115b46ac32f10fc22eab39
+  metadata.gz: fe61b5864928a8b779da825280d38697c45e03db53de9bb87e48b9206ce08fc2
+  data.tar.gz: e6cbe41f186935d2471e1fb8a84d8f5695632e35bda4e89c2935863d90270b48
 SHA512:
-  metadata.gz: 11e979427daf0c338006be0ab69732fcd4ca7f4860319b54e003730341419b1845069638acab2adaae1c45ecc961cc5216c30791e567cb0abb1dd6fc326ad794
-  data.tar.gz: 9f05dafd9e46f000641a86f11d9d223df4264d4f53b131f6f9be347bdb8356e4800eae22719d99c4b20bb665ce437efac27941ada324e725087801cd6fa5414e
+  metadata.gz: a6a3be679d1d570adcfae1b1cbf085fa27c588729b58398fb3cd5007c2ef63135c5919a07eaa99b8a5ae51a2a4a791b90ab3461fef4560247355456258d81916
+  data.tar.gz: 843aff083488b6258e7d290f92e15fa904b905425a18b257b3a36c196c141a0aa1fff531ca630032498df3294a40a8c8ca0ff03a0a22791b273080b86ecf2b11

data/MIT-LICENSE

@@ -1,4 +1,4 @@
-Copyright 2025 Jose Farias
+Copyright 2026 Jose Farias
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/app/assets/javascripts/controllers/hw_combobox_controller.js

@@ -44,6 +44,7 @@ export default class HwComboboxController extends Concerns(...concerns) {
     asyncSrc: String,
     autocompletableAttribute: String,
     autocomplete: String,
+    debounceInterval: Number,
     expanded: Boolean,
     filterableAttribute: String,
     nameWhenNew: String,

data/app/assets/javascripts/hotwire_combobox.esm.js

@@ -1,5 +1,5 @@
 /*!
-HotwireCombobox 0.4.0
+HotwireCombobox 0.4.1
 */
 import { Controller } from '@hotwired/stimulus';
 
@@ -91,7 +91,7 @@ function startsWith(string, substring) {
   return string.toLowerCase().startsWith(substring.toLowerCase())
 }
 
-function debounce(fn, delay = 150) {
+function debounce(fn, delay) {
   let timeoutId = null;
 
   return (...args) => {
@@ -668,7 +668,7 @@ Combobox.Filtering = Base => class extends Base {
   }
 
   _initializeFiltering() {
-    this._debouncedFilterAsync = debounce(this._debouncedFilterAsync.bind(this));
+    this._debouncedFilterAsync = debounce(this._debouncedFilterAsync.bind(this), this.debounceIntervalValue);
   }
 
   _filter(inputType) {
@@ -1175,7 +1175,7 @@ Combobox.Selection = Base => class extends Base {
   }
 
   _preselectSingle() {
-    if (this._isSingleSelect && this._hasValueButNoSelection && this._allOptions.length < 100) {
+    if (this._isSingleSelect && this._hasValueButNoSelection) {
       const option = this._optionElementWithValue(this._fieldValue);
       if (option) this._markSelected(option);
     }
@@ -1574,6 +1574,8 @@ Combobox.Toggle = Base => class extends Base {
   }
 
   clearOrToggleOnHandleClick() {
+    if (this.comboboxTarget.disabled) return
+
     if (this._isQueried) {
       this._clearQuery();
       this.open();
@@ -1750,6 +1752,7 @@ class HwComboboxController extends Concerns(...concerns) {
     asyncSrc: String,
     autocompletableAttribute: String,
     autocomplete: String,
+    debounceInterval: Number,
     expanded: Boolean,
     filterableAttribute: String,
     nameWhenNew: String,

data/app/assets/javascripts/hw_combobox/helpers.js

@@ -37,7 +37,7 @@ export function startsWith(string, substring) {
   return string.toLowerCase().startsWith(substring.toLowerCase())
 }
 
-export function debounce(fn, delay = 150) {
+export function debounce(fn, delay) {
   let timeoutId = null
 
   return (...args) => {

data/app/assets/javascripts/hw_combobox/models/combobox/filtering.js

@@ -30,7 +30,7 @@ Combobox.Filtering = Base => class extends Base {
   }
 
   _initializeFiltering() {
-    this._debouncedFilterAsync = debounce(this._debouncedFilterAsync.bind(this))
+    this._debouncedFilterAsync = debounce(this._debouncedFilterAsync.bind(this), this.debounceIntervalValue)
   }
 
   _filter(inputType) {

data/app/assets/javascripts/hw_combobox/models/combobox/selection.js

@@ -85,7 +85,7 @@ Combobox.Selection = Base => class extends Base {
   }
 
   _preselectSingle() {
-    if (this._isSingleSelect && this._hasValueButNoSelection && this._allOptions.length < 100) {
+    if (this._isSingleSelect && this._hasValueButNoSelection) {
       const option = this._optionElementWithValue(this._fieldValue)
       if (option) this._markSelected(option)
     }

data/app/assets/javascripts/hw_combobox/models/combobox/toggle.js

@@ -57,6 +57,8 @@ Combobox.Toggle = Base => class extends Base {
   }
 
   clearOrToggleOnHandleClick() {
+    if (this.comboboxTarget.disabled) return
+
     if (this._isQueried) {
       this._clearQuery()
       this.open()

data/app/presenters/hotwire_combobox/component/markup/fieldset.rb

@@ -26,6 +26,7 @@ module HotwireCombobox::Component::Markup::Fieldset
         hw_combobox_async_src_value: async_src,
         hw_combobox_prefilled_display_value: prefilled_display,
         hw_combobox_selection_chip_src_value: multiselect_chip_src,
+        hw_combobox_debounce_interval_value: debounce_interval,
         hw_combobox_filterable_attribute_value: "data-filterable-as",
         hw_combobox_autocompletable_attribute_value: "data-autocompletable-as",
         hw_combobox_selected_class: "hw-combobox__option--selected",

data/app/presenters/hotwire_combobox/component.rb

@@ -15,6 +15,7 @@ class HotwireCombobox::Component
     async_src: nil,
     autocomplete: :both,
     data: {},
+    debounce_interval: 150,
     dialog_label: nil,
     form: nil,
     free_text: false,
@@ -30,9 +31,9 @@ class HotwireCombobox::Component
     request: nil,
     value: nil, **rest)
     @view, @autocomplete, @id, @name, @value, @form, @async_src, @label, @free_text, @request,
-    @preload, @name_when_new, @open, @data, @mobile_at, @multiselect_chip_src, @options, @dialog_label =
+    @preload, @name_when_new, @open, @data, @debounce_interval, @mobile_at, @multiselect_chip_src, @options, @dialog_label =
       view, autocomplete, id, name.to_s, value, form, async_src, label, free_text, request,
-      preload, name_when_new, open, data, mobile_at, multiselect_chip_src, options, dialog_label
+      preload, name_when_new, open, data, debounce_interval, mobile_at, multiselect_chip_src, options, dialog_label
 
     @combobox_attrs = input.reverse_merge(rest).deep_symbolize_keys
     @association_name = association_name || infer_association_name
@@ -47,7 +48,7 @@ class HotwireCombobox::Component
 
   private
     attr_reader :view, :autocomplete, :id, :name, :value, :form, :free_text, :open, :request,
-      :data, :combobox_attrs, :mobile_at, :association_name, :multiselect_chip_src, :preload
+      :data, :debounce_interval, :combobox_attrs, :mobile_at, :association_name, :multiselect_chip_src, :preload
 
     def canonical_id
       @canonical_id ||= id || form&.field_id(name) || SecureRandom.uuid

data/app/views/hotwire_combobox/_next_page.turbo_stream.erb

@@ -2,5 +2,5 @@
 
 <%= turbo_stream.remove hw_pagination_frame_wrapper_id(for_id) %>
 <%= turbo_stream.append hw_listbox_id(for_id) do %>
-  <%= render "hotwire_combobox/pagination", for_id: for_id, src: src %>
+  <%= render "hotwire_combobox/pagination", for_id: for_id, src: src, loading: :lazy %>
 <% end %>

data/app/views/hotwire_combobox/_pagination.html.erb

@@ -1,4 +1,4 @@
-<%# locals: (for_id:, src:, loading: :lazy) -%>
+<%# locals: (for_id:, src:, loading:) -%>
 
 <%= tag.li id: hw_pagination_frame_wrapper_id(for_id), class: "hw_combobox__pagination__wrapper",
       data: { hw_combobox_target: "endOfOptionsStream", input_type: params[:input_type], callback_id: params[:callback_id] },

data/lib/hotwire_combobox/version.rb

@@ -1,3 +1,3 @@
 module HotwireCombobox
-  VERSION = "0.4.0"
+  VERSION = "0.4.1"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: hotwire_combobox
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.4.1
 platform: ruby
 authors:
 - Jose Farias
 bindir: bin
 cert_chain: []
-date: 2025-03-17 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -168,7 +168,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.2
+rubygems_version: 4.0.3
 specification_version: 4
 summary: Accessible Autocomplete for Rails apps
 test_files: []