bootstrap-table-rails 1.12.2 → 1.13.4

data/vendor/assets/javascripts/bootstrap-table/extensions/filter-control/bootstrap-table-filter-control.js

@@ -1,744 +1,911 @@
-/**
- * @author: Dennis Hernández
- * @webSite: http://djhvscf.github.io/Blog
- * @version: v2.1.2
- */
-
-(function ($) {
-
-    'use strict';
-
-    var sprintf = $.fn.bootstrapTable.utils.sprintf,
-        objectKeys = $.fn.bootstrapTable.utils.objectKeys;
-
-    var getOptionsFromSelectControl = function (selectControl) {
-        return selectControl.get(selectControl.length - 1).options;
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define([], factory);
+  } else if (typeof exports !== "undefined") {
+    factory();
+  } else {
+    var mod = {
+      exports: {}
     };
-
-    var hideUnusedSelectOptions = function (selectControl, uniqueValues) {
-        var options = getOptionsFromSelectControl(selectControl);
+    factory();
+    global.bootstrapTableFilterControl = mod.exports;
+  }
+})(this, function () {
+  'use strict';
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  var _createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  function _possibleConstructorReturn(self, call) {
+    if (!self) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return call && (typeof call === "object" || typeof call === "function") ? call : self;
+  }
+
+  var _get = function get(object, property, receiver) {
+    if (object === null) object = Function.prototype;
+    var desc = Object.getOwnPropertyDescriptor(object, property);
+
+    if (desc === undefined) {
+      var parent = Object.getPrototypeOf(object);
+
+      if (parent === null) {
+        return undefined;
+      } else {
+        return get(parent, property, receiver);
+      }
+    } else if ("value" in desc) {
+      return desc.value;
+    } else {
+      var getter = desc.get;
+
+      if (getter === undefined) {
+        return undefined;
+      }
+
+      return getter.call(receiver);
+    }
+  };
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  }
+
+  /**
+   * @author: Dennis Hernández
+   * @webSite: http://djhvscf.github.io/Blog
+   * @version: v2.2.0
+   */
+
+  (function ($) {
+    var Utils = $.fn.bootstrapTable.utils;
+    var UtilsFilterControl = {
+      getOptionsFromSelectControl: function getOptionsFromSelectControl(selectControl) {
+        return selectControl.get(selectControl.length - 1).options;
+      },
+      hideUnusedSelectOptions: function hideUnusedSelectOptions(selectControl, uniqueValues) {
+        var options = UtilsFilterControl.getOptionsFromSelectControl(selectControl);
 
         for (var i = 0; i < options.length; i++) {
-            if (options[i].value !== "") {
-                if (!uniqueValues.hasOwnProperty(options[i].value)) {
-                    selectControl.find(sprintf("option[value='%s']", options[i].value)).hide();
-                } else {
-                    selectControl.find(sprintf("option[value='%s']", options[i].value)).show();
-                }
+          if (options[i].value !== '') {
+            if (!uniqueValues.hasOwnProperty(options[i].value)) {
+              selectControl.find(Utils.sprintf('option[value=\'%s\']', options[i].value)).hide();
+            } else {
+              selectControl.find(Utils.sprintf('option[value=\'%s\']', options[i].value)).show();
             }
+          }
         }
-    };
-
-    var addOptionToSelectControl = function (selectControl, value, text) {
-        value = $.trim(value);
-        selectControl = $(selectControl.get(selectControl.length - 1));
-        if (!existOptionInSelectControl(selectControl, value)) {
-            selectControl.append($("<option></option>")
-                .attr("value", value)
-                .text($('<div />').html(text).text()));
+      },
+      addOptionToSelectControl: function addOptionToSelectControl(selectControl, _value, text) {
+        var value = $.trim(_value);
+        var $selectControl = $(selectControl.get(selectControl.length - 1));
+        if (!UtilsFilterControl.existOptionInSelectControl(selectControl, value)) {
+          $selectControl.append($('<option></option>').attr('value', value).text($('<div />').html(text).text()));
         }
-    };
-
-    var sortSelectControl = function (selectControl) {
-            selectControl = $(selectControl.get(selectControl.length - 1));
-            var $opts = selectControl.find('option:gt(0)');
-
-            $opts.sort(function (a, b) {
-                a = $(a).text().toLowerCase();
-                b = $(b).text().toLowerCase();
-                if ($.isNumeric(a) && $.isNumeric(b)) {
-                    // Convert numerical values from string to float.
-                    a = parseFloat(a);
-                    b = parseFloat(b);
-                }
-                return a > b ? 1 : a < b ? -1 : 0;
-            });
-
-            selectControl.find('option:gt(0)').remove();
-            selectControl.append($opts);
-    };
+      },
+      sortSelectControl: function sortSelectControl(selectControl) {
+        var $selectControl = $(selectControl.get(selectControl.length - 1));
+        var $opts = $selectControl.find('option:gt(0)');
+
+        $opts.sort(function (a, b) {
+          var aa = $(a).text().toLowerCase();
+          var bb = $(b).text().toLowerCase();
+          if ($.isNumeric(a) && $.isNumeric(b)) {
+            // Convert numerical values from string to float.
+            aa = parseFloat(aa);
+            bb = parseFloat(bb);
+          }
+          return aa > bb ? 1 : aa < bb ? -1 : 0;
+        });
 
-    var existOptionInSelectControl = function (selectControl, value) {
-        var options = getOptionsFromSelectControl(selectControl);
+        $selectControl.find('option:gt(0)').remove();
+        $selectControl.append($opts);
+      },
+      existOptionInSelectControl: function existOptionInSelectControl(selectControl, value) {
+        var options = UtilsFilterControl.getOptionsFromSelectControl(selectControl);
         for (var i = 0; i < options.length; i++) {
-            if (options[i].value === value.toString()) {
-                //The value is not valid to add
-                return true;
-            }
+          if (options[i].value === value.toString()) {
+            // The value is not valid to add
+            return true;
+          }
         }
 
-        //If we get here, the value is valid to add
+        // If we get here, the value is valid to add
         return false;
-    };
-
-    var fixHeaderCSS = function (that) {
-        that.$tableHeader.css('height', '77px');
-    };
-
-    var getCurrentHeader = function (that) {
-        var header = that.$header;
-        if (that.options.height) {
-            header = that.$tableHeader;
+      },
+      fixHeaderCSS: function fixHeaderCSS(_ref) {
+        var $tableHeader = _ref.$tableHeader;
+
+        $tableHeader.css('height', '77px');
+      },
+      getCurrentHeader: function getCurrentHeader(_ref2) {
+        var $header = _ref2.$header,
+            options = _ref2.options,
+            $tableHeader = _ref2.$tableHeader;
+
+        var header = $header;
+        if (options.height) {
+          header = $tableHeader;
         }
 
         return header;
-    };
+      },
+      getCurrentSearchControls: function getCurrentSearchControls(_ref3) {
+        var options = _ref3.options;
 
-    var getCurrentSearchControls = function (that) {
         var searchControls = 'select, input';
-        if (that.options.height) {
-            searchControls = 'table select, table input';
+        if (options.height) {
+          searchControls = 'table select, table input';
         }
 
         return searchControls;
-    };
-
-    var getCursorPosition = function(el) {
-        if ($.fn.bootstrapTable.utils.isIEBrowser()) {
-            if ($(el).is('input[type=text]')) {
-                var pos = 0;
-                if ('selectionStart' in el) {
-                    pos = el.selectionStart;
-                } else if ('selection' in document) {
-                    el.focus();
-                    var Sel = document.selection.createRange();
-                    var SelLength = document.selection.createRange().text.length;
-                    Sel.moveStart('character', -el.value.length);
-                    pos = Sel.text.length - SelLength;
-                }
-                return pos;
-            } else {
-                return -1;
+      },
+      getCursorPosition: function getCursorPosition(el) {
+        if (Utils.isIEBrowser()) {
+          if ($(el).is('input[type=text]')) {
+            var pos = 0;
+            if ('selectionStart' in el) {
+              pos = el.selectionStart;
+            } else if ('selection' in document) {
+              el.focus();
+              var Sel = document.selection.createRange();
+              var SelLength = document.selection.createRange().text.length;
+              Sel.moveStart('character', -el.value.length);
+              pos = Sel.text.length - SelLength;
             }
-        } else {
-            return -1;
+            return pos;
+          }
+          return -1;
         }
-    };
-
-    var setCursorPosition = function (el) {
+        return -1;
+      },
+      setCursorPosition: function setCursorPosition(el) {
         $(el).val(el.value);
-    };
-
-    var copyValues = function (that) {
-        var header = getCurrentHeader(that),
-            searchControls = getCurrentSearchControls(that);
+      },
+      copyValues: function copyValues(that) {
+        var header = UtilsFilterControl.getCurrentHeader(that);
+        var searchControls = UtilsFilterControl.getCurrentSearchControls(that);
 
         that.options.valuesFilterControl = [];
 
         header.find(searchControls).each(function () {
-            that.options.valuesFilterControl.push(
-                {
-                    field: $(this).closest('[data-field]').data('field'),
-                    value: $(this).val(),
-                    position: getCursorPosition($(this).get(0))
-                });
+          that.options.valuesFilterControl.push({
+            field: $(this).closest('[data-field]').data('field'),
+            value: $(this).val(),
+            position: UtilsFilterControl.getCursorPosition($(this).get(0)),
+            hasFocus: $(this).is(':focus')
+          });
         });
-    };
-
-    var setValues = function(that) {
-        var field = null,
-            result = [],
-            header = getCurrentHeader(that),
-            searchControls = getCurrentSearchControls(that);
+      },
+      setValues: function setValues(that) {
+        var field = null;
+        var result = [];
+        var header = UtilsFilterControl.getCurrentHeader(that);
+        var searchControls = UtilsFilterControl.getCurrentSearchControls(that);
 
         if (that.options.valuesFilterControl.length > 0) {
-            header.find(searchControls).each(function (index, ele) {
-                field = $(this).closest('[data-field]').data('field');
-                result = $.grep(that.options.valuesFilterControl, function (valueObj) {
-                    return valueObj.field === field;
-                });
-
-                if (result.length > 0) {
-                    $(this).val(result[0].value);
-                    setCursorPosition($(this).get(0), result[0].position);
-                }
+          //  Callback to apply after settings fields values
+          var fieldToFocusCallback = null;
+          header.find(searchControls).each(function (index, ele) {
+            field = $(this).closest('[data-field]').data('field');
+            result = that.options.valuesFilterControl.filter(function (valueObj) {
+              return valueObj.field === field;
             });
-        }
-    };
-
-    var collectBootstrapCookies = function cookiesRegex() {
-        var cookies = [],
-            foundCookies = document.cookie.match(/(?:bs.table.)(\w*)/g);
 
-        if (foundCookies) {
-            $.each(foundCookies, function (i, cookie) {
-                if (/./.test(cookie)) {
-                    cookie = cookie.split(".").pop();
-                }
+            if (result.length > 0) {
+              $(this).val(result[0].value);
+              if (result[0].hasFocus) {
+                // set callback if the field had the focus.
+                fieldToFocusCallback = function (fieldToFocus, carretPosition) {
+                  // Closure here to capture the field and cursor position
+                  var closedCallback = function closedCallback() {
+                    fieldToFocus.focus();
+                    UtilsFilterControl.setCursorPosition(fieldToFocus, carretPosition);
+                  };
+                  return closedCallback;
+                }($(this).get(0), result[0].position);
+              }
+            }
+          });
 
-                if ($.inArray(cookie, cookies) === -1) {
-                    cookies.push(cookie);
-                }
-            });
-            return cookies;
+          // Callback call.
+          if (fieldToFocusCallback !== null) {
+            fieldToFocusCallback();
+          }
         }
-    };
-
-    var initFilterSelectControls = function (that) {
-        var data = that.data,
-            itemsPerPage = that.pageTo < that.options.data.length ? that.options.data.length : that.pageTo,
+      },
+      collectBootstrapCookies: function collectBootstrapCookies() {
+        var cookies = [];
+        var foundCookies = document.cookie.match(/(?:bs.table.)(\w*)/g);
 
-            isColumnSearchableViaSelect = function (column) {
-                return column.filterControl && column.filterControl.toLowerCase() === 'select' && column.searchable;
-            },
-
-            isFilterDataNotGiven = function (column) {
-                return column.filterData === undefined || column.filterData.toLowerCase() === 'column';
-            },
-
-            hasSelectControlElement = function (selectControl) {
-                return selectControl && selectControl.length > 0;
-            };
+        if (foundCookies) {
+          $.each(foundCookies, function (i, _cookie) {
+            var cookie = _cookie;
+            if (/./.test(cookie)) {
+              cookie = cookie.split('.').pop();
+            }
 
-        var z = that.options.pagination ?
-            (that.options.sidePagination === 'server' ? that.pageTo : that.options.totalRows) :
-            that.pageTo;
+            if ($.inArray(cookie, cookies) === -1) {
+              cookies.push(cookie);
+            }
+          });
+          return cookies;
+        }
+      },
+      escapeID: function escapeID(id) {
+        return String(id).replace(/(:|\.|\[|\]|,)/g, '\\$1');
+      },
+      isColumnSearchableViaSelect: function isColumnSearchableViaSelect(_ref4) {
+        var filterControl = _ref4.filterControl,
+            searchable = _ref4.searchable;
+
+        return filterControl && filterControl.toLowerCase() === 'select' && searchable;
+      },
+      isFilterDataNotGiven: function isFilterDataNotGiven(_ref5) {
+        var filterData = _ref5.filterData;
+
+        return filterData === undefined || filterData.toLowerCase() === 'column';
+      },
+      hasSelectControlElement: function hasSelectControlElement(selectControl) {
+        return selectControl && selectControl.length > 0;
+      },
+      initFilterSelectControls: function initFilterSelectControls(that) {
+        var data = that.data;
+        var itemsPerPage = that.pageTo < that.options.data.length ? that.options.data.length : that.pageTo;
+        var z = that.options.pagination ? that.options.sidePagination === 'server' ? that.pageTo : that.options.totalRows : that.pageTo;
 
         $.each(that.header.fields, function (j, field) {
-            var column = that.columns[that.fieldsColumnsIndex[field]],
-                selectControl = $('.bootstrap-table-filter-control-' + escapeID(column.field));
+          var column = that.columns[that.fieldsColumnsIndex[field]];
+          var selectControl = $('.bootstrap-table-filter-control-' + UtilsFilterControl.escapeID(column.field));
 
-            if (isColumnSearchableViaSelect(column) && isFilterDataNotGiven(column) && hasSelectControlElement(selectControl)) {
-                if (selectControl.get(selectControl.length - 1).options.length === 0) {
-                    //Added the default option
-                    addOptionToSelectControl(selectControl, '', '');
-                }
+          if (UtilsFilterControl.isColumnSearchableViaSelect(column) && UtilsFilterControl.isFilterDataNotGiven(column) && UtilsFilterControl.hasSelectControlElement(selectControl)) {
+            if (selectControl.get(selectControl.length - 1).options.length === 0) {
+              // Added the default option
+              UtilsFilterControl.addOptionToSelectControl(selectControl, '', column.filterControlPlaceholder);
+            }
 
-                var uniqueValues = {};
-                for (var i = 0; i < z; i++) {
-                    //Added a new value
-                    var fieldValue = data[i][field],
-                        formattedValue = $.fn.bootstrapTable.utils.calculateObjectValue(that.header, that.header.formatters[j], [fieldValue, data[i], i], fieldValue);
+            var uniqueValues = {};
+            for (var i = 0; i < z; i++) {
+              // Added a new value
+              var fieldValue = data[i][field];
+              var formattedValue = Utils.calculateObjectValue(that.header, that.header.formatters[j], [fieldValue, data[i], i], fieldValue);
 
-                    uniqueValues[formattedValue] = fieldValue;
-                }
+              uniqueValues[formattedValue] = fieldValue;
+            }
 
-                for (var key in uniqueValues) {
-                    addOptionToSelectControl(selectControl, uniqueValues[key], key);
-                }
+            // eslint-disable-next-line guard-for-in
+            for (var key in uniqueValues) {
+              UtilsFilterControl.addOptionToSelectControl(selectControl, uniqueValues[key], key);
+            }
 
-                sortSelectControl(selectControl);
+            UtilsFilterControl.sortSelectControl(selectControl);
 
-                if (that.options.hideUnusedSelectOptions) {
-                    hideUnusedSelectOptions(selectControl, uniqueValues);
-                }
+            if (that.options.hideUnusedSelectOptions) {
+              UtilsFilterControl.hideUnusedSelectOptions(selectControl, uniqueValues);
             }
+          }
         });
-    };
-
-    var escapeID = function(id) {
-       return String(id).replace( /(:|\.|\[|\]|,)/g, "\\$1" );
-    };
 
-    var createControls = function (that, header) {
-        var addedFilterControl = false,
-            isVisible,
-            html;
+        that.trigger('created-controls');
+      },
+      getFilterDataMethod: function getFilterDataMethod(objFilterDataMethod, searchTerm) {
+        var keys = Object.keys(objFilterDataMethod);
+        for (var i = 0; i < keys.length; i++) {
+          if (keys[i] === searchTerm) {
+            return objFilterDataMethod[searchTerm];
+          }
+        }
+        return null;
+      },
+      createControls: function createControls(that, header) {
+        var addedFilterControl = false;
+        var isVisible = void 0;
+        var html = void 0;
 
         $.each(that.columns, function (i, column) {
-            isVisible = 'hidden';
-            html = [];
+          isVisible = 'hidden';
+          html = [];
 
-            if (!column.visible) {
-                return;
+          if (!column.visible) {
+            return;
+          }
+
+          if (!column.filterControl) {
+            html.push('<div class="no-filter-control"></div>');
+          } else {
+            html.push('<div class="filter-control">');
+
+            var nameControl = column.filterControl.toLowerCase();
+            if (column.searchable && that.options.filterTemplate[nameControl]) {
+              addedFilterControl = true;
+              isVisible = 'visible';
+              html.push(that.options.filterTemplate[nameControl](that, column.field, isVisible, column.filterControlPlaceholder ? column.filterControlPlaceholder : '', 'filter-control-' + i));
             }
+          }
 
-            if (!column.filterControl) {
-                html.push('<div class="no-filter-control"></div>');
-            } else {
-                html.push('<div class="filter-control">');
-
-                var nameControl = column.filterControl.toLowerCase();
-                if (column.searchable && that.options.filterTemplate[nameControl]) {
-                    addedFilterControl = true;
-                    isVisible = 'visible';
-                    html.push(that.options.filterTemplate[nameControl](that, column.field, isVisible, column.filterControlPlaceholder ? column.filterControlPlaceholder : "", "filter-control-" + i));
-                }
+          $.each(header.children().children(), function (i, tr) {
+            var $tr = $(tr);
+            if ($tr.data('field') === column.field) {
+              $tr.find('.fht-cell').append(html.join(''));
+              return false;
             }
+          });
 
-            $.each(header.children().children(), function (i, tr) {
-                tr = $(tr);
-                if (tr.data('field') === column.field) {
-                    tr.find('.fht-cell').append(html.join(''));
-                    return false;
-                }
-            });
+          if (column.filterData !== undefined && column.filterData.toLowerCase() !== 'column') {
+            var filterDataType = UtilsFilterControl.getFilterDataMethod(
+            /* eslint-disable no-use-before-define */
+            filterDataMethods, column.filterData.substring(0, column.filterData.indexOf(':')));
+            var filterDataSource = void 0;
+            var selectControl = void 0;
 
-            if (column.filterData !== undefined && column.filterData.toLowerCase() !== 'column') {
-                var filterDataType = getFilterDataMethod(filterDataMethods, column.filterData.substring(0, column.filterData.indexOf(':')));
-                var filterDataSource, selectControl;
+            if (filterDataType !== null) {
+              filterDataSource = column.filterData.substring(column.filterData.indexOf(':') + 1, column.filterData.length);
+              selectControl = $('.bootstrap-table-filter-control-' + UtilsFilterControl.escapeID(column.field));
 
-                if (filterDataType !== null) {
-                    filterDataSource = column.filterData.substring(column.filterData.indexOf(':') + 1, column.filterData.length);
-                    selectControl = $('.bootstrap-table-filter-control-' + escapeID(column.field));
+              UtilsFilterControl.addOptionToSelectControl(selectControl, '', column.filterControlPlaceholder);
+              filterDataType(filterDataSource, selectControl);
+            } else {
+              throw new SyntaxError('Error. You should use any of these allowed filter data methods: var, json, url.' + ' Use like this: var: {key: "value"}');
+            }
 
-                    addOptionToSelectControl(selectControl, '', '');
-                    filterDataType(filterDataSource, selectControl);
-                } else {
-                    throw new SyntaxError('Error. You should use any of these allowed filter data methods: var, json, url.' + ' Use like this: var: {key: "value"}');
+            var variableValues = void 0;
+            var key = void 0;
+            // eslint-disable-next-line default-case
+            switch (filterDataType) {
+              case 'url':
+                $.ajax({
+                  url: filterDataSource,
+                  dataType: 'json',
+                  success: function success(data) {
+                    // eslint-disable-next-line guard-for-in
+                    for (var _key in data) {
+                      UtilsFilterControl.addOptionToSelectControl(selectControl, _key, data[_key]);
+                    }
+                    UtilsFilterControl.sortSelectControl(selectControl);
+                  }
+                });
+                break;
+              case 'var':
+                variableValues = window[filterDataSource];
+                // eslint-disable-next-line guard-for-in
+                for (key in variableValues) {
+                  UtilsFilterControl.addOptionToSelectControl(selectControl, key, variableValues[key]);
                 }
-
-                var variableValues, key;
-                switch (filterDataType) {
-                    case 'url':
-                        $.ajax({
-                            url: filterDataSource,
-                            dataType: 'json',
-                            success: function (data) {
-                                for (var key in data) {
-                                    addOptionToSelectControl(selectControl, key, data[key]);
-                                }
-                                sortSelectControl(selectControl);
-                            }
-                        });
-                        break;
-                    case 'var':
-                        variableValues = window[filterDataSource];
-                        for (key in variableValues) {
-                            addOptionToSelectControl(selectControl, key, variableValues[key]);
-                        }
-                        sortSelectControl(selectControl);
-                        break;
-                    case 'jso':
-                        variableValues = JSON.parse(filterDataSource);
-                        for (key in variableValues) {
-                            addOptionToSelectControl(selectControl, key, variableValues[key]);
-                        }
-                        sortSelectControl(selectControl);
-                        break;
+                UtilsFilterControl.sortSelectControl(selectControl);
+                break;
+              case 'jso':
+                variableValues = JSON.parse(filterDataSource);
+                // eslint-disable-next-line guard-for-in
+                for (key in variableValues) {
+                  UtilsFilterControl.addOptionToSelectControl(selectControl, key, variableValues[key]);
                 }
+                UtilsFilterControl.sortSelectControl(selectControl);
+                break;
             }
+          }
         });
 
         if (addedFilterControl) {
-            header.off('keyup', 'input').on('keyup', 'input', function (event) {
-                if (that.options.searchOnEnterKey && event.keyCode !== 13) {
-                    return;
-                }
+          header.off('keyup', 'input').on('keyup', 'input', function (event, obj) {
+            // Simulate enter key action from clear button
+            event.keyCode = obj ? obj.keyCode : event.keyCode;
 
-                if ($.inArray(event.keyCode, [37, 38, 39, 40]) > -1) {
-                    return;
-                }
+            if (that.options.searchOnEnterKey && event.keyCode !== 13) {
+              return;
+            }
 
-                clearTimeout(event.currentTarget.timeoutId || 0);
-                event.currentTarget.timeoutId = setTimeout(function () {
-                    that.onColumnSearch(event);
-                }, that.options.searchTimeOut);
-            });
+            if ($.inArray(event.keyCode, [37, 38, 39, 40]) > -1) {
+              return;
+            }
 
-            header.off('change', 'select').on('change', 'select', function (event) {
-                if (that.options.searchOnEnterKey && event.keyCode !== 13) {
-                    return;
-                }
+            var $currentTarget = $(event.currentTarget);
 
-                if ($.inArray(event.keyCode, [37, 38, 39, 40]) > -1) {
-                    return;
-                }
+            if ($currentTarget.is(':checkbox') || $currentTarget.is(':radio')) {
+              return;
+            }
 
-                clearTimeout(event.currentTarget.timeoutId || 0);
-                event.currentTarget.timeoutId = setTimeout(function () {
-                    that.onColumnSearch(event);
-                }, that.options.searchTimeOut);
-            });
+            clearTimeout(event.currentTarget.timeoutId || 0);
+            event.currentTarget.timeoutId = setTimeout(function () {
+              that.onColumnSearch(event);
+            }, that.options.searchTimeOut);
+          });
 
-            header.off('mouseup', 'input').on('mouseup', 'input', function (event) {
-                var $input = $(this),
-                oldValue = $input.val();
+          header.off('change', 'select').on('change', 'select', function (event) {
+            if (that.options.searchOnEnterKey && event.keyCode !== 13) {
+              return;
+            }
 
-                if (oldValue === "") {
-                    return;
-                }
+            if ($.inArray(event.keyCode, [37, 38, 39, 40]) > -1) {
+              return;
+            }
 
-                setTimeout(function(){
-                    var newValue = $input.val();
+            clearTimeout(event.currentTarget.timeoutId || 0);
+            event.currentTarget.timeoutId = setTimeout(function () {
+              that.onColumnSearch(event);
+            }, that.options.searchTimeOut);
+          });
 
-                    if (newValue === "") {
-                        clearTimeout(event.currentTarget.timeoutId || 0);
-                        event.currentTarget.timeoutId = setTimeout(function () {
-                            that.onColumnSearch(event);
-                        }, that.options.searchTimeOut);
-                    }
-                }, 1);
-            });
+          header.off('mouseup', 'input').on('mouseup', 'input', function (event) {
+            var $input = $(this);
+            var oldValue = $input.val();
 
-            if (header.find('.date-filter-control').length > 0) {
-                $.each(that.columns, function (i, column) {
-                    if (column.filterControl !== undefined && column.filterControl.toLowerCase() === 'datepicker') {
-                        header.find('.date-filter-control.bootstrap-table-filter-control-' + column.field).datepicker(column.filterDatepickerOptions)
-                            .on('changeDate', function (e) {
-                                $(sprintf("#%s", e.currentTarget.id)).val(e.currentTarget.value);
-                                //Fired the keyup event
-                                $(e.currentTarget).keyup();
-                            });
-                    }
-                });
+            if (oldValue === '') {
+              return;
             }
+
+            setTimeout(function () {
+              var newValue = $input.val();
+
+              if (newValue === '') {
+                clearTimeout(event.currentTarget.timeoutId || 0);
+                event.currentTarget.timeoutId = setTimeout(function () {
+                  that.onColumnSearch(event);
+                }, that.options.searchTimeOut);
+              }
+            }, 1);
+          });
+
+          if (header.find('.date-filter-control').length > 0) {
+            $.each(that.columns, function (i, _ref6) {
+              var filterControl = _ref6.filterControl,
+                  field = _ref6.field,
+                  filterDatepickerOptions = _ref6.filterDatepickerOptions;
+
+              if (filterControl !== undefined && filterControl.toLowerCase() === 'datepicker') {
+                header.find('.date-filter-control.bootstrap-table-filter-control-' + field).datepicker(filterDatepickerOptions).on('changeDate', function (_ref7) {
+                  var currentTarget = _ref7.currentTarget;
+
+                  $(currentTarget).val(currentTarget.value);
+                  // Fired the keyup event
+                  $(currentTarget).keyup();
+                });
+              }
+            });
+          }
         } else {
-            header.find('.filterControl').hide();
+          header.find('.filterControl').hide();
         }
-    };
-
-    var getDirectionOfSelectOptions = function (alignment) {
-        alignment = alignment === undefined ? 'left' : alignment.toLowerCase();
+      },
+      getDirectionOfSelectOptions: function getDirectionOfSelectOptions(_alignment) {
+        var alignment = _alignment === undefined ? 'left' : _alignment.toLowerCase();
 
         switch (alignment) {
-            case 'left':
-                return 'ltr';
-            case 'right':
-                return 'rtl';
-            case 'auto':
-                return 'auto';
-            default:
-                return 'ltr';
+          case 'left':
+            return 'ltr';
+          case 'right':
+            return 'rtl';
+          case 'auto':
+            return 'auto';
+          default:
+            return 'ltr';
         }
+      }
     };
-
-    var filterDataMethods =
-        {
-            'var': function (filterDataSource, selectControl) {
-                var variableValues = window[filterDataSource];
-                for (var key in variableValues) {
-                    addOptionToSelectControl(selectControl, key, variableValues[key]);
-                }
-                sortSelectControl(selectControl);
-            },
-            'url': function (filterDataSource, selectControl) {
-                $.ajax({
-                    url: filterDataSource,
-                    dataType: 'json',
-                    success: function (data) {
-                        for (var key in data) {
-                            addOptionToSelectControl(selectControl, key, data[key]);
-                        }
-                        sortSelectControl(selectControl);
-                    }
-                });
-            },
-            'json':function (filterDataSource, selectControl) {
-                var variableValues = JSON.parse(filterDataSource);
-                for (var key in variableValues) {
-                    addOptionToSelectControl(selectControl, key, variableValues[key]);
-                }
-                sortSelectControl(selectControl);
-            }
-        };
-
-    var getFilterDataMethod = function (objFilterDataMethod, searchTerm) {
-        var keys = Object.keys(objFilterDataMethod);
-        for (var i = 0; i < keys.length; i++) {
-            if (keys[i] === searchTerm) {
-                return objFilterDataMethod[searchTerm];
+    var filterDataMethods = {
+      var: function _var(filterDataSource, selectControl) {
+        var variableValues = window[filterDataSource];
+        // eslint-disable-next-line guard-for-in
+        for (var key in variableValues) {
+          UtilsFilterControl.addOptionToSelectControl(selectControl, key, variableValues[key]);
+        }
+        UtilsFilterControl.sortSelectControl(selectControl);
+      },
+      url: function url(filterDataSource, selectControl) {
+        $.ajax({
+          url: filterDataSource,
+          dataType: 'json',
+          success: function success(data) {
+            // eslint-disable-next-line guard-for-in
+            for (var key in data) {
+              UtilsFilterControl.addOptionToSelectControl(selectControl, key, data[key]);
             }
+            UtilsFilterControl.sortSelectControl(selectControl);
+          }
+        });
+      },
+      json: function json(filterDataSource, selectControl) {
+        var variableValues = JSON.parse(filterDataSource);
+        // eslint-disable-next-line guard-for-in
+        for (var key in variableValues) {
+          UtilsFilterControl.addOptionToSelectControl(selectControl, key, variableValues[key]);
         }
-        return null;
+        UtilsFilterControl.sortSelectControl(selectControl);
+      }
     };
 
+    var bootstrap = {
+      3: {
+        icons: {
+          clear: 'glyphicon-trash icon-clear'
+        }
+      },
+      4: {
+        icons: {
+          clear: 'fa-trash icon-clear'
+        }
+      }
+    }[Utils.bootstrapVersion];
+
     $.extend($.fn.bootstrapTable.defaults, {
-        filterControl: false,
-        onColumnSearch: function (field, text) {
-            return false;
+      filterControl: false,
+      onColumnSearch: function onColumnSearch(field, text) {
+        return false;
+      },
+      onCreatedControls: function onCreatedControls() {
+        return true;
+      },
+
+      filterShowClear: false,
+      alignmentSelectControlOptions: undefined,
+      filterTemplate: {
+        input: function input(that, field, isVisible, placeholder) {
+          return Utils.sprintf('<input type="text" class="form-control bootstrap-table-filter-control-%s" style="width: 100%; visibility: %s" placeholder="%s">', field, isVisible, placeholder);
         },
-        filterShowClear: false,
-        alignmentSelectControlOptions: undefined,
-        filterTemplate: {
-            input: function (that, field, isVisible, placeholder) {
-                return sprintf('<input type="text" class="form-control bootstrap-table-filter-control-%s" style="width: 100%; visibility: %s" placeholder="%s">', field, isVisible, placeholder);
-            },
-            select: function (that, field, isVisible) {
-                return sprintf('<select class="form-control bootstrap-table-filter-control-%s" style="width: 100%; visibility: %s" dir="%s"></select>',
-                    field, isVisible, getDirectionOfSelectOptions(that.options.alignmentSelectControlOptions));
-            },
-            datepicker: function (that, field, isVisible) {
-                return sprintf('<input type="text" class="form-control date-filter-control bootstrap-table-filter-control-%s" style="width: 100%; visibility: %s">', field, isVisible);
-            }
+        select: function select(_ref8, field, isVisible) {
+          var options = _ref8.options;
+
+          return Utils.sprintf('<select class="form-control bootstrap-table-filter-control-%s" style="width: 100%; visibility: %s" dir="%s"></select>', field, isVisible, UtilsFilterControl.getDirectionOfSelectOptions(options.alignmentSelectControlOptions));
         },
-        disableControlWhenSearch: false,
-        searchOnEnterKey: false,
-        //internal variables
-        valuesFilterControl: []
+        datepicker: function datepicker(that, field, isVisible) {
+          return Utils.sprintf('<input type="text" class="form-control date-filter-control bootstrap-table-filter-control-%s" style="width: 100%; visibility: %s">', field, isVisible);
+        }
+      },
+      disableControlWhenSearch: false,
+      searchOnEnterKey: false,
+      // internal variables
+      valuesFilterControl: []
     });
 
     $.extend($.fn.bootstrapTable.columnDefaults, {
-        filterControl: undefined,
-        filterData: undefined,
-        filterDatepickerOptions: undefined,
-        filterStrictSearch: false,
-        filterStartsWithSearch: false,
-        filterControlPlaceholder: ""
+      filterControl: undefined,
+      filterData: undefined,
+      filterDatepickerOptions: undefined,
+      filterStrictSearch: false,
+      filterStartsWithSearch: false,
+      filterControlPlaceholder: ''
     });
 
     $.extend($.fn.bootstrapTable.Constructor.EVENTS, {
-        'column-search.bs.table': 'onColumnSearch'
+      'column-search.bs.table': 'onColumnSearch',
+      'created-controls.bs.table': 'onCreatedControls'
     });
 
     $.extend($.fn.bootstrapTable.defaults.icons, {
-        clear: 'glyphicon-trash icon-clear'
+      clear: bootstrap.icons.clear
     });
 
     $.extend($.fn.bootstrapTable.locales, {
-        formatClearFilters: function () {
-            return 'Clear Filters';
-        }
+      formatClearFilters: function formatClearFilters() {
+        return 'Clear Filters';
+      }
     });
 
     $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales);
 
     $.fn.bootstrapTable.methods.push('triggerSearch');
+    $.fn.bootstrapTable.methods.push('clearFilterControl');
 
-    var BootstrapTable = $.fn.bootstrapTable.Constructor,
-        _init = BootstrapTable.prototype.init,
-        _initToolbar = BootstrapTable.prototype.initToolbar,
-        _initHeader = BootstrapTable.prototype.initHeader,
-        _initBody = BootstrapTable.prototype.initBody,
-        _initSearch = BootstrapTable.prototype.initSearch;
+    $.BootstrapTable = function (_$$BootstrapTable) {
+      _inherits(_class, _$$BootstrapTable);
 
-    BootstrapTable.prototype.init = function () {
-        //Make sure that the filterControl option is set
-        if (this.options.filterControl) {
-            var that = this;
+      function _class() {
+        _classCallCheck(this, _class);
 
-            // Compatibility: IE < 9 and old browsers
-            if (!Object.keys) {
-                objectKeys();
-            }
+        return _possibleConstructorReturn(this, (_class.__proto__ || Object.getPrototypeOf(_class)).apply(this, arguments));
+      }
+
+      _createClass(_class, [{
+        key: 'init',
+        value: function init() {
+          // Make sure that the filterControl option is set
+          if (this.options.filterControl) {
+            var that = this;
 
-            //Make sure that the internal variables are set correctly
+            // Make sure that the internal variables are set correctly
             this.options.valuesFilterControl = [];
 
             this.$el.on('reset-view.bs.table', function () {
-                //Create controls on $tableHeader if the height is set
-                if (!that.options.height) {
-                    return;
-                }
+              // Create controls on $tableHeader if the height is set
+              if (!that.options.height) {
+                return;
+              }
 
-                //Avoid recreate the controls
-                if (that.$tableHeader.find('select').length > 0 || that.$tableHeader.find('input').length > 0) {
-                    return;
-                }
+              // Avoid recreate the controls
+              if (that.$tableHeader.find('select').length > 0 || that.$tableHeader.find('input').length > 0) {
+                return;
+              }
 
-                createControls(that, that.$tableHeader);
+              UtilsFilterControl.createControls(that, that.$tableHeader);
             }).on('post-header.bs.table', function () {
-                setValues(that);
+              UtilsFilterControl.setValues(that);
             }).on('post-body.bs.table', function () {
-                if (that.options.height) {
-                    fixHeaderCSS(that);
-                }
-            }).on('column-switch.bs.table', function() {
-                setValues(that);
-            }).on('load-success.bs.table', function() {
-                that.EnableControls(true);
-            }).on('load-error.bs.table', function() {
-                that.EnableControls(true);
+              if (that.options.height) {
+                UtilsFilterControl.fixHeaderCSS(that);
+              }
+            }).on('column-switch.bs.table', function () {
+              UtilsFilterControl.setValues(that);
+            }).on('load-success.bs.table', function () {
+              that.EnableControls(true);
+            }).on('load-error.bs.table', function () {
+              that.EnableControls(true);
             });
-        }
-        _init.apply(this, Array.prototype.slice.apply(arguments));
-    };
+          }
 
-    BootstrapTable.prototype.initToolbar = function () {
-        this.showToolbar = this.showToolbar || this.options.filterControl && this.options.filterShowClear;
+          _get(_class.prototype.__proto__ || Object.getPrototypeOf(_class.prototype), 'init', this).call(this);
+        }
+      }, {
+        key: 'initToolbar',
+        value: function initToolbar() {
+          this.showToolbar = this.showToolbar || this.options.filterControl && this.options.filterShowClear;
 
-        _initToolbar.apply(this, Array.prototype.slice.apply(arguments));
+          _get(_class.prototype.__proto__ || Object.getPrototypeOf(_class.prototype), 'initToolbar', this).call(this);
 
-        if (this.options.filterControl && this.options.filterShowClear) {
-            var $btnGroup = this.$toolbar.find('>.btn-group'),
-                $btnClear = $btnGroup.find('.filter-show-clear');
+          if (this.options.filterControl && this.options.filterShowClear) {
+            var $btnGroup = this.$toolbar.find('>.btn-group');
+            var $btnClear = $btnGroup.find('.filter-show-clear');
 
             if (!$btnClear.length) {
-                $btnClear = $([
-                    sprintf('<button class="btn btn-%s filter-show-clear" ', this.options.buttonsClass),
-                    sprintf('type="button" title="%s">', this.options.formatClearFilters()),
-                    sprintf('<i class="%s %s"></i> ', this.options.iconsPrefix, this.options.icons.clear),
-                    '</button>'
-                ].join('')).appendTo($btnGroup);
-
-                $btnClear.off('click').on('click', $.proxy(this.clearFilterControl, this));
+              $btnClear = $([Utils.sprintf('<button class="btn btn-%s filter-show-clear" ', this.options.buttonsClass), Utils.sprintf('type="button" title="%s">', this.options.formatClearFilters()), Utils.sprintf('<i class="%s %s"></i> ', this.options.iconsPrefix, this.options.icons.clear), '</button>'].join('')).appendTo($btnGroup);
+
+              $btnClear.off('click').on('click', $.proxy(this.clearFilterControl, this));
             }
+          }
         }
-    };
-
-    BootstrapTable.prototype.initHeader = function () {
-        _initHeader.apply(this, Array.prototype.slice.apply(arguments));
+      }, {
+        key: 'initHeader',
+        value: function initHeader() {
+          _get(_class.prototype.__proto__ || Object.getPrototypeOf(_class.prototype), 'initHeader', this).call(this);
 
-        if (!this.options.filterControl) {
+          if (!this.options.filterControl) {
             return;
+          }
+          UtilsFilterControl.createControls(this, this.$header);
         }
-        createControls(this, this.$header);
-    };
-
-    BootstrapTable.prototype.initBody = function () {
-        _initBody.apply(this, Array.prototype.slice.apply(arguments));
-
-        initFilterSelectControls(this);
-    };
-
-    BootstrapTable.prototype.initSearch = function () {
-        _initSearch.apply(this, Array.prototype.slice.apply(arguments));
+      }, {
+        key: 'initBody',
+        value: function initBody() {
+          _get(_class.prototype.__proto__ || Object.getPrototypeOf(_class.prototype), 'initBody', this).call(this);
 
-        if (this.options.sidePagination === 'server') {
-            return;
+          UtilsFilterControl.initFilterSelectControls(this);
         }
+      }, {
+        key: 'initSearch',
+        value: function initSearch() {
+          var that = this;
+          var fp = $.isEmptyObject(that.filterColumnsPartial) ? null : that.filterColumnsPartial;
 
-        var that = this;
-        var fp = $.isEmptyObject(that.filterColumnsPartial) ? null : that.filterColumnsPartial;
+          if (fp === null || Object.keys(fp).length <= 1) {
+            _get(_class.prototype.__proto__ || Object.getPrototypeOf(_class.prototype), 'initSearch', this).call(this);
+          }
 
-        //Check partial column filter
-        that.data = fp ? $.grep(that.data, function (item, i) {
-            for (var key in fp) {
-                var thisColumn = that.columns[that.fieldsColumnsIndex[key]];
-                var fval = fp[key].toLowerCase();
-                var value = item[key];
+          if (this.options.sidePagination === 'server') {
+            return;
+          }
 
+          if (fp === null) {
+            return;
+          }
+
+          // Check partial column filter
+          that.data = fp ? that.options.data.filter(function (item, i) {
+            var itemIsExpected = [];
+            Object.keys(item).forEach(function (key, index) {
+              var thisColumn = that.columns[that.fieldsColumnsIndex[key]];
+              var fval = (fp[key] || '').toLowerCase();
+              var value = item[key];
+
+              if (fval === '') {
+                itemIsExpected.push(true);
+              } else {
                 // Fix #142: search use formated data
                 if (thisColumn && thisColumn.searchFormatter) {
-                    value = $.fn.bootstrapTable.utils.calculateObjectValue(that.header,
-                    that.header.formatters[$.inArray(key, that.header.fields)],
-                    [value, item, i], value);
+                  value = $.fn.bootstrapTable.utils.calculateObjectValue(that.header, that.header.formatters[$.inArray(key, that.header.fields)], [value, item, i], value);
                 }
 
-                if($.inArray(key, that.header.fields) !== -1 ) {
-                    if(typeof value === 'string' || typeof value === 'number') {
-                        if (thisColumn.filterStrictSearch) {
-                            if(value.toString().toLowerCase() === fval.toString().toLowerCase()) {
-                                return true;
-                            }
-                        } else if (thisColumn.filterStartsWithSearch) {
-                            if((value + '').toLowerCase().indexOf(fval) === 0) {
-                                return true;
-                            }
-                        } else {
-                            if((value + '').toLowerCase().indexOf(fval) !== -1) {
-                                return true;
-                            }
-                        }
+                if ($.inArray(key, that.header.fields) !== -1) {
+                  if (typeof value === 'string' || typeof value === 'number') {
+                    if (thisColumn.filterStrictSearch) {
+                      if (value.toString().toLowerCase() === fval.toString().toLowerCase()) {
+                        itemIsExpected.push(true);
+                      } else {
+                        itemIsExpected.push(false);
+                      }
+                    } else if (thisColumn.filterStartsWithSearch) {
+                      if (('' + value).toLowerCase().indexOf(fval) === 0) {
+                        itemIsExpected.push(true);
+                      } else {
+                        itemIsExpected.push(false);
+                      }
+                    } else {
+                      if (('' + value).toLowerCase().includes(fval)) {
+                        itemIsExpected.push(true);
+                      } else {
+                        itemIsExpected.push(false);
+                      }
                     }
+                  }
                 }
-            }
-
-            return false;
-        }) : that.data;
-    };
+              }
+            });
 
-    BootstrapTable.prototype.initColumnSearch = function(filterColumnsDefaults) {
-        copyValues(this);
+            return !itemIsExpected.includes(false);
+          }) : that.data;
+        }
+      }, {
+        key: 'initColumnSearch',
+        value: function initColumnSearch(filterColumnsDefaults) {
+          UtilsFilterControl.copyValues(this);
 
-        if (filterColumnsDefaults) {
+          if (filterColumnsDefaults) {
             this.filterColumnsPartial = filterColumnsDefaults;
             this.updatePagination();
 
+            // eslint-disable-next-line guard-for-in
             for (var filter in filterColumnsDefaults) {
               this.trigger('column-search', filter, filterColumnsDefaults[filter]);
             }
+          }
         }
-    };
-
-    BootstrapTable.prototype.onColumnSearch = function (event) {
-        if ($.inArray(event.keyCode, [37, 38, 39, 40]) > -1) {
+      }, {
+        key: 'onColumnSearch',
+        value: function onColumnSearch(event) {
+          if ($.inArray(event.keyCode, [37, 38, 39, 40]) > -1) {
             return;
-        }
+          }
 
-        copyValues(this);
-        var text = $.trim($(event.currentTarget).val());
-        var $field = $(event.currentTarget).closest('[data-field]').data('field');
+          UtilsFilterControl.copyValues(this);
+          var text = $.trim($(event.currentTarget).val());
+          var $field = $(event.currentTarget).closest('[data-field]').data('field');
 
-        if ($.isEmptyObject(this.filterColumnsPartial)) {
+          if ($.isEmptyObject(this.filterColumnsPartial)) {
             this.filterColumnsPartial = {};
-        }
-        if (text) {
+          }
+          if (text) {
             this.filterColumnsPartial[$field] = text;
-        } else {
+          } else {
             delete this.filterColumnsPartial[$field];
+          }
+
+          // if the searchText is the same as the previously selected column value,
+          // bootstrapTable will not try searching again (even though the selected column
+          // may be different from the previous search).  As a work around
+          // we're manually appending some text to bootrap's searchText field
+          // to guarantee that it will perform a search again when we call this.onSearch(event)
+          this.searchText += 'randomText';
+
+          this.options.pageNumber = 1;
+          this.EnableControls(false);
+          this.onSearch(event);
+          this.trigger('column-search', $field, text);
         }
-
-        // if the searchText is the same as the previously selected column value,
-        // bootstrapTable will not try searching again (even though the selected column
-        // may be different from the previous search).  As a work around
-        // we're manually appending some text to bootrap's searchText field
-        // to guarantee that it will perform a search again when we call this.onSearch(event)
-        this.searchText += "randomText";
-
-        this.options.pageNumber = 1;
-        this.EnableControls(false);
-        this.onSearch(event);
-        this.trigger('column-search', $field, text);
-    };
-
-    BootstrapTable.prototype.clearFilterControl = function () {
-        if (this.options.filterControl && this.options.filterShowClear) {
-            var that = this,
-                cookies = collectBootstrapCookies(),
-                header = getCurrentHeader(that),
-                table = header.closest('table'),
-                controls = header.find(getCurrentSearchControls(that)),
-                search = that.$toolbar.find('.search input'),
-                timeoutId = 0;
+      }, {
+        key: 'clearFilterControl',
+        value: function clearFilterControl() {
+          if (this.options.filterControl && this.options.filterShowClear) {
+            var that = this;
+            var cookies = UtilsFilterControl.collectBootstrapCookies();
+            var header = UtilsFilterControl.getCurrentHeader(that);
+            var table = header.closest('table');
+            var controls = header.find(UtilsFilterControl.getCurrentSearchControls(that));
+            var search = that.$toolbar.find('.search input');
+            var hasValues = false;
+            var timeoutId = 0;
 
             $.each(that.options.valuesFilterControl, function (i, item) {
-                item.value = '';
+              hasValues = hasValues ? true : item.value !== '';
+              item.value = '';
             });
 
-            setValues(that);
+            UtilsFilterControl.setValues(that);
+
+            // clear cookies once the filters are clean
+            clearTimeout(timeoutId);
+            timeoutId = setTimeout(function () {
+              if (cookies && cookies.length > 0) {
+                $.each(cookies, function (i, item) {
+                  if (that.deleteCookie !== undefined) {
+                    that.deleteCookie(item);
+                  }
+                });
+              }
+            }, that.options.searchTimeOut);
+
+            // If there is not any value in the controls exit this method
+            if (!hasValues) {
+              return;
+            }
 
             // Clear each type of filter if it exists.
             // Requires the body to reload each time a type of filter is found because we never know
             // which ones are going to be present.
             if (controls.length > 0) {
-                this.filterColumnsPartial = {};
-                $(controls[0]).trigger(controls[0].tagName === 'INPUT' ? 'keyup' : 'change');
+              this.filterColumnsPartial = {};
+              $(controls[0]).trigger(controls[0].tagName === 'INPUT' ? 'keyup' : 'change', { keyCode: 13 });
             } else {
-                return;
+              return;
             }
 
             if (search.length > 0) {
-                that.resetSearch();
+              that.resetSearch();
             }
 
             // use the default sort order if it exists. do nothing if it does not
             if (that.options.sortName !== table.data('sortName') || that.options.sortOrder !== table.data('sortOrder')) {
-                var sorter = header.find(sprintf('[data-field="%s"]', $(controls[0]).closest('table').data('sortName')));
-                if (sorter.length > 0) {
-                    that.onSort(table.data('sortName'), table.data('sortName'));
-                    $(sorter).find('.sortable').trigger('click');
-                }
+              var sorter = header.find(Utils.sprintf('[data-field="%s"]', $(controls[0]).closest('table').data('sortName')));
+              if (sorter.length > 0) {
+                that.onSort({ type: 'keypress', currentTarget: sorter });
+                $(sorter).find('.sortable').trigger('click');
+              }
             }
-
-            // clear cookies once the filters are clean
-            clearTimeout(timeoutId);
-            timeoutId = setTimeout(function () {
-                if (cookies && cookies.length > 0) {
-                    $.each(cookies, function (i, item) {
-                        if (that.deleteCookie !== undefined) {
-                            that.deleteCookie(item);
-                        }
-                    });
-                }
-            }, that.options.searchTimeOut);
+          }
         }
-    };
+      }, {
+        key: 'triggerSearch',
+        value: function triggerSearch() {
+          var header = UtilsFilterControl.getCurrentHeader(this);
+          var searchControls = UtilsFilterControl.getCurrentSearchControls(this);
 
-    BootstrapTable.prototype.triggerSearch = function () {
-        var header = getCurrentHeader(this),
-            searchControls = getCurrentSearchControls(this);
-
-        header.find(searchControls).each(function () {
+          header.find(searchControls).each(function () {
             var el = $(this);
-            if(el.is('select')) {
-                el.change();
+            if (el.is('select')) {
+              el.change();
             } else {
-                el.keyup();
+              el.keyup();
             }
-        });
-    };
-
-    BootstrapTable.prototype.EnableControls = function(enable) {
-        if((this.options.disableControlWhenSearch) && (this.options.sidePagination === 'server')) {
-            var header = getCurrentHeader(this),
-            searchControls = getCurrentSearchControls(this);
-
-            if(!enable) {
-                header.find(searchControls).prop('disabled', 'disabled');
+          });
+        }
+      }, {
+        key: 'EnableControls',
+        value: function EnableControls(enable) {
+          if (this.options.disableControlWhenSearch && this.options.sidePagination === 'server') {
+            var header = UtilsFilterControl.getCurrentHeader(this);
+            var searchControls = UtilsFilterControl.getCurrentSearchControls(this);
+
+            if (!enable) {
+              header.find(searchControls).prop('disabled', 'disabled');
             } else {
-                header.find(searchControls).removeProp('disabled');
+              header.find(searchControls).removeProp('disabled');
             }
+          }
         }
-    };
-})(jQuery);
+      }]);
+
+      return _class;
+    }($.BootstrapTable);
+  })(jQuery);
+});