From b083ffa4b39baedf0ed18012a3c7a1146d5c4195 Mon Sep 17 00:00:00 2001 From: PKulkoRaccoonGang Date: Wed, 20 Dec 2023 11:44:32 +0200 Subject: [PATCH] docs: fixed links leading to the 7th version of the React-table package --- 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.