hotwire_combobox 0.2.4 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a06f74ec8d38e109d2fec2b81c56d58ada9e5644e371a072eb690eb3c2ab383
-  data.tar.gz: d3e07d9dbc14afe6764ae239609766f7cc5a5374fca55816d47dd167ad54a203
+  metadata.gz: 7895a50977941ed0bb1de0a39c1fce94e0852d00ca19e3727e39de8906c1195f
+  data.tar.gz: cb25d8a8466aa4f0d744c071532e23070d6dbdda12913d778d7591b8d3a9f6e4
 SHA512:
-  metadata.gz: 9eedaa03fe6a6c4d1dee68f4c23090c1d6ed4a26208a0a877e3f134fcb15dbe0120d40c9048b8f5009f378c6f8d9e2cfafd04d2f69d3b699810f604339bf45b3
-  data.tar.gz: 2be4c0676906f3757f2f8fe5e16cebecd1040cd2161dcdfed9bcb64d39729f46d5ed6e64a51a389a865f190a6bcef8ec2dbafe1f47b2c5102d922ea083e5f74e
+  metadata.gz: 2a76bda92289fa0213210ba83668ed8f3e965fbfa90f8624d1f28e87d727a5a282eb417a16fd5c7b9cc81295d95f22802763f1e15dcd348fcc6ad854b00534f6
+  data.tar.gz: 1c6ae0f949b507cb068bf8df011cab34442628fb9829c52edb99037f857d25b605125ce20c1e09936be1ff65c744b56d88c602f39dc31e3b2629b769fc804ec0

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

@@ -1,5 +1,5 @@
 /*!
-HotwireCombobox 0.2.4
+HotwireCombobox 0.3.0
 */
 import { Controller } from '@hotwired/stimulus';
 
@@ -557,6 +557,11 @@ async function get(url, options) {
   return request.perform();
 }
 
+async function post(url, options) {
+  const request = new FetchRequest("post", url, options);
+  return request.perform();
+}
+
 // Copyright (c) 2021 Marcelo Lauxen
 
 // Permission is hereby granted, free of charge, to any person obtaining
@@ -800,7 +805,7 @@ Combobox.Multiselect = Base => class extends Base {
   }
 
   async _requestChips(values) {
-    await get(this.selectionChipSrcValue, {
+    await post(this.selectionChipSrcValue, {
       responseKind: "turbo-stream",
       query: {
         for_id: this.element.dataset.asyncId,
@@ -1463,7 +1468,8 @@ Combobox.Toggle = Base => class extends Base {
         this._isSync &&
         !this._isSmallViewport &&
         inputType != "hw:clickOutside" &&
-        inputType != "hw:focusOutside";
+        inputType != "hw:focusOutside" &&
+        inputType != "hw:asyncCloser";
 
       this._lockInSelection();
       this._clearInvalidQuery();

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

@@ -1,5 +1,5 @@
 /*!
-HotwireCombobox 0.2.4
+HotwireCombobox 0.3.0
 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@hotwired/stimulus')) :
@@ -561,6 +561,11 @@ HotwireCombobox 0.2.4
     return request.perform();
   }
 
+  async function post(url, options) {
+    const request = new FetchRequest("post", url, options);
+    return request.perform();
+  }
+
   // Copyright (c) 2021 Marcelo Lauxen
 
   // Permission is hereby granted, free of charge, to any person obtaining
@@ -804,7 +809,7 @@ HotwireCombobox 0.2.4
     }
 
     async _requestChips(values) {
-      await get(this.selectionChipSrcValue, {
+      await post(this.selectionChipSrcValue, {
         responseKind: "turbo-stream",
         query: {
           for_id: this.element.dataset.asyncId,
@@ -1467,7 +1472,8 @@ HotwireCombobox 0.2.4
           this._isSync &&
           !this._isSmallViewport &&
           inputType != "hw:clickOutside" &&
-          inputType != "hw:focusOutside";
+          inputType != "hw:focusOutside" &&
+          inputType != "hw:asyncCloser";
 
         this._lockInSelection();
         this._clearInvalidQuery();

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

@@ -1,6 +1,6 @@
 import Combobox from "hw_combobox/models/combobox/base"
 import { cancel, nextRepaint } from "hw_combobox/helpers"
-import { get } from "hw_combobox/vendor/requestjs"
+import { post } from "hw_combobox/vendor/requestjs"
 
 Combobox.Multiselect = Base => class extends Base {
   navigateChip(event) {
@@ -79,7 +79,7 @@ Combobox.Multiselect = Base => class extends Base {
   }
 
   async _requestChips(values) {
-    await get(this.selectionChipSrcValue, {
+    await post(this.selectionChipSrcValue, {
       responseKind: "turbo-stream",
       query: {
         for_id: this.element.dataset.asyncId,

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

@@ -16,7 +16,8 @@ Combobox.Toggle = Base => class extends Base {
         this._isSync &&
         !this._isSmallViewport &&
         inputType != "hw:clickOutside" &&
-        inputType != "hw:focusOutside"
+        inputType != "hw:focusOutside" &&
+        inputType != "hw:asyncCloser"
 
       this._lockInSelection()
       this._clearInvalidQuery()

data/app/assets/stylesheets/hotwire_combobox.css

@@ -288,3 +288,7 @@
     width: 1rem;
   }
 }
+
+.hw_combobox__pagination__wrapper {
+  background-color: var(--hw-option-bg-color);
+}

data/app/presenters/hotwire_combobox/component.rb

@@ -16,6 +16,7 @@ class HotwireCombobox::Component
         data:                 {},
         dialog_label:         nil,
         form:                 nil,
+        free_text:            false,
         id:                   nil,
         input:                {},
         label:                nil,
@@ -26,9 +27,9 @@ class HotwireCombobox::Component
         options:              [],
         value:                nil,
         **rest
-    @view, @autocomplete, @id, @name, @value, @form, @async_src, @label,
+    @view, @autocomplete, @id, @name, @value, @form, @async_src, @label, @free_text,
     @name_when_new, @open, @data, @mobile_at, @multiselect_chip_src, @options, @dialog_label =
-      view, autocomplete, id, name.to_s, value, form, async_src, label,
+      view, autocomplete, id, name.to_s, value, form, async_src, label, free_text,
       name_when_new, open, data, mobile_at, multiselect_chip_src, options, dialog_label
 
     @combobox_attrs = input.reverse_merge(rest).deep_symbolize_keys
@@ -189,9 +190,17 @@ class HotwireCombobox::Component
 
   private
     attr_reader :view, :autocomplete, :id, :name, :value, :form,
-      :name_when_new, :open, :data, :combobox_attrs, :mobile_at,
+      :free_text, :open, :data, :combobox_attrs, :mobile_at,
       :association_name, :multiselect_chip_src
 
+    def name_when_new
+      if free_text && @name_when_new.blank?
+        hidden_field_name
+      else
+        @name_when_new
+      end
+    end
+
     def name_when_new_on_multiselect_must_match_original_name
       return unless multiselect? && name_when_new.present?
 

data/lib/hotwire_combobox/helper.rb

@@ -37,7 +37,7 @@ module HotwireCombobox
     def hw_paginated_combobox_options(
           options,
           for_id: params[:for_id],
-          src: request.fullpath,
+          src: hw_fullpath_for_pagination,
           next_page: nil,
           render_in: {},
           include_blank: {},
@@ -168,6 +168,11 @@ module HotwireCombobox
       end
 
     private
+      def hw_fullpath_for_pagination
+        transient_params = %w[ input_type ]
+        hw_uri_with_params request.path, **request.query_parameters.except(*transient_params)
+      end
+
       def hw_combobox_next_page_uri(uri, next_page, for_id)
         return unless next_page
 

data/lib/hotwire_combobox/version.rb

@@ -1,3 +1,3 @@
 module HotwireCombobox
-  VERSION = "0.2.4"
+  VERSION = "0.3.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: hotwire_combobox
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.3.0
 platform: ruby
 authors:
 - Jose Farias