CHANGELOG.md

@@ -8,12 +8,6 @@ and this project adheres to
 
 ## [Unreleased]
 
-## [6.6.1] - 2025-02-17
-
-### Changed
-
--   Refactored RichTable component to use forwardRef
-
 ## [6.6.0] - 2025-02-07
 
 ### Added
@@ -441,8 +435,7 @@ and this project adheres to
 ## [0.0.7] - 2019-09-02
 
 [unreleased]:
-    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.6.1...dev
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.6.0...dev
-[6.6.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.6.0...v6.6.1
 [6.6.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.5.0...v6.6.0
 [6.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.4.0...v6.5.0
 [6.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.3.0...v6.4.0

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "foris",
-    "version": "6.6.1",
+    "version": "6.6.0",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "foris",
-            "version": "6.6.1",
+            "version": "6.6.0",
             "license": "GPL-3.0",
             "dependencies": {
                 "@fortawesome/fontawesome-svg-core": "^6.6.0",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "foris",
-    "version": "6.6.1",
+    "version": "6.6.0",
     "description": "Foris JS library is a set of components and utils for reForis application and plugins.",
     "author": "CZ.NIC, z.s.p.o.",
     "repository": {

src/common/RichTable/RichTable.js

@@ -5,12 +5,7 @@
  * See /LICENSE for more information.
  */
 
-import React, {
+import React, { useMemo, useState } from "react";
-    useMemo,
-    useState,
-    useImperativeHandle,
-    forwardRef,
-} from "react";
 
 import {
     flexRender,
@@ -27,20 +22,34 @@ import RichTablePagination from "./RichTablePagination";
 
 const fallbackData = [];
 
-const RichTable = forwardRef(
+RichTable.propTypes = {
-    ({ columns, data, withPagination, pageSize = 5, pageIndex = 0 }, ref) => {
+    /** Columns to be displayed in the table */
+    columns: PropTypes.array.isRequired,
+    /** Data to be displayed in the table */
+    data: PropTypes.array.isRequired,
+    /** Whether to display pagination */
+    withPagination: PropTypes.bool,
+    /** Number of rows per page */
+    pageSize: PropTypes.number,
+    /** Index of the current page */
+    pageIndex: PropTypes.number,
+};
+
+function RichTable({
+    columns,
+    data,
+    withPagination,
+    pageSize = 5,
+    pageIndex = 0,
+}) {
     const tableColumns = useMemo(() => columns, [columns]);
-        const [tableData, setTableData] = useState(data ?? fallbackData);
+    const [tableData] = useState(data ?? fallbackData);
     const [sorting, setSorting] = useState([]);
     const [pagination, setPagination] = useState({
         pageIndex,
         pageSize,
     });
 
-        useImperativeHandle(ref, () => ({
-            setTableData,
-        }));
-
     const table = useReactTable({
         data: tableData,
         columns: tableColumns,
@@ -55,8 +64,7 @@ const RichTable = forwardRef(
         },
     });
 
-        const paginationIsNeeded =
+    const paginationIsNeeded = tableData.length > pageSize && withPagination;
-            tableData.length > pageSize && withPagination;
 
     return (
         <div className="table-responsive">
@@ -73,22 +81,6 @@ const RichTable = forwardRef(
             )}
         </div>
     );
-    }
+}
-);
-
-RichTable.propTypes = {
-    /** Columns to be displayed in the table */
-    columns: PropTypes.array.isRequired,
-    /** Data to be displayed in the table */
-    data: PropTypes.array.isRequired,
-    /** Whether to display pagination */
-    withPagination: PropTypes.bool,
-    /** Number of rows per page */
-    pageSize: PropTypes.number,
-    /** Index of the current page */
-    pageIndex: PropTypes.number,
-};
-
-RichTable.displayName = "RichTable";
 
 export default RichTable;