datatables.net-searchbuilder 1.4.2 → 1.6.0

package/js/dataTables.searchBuilder.js

@@ -1,4 +1,4 @@
-/*! SearchBuilder 1.4.2
+/*! SearchBuilder 1.6.0
  * ©SpryMedia Ltd - datatables.net/license/mit
  */
 
@@ -18,7 +18,7 @@
 			}
 		};
 
-		if (typeof window !== 'undefined') {
+		if (typeof window === 'undefined') {
 			module.exports = function (root, $) {
 				if ( ! root ) {
 					// CommonJS environments without a window global must pass a
@@ -72,11 +72,12 @@ var DataTable = $.fn.dataTable;
      * The Criteria class is used within SearchBuilder to represent a search criteria
      */
     var Criteria = /** @class */ (function () {
-        function Criteria(table, opts, topGroup, index, depth, serverData) {
+        function Criteria(table, opts, topGroup, index, depth, serverData, liveSearch) {
             var _this = this;
             if (index === void 0) { index = 0; }
             if (depth === void 0) { depth = 1; }
             if (serverData === void 0) { serverData = undefined; }
+            if (liveSearch === void 0) { liveSearch = false; }
             // Check that the required version of DataTables is included
             if (!dataTable$3 || !dataTable$3.versionCheck || !dataTable$3.versionCheck('1.10.0')) {
                 throw new Error('SearchPane requires DataTables 1.10 or newer');
@@ -96,6 +97,7 @@ var DataTable = $.fn.dataTable;
                 dt: table,
                 filled: false,
                 index: index,
+                liveSearch: liveSearch,
                 origData: undefined,
                 preventRedraw: false,
                 serverData: serverData,
@@ -188,6 +190,16 @@ var DataTable = $.fn.dataTable;
                 .replace(/>/g, '>')
                 .replace(/"/g, '"');
         };
+        /**
+         * Redraw the DataTable with the current search parameters
+         */
+        Criteria.prototype.doSearch = function () {
+            // Only do the search if live search is disabled, otherwise the search
+            // is triggered by the button at the top level group.
+            if (this.c.liveSearch) {
+                this.s.dt.draw();
+            }
+        };
         /**
          * Parses formatted numbers down to a form where they can be compared
          *
@@ -411,7 +423,7 @@ var DataTable = $.fn.dataTable;
                         $$3(this).prop('selected', true);
                         data_1.removeClass(italic_1);
                         foundData = true;
-                        dataIdx = $$3(this).val();
+                        dataIdx = parseInt($$3(this).val(), 10);
                     }
                     else {
                         $$3(this).removeProp('selected');
@@ -493,7 +505,7 @@ var DataTable = $.fn.dataTable;
                         // remove it from the search and trigger a new search
                         if (_this.s.filled) {
                             _this.s.filled = false;
-                            _this.s.dt.draw();
+                            _this.doSearch();
                             _this.setListeners();
                         }
                         _this.s.dt.state.save();
@@ -534,13 +546,13 @@ var DataTable = $.fn.dataTable;
                             // it from the search and trigger a new search
                             if (_this.s.filled && val !== undefined && _this.dom.inputCont.has(val[0]).length !== 0) {
                                 _this.s.filled = false;
-                                _this.s.dt.draw();
+                                _this.doSearch();
                                 _this.setListeners();
                             }
                         }
                         if (_this.dom.value.length === 0 ||
                             _this.dom.value.length === 1 && _this.dom.value[0] === undefined) {
-                            _this.s.dt.draw();
+                            _this.doSearch();
                         }
                     }
                     else {
@@ -928,7 +940,7 @@ var DataTable = $.fn.dataTable;
                 // If using SSP we want to restrict the amount of server calls that take place
                 //  and this will already have taken place
                 if (!this.s.dt.page.info().serverSide) {
-                    this.s.dt.draw();
+                    this.doSearch();
                 }
                 this.setListeners();
             }
@@ -1264,13 +1276,15 @@ var DataTable = $.fn.dataTable;
         Criteria.initDate = function (that, fn, preDefined) {
             if (preDefined === void 0) { preDefined = null; }
             var searchDelay = that.s.dt.settings()[0].searchDelay;
+            var i18n = that.s.dt.i18n('datetime', {});
             // Declare date element using DataTables dateTime plugin
             var el = $$3('<input/>')
                 .addClass(Criteria.classes.value)
                 .addClass(Criteria.classes.input)
                 .dtDateTime({
                 attachTo: 'input',
-                format: that.s.dateFormat ? that.s.dateFormat : undefined
+                format: that.s.dateFormat ? that.s.dateFormat : undefined,
+                i18n: i18n
             })
                 .on('change.dtsb', that._throttle(function () {
                 return fn(that, this);
@@ -1305,6 +1319,7 @@ var DataTable = $.fn.dataTable;
             var _this = this;
             if (preDefined === void 0) { preDefined = null; }
             var searchDelay = that.s.dt.settings()[0].searchDelay;
+            var i18n = that.s.dt.i18n('datetime', {});
             // Declare all of the date elements that are required using DataTables dateTime plugin
             var els = [
                 $$3('<input/>')
@@ -1312,7 +1327,8 @@ var DataTable = $.fn.dataTable;
                     .addClass(Criteria.classes.input)
                     .dtDateTime({
                     attachTo: 'input',
-                    format: that.s.dateFormat ? that.s.dateFormat : undefined
+                    format: that.s.dateFormat ? that.s.dateFormat : undefined,
+                    i18n: i18n
                 })
                     .on('change.dtsb', searchDelay !== null ?
                     that.s.dt.settings()[0].oApi._fnThrottle(function () {
@@ -1335,7 +1351,8 @@ var DataTable = $.fn.dataTable;
                     .addClass(Criteria.classes.input)
                     .dtDateTime({
                     attachTo: 'input',
-                    format: that.s.dateFormat ? that.s.dateFormat : undefined
+                    format: that.s.dateFormat ? that.s.dateFormat : undefined,
+                    i18n: i18n
                 })
                     .on('change.dtsb', searchDelay !== null ?
                     that.s.dt.settings()[0].oApi._fnThrottle(function () {
@@ -1445,7 +1462,7 @@ var DataTable = $.fn.dataTable;
                     !(that.s.dt.settings()[0].oInit.search !== undefined &&
                         that.s.dt.settings()[0].oInit.search["return"]) ||
                     code === 13) {
-                    that.s.dt.draw();
+                    that.doSearch();
                 }
                 return;
             }
@@ -1489,7 +1506,7 @@ var DataTable = $.fn.dataTable;
                     that.s.dt.settings()[0].oInit.search["return"]) ||
                 code === 13) {
                 // Trigger a search
-                that.s.dt.draw();
+                that.doSearch();
             }
             // Refocus the element and set the correct cursor position
             if (idx !== null) {
@@ -2417,6 +2434,7 @@ var DataTable = $.fn.dataTable;
                 logicOr: 'Or',
                 right: '>',
                 rightTitle: 'Indent criteria',
+                search: 'Search',
                 title: {
                     0: 'Custom Search Builder',
                     _: 'Custom Search Builder (%d)'
@@ -2490,7 +2508,12 @@ var DataTable = $.fn.dataTable;
                     .addClass(this.classes.button)
                     .attr('type', 'button'),
                 logicContainer: $$2('<div/>')
-                    .addClass(this.classes.logicContainer)
+                    .addClass(this.classes.logicContainer),
+                search: $$2('<button/>')
+                    .addClass(this.classes.search)
+                    .addClass(this.classes.button)
+                    .attr('type', 'button')
+                    .css('display', 'none')
             };
             // A reference to the top level group is maintained throughout any subgroups and criteria that may be created
             if (this.s.topGroup === undefined) {
@@ -2506,6 +2529,7 @@ var DataTable = $.fn.dataTable;
             // Turn off listeners
             this.dom.add.off('.dtsb');
             this.dom.logic.off('.dtsb');
+            this.dom.search.off('.dtsb');
             // Trigger event for groups at a higher level to pick up on
             this.dom.container
                 .trigger('dtsb-destroy')
@@ -2589,7 +2613,8 @@ var DataTable = $.fn.dataTable;
             this.dom.container.children().detach();
             this.dom.container
                 .append(this.dom.logicContainer)
-                .append(this.dom.add);
+                .append(this.dom.add)
+                .append(this.dom.search);
             // Sort the criteria by index so that they appear in the correct order
             this.s.criteria.sort(function (a, b) {
                 if (a.criteria.s.index < b.criteria.s.index) {
@@ -2676,10 +2701,14 @@ var DataTable = $.fn.dataTable;
                     // Set criteria left margin
                     this.dom.container.css('margin-left', 0);
                 }
+                this.dom.search.css('display', 'none');
                 return;
             }
             this.dom.clear.height('0px');
             this.dom.logicContainer.append(this.dom.clear);
+            if (!this.s.isChild) {
+                this.dom.search.css('display', 'inline-block');
+            }
             // Prepend logic button
             this.dom.container.prepend(this.dom.logicContainer);
             for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
@@ -2727,6 +2756,9 @@ var DataTable = $.fn.dataTable;
                 _this.s.dt.state.save();
                 return false;
             });
+            this.dom.search.on('click.dtsb', function () {
+                _this.s.dt.draw();
+            });
             for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
                 var crit = _a[_i];
                 crit.criteria.setListeners();
@@ -2742,7 +2774,7 @@ var DataTable = $.fn.dataTable;
         Group.prototype.addCriteria = function (crit) {
             if (crit === void 0) { crit = null; }
             var index = crit === null ? this.s.criteria.length : crit.s.index;
-            var criteria = new Criteria(this.s.dt, this.s.opts, this.s.topGroup, index, this.s.depth, this.s.serverData);
+            var criteria = new Criteria(this.s.dt, this.s.opts, this.s.topGroup, index, this.s.depth, this.s.serverData, this.c.liveSearch);
             // If a Criteria has been passed in then set the values to continue that
             if (crit !== null) {
                 criteria.c = crit.c;
@@ -3067,6 +3099,7 @@ var DataTable = $.fn.dataTable;
         Group.prototype._setup = function () {
             this.setListeners();
             this.dom.add.html(this.s.dt.i18n('searchBuilder.add', this.c.i18n.add));
+            this.dom.search.html(this.s.dt.i18n('searchBuilder.search', this.c.i18n.search));
             this.dom.logic.children().first().html(this.c.logic === 'OR'
                 ? this.s.dt.i18n('searchBuilder.logicOr', this.c.i18n.logicOr)
                 : this.s.dt.i18n('searchBuilder.logicAnd', this.c.i18n.logicAnd));
@@ -3080,7 +3113,9 @@ var DataTable = $.fn.dataTable;
             if (this.s.isChild) {
                 this.dom.container.append(this.dom.logicContainer);
             }
-            this.dom.container.append(this.dom.add);
+            this.dom.container
+                .append(this.dom.add)
+                .append(this.dom.search);
         };
         /**
          * Sets the listener for the logic button
@@ -3120,7 +3155,8 @@ var DataTable = $.fn.dataTable;
             group: 'dtsb-group',
             inputButton: 'dtsb-iptbtn',
             logic: 'dtsb-logic',
-            logicContainer: 'dtsb-logicContainer'
+            logicContainer: 'dtsb-logicContainer',
+            search: 'dtsb-search'
         };
         Group.defaults = {
             columns: true,
@@ -3139,6 +3175,7 @@ var DataTable = $.fn.dataTable;
             enterSearch: false,
             filterChanged: undefined,
             greyscale: false,
+            liveSearch: true,
             i18n: {
                 add: 'Add Condition',
                 button: {
@@ -3156,6 +3193,7 @@ var DataTable = $.fn.dataTable;
                 logicOr: 'Or',
                 right: '>',
                 rightTitle: 'Indent criteria',
+                search: 'Search',
                 title: {
                     0: 'Custom Search Builder',
                     _: 'Custom Search Builder (%d)'
@@ -3574,6 +3612,7 @@ var DataTable = $.fn.dataTable;
                 var count = _this.s.topGroup.count();
                 _this._updateTitle(count);
                 _this._filterChanged(count);
+                _this._checkClear();
             });
             this.s.dt.on('postEdit.dtsb postCreate.dtsb postRemove.dtsb', function () {
                 _this.s.topGroup.redrawContents();
@@ -3597,7 +3636,7 @@ var DataTable = $.fn.dataTable;
                 _this.dom.clearAll.remove();
             });
         };
-        SearchBuilder.version = '1.4.2';
+        SearchBuilder.version = '1.6.0';
         SearchBuilder.classes = {
             button: 'dtsb-button',
             clearAll: 'dtsb-clearAll',
@@ -3623,6 +3662,7 @@ var DataTable = $.fn.dataTable;
             enterSearch: false,
             filterChanged: undefined,
             greyscale: false,
+            liveSearch: true,
             i18n: {
                 add: 'Add Condition',
                 button: {
@@ -3686,6 +3726,7 @@ var DataTable = $.fn.dataTable;
                 logicOr: 'Or',
                 right: '>',
                 rightTitle: 'Indent criteria',
+                search: 'Search',
                 title: {
                     0: 'Custom Search Builder',
                     _: 'Custom Search Builder (%d)'
@@ -3703,7 +3744,7 @@ var DataTable = $.fn.dataTable;
         return SearchBuilder;
     }());
 
-    /*! SearchBuilder 1.4.2
+    /*! SearchBuilder 1.6.0
      * ©SpryMedia Ltd - datatables.net/license/mit
      */
     setJQuery($);