From 3e2b3c7772a07013bcf22bac32b2411ebba76c3a Mon Sep 17 00:00:00 2001
From: Peter Kulko <93188219+PKulkoRaccoonGang@users.noreply.github.com>
Date: Thu, 21 Dec 2023 08:30:58 +0200
Subject: [PATCH] docs: fixed links leading to the 7th version of the
React-table package (#2955)
---
src/DataTable/README.md | 6 +++---
src/DataTable/index.jsx | 2 +-
src/DataTable/tablefilters.mdx | 6 +++---
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/DataTable/README.md b/src/DataTable/README.md
index 193b3b2b7a..bfa6e99018 100644
--- a/src/DataTable/README.md
+++ b/src/DataTable/README.md
@@ -28,11 +28,11 @@ designStatus: 'Done'
devStatus: 'In progress'
---
-The DataTable component is a wrapper that uses the react-table library to
+The DataTable component is a wrapper that uses the react-table library to
create tables. It can be used as is, or its subcomponents can be used on their own, allowing the developer full control.
Paragon also exports all React hooks from ``react-table`` allowing the developers to use them and make customizations more freely without adding ``react-table`` as a separate dependency to their project.
-For full list of available hooks view react-table API reference.
+For full list of available hooks view react-table API reference.
## How children get information
@@ -49,7 +49,7 @@ const instance = useContext(DataTableContext)
For small tables (less than ~10,000 rows), filtering, sorting and pagination can be done quickly and easily on the frontend.
In this example, a default TextFilter component is used for all columns. A default filter can be passed in,
-or a filter component can be defined on the column. See react-table filters documentation
+or a filter component can be defined on the column. See react-table filters documentation
for more information.
```jsx live
diff --git a/src/DataTable/index.jsx b/src/DataTable/index.jsx
index 2046d5aa50..f41ad3c5fa 100644
--- a/src/DataTable/index.jsx
+++ b/src/DataTable/index.jsx
@@ -329,7 +329,7 @@ DataTable.propTypes = {
/** Function that will fetch table data. Called when page size, page index or filters change.
* Meant to be used with manual filters and pagination */
fetchData: PropTypes.func,
- /** Initial state passed to react-table's documentation https://react-table.tanstack.com/docs/api/useTable */
+ /** Initial state passed to react-table's documentation https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/api/useTable.md */
initialState: PropTypes.shape({
pageSize: requiredWhen(PropTypes.number, 'isPaginated'),
pageIndex: requiredWhen(PropTypes.number, 'isPaginated'),
diff --git a/src/DataTable/tablefilters.mdx b/src/DataTable/tablefilters.mdx
index a339c58aa9..2b8547aa7f 100644
--- a/src/DataTable/tablefilters.mdx
+++ b/src/DataTable/tablefilters.mdx
@@ -14,18 +14,18 @@ devStatus: 'In progress'
---
-The ``DataTable`` component is a wrapper that uses the react-table library to
+The ``DataTable`` component is a wrapper that uses the react-table library to
create tables. It can be used as is, or its subcomponents can be used on their own, allowing the developer full control.
## Filtering and sorting
Paragon currently provides a variety of filter types, and you can also define your own filter types.
In the example below, a default ``TextFilter`` component is used as the default filter for all columns. A default filter can be passed in,
-or a filter component can be defined on the column using the ``Filter`` attribute. See react-table filters documentation
+or a filter component can be defined on the column using the ``Filter`` attribute. See react-table filters documentation
for more information.
## Available filter functions
-A filtering function can be defined on the column as well as the filter component. Custom filtering functions can also be defined, see react-table filters documentation
+A filtering function can be defined on the column as well as the filter component. Custom filtering functions can also be defined, see react-table filters documentation
for more information.
Filter functions are defined on the column as the ``filter`` attribute.