uber_select_rails 0.2.0 → 0.4.2.repackage

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 10c18743a0a4f7aa8ea982825a50907aeb75235437411bbafa9e1516ccaca952
-  data.tar.gz: 6886d3f7ea294125db58af7f8c810ab67dff4f4ec70f0507843c2b0580cf4308
+  metadata.gz: 7f833804d6ea4b37a98b951484d2d243b3f2da2dc09a808537852e97179f9c4f
+  data.tar.gz: 9d71fde2a1f91605665276b6eeae8aadf6147502ae39f83fec382e6e7f9e866b
 SHA512:
-  metadata.gz: 6b10307638757804884a9eee2b749da3dd661388b7f32abae304817952810794214b5403edb7d8a502ec706a84df34c1a96c088162cfe59b87af70fd327d4059
-  data.tar.gz: fd2484075d5a73cff0e80e704c939ea06195fc4bb15a78a6281983425c073400928b7d2e4d40f7e648fac1680e2ceaf71fb224e14507584385b4d130c3d5d586
+  metadata.gz: 9275175554d2dfb661d7fa8a6b0474c9575fc961b90ac04e6463a7846f9b3e7345dfc09e9d93e760cd33b643cd1a29b9699ce7dc3c543c162c64343db9f379ef
+  data.tar.gz: 39a886e6d4d4ccb6bc7f59c18d0240471871178e67969d59be0e4d95bb815d7884846faebe46f68aff9871006d37af036bfc6354706509eb8fe1b8a79ed009ef

data/lib/uber_select_rails/version.rb

@@ -1,3 +1,3 @@
 module UberSelectRails
-  VERSION = "0.2.0"
+  VERSION = "0.4.2.repackage"
 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,7 +84,9 @@
           // 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'),
+            title: getAttribute(option, 'title'),
             disabled: getAttribute(option, 'disabled'),
             matchValue: getAttribute(option, 'data-match-value'),
             visibility: getAttribute(option, 'data-visibility'),

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

@@ -26,7 +26,7 @@ function List(options) {
   })
 
   // When a list item is hovered
-  $(view).on('mouseenter', '.result', function(){
+  $(view).on('mouseenter', '.result:not(.disabled)', function(){
     unhighlightResults()
     highlightResult(this, {scroll: false})
   })
@@ -57,8 +57,8 @@ function List(options) {
   this.highlightResult = highlightResult
 
   function stepHighlight(amount, allowUnhighlight){
-    var index = visibleResults().index(highlightedResult())
-    var result = visibleResults()[index + amount]
+    var index = selectableResults().index(highlightedResult())
+    var result = selectableResults()[index + amount]
 
     if (result || allowUnhighlight){
       unhighlightResults()
@@ -72,13 +72,10 @@ function List(options) {
 
     if (!result.length) { return }
 
-    var enabledResult = enabledResults().filter(result)
-    if (enabledResult.length) {
-      enabledResult.addClass('highlighted')
+    result.addClass('highlighted')
 
-      if (options.scroll){
-        scrollResultIntoView(enabledResult)
-      }
+    if (options.scroll){
+      scrollResultIntoView(result)
     }
   }
 
@@ -90,7 +87,7 @@ function List(options) {
     return results().filter('.highlighted')
   }
 
-  function enabledResults(){
+  function selectableResults(){
     return visibleResults().not('.disabled')
   }
 

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)
@@ -262,7 +263,7 @@ var UberSearch = function(data, options){
     if (selected) {
       search.highlightResult(selected)
     } else if (options.highlightByDefault) {
-      search.highlightResult(results.not('.hidden').first())
+      search.highlightResult(results.not('.hidden').not('.disabled').first())
     }
   }
 
@@ -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.css

@@ -39,6 +39,10 @@ label {
   text-overflow: ellipsis;
   position: relative; /* Contain caret */
 }
+.uber_select .selected_text_container.disabled{
+  cursor: default;
+  opacity: 0.5;
+}
 .uber_select .selected_text.empty{
   color: #aaa;
 }
@@ -103,6 +107,10 @@ label {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.uber_select .result.disabled{
+  cursor: default;
+  opacity: 0.5;
+}
 .uber_select .result.selected{
   font-weight: bold;
 }

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

@@ -167,6 +167,70 @@
   </p>
 </span>
 
+<span class="example">
+  <label for="select">
+  Disabled Options
+  </label>
+  <select>
+    <option></option>
+    <option>Jimmy Johnson</option>
+    <option>Amanda Hugginkiss</option>
+    <option disabled="disabled">Cosmo Kramer</option>
+    <option>Bob Zickowski</option>
+    <option>Nicholas Cage</option>
+    <option>Queen Latifah</option>
+  </select>
+  <p>This example has a disabled option that should not highlight or be selectable.</p>
+</span>
+
+<span class="example">
+  <label for="select">
+  Disabled Select
+  </label>
+  <select disabled="disabled">
+    <option></option>
+    <option>Jimmy Johnson</option>
+    <option>Amanda Hugginkiss</option>
+    <option>Cosmo Kramer</option>
+    <option>Bob Zickowski</option>
+    <option>Nicholas Cage</option>
+    <option>Queen Latifah</option>
+  </select>
+  <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.0
+  version: 0.4.2.repackage
 platform: ruby
 authors:
 - Nicholas Jakobsen
-autorequire: 
+autorequire:
 bindir: exe
 cert_chain: []
-date: 2020-05-21 00:00:00.000000000 Z
+date: 2021-04-19 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
@@ -95,12 +95,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 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