uber_select_rails 0.3.0 → 0.4.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 41f2e1a1877958978c0a5577a899c31130a2a77e6392e5aa05b61286e5cfa4df
-  data.tar.gz: ed725ab8f9ab6d676c77c340cec323ee6082c539500fffe02611694e0de05c5e
+  metadata.gz: f2d36958541100b720bfbe57c1254bcb97cf73c5a0adf9cadac4d6144befabf2
+  data.tar.gz: 198a50727d3c91b584c5abbd33bcb415c06d02acd82c45854526f7b8cde17b47
 SHA512:
-  metadata.gz: 0dab72aac31c287920ea7ce4d75c3919c9a27d5954efc537fd609f6f87d3f9841bf55a5c083ff48f1af66c62135fe221dc1f9e8679ab87e247b08e9ab6256016
-  data.tar.gz: b633f6e04dd022376cf002ace1752ec08e84821255717ac85365372521cef766b0cd8b7750207b0eb683fa79360a70f02308c09e5768aea70aa653d17f42c50b
+  metadata.gz: c73c8c86106767c26c2fc32afac1d46c57dc78ff1d0014c4ca4d4866be8277c745a003d4c77e678b0b41d3f92964848b7e13533e95e3fe010e0df0cfc0dd5716
+  data.tar.gz: 88e29bddfd24bde521540c0040742982acecd1da4116ba1b3bc5a8a9da9703aecad82424a4af86c28565736bfd2e177e68abb9be1ee191180bcf6833736222e8

data/lib/uber_select_rails/version.rb

@@ -1,3 +1,3 @@
 module UberSelectRails
-  VERSION = "0.3.0"
+  VERSION = "0.4.4"
 end

data/uber_select.gemspec

@@ -3,6 +3,8 @@ lib = File.expand_path('../lib', __FILE__)
 $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 require 'uber_select_rails/version'
 
+`git submodule update` # Ensure we've checked the correct submodule files
+
 Gem::Specification.new do |spec|
   spec.name          = "uber_select_rails"
   spec.version       = UberSelectRails::VERSION

data/vendor/assets/javascript/uber_select/README.md

@@ -21,6 +21,10 @@ you can use UberSelect to gussy up forms, without changing any of the underlying
 $('.my_selects').uberSelect(options);
 ```
 
+#### Attributes <a name="UberSearch attributes"></a>
+Attribtes on the outermost element can be specified by setting the `data-uber-attributes` attribute on the `<select>` element. Values should be passed
+as a JSON string of key/value pairs where the key is the attribute name and the value is the attribute value.
+
 #### Options
 Options can be specified by setting the `data-uber-options` attribute on the `<select>` element. Values should be passed
 as a JSON string. All options on the are passed to the underlying UberSearch, see [UberSearch options](#UberSearchOptions).
@@ -97,6 +101,9 @@ Data is an array of objects. Each object may have the following properties:
 - ##### selectedText
   String shown to the user in the output container when this option is selected. *optional*
 
+- ##### title
+  Title text shown to the user when hovering over the result. *optional*
+
 - ##### value
   This is matched against the *value* option passed UberSearch and will appear selected if it matches. It is also used to match against search input text when the user searches. This value is required if *text* is not provided.
 

data/vendor/assets/javascript/uber_select/javascript/jquery.uber-select.js

@@ -20,7 +20,7 @@
         optionFromDatum: optionFromDatum,                                                 // A function to create select options
         value: $(select).val()                                                            // Initialize the UberSearch with this selected value
       }, opts, $(select).data('uber-options'))
-
+      var uberAttributes = $(select).data('uber-attributes');                             // Attributes defined as data-uber-attributes on the original select element. These will be added as attributes on the uberSelect element.
       var uberSearch = this.uberSearch = new UberSearch(dataFromSelect(select), options)
 
 
@@ -53,11 +53,16 @@
 
       // INITIALIZATION
 
+      if (uberAttributes) {
+        uberSearch.view.attr(uberAttributes)
+      }
+
       uberSearch.view.insertBefore(select).append(select)
       hideSelect()
       if (options.dataUrl) {
         $.getJSON(options.dataUrl).done(function(data){
           $(select).append(optionsFromData(data))
+          updateSelectValue(options.value)
           uberSearch.setData(dataFromSelect(select))
           $(select).trigger(eventsTriggered.ready)
         })
@@ -81,7 +86,8 @@
             text: option.textContent,
             selectedText: getAttribute(option, 'data-selected-text'),
             value: getAttribute(option, 'value'),
-            disabled: getAttribute(option, 'disabled'),
+            title: getAttribute(option, 'title'),
+            disabled: getAttribute(option, 'disabled') === undefined ? false : true,
             matchValue: getAttribute(option, 'data-match-value'),
             visibility: getAttribute(option, 'data-visibility'),
             element: option
@@ -135,7 +141,7 @@
       function refreshOptionsList(){
         uberSearch.setDisabled($(select).is(':disabled'))
         uberSearch.setData(dataFromSelect(select))
-        updateSelectedValue()
+        updateSelectValue($(select).find('option[selected]').attr('value')) // Read the value of the option that is selected because the <select> element's value is defunct now that we've updated the <option> elements
       }
 
       // Updates the UberSearch's selected value from the select element's value
@@ -144,7 +150,9 @@
       }
 
       function updateSelectValue(value){
-        $(select).val(value).trigger('change')
+        var before = $(select).val()
+        $(select).val(value)
+        if (before != value) { $(select).trigger('change') } // Only trigger a change if the value has actually changed
       }
 
       // Selects the option with an emptystring value, or the first option if there is no blank option

data/vendor/assets/javascript/uber_select/javascript/uber_search.js

@@ -243,6 +243,7 @@ var UberSearch = function(data, options){
       .html((options.treatBlankOptionAsPlaceholder ? datum.text || options.placeholder : datum.text) || " ")
       .data(datum) // Store the datum so we can get know what the value of the selected item is
 
+    if (datum.title) { result.attr('title', datum.title) }
     if (datum.disabled) { result.addClass('disabled') }
 
     options.resultPostprocessor(result, datum)

data/vendor/assets/javascript/uber_select/test.html

@@ -215,6 +215,22 @@
   <p>This example has an option with <code>data-selected-text</code> that should show custom text in the output container when selected.</p>
 </span>
 
+<span class="example">
+  <label for="select">
+  Title Attribute
+  </label>
+  <select>
+    <option></option>
+    <option>Jimmy Johnson</option>
+    <option title="Cooltip!">Option with Title</option>
+    <option>Cosmo Kramer</option>
+    <option>Bob Zickowski</option>
+    <option>Nicholas Cage</option>
+    <option>Queen Latifah</option>
+  </select>
+  <p>This example has an option with a <code>title</code> attribute that should show as a tooltip.</p>
+</span>
+
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script src="javascript/string_extensions.js"></script>
 <script src="javascript/search_field.js"></script>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: uber_select_rails
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.4
 platform: ruby
 authors:
 - Nicholas Jakobsen
-autorequire: 
+autorequire:
 bindir: exe
 cert_chain: []
-date: 2020-05-22 00:00:00.000000000 Z
+date: 2021-04-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -52,7 +52,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
-description: 
+description:
 email:
 - nicholas.jakobsen@gmail.com
 executables: []
@@ -84,7 +84,7 @@ files:
 homepage: https://github.com/culturecode/uber_select_rails
 licenses: []
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -99,8 +99,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
-signing_key: 
+rubygems_version: 3.0.8
+signing_key:
 specification_version: 4
 summary: A Rails gem containing a javascript plugin that adds a layer of UI goodness
   overtop of basic HTML select elements