uber_select_rails 0.2.1 → 0.4.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1565e41dee2dcac6cb743f1fef1670eba707eeb6aa677ddefded94f5341ea372
-  data.tar.gz: 3b1ab982cd3917c97aa271710cc73c8133455a2e4c001ecb8d4f190486801508
+  metadata.gz: 5852b1fc530f2e2990d6bae6c9de18be71ef5365c243cbf9e2955dd0d9f07292
+  data.tar.gz: d30d7e27c9686b276e4fad9d0b7971d1404a240f292dbeece1adf87a5e03bf40
 SHA512:
-  metadata.gz: 80acab71f2ef75247a3237ee21291f602b3bab8ff7e491e0a22d5f1eb5a5dd1e630088046c74a59898d8b74f30d48fac61ccfba6eb00c044e08ad83c020b7067
-  data.tar.gz: 599c1dbcc3986af1b83782080e7e101a4d0dcf6b1edbab91dda19570e7ddd936ea4b56986c67980aa79c957a66c540ba64eb8f9255a5c5bb7e2544559b18b68e
+  metadata.gz: 1abd187f4db26bc3f70145935439ba8fe19f7aa1c16e73fe0d00737a9674dcb3ff7ce3dbf6b3f9696d5cccdd0587041638caa8e356339915945ca5b661ae32d9
+  data.tar.gz: 3c4fdfa37229c36ea9e1e30ba79333f94b84f0e02fc396b5bb24faae2694a922a8920bddaf2698d1be80780ff6a485a669ef0c78599b52cc8f80b1e32dcf316b

data/lib/uber_select_rails/version.rb

@@ -1,3 +1,3 @@
 module UberSelectRails
-  VERSION = "0.2.1"
+  VERSION = "0.4.3"
 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).
@@ -94,6 +98,12 @@ Data is an array of objects. Each object may have the following properties:
 - ##### text
   String shown to the user in the list of results. This value is required if *value* is not provided.
 
+- ##### 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.
 
@@ -103,6 +113,9 @@ Data is an array of objects. Each object may have the following properties:
 - ##### visibility
   This is used to determine whether the option appears only when searching or only when not searching. Values accepted: `query`, `no-query`. *optional*
 
+- ##### disabled
+  This is used to determine whether the option appears disabled. *optional*
+
 - ##### group
   This is used to visually group options. All options with the same group will appear together. *optional*
 

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)
         })
@@ -79,8 +84,10 @@
           // This is optimized for performance and does not use jQuery convenience methods. Seems to be about 30% faster loading during non-scientific tests.
           datum = {
             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
@@ -134,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

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)
@@ -288,7 +289,11 @@ var UberSearch = function(data, options){
   }
 
   function textFromValue(value){
-    return $.map(data, function(datum){ if (datum.value == value) return datum.text })[0]
+    return $.map(data, function(datum) {
+      if (datum.value == value)  {
+        return datum.selectedText || datum.text
+      }
+    })[0]
   }
 
   function updateMessages(){

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

@@ -199,6 +199,38 @@
   <p>This example has a disabled select that should disable the entire UI.</p>
 </span>
 
+<span class="example">
+  <label for="select">
+  Selected Text
+  </label>
+  <select>
+    <option></option>
+    <option>Jimmy Johnson</option>
+    <option data-selected-text="Good Choice!">Custom Selected Text</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 <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.2.1
+  version: 0.4.3
 platform: ruby
 authors:
 - Nicholas Jakobsen
-autorequire: 
+autorequire:
 bindir: exe
 cert_chain: []
-date: 2020-05-22 00:00:00.000000000 Z
+date: 2021-04-22 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