@bsol-oss/react-datatable5 2.0.3 → 2.0.4

package/dist/index.js

@@ -379,6 +379,9 @@ const DataTableServer = ({ columns, url, enableRowSelection = true, enableMultiR
     react$1.useEffect(() => {
         onRowSelect(table.getState().rowSelection, data.results);
     }, [table.getState().rowSelection]);
+    react$1.useEffect(() => {
+        table.resetPagination();
+    }, [sorting, columnFilters, globalFilter, url]);
     return (jsxRuntime.jsx(TableContext.Provider, { value: {
             table: { ...table },
             refreshData: refreshData,
@@ -921,9 +924,9 @@ const GlobalFilter = ({ icon = md.MdSearch }) => {
     const { table } = useDataTableContext();
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(react.Box, { children: jsxRuntime.jsxs(react.InputGroup, { children: [jsxRuntime.jsx(react.InputLeftElement, { pointerEvents: "none", children: jsxRuntime.jsx(react.Icon, { as: icon, color: "gray.300" }) }), jsxRuntime.jsx(react.Input, { value: table.getState().globalFilter.globalFilter, onChange: (e) => {
                             if (!!e.target.value) {
-                                table.setGlobalFilter({ globalFilter: undefined });
+                                table.setGlobalFilter(undefined);
                             }
-                            table.setGlobalFilter({ globalFilter: e.target.value });
+                            table.setGlobalFilter(e.target.value);
                         } })] }) }) }));
 };
 

package/dist/index.mjs

@@ -377,6 +377,9 @@ const DataTableServer = ({ columns, url, enableRowSelection = true, enableMultiR
     useEffect(() => {
         onRowSelect(table.getState().rowSelection, data.results);
     }, [table.getState().rowSelection]);
+    useEffect(() => {
+        table.resetPagination();
+    }, [sorting, columnFilters, globalFilter, url]);
     return (jsx(TableContext.Provider, { value: {
             table: { ...table },
             refreshData: refreshData,
@@ -919,9 +922,9 @@ const GlobalFilter = ({ icon = MdSearch }) => {
     const { table } = useDataTableContext();
     return (jsx(Fragment, { children: jsx(Box, { children: jsxs(InputGroup, { children: [jsx(InputLeftElement, { pointerEvents: "none", children: jsx(Icon, { as: icon, color: "gray.300" }) }), jsx(Input, { value: table.getState().globalFilter.globalFilter, onChange: (e) => {
                             if (!!e.target.value) {
-                                table.setGlobalFilter({ globalFilter: undefined });
+                                table.setGlobalFilter(undefined);
                             }
-                            table.setGlobalFilter({ globalFilter: e.target.value });
+                            table.setGlobalFilter(e.target.value);
                         } })] }) }) }));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",