ods-component-lib 1.17.8 → 1.17.10

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Input, Form, Image, InputNumber, List, Modal, notification, Radio, Rate, Select, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography } from 'antd';
 import styled, { ThemeProvider } from 'styled-components';
 import Card from 'antd/es/card/Card';
@@ -1209,9 +1209,15 @@ var customizeBooleanColumnRender = function customizeBooleanColumnRender(e) {
   return e.value;
 };
 function OdsDataGrid(props) {
-  return grid(props);
+  var dataGridRef = useRef(null);
+  useEffect(function () {
+    if (dataGridRef.current) {
+      dataGridRef.current.instance.clearSelection();
+    }
+  }, []);
+  return grid(props, dataGridRef);
 }
-function grid(props) {
+function grid(props, dataGridRef) {
   var _ref;
   var headerCellRender = function headerCellRender(colProperties) {
     return React.createElement("th", {
@@ -1227,7 +1233,6 @@ function grid(props) {
   };
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
   var onExporting = function onExporting(e) {
-    debugger;
     if (e.format === 'xlsx') {
       var workbook = new Workbook();
       exportDataGrid({
@@ -1252,6 +1257,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 +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.createElement(Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -1393,6 +1404,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"