ods-component-lib 1.17.8 → 1.17.9

package/dist/index.modern.js

@@ -1209,9 +1209,10 @@ var customizeBooleanColumnRender = function customizeBooleanColumnRender(e) {
   return e.value;
 };
 function OdsDataGrid(props) {
-  return grid(props);
+  var dataGridRef = useRef(null);
+  return grid(props, dataGridRef);
 }
-function grid(props) {
+function grid(props, dataGridRef) {
   var _ref;
   var headerCellRender = function headerCellRender(colProperties) {
     return React.createElement("th", {
@@ -1252,6 +1253,11 @@ function grid(props) {
       });
     }
   };
+  var clearAllFilters = function clearAllFilters() {
+    if (dataGridRef.current) {
+      dataGridRef.current.instance.clearFilter();
+    }
+  };
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "odsDatagrid",
     style: {
@@ -1273,7 +1279,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.createElement(Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -1393,6 +1400,11 @@ function grid(props) {
     type: "primary",
     onClick: props.onAddButton
   }, "Add New")), React.createElement(Item$1, {
+    location: "after"
+  }, React.createElement(OdsButton, {
+    type: "default",
+    onClick: clearAllFilters
+  }, "Clear Filters")), React.createElement(Item$1, {
     name: "searchPanel"
   }), React.createElement(Item$1, {
     name: "columnChooserButton"