react-pattern-ui upgrade and navigationComponents (neolution-ch#81)

This PR aims to upgrade pattern-ui and add a property that allows the
consumer to customize paging navigation components.

Author: Michele-Masciave

CHANGELOG.md

@@ -7,6 +7,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+
+- Updated `react-pattern-ui` from 3.4.0 to 5.3.0
+
+### Added
+
+- `pagingNavigationComponents` property to customize the paging navigation components
+
 ## [5.12.0] - 2025-09-15
 
 ### Added

package.json

@@ -49,7 +49,7 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
-    "@neolution-ch/react-pattern-ui": "^3.4.0",
+    "@neolution-ch/react-pattern-ui": "^5.3.0",
     "@tanstack/react-table": "^8.12.0",
     "react-loading-skeleton": "^3.3.1"
   },

src/lib/ReactDataTable/ReactDataTable.tsx

@@ -47,6 +47,7 @@ const ReactDataTable = <TData, TFilter extends FilterModel = Record<string, neve
     enableRowClick,
     isStriped = true,
     showClearSearchButton = true,
+    pagingNavigationComponents,
     subRowComponent,
   } = props;
 
@@ -338,6 +339,7 @@ const ReactDataTable = <TData, TFilter extends FilterModel = Record<string, neve
           }}
           pagingPossible={true}
           changePageSizePossible={!hidePageSizeChange}
+          navigationComponents={pagingNavigationComponents}
         />
       )}
     </>

src/lib/ReactDataTable/ReactDataTableProps.ts

@@ -2,6 +2,7 @@
 import { CSSProperties } from "react";
 import { FilterModel } from "../types/TableState";
 import { DragAndDropOptions } from "./DragAndDropOptions";
+import { PagingNavigationComponents } from "@neolution-ch/react-pattern-ui";
 
 /**
  * The props for the ReactDataTable component
@@ -118,4 +119,9 @@ export interface ReactDataTableProps<TData, TFilter extends FilterModel> {
    * A component to render as a sub-row for a specific row, this will be rendered additionally to the subrows.
    */
   subRowComponent?: (row: Row<TData>) => React.ReactNode;
+
+  /**
+   * Custom navigation components for the paging controls
+   */
+  pagingNavigationComponents?: PagingNavigationComponents;
 }

yarn.lock

@@ -1778,10 +1778,10 @@
     call-me-maybe "^1.0.1"
     glob-to-regexp "^0.3.0"
 
-"@neolution-ch/react-pattern-ui@^3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@neolution-ch/react-pattern-ui/-/react-pattern-ui-3.4.0.tgz#5bde72a20b189ebe6e67e88d43ee597f23acdea7"
-  integrity sha512-HLfXCIPJjslo6gsBJ5lBeX2BuUIF/dzITuW5+QvYg5RAANaHsSl4+5p2wDtr61xvVQUptc6Ybrp+DeIKAnWDlA==
+"@neolution-ch/react-pattern-ui@^5.3.0":
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/@neolution-ch/react-pattern-ui/-/react-pattern-ui-5.3.0.tgz#c900bdfc6947cfbe108910425b4dcb4027cdf34f"
+  integrity sha512-JO00BhUZNFOxSfzmcH32WoDf+ZgUwx8u83p9VhmMnTwC3dxtE9kOuILqRmRf/+x6HrZWRyNHFgNa0bY2ddPO8Q==
   dependencies:
     classnames "^2.3.2"