update packages (#80)

Author: neotob

.github/workflows/ci.yml

@@ -73,7 +73,8 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x, 20.x, 22.x]
+        node-version: [20.x, 22.x, 24.x]
+        react-version: [^18.2.0, ^19.0.0]
     steps:
       - uses: actions/checkout@v4
 
@@ -84,6 +85,7 @@ jobs:
           cache: "yarn"
 
       - run: yarn --frozen-lockfile
+      - run: yarn add react@${{ matrix.react-version }} react-dom@${{ matrix.react-version }} --dev
       - run: yarn lint
       - run: yarn build
       - run: yarn prettier-check

CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+
+- updated most of of the dependencies
+- :boom: changed to own reactstrap fork with react 19 support
+
 ## [5.3.1] - 2026-02-04
 
 ### Fixed

cypress/cypress/component/Paging/Paging.cy.tsx

@@ -1,12 +1,12 @@
 import { Paging } from "react-pattern-ui";
 import { faker } from "@faker-js/faker";
-import { mount } from "cypress/react18";
+import { mount } from "cypress/react";
 
 describe("Paging.cy.tsx", () => {
   it("basic paging works", () => {
-    const itemsPerPage = faker.datatype.number({ min: 1, max: 999 });
-    const pages = faker.datatype.number({ min: 3, max: 999 });
-    const currentPage = faker.datatype.number({ min: 2, max: pages - 1 });
+    const itemsPerPage = faker.number.int({ min: 1, max: 999 });
+    const pages = faker.number.int({ min: 3, max: 999 });
+    const currentPage = faker.number.int({ min: 2, max: pages - 1 });
     const translations = { showedItemsText: "Item {from} to {to} from {total}", itemsPerPageDropdown: "Items per page" };
 
     mount(
@@ -32,7 +32,7 @@ describe("Paging.cy.tsx", () => {
     cy.get("[data-cy-root] > .container-fluid > .row > .col-6:first-of-type > .btn-group > .dropdown-menu > .dropdown-item").then(
       (items: JQuery<HTMLElement>) => {
         expect(items.map((_, item) => item.textContent).toArray(), "possible items per page").to.deep.eq(
-          [25, 50, 100, 200, itemsPerPage].sort((a, b) => a - b).map((itemNumber): string => itemNumber.toString()),
+          [25, 50, 100, 200, itemsPerPage].toSorted((a, b) => a - b).map((itemNumber): string => itemNumber.toString()),
         );
         cy.wrap(items.filter((_, item) => item.textContent === "25")).click();
         cy.get("@setItemsPerPage").should("be.calledOnceWith", 25);
@@ -70,9 +70,9 @@ describe("Paging.cy.tsx", () => {
   });
 
   it("paging without change of page size", () => {
-    const itemsPerPage = faker.datatype.number({ min: 1, max: 999 });
-    const pages = faker.datatype.number({ min: 3, max: 999 });
-    const currentPage = faker.datatype.number({ min: 2, max: pages - 1 });
+    const itemsPerPage = faker.number.int({ min: 1, max: 999 });
+    const pages = faker.number.int({ min: 3, max: 999 });
+    const currentPage = faker.number.int({ min: 2, max: pages - 1 });
     const translations = { showedItemsText: "Item {from} to {to} from {total}", itemsPerPageDropdown: "Items per page" };
 
     mount(

cypress/cypress/component/PanelSidebar/PanelSidebar.cy.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable max-lines */
 import { PropsWithChildren } from "react";
 import {
   PanelSideBarProvider,
@@ -9,7 +8,7 @@ import {
   PanelItemOnSideBarCollapseOptions,
 } from "react-pattern-ui";
 import { faBars, faCogs, faInfo, faHome, faPerson } from "@fortawesome/free-solid-svg-icons";
-import { mount } from "cypress/react18";
+import { mount } from "cypress/react";
 
 type AppRoutes = "home" | "settings" | "dropdownTest" | "dropdown-test1" | "dropdown-test2" | "info";
 type TSideBarMenuItem = PanelItem<AppRoutes>;

cypress/package.json

@@ -12,22 +12,22 @@
     "start": "next start"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.1.1",
-    "@fortawesome/free-solid-svg-icons": "^6.1.1",
-    "@fortawesome/react-fontawesome": "^0.1.18",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/react-fontawesome": "^3.2.0",
     "@types/node": "18.11.9",
-    "@types/react": "18.0.25",
-    "@types/react-dom": "18.0.8",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "eslint": "^9.18.0",
     "next": "13.0.2",
     "react": "link:../node_modules/react",
     "react-dom": "link:../node_modules/react-dom",
     "react-pattern-ui": "link:../dist",
-    "typescript": "4.8.4"
+    "typescript": "5.9.3"
   },
   "devDependencies": {
-    "@faker-js/faker": "^7.6.0",
-    "@neolution-ch/eslint-config-neolution": "^2.1.0",
-    "cypress": "^11.0.0"
+    "@faker-js/faker": "^10.3.0",
+    "@neolution-ch/eslint-config-neolution": "^2.3.0",
+    "cypress": "^14.5.2"
   }
 }