dattatable 2.1.9 → 2.2.1

package/build/dashboard/filter.d.ts

@@ -21,7 +21,6 @@ export interface IFilterProps {
  */
 export declare class FilterSlideout {
     private _cbs;
-    private _clearFl;
     private _el;
     private _filters;
     private _items;
@@ -29,6 +28,7 @@ export declare class FilterSlideout {
     constructor(props: IFilterProps);
     private generateFilters;
     private generateItem;
+    clear(): void;
     getFilter(key: string): Components.ICheckboxGroup;
     setFilterValue(key: string, value: string | string[]): void;
     hide(): void;

package/build/dashboard/filter.js

@@ -9,7 +9,6 @@ var canvas_1 = require("../common/canvas");
 var FilterSlideout = /** @class */ (function () {
     function FilterSlideout(props) {
         this._cbs = null;
-        this._clearFl = false;
         this._el = null;
         this._filters = null;
         this._items = null;
@@ -36,17 +35,8 @@ var FilterSlideout = /** @class */ (function () {
             text: "Clear Filters",
             type: gd_sprest_bs_1.Components.ButtonTypes.OutlineDanger,
             onClick: function () {
-                // Set the flag
-                _this._clearFl = true;
-                // Parse the filters
-                for (var i = 0; i < _this._cbs.length; i++) {
-                    // Clear the filter
-                    _this._cbs[i].setValue("");
-                }
-                // Clear the flag
-                _this._clearFl = false;
-                // Execute the event
-                _this._onClear ? _this._onClear() : null;
+                // Clear the filters
+                _this.clear();
             }
         });
         // Parse the filters
@@ -86,19 +76,13 @@ var FilterSlideout = /** @class */ (function () {
                                 // Append the value
                                 values.push(items[i].label);
                             }
-                            // Ensure the clear button wasn't clicked
-                            if (!_this._clearFl) {
-                                // Execute the event
-                                filter.onFilter ? filter.onFilter(values) : null;
-                            }
+                            // Execute the event
+                            filter.onFilter ? filter.onFilter(values) : null;
                         }
                         else {
                             var item_1 = value;
-                            // Ensure the clear button wasn't clicked
-                            if (!_this._clearFl) {
-                                // Execute the event
-                                filter.onFilter ? filter.onFilter(item_1 ? item_1.label : "") : null;
-                            }
+                            // Execute the event
+                            filter.onFilter ? filter.onFilter(item_1 ? item_1.label : "") : null;
                         }
                     }
                 }));
@@ -107,6 +91,16 @@ var FilterSlideout = /** @class */ (function () {
         // Return the item
         return item;
     };
+    // Clears the filters
+    FilterSlideout.prototype.clear = function () {
+        // Parse the filters
+        for (var i = 0; i < this._cbs.length; i++) {
+            // Clear the filter
+            this._cbs[i].setValue("");
+        }
+        // Execute the event
+        this._onClear ? this._onClear() : null;
+    };
     // Gets a checkbox group by its name
     FilterSlideout.prototype.getFilter = function (key) {
         // Parse the items

package/build/dashboard/index.d.ts

@@ -72,6 +72,7 @@ export declare class Dashboard {
     /**
      * Public Interface
      */
+    clearFilter(): void;
     filter(idx: number, value?: string): void;
     filterMulti(idx: number, values?: string[]): void;
     getFilter(key: string): Components.ICheckboxGroup;

package/build/dashboard/index.js

@@ -56,13 +56,8 @@ var Dashboard = /** @class */ (function () {
         // Create the filters
         this._filters = new filter_1.FilterSlideout({
             filters: this._props.filters ? this._props.filters.items : [],
-            onRendered: this._props.filters ? this._props.filters.onRendered : null,
-            onClear: function () {
-                // Clear the filters
-                _this._dt.datatable.columns().search('').draw();
-                // Call the event
-                _this._props.filters ? _this._props.filters.onClear : null;
-            }
+            onClear: this._props.filters ? this._props.filters.onClear : null,
+            onRendered: this._props.filters ? this._props.filters.onRendered : null
         });
         // Render the template
         var elTemplate = document.createElement("div");
@@ -204,6 +199,11 @@ var Dashboard = /** @class */ (function () {
     /**
      * Public Interface
      */
+    // Clears the filters
+    Dashboard.prototype.clearFilter = function () {
+        // Clear the filters
+        this._filters.clear();
+    };
     // Filter the table
     Dashboard.prototype.filter = function (idx, value) {
         // Filter the table