effective_datatables 4.23.0 → 4.24.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e28694285e494e1dc825a61c276c8f1f8f79ef433b973aa054488bfd6decfabe
-  data.tar.gz: 17a2c72b5b817ad34afc938748af1feca8642df80ccde42ede594e5949c8d72c
+  metadata.gz: 4ead89fb1377a2310bef8d72b4ddba32369f369be7b5c49f48def4b43cfca364
+  data.tar.gz: b2633a0f7bbcc366d10b84c92c48be6dffeb0eb44e9f2fd9e055d32552154cf3
 SHA512:
-  metadata.gz: 7756e1a17ada79b50d8496845eb3e9060cbec84954c2603f356a0735d58bcef14f46132fe9b921ebd412acbd1f9b2b55727f18f28a180a5c6f50277142a58d63
-  data.tar.gz: 58790be7fb4d4a09e1b5529453fd710ab3f8279dea93164ee101b788dcd4a5e0275737ac25561219e6c43b2d4b00163fc01e41dd5c7defef87e6a73de72dfb72
+  metadata.gz: 64cca992852889e969d3ad811b60392ef42f1ee4132d543ef11f6266c8fa6c4dcfee06f6e1db76a5c20ab6a7facb3da7074bffd80773c42fb56912e9e498ed1a
+  data.tar.gz: d32031a018c8a819896d3901ca46c359ddc60296434d1f8ac83e66b4bad9f6efbb8ff9712d4c77db10f8af1e6c63e82248d83970d091a6db6e2d9c7b592a4b08

data/app/assets/javascripts/effective_datatables/initialize.js.coffee

@@ -158,7 +158,8 @@ initializeDataTables = (target) ->
         if $input.is('select')
           $input.on 'change', (event) -> dataTableSearch($(event.currentTarget))
         else if $input.is('input')
-          $input.delayedChange ($input) -> dataTableSearch($input)
+          $input.keyup(delayChange((-> dataTableSearch($input)), 700))
+          $input.on 'paste', (event) -> delayChange((-> dataTableSearch($(event.currentTarget))), 100)
 
     # Do the actual search
     dataTableSearch = ($input) ->   # This is the function called by a select or input to run the search
@@ -201,6 +202,15 @@ destroyDataTables = ->
   $('.effective-datatables-inline-expanded').removeClass('effective-datatables-inline-expanded')
   $('table.effective-datatable').each -> try $(this).removeClass('initialized').DataTable().destroy()
 
+# https://stackoverflow.com/questions/1909441/how-to-delay-the-keyup-handler-until-the-user-stops-typing
+delayChange = (callback, ms) ->
+  timer = 0
+  ->
+    context = this
+    args = arguments
+    clearTimeout(timer)
+    timer = setTimeout((-> callback.apply(context, args)), ms)
+
 $ -> initializeDataTables()
 $(document).on 'effective-datatables:initialize', (event) -> initializeDataTables(event.currentTarget)
 

data/app/assets/javascripts/effective_datatables/reset.js.coffee

@@ -11,12 +11,6 @@ $(document).on 'click', '.dataTables_wrapper a.buttons-reset-search', (event) ->
   $inputs = $thead.find('input')
   $inputs.val('').removeAttr('checked').removeAttr('selected')
 
-  # Reset delayedChange
-  $.each $inputs, (input) =>
-    $input = $(input)
-    if ($input.delayedChange.oldVal)
-      $input.delayedChange.oldVal = undefined
-
   # Reset the datatable
   datatable = $table.DataTable()
 

data/app/assets/javascripts/effective_datatables.js

@@ -1,4 +1,3 @@
-//= require vendor/jquery.delayedChange
 //= require vendor/jquery.fileDownload
 
 //= require dataTables/jquery.dataTables

data/lib/effective_datatables/version.rb

@@ -1,3 +1,3 @@
 module EffectiveDatatables
-  VERSION = '4.23.0'.freeze
+  VERSION = '4.24.1'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_datatables
 version: !ruby/object:Gem::Version
-  version: 4.23.0
+  version: 4.24.1
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-01-31 00:00:00.000000000 Z
+date: 2024-02-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -122,7 +122,6 @@ files:
 - app/assets/javascripts/effective_datatables/reorder.js.coffee
 - app/assets/javascripts/effective_datatables/reset.js.coffee
 - app/assets/javascripts/effective_datatables/responsive.js.coffee
-- app/assets/javascripts/vendor/jquery.delayedChange.js
 - app/assets/javascripts/vendor/jquery.fileDownload.js
 - app/assets/stylesheets/dataTables/buttons/buttons.bootstrap4.scss
 - app/assets/stylesheets/dataTables/dataTables.bootstrap4.scss

data/app/assets/javascripts/vendor/jquery.delayedChange.js

@@ -1,37 +0,0 @@
-// http://stackoverflow.com/questions/7373023/throttle-event-calls-in-jquery
-
-(function($) {
-  $.fn.delayedChange = function(options) {
-    var timer; var o;
-
-    if (jQuery.isFunction(options)) {
-      o = { onChange: options };
-    } else {
-      o = options;
-    }
-
-    o = $.extend({}, $.fn.delayedChange.defaultOptions, o);
-
-    return this.each(function() {
-      var element = $(this);
-      element.on('keyup paste', function() {
-        clearTimeout(timer);
-        timer = setTimeout(function() {
-          var newVal = element.val();
-          if (element.delayedChange.oldVal != newVal) {
-            element.delayedChange.oldVal = newVal;
-            o.onChange.call(this, element);
-          }
-        }, o.delay);
-      });
-    });
-  };
-
-  $.fn.delayedChange.defaultOptions = {
-    delay: 700,
-    onChange: function(element) { }
-  }
-
-  $.fn.delayedChange.oldVal = 'NO_DELAYED_CHANGE_VALUE';
-
-})(jQuery);