hotwire_combobox 0.1.32 → 0.1.34

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: eb06e6c688920de5447b5fbea7fd20c242e228a7d335b8e9841cd07c7df03cb0
-  data.tar.gz: 338aad9ff496b0449e509543698c45b7581cbe9d6c13e869b25a86fa8819b726
+  metadata.gz: d3bf6f83f984a36fb6e0491f68a71c9386c3f2a00e6b6082cd490b73e58d652d
+  data.tar.gz: db089a58628fa02b4a173f18053a9a81a21402eeafdcfb943d403989597bf314
 SHA512:
-  metadata.gz: 84e88c954657e5f527ac5b564ff210ddeb42cd8e9dcb33a5ef40a9882d6edabbbe40fd53211a95b46056336399babf728bb11c7e5993dd845e2a8cbc86fe7b47
-  data.tar.gz: 9803e31d7244ec3b87d6a6e0dc3532db155f206a540c69d4ee07d586e5e781da0dc5a267e5fa9c8bd4394b006272cfa361d511fb48c29c4d37d7c9a03627107b
+  metadata.gz: '0483ae80475b1d52b9b74d21c5749ee0300914954f74e40267de50cfb96dbb77e44a8bdfb5448caf9d743798e2621d678986927c5f201c40052e049c2844a13f'
+  data.tar.gz: 594db1df1c85dd096ca2cebf2ff9a7dc6564e061aee5f4403729eb94eaf55ab587f32ea620b0f359bd5f1c41e2e4c70096fb5ef04230a07ee13d6cda7873cd33

data/README.md

@@ -18,11 +18,9 @@ Add this line to your application's Gemfile and run `bundle install`:
 gem "hotwire_combobox"
 ```
 
-## Docs
+Only apps that use importmaps are currently supported. Suport for other JS solutions is in progress.
 
-<p align="center">
-  <img src="docs/assets/images/docs-preview.png" height=500>
-</p>
+## Docs
 
 Visit [the docs site](https://hotwirecombobox.com/) for a demo and detailed documentation.
 If the site is down, you can run the docs locally by cloning [the docs repo](https://github.com/josefarias/hotwire_combobox_docs).

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

@@ -1,5 +1,5 @@
-import Combobox from "models/combobox"
-import { Concerns } from "helpers"
+import Combobox from "hw_combobox/models/combobox"
+import { Concerns } from "hw_combobox/helpers"
 import { Controller } from "@hotwired/stimulus"
 
 const concerns = [
@@ -10,6 +10,7 @@ const concerns = [
   Combobox.Dialog,
   Combobox.Filtering,
   Combobox.Navigation,
+  Combobox.NewOptions,
   Combobox.Options,
   Combobox.Selection,
   Combobox.Toggle,
@@ -28,10 +29,10 @@ export default class HwComboboxController extends Concerns(...concerns) {
     "dialogCombobox",
     "dialogFocusTrap",
     "dialogListbox",
+    "endOfOptionsStream",
     "handle",
     "hiddenField",
-    "listbox",
-    "paginationFrame"
+    "listbox"
   ]
 
   static values = {
@@ -69,7 +70,13 @@ export default class HwComboboxController extends Concerns(...concerns) {
     }
   }
 
-  paginationFrameTargetConnected() {
+  endOfOptionsStreamTargetConnected(element) {
+    const inputType = element.dataset.inputType
+
     this._preselectOption()
+
+    if (inputType) {
+      this._commitFilter({ inputType })
+    }
   }
 }

data/app/assets/javascripts/{helpers.js → hw_combobox/helpers.js}

@@ -1,3 +1,5 @@
+export const nullEvent = new Event("NULL")
+
 export function Concerns(Base, ...mixins) {
   return mixins.reduce((accumulator, current) => current(accumulator), Base)
 }
@@ -37,10 +39,6 @@ export function startsWith(string, substring) {
   return string.toLowerCase().startsWith(substring.toLowerCase())
 }
 
-export function nextFrame() {
-  return new Promise(requestAnimationFrame)
-}
-
 export function debounce(fn, delay = 150) {
   let timeoutId = null
 
@@ -50,3 +48,7 @@ export function debounce(fn, delay = 150) {
     timeoutId = setTimeout(callback, delay)
   }
 }
+
+export function isDeleteEvent(event) {
+  return event.inputType === "deleteContentBackward" || event.inputType === "deleteWordBackward"
+}

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/actors.js

@@ -1,4 +1,4 @@
-import Combobox from "models/combobox/base"
+import Combobox from "hw_combobox/models/combobox/base"
 
 Combobox.Actors = Base => class extends Base {
   _initializeActors() {

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/async_loading.js

@@ -1,4 +1,4 @@
-import Combobox from "models/combobox/base"
+import Combobox from "hw_combobox/models/combobox/base"
 
 Combobox.AsyncLoading = Base => class extends Base {
   get _isAsync() {

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/autocomplete.js

@@ -1,5 +1,5 @@
-import Combobox from "models/combobox/base"
-import { startsWith } from "helpers"
+import Combobox from "hw_combobox/models/combobox/base"
+import { startsWith } from "hw_combobox/helpers"
 
 Combobox.Autocomplete = Base => class extends Base {
   _connectListAutocomplete() {
@@ -8,17 +8,17 @@ Combobox.Autocomplete = Base => class extends Base {
     }
   }
 
-  _maybeAutocompleteWith(option, { force }) {
+  _autocompleteWith(option, { force }) {
     if (!this._autocompletesInline && !force) return
 
-    const typedValue = this._actingCombobox.value
+    const typedValue = this._query
     const autocompletedValue = option.getAttribute(this.autocompletableAttributeValue)
 
     if (force) {
-      this._actingCombobox.value = autocompletedValue
+      this._query = autocompletedValue
       this._actingCombobox.setSelectionRange(autocompletedValue.length, autocompletedValue.length)
     } else if (startsWith(autocompletedValue, typedValue)) {
-      this._actingCombobox.value = autocompletedValue
+      this._query = autocompletedValue
       this._actingCombobox.setSelectionRange(typedValue.length, autocompletedValue.length)
     }
   }
@@ -29,6 +29,17 @@ Combobox.Autocomplete = Base => class extends Base {
     this.listboxTarget.style.display = "none"
   }
 
+  get _isExactAutocompleteMatch() {
+    return this._immediatelyAutocompletableValue === this._query
+  }
+
+  // All `_isExactAutocompleteMatch` matches are `_isPartialAutocompleteMatch` matches
+  // but not all `_isPartialAutocompleteMatch` matches are `_isExactAutocompleteMatch` matches.
+  get _isPartialAutocompleteMatch() {
+    return !!this._immediatelyAutocompletableValue &&
+      startsWith(this._immediatelyAutocompletableValue, this._query)
+  }
+
   get _autocompletesList() {
     return this.autocompleteValue === "both" || this.autocompleteValue === "list"
   }
@@ -36,4 +47,8 @@ Combobox.Autocomplete = Base => class extends Base {
   get _autocompletesInline() {
     return this.autocompleteValue === "both" || this.autocompleteValue === "inline"
   }
+
+  get _immediatelyAutocompletableValue() {
+    return this._visibleOptionElements[0]?.getAttribute(this.autocompletableAttributeValue)
+  }
 }

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/dialog.js

@@ -1,4 +1,4 @@
-import Combobox from "models/combobox/base"
+import Combobox from "hw_combobox/models/combobox/base"
 
 Combobox.Dialog = Base => class extends Base {
   _connectDialog() {
@@ -14,7 +14,7 @@ Combobox.Dialog = Base => class extends Base {
   }
 
   _moveArtifactsToDialog() {
-    this.dialogComboboxTarget.value = this._actingCombobox.value
+    this.dialogComboboxTarget.value = this._query
 
     this._actingCombobox = this.dialogComboboxTarget
     this._actingListbox = this.dialogListboxTarget
@@ -23,7 +23,7 @@ Combobox.Dialog = Base => class extends Base {
   }
 
   _moveArtifactsInline() {
-    this.comboboxTarget.value = this._actingCombobox.value
+    this.comboboxTarget.value = this._query
 
     this._actingCombobox = this.comboboxTarget
     this._actingListbox = this.listboxTarget

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

@@ -0,0 +1,57 @@
+
+import Combobox from "hw_combobox/models/combobox/base"
+import { applyFilter, debounce, isDeleteEvent } from "hw_combobox/helpers"
+import { get } from "hw_combobox/vendor/requestjs"
+
+Combobox.Filtering = Base => class extends Base {
+  filter(event) {
+    if (this._isAsync) {
+      this._debouncedFilterAsync(event)
+    } else {
+      this._filterSync(event)
+    }
+  }
+
+  _initializeFiltering() {
+    this._debouncedFilterAsync = debounce(this._debouncedFilterAsync.bind(this))
+  }
+
+  _debouncedFilterAsync(event) {
+    this._filterAsync(event)
+  }
+
+  async _filterAsync(event) {
+    const query = { q: this._query, input_type: event.inputType }
+    await get(this.asyncSrcValue, { responseKind: "turbo-stream", query })
+  }
+
+  _filterSync(event) {
+    this.open()
+    this._allOptionElements.forEach(applyFilter(this._query, { matching: this.filterableAttributeValue }))
+    this._commitFilter(event)
+  }
+
+  _commitFilter(event) {
+    if (this._shouldTreatAsNewOptionForFiltering(!isDeleteEvent(event))) {
+      this._selectNew()
+    } else if (isDeleteEvent(event)) {
+      this._deselect()
+    } else {
+      this._select(this._visibleOptionElements[0])
+    }
+  }
+
+  get _isQueried() {
+    return this._query.length > 0
+  }
+
+  // Consider +_query+ will contain the full autocompleted value
+  // after a certain point in the call chain.
+  get _query() {
+    return this._actingCombobox.value.trim()
+  }
+
+  set _query(value) {
+    this._actingCombobox.value = value
+  }
+}

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/navigation.js

@@ -1,5 +1,5 @@
-import Combobox from "models/combobox/base"
-import { cancel } from "helpers"
+import Combobox from "hw_combobox/models/combobox/base"
+import { cancel } from "hw_combobox/helpers"
 
 Combobox.Navigation = Base => class extends Base {
   navigate(event) {

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

@@ -0,0 +1,37 @@
+import Combobox from "hw_combobox/models/combobox/base"
+
+Combobox.NewOptions = Base => class extends Base {
+  _shouldTreatAsNewOptionForFiltering(queryIsBeingRefined) {
+    if (queryIsBeingRefined) {
+      return this._isNewOptionWithNoPotentialMatches
+    } else {
+      return this._isNewOptionWithPotentialMatches
+    }
+  }
+
+  // If the user is going to keep refining the query, we can't be sure whether
+  // the option will end up being new or not unless there are no potential matches.
+  // +_isNewOptionWithNoPotentialMatches+ allows us to make our best guess
+  // while the state of the combobox is still in flux.
+  //
+  // It's okay for the combobox to say it's not new even if it will be eventually,
+  // as only the final state matters for submission purposes. This method exists
+  // as a best effort to keep the state accurate as often as we can.
+  //
+  // Note that the first visible option is automatically selected as you type.
+  // So if there's a partial match, it's not a new option at this point.
+  //
+  // The final state is locked-in upon closing the combobox via `_isNewOptionWithPotentialMatches`.
+  get _isNewOptionWithNoPotentialMatches() {
+    return this._isNewOptionWithPotentialMatches && !this._isPartialAutocompleteMatch
+  }
+
+  // If the query is finalized, we don't care that there are potential matches
+  // because new options can be substrings of existing options.
+  //
+  // We can't use `_isNewOptionWithNoPotentialMatches` because that would
+  // rule out new options that are partial matches.
+  get _isNewOptionWithPotentialMatches() {
+    return this._isQueried && this._allowNew && !this._isExactAutocompleteMatch
+  }
+}

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/options.js

@@ -1,5 +1,5 @@
-import Combobox from "models/combobox/base"
-import { visible, startsWith } from "helpers"
+import Combobox from "hw_combobox/models/combobox/base"
+import { visible } from "hw_combobox/helpers"
 
 Combobox.Options = Base => class extends Base {
   _resetOptions() {
@@ -7,14 +7,6 @@ Combobox.Options = Base => class extends Base {
     this.hiddenFieldTarget.name = this.originalNameValue
   }
 
-  _isValidNewOption(query, { ignoreAutocomplete = false } = {}) {
-    const typedValue = this._actingCombobox.value
-    const autocompletedValue = this._visibleOptionElements[0]?.getAttribute(this.autocompletableAttributeValue)
-    const insufficientAutocomplete = !autocompletedValue || !startsWith(autocompletedValue, typedValue)
-
-    return query.length > 0 && this._allowNew && (ignoreAutocomplete || insufficientAutocomplete)
-  }
-
   get _allowNew() {
     return !!this.nameWhenNewValue
   }

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/selection.js

@@ -1,15 +1,16 @@
-import Combobox from "models/combobox/base"
-import { wrapAroundAccess } from "helpers"
+import Combobox from "hw_combobox/models/combobox/base"
+import { wrapAroundAccess, nullEvent } from "hw_combobox/helpers"
 
 Combobox.Selection = Base => class extends Base {
   selectOption(event) {
     this._select(event.currentTarget)
+    this.filter(event)
     this.close()
   }
 
   _connectSelection() {
     if (this.hasPrefilledDisplayValue) {
-      this._actingCombobox.value = this.prefilledDisplayValue
+      this._query = this.prefilledDisplayValue
     }
   }
 
@@ -18,7 +19,7 @@ Combobox.Selection = Base => class extends Base {
 
     if (option) {
       this._markValid()
-      this._maybeAutocompleteWith(option, { force })
+      this._autocompleteWith(option, { force })
       this._commitSelection(option, { selected: true })
     } else {
       this._markInvalid()
@@ -49,9 +50,9 @@ Combobox.Selection = Base => class extends Base {
     if (option) this._commitSelection(option, { selected: false })
   }
 
-  _selectNew(query) {
+  _selectNew() {
     this._resetOptions()
-    this.hiddenFieldTarget.value = query
+    this.hiddenFieldTarget.value = this._query
     this.hiddenFieldTarget.name = this.nameWhenNewValue
   }
 
@@ -70,7 +71,18 @@ Combobox.Selection = Base => class extends Base {
     }
   }
 
+  _selectFuzzyMatch() {
+    if (this._isFuzzyMatch) {
+      this._select(this._visibleOptionElements[0], { force: true })
+      this.filter(nullEvent)
+    }
+  }
+
   get _hasValueButNoSelection() {
     return this.hiddenFieldTarget.value && !this._selectedOptionElement
   }
+
+  get _isFuzzyMatch() {
+    return this._isQueried && !!this._visibleOptionElements[0] && !this._isNewOptionWithPotentialMatches
+  }
 }

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/toggle.js

@@ -1,5 +1,5 @@
-import Combobox from "models/combobox/base"
-import { disableBodyScroll, enableBodyScroll } from "vendor/bodyScrollLock"
+import Combobox from "hw_combobox/models/combobox/base"
+import { disableBodyScroll, enableBodyScroll } from "hw_combobox/vendor/bodyScrollLock"
 
 Combobox.Toggle = Base => class extends Base {
   open() {
@@ -51,9 +51,7 @@ Combobox.Toggle = Base => class extends Base {
   }
 
   _ensureSelection() {
-    if (!this._isValidNewOption(this._actingCombobox.value, { ignoreAutocomplete: true })) {
-      this._select(this._selectedOptionElement, { force: true })
-    }
+    this._selectFuzzyMatch()
   }
 
   _openByFocusing() {

data/app/assets/javascripts/{models → hw_combobox/models}/combobox/validity.js

@@ -1,4 +1,4 @@
-import Combobox from "models/combobox/base"
+import Combobox from "hw_combobox/models/combobox/base"
 
 Combobox.Validity = Base => class extends Base {
   _markValid() {

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

@@ -0,0 +1,15 @@
+import Combobox from "hw_combobox/models/combobox/base"
+
+import "hw_combobox/models/combobox/actors"
+import "hw_combobox/models/combobox/async_loading"
+import "hw_combobox/models/combobox/autocomplete"
+import "hw_combobox/models/combobox/dialog"
+import "hw_combobox/models/combobox/filtering"
+import "hw_combobox/models/combobox/navigation"
+import "hw_combobox/models/combobox/new_options"
+import "hw_combobox/models/combobox/options"
+import "hw_combobox/models/combobox/selection"
+import "hw_combobox/models/combobox/toggle"
+import "hw_combobox/models/combobox/validity"
+
+export default Combobox

data/app/assets/stylesheets/hotwire_combobox.css

@@ -47,7 +47,6 @@
   margin: 0;
   padding: 0;
   position: relative;
-  isolation: isolate;
 
   &, * {
     box-sizing: border-box;

data/app/presenters/hotwire_combobox/component.rb

@@ -19,7 +19,7 @@ class HotwireCombobox::Component
       **rest
     @view, @autocomplete, @id, @name, @value, @form, @async_src,
     @name_when_new, @open, @data, @mobile_at, @options, @dialog_label =
-      view, autocomplete, id, name, value, form, async_src,
+      view, autocomplete, id, name.to_s, value, form, async_src,
       name_when_new, open, data, mobile_at, options, dialog_label
 
     @combobox_attrs = input.reverse_merge(rest).with_indifferent_access
@@ -146,8 +146,8 @@ class HotwireCombobox::Component
       :association_name
 
     def infer_association_name
-      if name.to_s.include?("_id")
-        name.to_s.sub(/_id\z/, "")
+      if name.include?("_id")
+        name.sub(/_id\z/, "")
       end
     end
 
@@ -171,7 +171,7 @@ class HotwireCombobox::Component
       if async_src && associated_object
         associated_object.to_combobox_display
       elsif hidden_field_value
-        options.find { |option| option.value == hidden_field_value }&.content
+        options.find { |option| option.value == hidden_field_value }&.autocompletable_as
       end
     end
 
@@ -204,7 +204,13 @@ class HotwireCombobox::Component
     end
 
     def hidden_field_value
-      form&.object&.public_send(name) || value
+      return value if value
+
+      if form&.object&.defined_enums&.try :[], name
+        form.object.public_send "#{name}_before_type_cast"
+      else
+        form&.object&.try name
+      end
     end
 
 

data/app/presenters/hotwire_combobox/listbox/option.rb

@@ -11,8 +11,8 @@ class HotwireCombobox::Listbox::Option
     option.try(:value) || option.id
   end
 
-  def content
-    option.try(:content) || option.try(:display)
+  def autocompletable_as
+    option.try(:autocompletable_as) || option.try(:display)
   end
 
   private
@@ -42,11 +42,11 @@ class HotwireCombobox::Listbox::Option
       }
     end
 
-    def filterable_as
-      option.try(:filterable_as) || option.try(:display)
+    def content
+      option.try(:content) || option.try(:display)
     end
 
-    def autocompletable_as
-      option.try(:autocompletable_as) || option.try(:display)
+    def filterable_as
+      option.try(:filterable_as) || option.try(:display)
     end
 end

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

@@ -1,4 +1,4 @@
 <%# locals: (for_id:, src:) -%>
 
 <%= turbo_frame_tag hw_pagination_frame_id(for_id), src: src, loading: :lazy,
-      data: { hw_combobox_target: "paginationFrame" } %>
+      data: { hw_combobox_target: "endOfOptionsStream", input_type: params[:input_type] } %>

data/lib/hotwire_combobox/engine.rb

@@ -21,7 +21,7 @@ module HotwireCombobox
 
     initializer "hotwire_combobox.importmap", before: "importmap" do |app|
       if Rails.application.respond_to?(:importmap)
-        app.config.importmap.paths << Engine.root.join("config/importmap.rb")
+        app.config.importmap.paths << Engine.root.join("config/hw_importmap.rb")
       end
     end
 

data/lib/hotwire_combobox/helper.rb

@@ -27,13 +27,8 @@ module HotwireCombobox
       if options.first.is_a? HotwireCombobox::Listbox::Option
         options
       else
-        content = if render_in.present?
-          ->(object) { render(**render_in.merge(object: object)) }
-        else
-          methods[:content]
-        end
-
-        hw_parse_combobox_options options, **methods.merge(display: display, content: content)
+        render_in_proc = ->(object) { render(**render_in.merge(object: object)) } if render_in.present?
+        hw_parse_combobox_options options, render_in: render_in_proc, **methods.merge(display: display)
       end
     end
     hw_alias :hw_combobox_options
@@ -86,19 +81,36 @@ module HotwireCombobox
         url_or_path
       end
 
-      def hw_parse_combobox_options(options, **methods)
+      def hw_parse_combobox_options(options, render_in: nil, **methods)
         options.map do |option|
-          attrs = option.is_a?(Hash) ? option : hw_option_attrs_for_obj(option, **methods)
-          HotwireCombobox::Listbox::Option.new **attrs
+          HotwireCombobox::Listbox::Option.new **hw_option_attrs_for(option, render_in: render_in, **methods)
         end
       end
 
-      def hw_option_attrs_for_obj(option, **methods)
-        {}.tap do |attrs|
-          attrs[:id] = hw_call_method_or_proc(option, methods[:id]) if methods[:id]
-          attrs[:value] = hw_call_method_or_proc(option, methods[:value] || :id)
-          attrs[:display] = hw_call_method_or_proc(option, methods[:display]) if methods[:display]
-          attrs[:content] = hw_call_method_or_proc(option, methods[:content]) if methods[:content]
+      def hw_option_attrs_for(option, render_in: nil, **methods)
+        case option
+        when Hash
+          option
+        when String
+          {}.tap do |attrs|
+            attrs[:display] = option
+            attrs[:value] = option
+            attrs[:content] = render_in.(option) if render_in
+          end
+        when Array
+          {}.tap do |attrs|
+            attrs[:display] = option.first
+            attrs[:value] = option.last
+            attrs[:content] = render_in.(option.first) if render_in
+          end
+        else
+          {}.tap do |attrs|
+            attrs[:value] = hw_call_method_or_proc(option, methods[:value] || :id)
+
+            attrs[:id] = hw_call_method_or_proc(option, methods[:id]) if methods[:id]
+            attrs[:display] = hw_call_method_or_proc(option, methods[:display]) if methods[:display]
+            attrs[:content] = hw_call_method_or_proc(option, render_in || methods[:content]) if render_in || methods[:content]
+          end
         end
       end
 

data/lib/hotwire_combobox/version.rb

@@ -1,3 +1,3 @@
 module HotwireCombobox
-  VERSION = "0.1.32"
+  VERSION = "0.1.34"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hotwire_combobox
 version: !ruby/object:Gem::Version
-  version: 0.1.32
+  version: 0.1.34
 platform: ruby
 authors:
 - Jose Farias
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-02-08 00:00:00.000000000 Z
+date: 2024-02-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -63,25 +63,23 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/hw_combobox_manifest.js
-- app/assets/javascripts/controllers/application.js
 - app/assets/javascripts/controllers/hw_combobox_controller.js
-- app/assets/javascripts/controllers/index.js
-- app/assets/javascripts/helpers.js
-- app/assets/javascripts/hotwire_combobox_application.js
-- app/assets/javascripts/models/combobox.js
-- app/assets/javascripts/models/combobox/actors.js
-- app/assets/javascripts/models/combobox/async_loading.js
-- app/assets/javascripts/models/combobox/autocomplete.js
-- app/assets/javascripts/models/combobox/base.js
-- app/assets/javascripts/models/combobox/dialog.js
-- app/assets/javascripts/models/combobox/filtering.js
-- app/assets/javascripts/models/combobox/navigation.js
-- app/assets/javascripts/models/combobox/options.js
-- app/assets/javascripts/models/combobox/selection.js
-- app/assets/javascripts/models/combobox/toggle.js
-- app/assets/javascripts/models/combobox/validity.js
-- app/assets/javascripts/vendor/bodyScrollLock.js
-- app/assets/javascripts/vendor/requestjs.js
+- app/assets/javascripts/hw_combobox/helpers.js
+- app/assets/javascripts/hw_combobox/models/combobox.js
+- app/assets/javascripts/hw_combobox/models/combobox/actors.js
+- app/assets/javascripts/hw_combobox/models/combobox/async_loading.js
+- app/assets/javascripts/hw_combobox/models/combobox/autocomplete.js
+- app/assets/javascripts/hw_combobox/models/combobox/base.js
+- app/assets/javascripts/hw_combobox/models/combobox/dialog.js
+- app/assets/javascripts/hw_combobox/models/combobox/filtering.js
+- app/assets/javascripts/hw_combobox/models/combobox/navigation.js
+- app/assets/javascripts/hw_combobox/models/combobox/new_options.js
+- app/assets/javascripts/hw_combobox/models/combobox/options.js
+- app/assets/javascripts/hw_combobox/models/combobox/selection.js
+- app/assets/javascripts/hw_combobox/models/combobox/toggle.js
+- app/assets/javascripts/hw_combobox/models/combobox/validity.js
+- app/assets/javascripts/hw_combobox/vendor/bodyScrollLock.js
+- app/assets/javascripts/hw_combobox/vendor/requestjs.js
 - app/assets/stylesheets/hotwire_combobox.css
 - app/presenters/hotwire_combobox/component.rb
 - app/presenters/hotwire_combobox/listbox/option.rb
@@ -93,7 +91,7 @@ files:
 - app/views/hotwire_combobox/combobox/_hidden_field.html.erb
 - app/views/hotwire_combobox/combobox/_input.html.erb
 - app/views/hotwire_combobox/combobox/_paginated_listbox.html.erb
-- config/importmap.rb
+- config/hw_importmap.rb
 - lib/hotwire_combobox.rb
 - lib/hotwire_combobox/engine.rb
 - lib/hotwire_combobox/helper.rb
@@ -120,7 +118,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.18
+rubygems_version: 3.5.6
 signing_key:
 specification_version: 4
 summary: Autocomplete for Rails apps using Hotwire

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

@@ -1,9 +0,0 @@
-import { Application } from "@hotwired/stimulus"
-
-const application = Application.start()
-
-// Configure Stimulus development experience
-application.debug = false
-window.Stimulus   = application
-
-export { application }

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

@@ -1,3 +0,0 @@
-import { application } from "controllers/application"
-import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
-eagerLoadControllersFrom("controllers", application)

data/app/assets/javascripts/hotwire_combobox_application.js

@@ -1 +0,0 @@
-import "controllers"

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

@@ -1,57 +0,0 @@
-
-import Combobox from "models/combobox/base"
-import { applyFilter, nextFrame, debounce } from "helpers"
-import { get } from "vendor/requestjs"
-
-Combobox.Filtering = Base => class extends Base {
-  filter(event) {
-    if (this._isAsync) {
-      this._debouncedFilterAsync(event)
-    } else {
-      this._filterSync(event)
-    }
-  }
-
-  _initializeFiltering() {
-    this._debouncedFilterAsync = debounce(this._debouncedFilterAsync.bind(this))
-  }
-
-  _debouncedFilterAsync(event) {
-    this._filterAsync(event)
-  }
-
-  async _filterAsync(event) {
-    const q = this._actingCombobox.value.trim()
-
-    await get(this.asyncSrcValue, { responseKind: "turbo-stream", query: { q } })
-
-    this._afterTurboStreamRender(() => this._commitFilter(q, event))
-  }
-
-  _filterSync(event) {
-    const query = this._actingCombobox.value.trim()
-
-    this.open()
-
-    this._allOptionElements.forEach(applyFilter(query, { matching: this.filterableAttributeValue }))
-
-    this._commitFilter(query, event)
-  }
-
-  _commitFilter(query, event) {
-    const isDeleting = event.inputType === "deleteContentBackward"
-
-    if (this._isValidNewOption(query, { ignoreAutocomplete: isDeleting })) {
-      this._selectNew(query)
-    } else if (isDeleting) {
-      this._deselect()
-    } else {
-      this._select(this._visibleOptionElements[0])
-    }
-  }
-
-  async _afterTurboStreamRender(callback) {
-    await nextFrame()
-    callback()
-  }
-}

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

@@ -1,14 +0,0 @@
-import Combobox from "models/combobox/base"
-
-import "models/combobox/actors"
-import "models/combobox/async_loading"
-import "models/combobox/autocomplete"
-import "models/combobox/dialog"
-import "models/combobox/filtering"
-import "models/combobox/navigation"
-import "models/combobox/options"
-import "models/combobox/selection"
-import "models/combobox/toggle"
-import "models/combobox/validity"
-
-export default Combobox