ui_bibz 4.0.0.beta3 → 4.0.0.beta6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 56911e4917a97e61edb91f19c9f81e66026f52c67c26b905647eed1f9bb64c31
-  data.tar.gz: 23779f1d51631b260c26363c77c649d70464a6a696348c6ad8e11fe271ecccc1
+  metadata.gz: 9f528f47695918dfaa5213da8ccec52eb09351947a09df77b6c9e755986bd624
+  data.tar.gz: c454a9bad6b5cf32c67860844fa5a0583df88b6be74aa35acba92aec4b37d291
 SHA512:
-  metadata.gz: 59e8545e2fa75e4da93212209b4a0b2f2e36062211acd2e4fb73ae0a7dd8c173dbb0209bf1174bda050f92af25266be0d51ba8ee495bd4ebe62619e8ed77ee5f
-  data.tar.gz: 2c8a2f443857a453054ac0ddf21f680d41b5f615284fa27d6ea4c94d1e677f14f79368a0bb2479d729ee3803fe6e6904163ba87761b96e90202f812868d56491
+  metadata.gz: b06b6004730cfd177e929dd8a464e5e3a655264a87bb2935f8c434fbd3e53b523a0e02a1a3c3986c77a6efa92dcd2407204b3eae6ce023ea031823f6f8ac10f8
+  data.tar.gz: 3d1eea98cb27518f825499f0b14f61acd7bf88cf3265406394f6f0460cf63766ba2c1aa72b769c073ad2a7775f84e7de483052962c45c86374299bdcdf019bf0

data/Gemfile.lock

@@ -1,9 +1,10 @@
 PATH
   remote: .
   specs:
-    ui_bibz (4.0.0.beta3)
+    ui_bibz (4.0.0.beta6)
       bootstrap (~> 5.3.0)
-      rails (>= 7.0.6)
+      dartsass-sprockets (~> 3.0.0)
+      rails (>= 7.1.0)
       will-paginate-i18n
       will_paginate (~> 3.3.0)
       will_paginate-bootstrap4
@@ -11,87 +12,107 @@ PATH
 GEM
   remote: https://rubygems.org/
   specs:
-    actioncable (7.0.8)
-      actionpack (= 7.0.8)
-      activesupport (= 7.0.8)
+    actioncable (7.1.2)
+      actionpack (= 7.1.2)
+      activesupport (= 7.1.2)
       nio4r (~> 2.0)
       websocket-driver (>= 0.6.1)
-    actionmailbox (7.0.8)
-      actionpack (= 7.0.8)
-      activejob (= 7.0.8)
-      activerecord (= 7.0.8)
-      activestorage (= 7.0.8)
-      activesupport (= 7.0.8)
+      zeitwerk (~> 2.6)
+    actionmailbox (7.1.2)
+      actionpack (= 7.1.2)
+      activejob (= 7.1.2)
+      activerecord (= 7.1.2)
+      activestorage (= 7.1.2)
+      activesupport (= 7.1.2)
       mail (>= 2.7.1)
       net-imap
       net-pop
       net-smtp
-    actionmailer (7.0.8)
-      actionpack (= 7.0.8)
-      actionview (= 7.0.8)
-      activejob (= 7.0.8)
-      activesupport (= 7.0.8)
+    actionmailer (7.1.2)
+      actionpack (= 7.1.2)
+      actionview (= 7.1.2)
+      activejob (= 7.1.2)
+      activesupport (= 7.1.2)
       mail (~> 2.5, >= 2.5.4)
       net-imap
       net-pop
       net-smtp
-      rails-dom-testing (~> 2.0)
-    actionpack (7.0.8)
-      actionview (= 7.0.8)
-      activesupport (= 7.0.8)
-      rack (~> 2.0, >= 2.2.4)
+      rails-dom-testing (~> 2.2)
+    actionpack (7.1.2)
+      actionview (= 7.1.2)
+      activesupport (= 7.1.2)
+      nokogiri (>= 1.8.5)
+      racc
+      rack (>= 2.2.4)
+      rack-session (>= 1.0.1)
       rack-test (>= 0.6.3)
-      rails-dom-testing (~> 2.0)
-      rails-html-sanitizer (~> 1.0, >= 1.2.0)
-    actiontext (7.0.8)
-      actionpack (= 7.0.8)
-      activerecord (= 7.0.8)
-      activestorage (= 7.0.8)
-      activesupport (= 7.0.8)
+      rails-dom-testing (~> 2.2)
+      rails-html-sanitizer (~> 1.6)
+    actiontext (7.1.2)
+      actionpack (= 7.1.2)
+      activerecord (= 7.1.2)
+      activestorage (= 7.1.2)
+      activesupport (= 7.1.2)
       globalid (>= 0.6.0)
       nokogiri (>= 1.8.5)
-    actionview (7.0.8)
-      activesupport (= 7.0.8)
+    actionview (7.1.2)
+      activesupport (= 7.1.2)
       builder (~> 3.1)
-      erubi (~> 1.4)
-      rails-dom-testing (~> 2.0)
-      rails-html-sanitizer (~> 1.1, >= 1.2.0)
-    activejob (7.0.8)
-      activesupport (= 7.0.8)
+      erubi (~> 1.11)
+      rails-dom-testing (~> 2.2)
+      rails-html-sanitizer (~> 1.6)
+    activejob (7.1.2)
+      activesupport (= 7.1.2)
       globalid (>= 0.3.6)
-    activemodel (7.0.8)
-      activesupport (= 7.0.8)
-    activerecord (7.0.8)
-      activemodel (= 7.0.8)
-      activesupport (= 7.0.8)
-    activestorage (7.0.8)
-      actionpack (= 7.0.8)
-      activejob (= 7.0.8)
-      activerecord (= 7.0.8)
-      activesupport (= 7.0.8)
+    activemodel (7.1.2)
+      activesupport (= 7.1.2)
+    activerecord (7.1.2)
+      activemodel (= 7.1.2)
+      activesupport (= 7.1.2)
+      timeout (>= 0.4.0)
+    activestorage (7.1.2)
+      actionpack (= 7.1.2)
+      activejob (= 7.1.2)
+      activerecord (= 7.1.2)
+      activesupport (= 7.1.2)
       marcel (~> 1.0)
-      mini_mime (>= 1.1.0)
-    activesupport (7.0.8)
+    activesupport (7.1.2)
+      base64
+      bigdecimal
       concurrent-ruby (~> 1.0, >= 1.0.2)
+      connection_pool (>= 2.2.5)
+      drb
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)
+      mutex_m
       tzinfo (~> 2.0)
     ast (2.4.2)
     autoprefixer-rails (10.4.15.0)
       execjs (~> 2)
     awesome_print (1.9.2)
-    base64 (0.1.1)
-    bootstrap (5.3.1)
+    base64 (0.2.0)
+    bigdecimal (3.1.4)
+    bootstrap (5.3.2)
       autoprefixer-rails (>= 9.1.0)
       popper_js (>= 2.11.8, < 3)
-      sassc-rails (>= 2.0.0)
     builder (3.2.4)
     byebug (11.1.3)
     childprocess (4.1.0)
     concurrent-ruby (1.2.2)
+    connection_pool (2.4.1)
     crass (1.0.6)
-    date (3.3.3)
+    dartsass-ruby (3.0.2)
+      sass-embedded (~> 1.54, < 1.67)
+    dartsass-sprockets (3.0.0)
+      dartsass-ruby (~> 3.0)
+      railties (>= 4.0.0)
+      sprockets (> 3.0)
+      sprockets-rails
+      tilt
+    date (3.3.4)
     docile (1.4.0)
+    drb (2.2.0)
+      ruby2_keywords
     erubi (1.12.0)
     execjs (2.9.1)
     factory_bot (4.11.1)
@@ -99,10 +120,11 @@ GEM
     factory_bot_rails (4.11.1)
       factory_bot (~> 4.11.1)
       railties (>= 3.0.0)
-    ffi (1.16.2)
     globalid (1.2.1)
       activesupport (>= 6.1)
-    haml (6.2.0)
+    google-protobuf (3.25.1-x86_64-darwin)
+    google-protobuf (3.25.1-x86_64-linux)
+    haml (6.2.3)
       temple (>= 0.8.2)
       thor
       tilt
@@ -113,13 +135,18 @@ GEM
       railties (>= 5.1)
     i18n (1.14.1)
       concurrent-ruby (~> 1.0)
-    importmap-rails (1.2.1)
+    importmap-rails (1.2.3)
       actionpack (>= 6.0.0)
+      activesupport (>= 6.0.0)
       railties (>= 6.0.0)
     iniparse (1.5.0)
+    io-console (0.6.0)
+    irb (1.9.0)
+      rdoc
+      reline (>= 0.3.8)
     json (2.6.3)
     language_server-protocol (3.17.0.3)
-    loofah (2.21.3)
+    loofah (2.22.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.12.0)
     mail (2.8.1)
@@ -128,19 +155,19 @@ GEM
       net-pop
       net-smtp
     marcel (1.0.2)
-    method_source (1.0.0)
     mini_mime (1.1.5)
     minitest (5.20.0)
-    net-imap (0.3.7)
+    mutex_m (0.2.0)
+    net-imap (0.4.5)
       date
       net-protocol
     net-pop (0.1.2)
       net-protocol
-    net-protocol (0.2.1)
+    net-protocol (0.2.2)
       timeout
     net-smtp (0.4.0)
       net-protocol
-    nio4r (2.5.9)
+    nio4r (2.6.0)
     nokogiri (1.15.4-x86_64-darwin)
       racc (~> 1.4)
     nokogiri (1.15.4-x86_64-linux)
@@ -150,30 +177,37 @@ GEM
       iniparse (~> 1.4)
       rexml (~> 3.2)
     parallel (1.23.0)
-    parser (3.2.2.3)
+    parser (3.2.2.4)
       ast (~> 2.4.1)
       racc
     popper_js (2.11.8)
+    psych (5.1.1.1)
+      stringio
     puma (6.4.0)
       nio4r (~> 2.0)
-    racc (1.7.1)
-    rack (2.2.8)
+    racc (1.7.3)
+    rack (3.0.8)
+    rack-session (2.0.0)
+      rack (>= 3.0.0)
     rack-test (2.1.0)
       rack (>= 1.3)
-    rails (7.0.8)
-      actioncable (= 7.0.8)
-      actionmailbox (= 7.0.8)
-      actionmailer (= 7.0.8)
-      actionpack (= 7.0.8)
-      actiontext (= 7.0.8)
-      actionview (= 7.0.8)
-      activejob (= 7.0.8)
-      activemodel (= 7.0.8)
-      activerecord (= 7.0.8)
-      activestorage (= 7.0.8)
-      activesupport (= 7.0.8)
+    rackup (2.1.0)
+      rack (>= 3)
+      webrick (~> 1.8)
+    rails (7.1.2)
+      actioncable (= 7.1.2)
+      actionmailbox (= 7.1.2)
+      actionmailer (= 7.1.2)
+      actionpack (= 7.1.2)
+      actiontext (= 7.1.2)
+      actionview (= 7.1.2)
+      activejob (= 7.1.2)
+      activemodel (= 7.1.2)
+      activerecord (= 7.1.2)
+      activestorage (= 7.1.2)
+      activesupport (= 7.1.2)
       bundler (>= 1.15.0)
-      railties (= 7.0.8)
+      railties (= 7.1.2)
     rails-dom-testing (2.2.0)
       activesupport (>= 5.0.0)
       minitest
@@ -181,50 +215,51 @@ GEM
     rails-html-sanitizer (1.6.0)
       loofah (~> 2.21)
       nokogiri (~> 1.14)
-    railties (7.0.8)
-      actionpack (= 7.0.8)
-      activesupport (= 7.0.8)
-      method_source
+    railties (7.1.2)
+      actionpack (= 7.1.2)
+      activesupport (= 7.1.2)
+      irb
+      rackup (>= 1.0.0)
       rake (>= 12.2)
-      thor (~> 1.0)
-      zeitwerk (~> 2.5)
+      thor (~> 1.0, >= 1.2.2)
+      zeitwerk (~> 2.6)
     rainbow (3.1.1)
-    rake (13.0.6)
-    regexp_parser (2.8.1)
+    rake (13.1.0)
+    rdoc (6.6.0)
+      psych (>= 4.0.0)
+    regexp_parser (2.8.2)
+    reline (0.4.0)
+      io-console (~> 0.5)
     rexml (3.2.6)
-    rubocop (1.56.4)
-      base64 (~> 0.1.1)
+    rubocop (1.57.2)
       json (~> 2.3)
       language_server-protocol (>= 3.17.0)
       parallel (~> 1.10)
-      parser (>= 3.2.2.3)
+      parser (>= 3.2.2.4)
       rainbow (>= 2.2.2, < 4.0)
       regexp_parser (>= 1.8, < 3.0)
       rexml (>= 3.2.5, < 4.0)
       rubocop-ast (>= 1.28.1, < 2.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 2.4.0, < 3.0)
-    rubocop-ast (1.29.0)
+    rubocop-ast (1.30.0)
       parser (>= 3.2.1.0)
-    rubocop-minitest (0.32.2)
+    rubocop-minitest (0.33.0)
       rubocop (>= 1.39, < 2.0)
     rubocop-performance (1.19.1)
       rubocop (>= 1.7.0, < 2.0)
       rubocop-ast (>= 0.4.0)
-    rubocop-rails (2.21.2)
+    rubocop-rails (2.22.1)
       activesupport (>= 4.2.0)
       rack (>= 1.1)
       rubocop (>= 1.33.0, < 2.0)
     ruby-progressbar (1.13.0)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    sassc-rails (2.1.2)
-      railties (>= 4.0.0)
-      sassc (>= 2.0)
-      sprockets (> 3.0)
-      sprockets-rails
-      tilt
-    simple_form (5.2.0)
+    ruby2_keywords (0.0.5)
+    sass-embedded (1.66.1-x86_64-darwin)
+      google-protobuf (~> 3.23)
+    sass-embedded (1.66.1-x86_64-linux-gnu)
+      google-protobuf (~> 3.23)
+    simple_form (5.3.0)
       actionpack (>= 5.2)
       activemodel (>= 5.2)
     simplecov (0.22.0)
@@ -240,15 +275,17 @@ GEM
       actionpack (>= 5.2)
       activesupport (>= 5.2)
       sprockets (>= 3.0.0)
-    sqlite3 (1.6.6-x86_64-darwin)
-    sqlite3 (1.6.6-x86_64-linux)
-    temple (0.10.2)
-    thor (1.2.2)
+    sqlite3 (1.6.8-x86_64-darwin)
+    sqlite3 (1.6.8-x86_64-linux)
+    stringio (3.0.9)
+    temple (0.10.3)
+    thor (1.3.0)
     tilt (2.3.0)
-    timeout (0.4.0)
+    timeout (0.4.1)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     unicode-display_width (2.5.0)
+    webrick (1.8.1)
     websocket-driver (0.7.6)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.5)

data/app/assets/config/ui_bibz.js

@@ -10,3 +10,5 @@
 //= link forms/jquery.multi-select-extend.js
 //= link forms/input-connected.js
 //= link forms/formula.js
+//= link debounce.js
+//= link controllers/combobox_controller.js

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

@@ -0,0 +1,37 @@
+import { Controller } from "@hotwired/stimulus"
+import debounce from "debounce"
+
+export default class ComboboxController extends Controller {
+  static values = { url: String, debounce: Number };
+
+  connect(){
+    this.searchValue = this.searchValue.bind(this);
+    this.debounceValue = this.element.getAttribute("data-combobox-debounce-value")
+    this.debouncedSearchValue = debounce(this.searchValue, this.debounceValue)
+  }
+
+  search(e) {
+    if (this.debounceValue && Number(this.debounceValue) > 0){
+      this.debouncedSearchValue(e);
+    }else {
+      this.searchValue(e);
+    }
+  }
+
+  insertValue(e){
+    this.element.querySelector('input').value = e.target.innerText
+    this.element.querySelector("turbo-frame").innerHTML = ''
+  }
+
+  searchValue(){
+    let input = this.element.querySelector('input')
+    let query = input.value
+    if (query.length < 2) {
+      return
+    }
+
+    const url = this.element.getAttribute("data-combobox-url-value") + '?query=' + query;
+
+    input.nextSibling.querySelector("turbo-frame").src = url;
+  }
+}

data/app/assets/stylesheets/sass/_forms.sass

@@ -6,3 +6,4 @@
 @import forms/_formula_field
 @import forms/_surround_field
 @import forms/_form_check
+@import forms/combobox

data/app/assets/stylesheets/sass/forms/_combobox.sass

@@ -0,0 +1,32 @@
+.combobox
+  width: 100%
+  position: relative
+
+.combobox-list
+  position: absolute
+  z-index: 99
+  top: 100%
+  left: 0
+  right: 0
+
+.combobox .turbo-frame-error
+  position: absolute
+  z-index: 99
+  top: 100%
+  left: 0
+  right: 0
+  padding: 10px
+  cursor: pointer
+  background-color: #fff
+  border-bottom: 1px solid #d4d4d4
+  border-left: 1px solid #d4d4d4
+  border-right: 1px solid #d4d4d4
+
+.input-group > .combobox:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)
+  input
+    border-top-left-radius: 0
+    border-bottom-left-radius: 0
+
+.input-group:not(.has-validation) > .combobox:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating)
+  input
+    border-radius: 0px

data/config/importmap.rb

@@ -17,3 +17,5 @@ pin 'tables', to: 'tables.js', preload: true
 pin 'formula', to: 'forms/formula.js', preload: true
 pin 'input-connected', to: 'forms/input-connected.js', preload: true
 pin 'jquery.multi-select-extend', to: 'forms/jquery.multi-select-extend.js', preload: true
+pin 'debounce', to: 'debounce.js', preload: true
+pin 'controllers/combobox_controller', to: 'controllers/combobox_controller.js', preload: true

data/config/initializers/assets.rb

@@ -2,4 +2,4 @@
 
 Rails.application.config.assets.precompile += %w[bootstrap.min.js popper.js
                                                  jquery-3.7.0.min.js bootstrap-multiselect.min.js jquery.multi-select.min.js
-                                                 forms.js interfaces.js tables.js forms/formula.js forms/input-connected.js forms/jquery.multi-select-extend.js"]
+                                                 forms.js interfaces.js tables.js forms/formula.js forms/input-connected.js forms/jquery.multi-select-extend.js controllers/combobox_controller.js debounce.js"]

data/lib/ui_bibz/helpers/ui/core/forms_helper.rb

@@ -208,4 +208,12 @@ module UiBibz::Helpers::Ui::Core::FormsHelper
   def ui_file_field(name, options = nil, html_options = nil, &)
     UiBibz::Ui::Core::Forms::Files::FileField.new(name, options, html_options, &).render
   end
+
+  # Combobox Field Component
+  #
+  # +options+ (Hash)
+  # +html_options+ (Hash)
+  def ui_combobox_field(content = nil, options = nil, html_options = nil, &)
+    UiBibz::Ui::Core::Forms::Texts::ComboboxField.new(content, options, html_options, &).render
+  end
 end

data/lib/ui_bibz/infos.rb

@@ -12,6 +12,6 @@ module UiBibz
   REPO                = 'git+https://github.com/thooams/ui_bibz.git'
   EMAIL               = 'thomas@hummel.link'
   AUTHOR              = 'Thooams [Thomas HUMMEL]'
-  VERSION             = '4.0.0.beta3'
+  VERSION             = '4.0.0.beta6'
   AUTHORS = ['Thooams'].freeze
 end

data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_combobox_field_input.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module UiBibzInputs
+  class UiComboboxFieldInput < CollectionInput
+    include UiBibz::Ui::Core::Forms::Texts
+
+    def input(_wrapper_options)
+      UiBibz::Ui::Core::Forms::Texts::ComboboxField.new(input_attribute_name, new_options, input_html_options).render
+    end
+
+    def new_options
+      super.merge({ value: @builder.object.send(attribute_name) })
+    end
+  end
+end

data/lib/ui_bibz/strategies/component_initialize_block_strategy.rb

@@ -24,6 +24,8 @@ module UiBibz
       private
 
       def read_cache
+        return if @options.try(:[], :cache).blank?
+
         ::Rails.cache.read(@options.try(:[], :cache))
       end
     end

data/lib/ui_bibz/ui/core/forms/texts/combobox_field.rb

@@ -0,0 +1,96 @@
+# frozen_string_literal: true
+
+require 'ui_bibz/ui/extensions/core/forms/surround_extension'
+module UiBibz::Ui::Core::Forms::Texts
+  # Create a ComboboxField
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  # * +url+ - String [required]
+  # * +append+  - String, Html
+  # * +prepend+ - String, Html
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Forms::Texts::ComboboxField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::Forms::Texts::ComboboxField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Forms::Texts::ComboboxField.new('company', { debounce: 200, url: 'http://exemple.com/list' }, { class: 'test' })
+  #
+  #   UiBibz::Ui::Core::Forms::Texts::ComboboxField.new(url: 'http://exemple.com/list') do
+  #     #content
+  #   end
+  #
+  # ==== Helper
+  #
+  #   combobox_field(options = {}, html_options = {}) do
+  #    # content
+  #   end
+  #
+  class ComboboxField < UiBibz::Ui::Core::Forms::Texts::TextField
+    # See UiBibz::Ui::Core::Component.initialize
+
+    private
+
+    def text_field_input_tag
+      content_tag :div, data: data_controller_attributes, class: 'combobox' do
+        text_field_tag(content, options[:value] || html_options[:value], html_options) + combobox_list_render
+      end
+    end
+
+    def combobox_list_render
+      content_tag :div, class: 'combobox-list' do
+        content_tag 'turbo-frame', '', id: combobox_list_name, src: ''
+      end
+    end
+
+    def component_html_options
+      { autocomplete: false, disabled: options[:state] }
+    end
+
+    def component_html_classes
+      super << 'combobox-field'
+    end
+
+    def combobox_list_name
+      @combobox_list_name ||= "#{html_options[:id] || content.to_s.parameterize.underscore}-combobox-list"
+    end
+
+    def component_html_data
+      @data_html_options_builder.add('action', value: data_actions)
+    end
+
+    def data_controller_attributes
+      {
+        controller: data_controllers,
+        'combobox-url-value': options[:url],
+        'combobox-debounce-value': options[:debounce]
+      }
+    end
+
+    def data_actions
+      actions = [options[:action], html_options.dig(:data, :action)].compact
+      actions.blank? ? 'keyup->combobox#search' : actions.join(' ')
+    end
+
+    def data_controllers
+      controllers = [options.delete(:controller), html_options.try(:[], :data).try(:delete, :controller), @data_html_options_builder.html_options.try(:[], :data).try(:delete, :controller)].compact
+      controllers.blank? ? 'combobox' : controllers.join(' ')
+    end
+  end
+end

data/lib/ui_bibz.rb

@@ -169,6 +169,7 @@ module UiBibz
 
         module Texts
           autoload :AutoCompleteField,       'ui_bibz/ui/core/forms/texts/auto_complete_field'
+          autoload :ComboboxField, 'ui_bibz/ui/core/forms/texts/combobox_field'
           autoload :TextField,               'ui_bibz/ui/core/forms/texts/text_field'
         end
 

data/test/ui/core/forms/texts/combobox_field_test.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class ComboboxFieldTest < ActionView::TestCase
+  test 'comobobox_field' do
+    actual = UiBibz::Ui::Core::Forms::Texts::ComboboxField.new('test', { url: root_url, debounce: 200 }, { id: 'test' }).render
+    expected = "<div data-controller=\"combobox\" data-combobox-url-value=\"http://test.host/\" data-combobox-debounce-value=\"200\" class=\"combobox\"><input type=\"text\" name=\"test\" id=\"test\" data-action=\"keyup-&gt;combobox#search\" class=\"form-control combobox-field\" autocomplete=\"false\" /><div class=\"combobox-list\"><turbo-frame id=\"test-combobox-list\" src=\"\"></turbo-frame></div></div>"
+
+    assert_equal expected, actual
+  end
+
+  test 'comobobox_field with prepend content' do
+    actual = UiBibz::Ui::Core::Forms::Texts::ComboboxField.new('test', { prepend: 'Append content' }, { id: 'test' }).render
+    expected = "<div class=\"input-group ui_surround_field\"><div data-controller=\"combobox\" class=\"combobox\"><input type=\"text\" name=\"test\" id=\"test\" data-action=\"keyup-&gt;combobox#search\" class=\"form-control combobox-field\" autocomplete=\"false\" /><div class=\"combobox-list\"><turbo-frame id=\"test-combobox-list\" src=\"\"></turbo-frame></div></div><span class=\"input-group-text\">Append content</span></div>"
+
+    assert_equal expected, actual
+  end
+end

data/ui_bibz.gemspec

@@ -26,10 +26,11 @@ Gem::Specification.new do |s|
   s.require_paths = %w[lib vendor]
 
   # Rails gems
-  s.add_dependency 'rails', '>= 7.0.6'
+  s.add_dependency 'rails', '>= 7.1.0'
 
   # Remove these dependencies after
   s.add_dependency 'bootstrap', '~> 5.3.0'
+  s.add_dependency 'dartsass-sprockets', '~> 3.0.0'
   s.add_dependency 'will_paginate', '~> 3.3.0'
   s.add_dependency 'will_paginate-bootstrap4'
   s.add_dependency 'will-paginate-i18n'

data/vendor/assets/javascripts/debounce.js

@@ -0,0 +1,51 @@
+export default function debounce(func, wait, immediate){
+  var timeout, args, context, timestamp, result;
+  if (null == wait) wait = 100;
+
+  function later() {
+    var last = Date.now() - timestamp;
+
+    if (last < wait && last >= 0) {
+      timeout = setTimeout(later, wait - last);
+    } else {
+      timeout = null;
+      if (!immediate) {
+        result = func.apply(context, args);
+        context = args = null;
+      }
+    }
+  };
+
+  var debounced = function(){
+    context = this;
+    args = arguments;
+    timestamp = Date.now();
+    var callNow = immediate && !timeout;
+    if (!timeout) timeout = setTimeout(later, wait);
+    if (callNow) {
+      result = func.apply(context, args);
+      context = args = null;
+    }
+
+    return result;
+  };
+
+  debounced.clear = function() {
+    if (timeout) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
+
+  debounced.flush = function() {
+    if (timeout) {
+      result = func.apply(context, args);
+      context = args = null;
+
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
+
+  return debounced;
+};

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ui_bibz
 version: !ruby/object:Gem::Version
-  version: 4.0.0.beta3
+  version: 4.0.0.beta6
 platform: ruby
 authors:
 - Thooams [Thomas HUMMEL]
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-10-03 00:00:00.000000000 Z
+date: 2023-11-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.0.6
+        version: 7.1.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.0.6
+        version: 7.1.0
 - !ruby/object:Gem::Dependency
   name: bootstrap
   requirement: !ruby/object:Gem::Requirement
@@ -38,6 +38,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 5.3.0
+- !ruby/object:Gem::Dependency
+  name: dartsass-sprockets
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.0.0
 - !ruby/object:Gem::Dependency
   name: will_paginate
   requirement: !ruby/object:Gem::Requirement
@@ -117,6 +131,7 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/ui_bibz.js
+- app/assets/javascripts/controllers/combobox_controller.js
 - app/assets/javascripts/forms.js
 - app/assets/javascripts/forms/formula.js
 - app/assets/javascripts/forms/input-connected.js
@@ -140,6 +155,7 @@ files:
 - app/assets/stylesheets/sass/containers/_panel.scss
 - app/assets/stylesheets/sass/forms/_bootstrap_select.sass
 - app/assets/stylesheets/sass/forms/_button.sass
+- app/assets/stylesheets/sass/forms/_combobox.sass
 - app/assets/stylesheets/sass/forms/_date_picker.sass
 - app/assets/stylesheets/sass/forms/_dropdown.sass
 - app/assets/stylesheets/sass/forms/_form_check.sass
@@ -191,6 +207,7 @@ files:
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_checkbox_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_choice_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_choice_group_input.rb
+- lib/ui_bibz/inputs/ui_bibz_inputs/ui_combobox_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_date_picker_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_dropdown_select_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_file_field_input.rb
@@ -276,6 +293,7 @@ files:
 - lib/ui_bibz/ui/core/forms/surrounds/surround_field.rb
 - lib/ui_bibz/ui/core/forms/textareas/markdown_editor_field.rb
 - lib/ui_bibz/ui/core/forms/texts/auto_complete_field.rb
+- lib/ui_bibz/ui/core/forms/texts/combobox_field.rb
 - lib/ui_bibz/ui/core/forms/texts/text_field.rb
 - lib/ui_bibz/ui/core/icons/components/glyph_counter.rb
 - lib/ui_bibz/ui/core/icons/components/glyph_text.rb
@@ -451,6 +469,7 @@ files:
 - test/ui/core/forms/surrounds/surround_field_test.rb
 - test/ui/core/forms/textareas/markdown_editor_field_test.rb
 - test/ui/core/forms/texts/auto_complete_field_test.rb
+- test/ui/core/forms/texts/combobox_field_test.rb
 - test/ui/core/forms/texts/text_field_test.rb
 - test/ui/core/icons/glyph_test.rb
 - test/ui/core/icons/star_test.rb
@@ -497,6 +516,7 @@ files:
 - vendor/assets/javascripts/bootstrap-select.min.js
 - vendor/assets/javascripts/bootstrap-switch.min.js
 - vendor/assets/javascripts/bs-custom-file-input.min.js
+- vendor/assets/javascripts/debounce.js
 - vendor/assets/javascripts/fontawesome/all.js
 - vendor/assets/javascripts/fontawesome/all.min.js
 - vendor/assets/javascripts/fontawesome/brands.js