uber_select_rails 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 10c18743a0a4f7aa8ea982825a50907aeb75235437411bbafa9e1516ccaca952
-  data.tar.gz: 6886d3f7ea294125db58af7f8c810ab67dff4f4ec70f0507843c2b0580cf4308
+  metadata.gz: 1565e41dee2dcac6cb743f1fef1670eba707eeb6aa677ddefded94f5341ea372
+  data.tar.gz: 3b1ab982cd3917c97aa271710cc73c8133455a2e4c001ecb8d4f190486801508
 SHA512:
-  metadata.gz: 6b10307638757804884a9eee2b749da3dd661388b7f32abae304817952810794214b5403edb7d8a502ec706a84df34c1a96c088162cfe59b87af70fd327d4059
-  data.tar.gz: fd2484075d5a73cff0e80e704c939ea06195fc4bb15a78a6281983425c073400928b7d2e4d40f7e648fac1680e2ceaf71fb224e14507584385b4d130c3d5d586
+  metadata.gz: 80acab71f2ef75247a3237ee21291f602b3bab8ff7e491e0a22d5f1eb5a5dd1e630088046c74a59898d8b74f30d48fac61ccfba6eb00c044e08ad83c020b7067
+  data.tar.gz: 599c1dbcc3986af1b83782080e7e101a4d0dcf6b1edbab91dda19570e7ddd936ea4b56986c67980aa79c957a66c540ba64eb8f9255a5c5bb7e2544559b18b68e

data/lib/uber_select_rails/version.rb

@@ -1,3 +1,3 @@
 module UberSelectRails
-  VERSION = "0.2.0"
+  VERSION = "0.2.1"
 end

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

@@ -262,7 +262,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())
     }
   }
 

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,38 @@
   </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>
+
 <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.2.1
 platform: ruby
 authors:
 - Nicholas Jakobsen
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2020-05-21 00:00:00.000000000 Z
+date: 2020-05-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails