effective_datatables 4.23.0 → 4.24.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e28694285e494e1dc825a61c276c8f1f8f79ef433b973aa054488bfd6decfabe
-  data.tar.gz: 17a2c72b5b817ad34afc938748af1feca8642df80ccde42ede594e5949c8d72c
+  metadata.gz: 75aeba8a18f22cd6b4e5b0761e166ae919a10a59c77c918881cb117e13f76932
+  data.tar.gz: d84af5dea6afa6093d35a3421f2708321b63bf4f7e3706a28eb5cdd004bb9de7
 SHA512:
-  metadata.gz: 7756e1a17ada79b50d8496845eb3e9060cbec84954c2603f356a0735d58bcef14f46132fe9b921ebd412acbd1f9b2b55727f18f28a180a5c6f50277142a58d63
-  data.tar.gz: 58790be7fb4d4a09e1b5529453fd710ab3f8279dea93164ee101b788dcd4a5e0275737ac25561219e6c43b2d4b00163fc01e41dd5c7defef87e6a73de72dfb72
+  metadata.gz: 8b28b5aa883d030911aa842e8478aa641d1effc8c3aa1eaa51fb2a865d14a96183a6dd8079602718685e0f442c53a1e9af42fd0eaeaffc79c72308eb967b88d0
+  data.tar.gz: 6cd70258a3e9ad0efd861b4a47a2eb8140f478cf90f6ce1eff0c642b18e8d02d131c0a5574728caf3a99f2803ab8b4d8671297142d8f87c2db5e587b901bc17f

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)), 500))
+          $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.0'.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.0
 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);