ods-component-lib 1.17.8 → 1.17.9

package/dist/index.js

@@ -1213,9 +1213,10 @@ var customizeBooleanColumnRender = function customizeBooleanColumnRender(e) {
   return e.value;
 };
 function OdsDataGrid(props) {
-  return grid(props);
+  var dataGridRef = React.useRef(null);
+  return grid(props, dataGridRef);
 }
-function grid(props) {
+function grid(props, dataGridRef) {
   var _ref;
   var headerCellRender = function headerCellRender(colProperties) {
     return React__default.createElement("th", {
@@ -1256,6 +1257,11 @@ function grid(props) {
       });
     }
   };
+  var clearAllFilters = function clearAllFilters() {
+    if (dataGridRef.current) {
+      dataGridRef.current.instance.clearFilter();
+    }
+  };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "odsDatagrid",
     style: {
@@ -1277,7 +1283,8 @@ function grid(props) {
     columnAutoWidth: false,
     onEditCanceling: props.onEditCanceling,
     onExporting: onExporting,
-    height: (_ref = props.height !== undefined) != null ? _ref : props.height
+    height: (_ref = props.height !== undefined) != null ? _ref : props.height,
+    ref: dataGridRef
   }, React__default.createElement(dataGrid.Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -1397,6 +1404,11 @@ function grid(props) {
     type: "primary",
     onClick: props.onAddButton
   }, "Add New")), React__default.createElement(dataGrid.Item, {
+    location: "after"
+  }, React__default.createElement(OdsButton, {
+    type: "default",
+    onClick: clearAllFilters
+  }, "Clear Filters")), React__default.createElement(dataGrid.Item, {
     name: "searchPanel"
   }), React__default.createElement(dataGrid.Item, {
     name: "columnChooserButton"