@carbonorm/carbonreact 4.0.18 → 4.0.21

package/package.json

@@ -1,49 +1,48 @@
 {
   "name": "@carbonorm/carbonreact",
   "license": "MIT",
-  "version": "4.0.18",
+  "version": "4.0.21",
   "browser": "dist/index.umd.js",
   "module": "dist/index.esm.js",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "dependencies": {
-    "@carbonorm/carbonnode": "^2.0.8",
+    "@carbonorm/carbonnode": "^2.0.34",
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/react": "^16.3.0",
     "ansi-colors": "^4.1.3",
-    "axios": "^1.4.0",
+    "axios": "^1.8.4",
     "bootstrap": "^5.3.1",
     "classnames": "^2.3.2",
     "heic2any": "^0.0.4",
-    "jest": "^29.5.0",
-    "jest-config": "^29.5.0",
-    "qs": "^6.11.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-loading-skeleton": "^3.3.1",
+    "jest": "^29.7.0",
+    "jest-config": "^29.7.0",
+    "qs": "^6.14.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-loading-skeleton": "^3.5.0",
     "react-outside-click-handler": "^1.3.0",
-    "react-router-dom": "^6.14.2",
-    "react-toastify": "^9.1.3",
-    "typed-css-modules": "^0.7.2",
-    "typed-scss-modules": "^7.1.2"
+    "react-router-dom": "^7.5.0",
+    "react-toastify": "^11.0.5",
+    "typed-css-modules": "^0.9.1",
+    "typed-scss-modules": "^8.1.1"
   },
   "devDependencies": {
     "@carbonorm/postcss-modules": "^6.0.2",
     "@carbonorm/rollup-plugin-postcss": "^3.0.0",
     "@drop-in-gaming/barrelsby": "^0.0.2",
-    "@open-wc/building-rollup": "^3.0.1",
-    "@rollup/plugin-commonjs": "^11.0.1",
-    "@rollup/plugin-node-resolve": "^7.0.0",
-    "@rollup/plugin-typescript": "^11.1.2",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.2",
     "@types/jest": "^29.5.4",
-    "@types/ms": "^0.7.31",
-    "@types/node": "^18.17.14",
-    "@types/react": "^18.0.32",
-    "@types/react-dom": "^18.0.11",
-    "@types/styled-components": "5.1.24",
+    "@types/ms": "^2.1.0",
+    "@types/node": "^22",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.2",
+    "@types/styled-components": "5.1.34",
     "autoprefixer": "^10.4.14",
     "bootstrap": "^5.3.1",
     "classnames": "^2.3.2",
@@ -51,12 +50,12 @@
     "deepmerge": "^4.3.1",
     "livereload": "^0.9.3",
     "postcss": "^8.4.27",
-    "postcss-nested": "^6.0.1",
+    "postcss-nested": "^7.0.2",
     "postcss-scss": "^4.0.6",
     "postcss-simple-vars": "^7.0.1",
-    "rimraf": "^5.0.1",
-    "rollup": "^3.26.3",
-    "rollup-plugin-dts": "^5.3.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.39.0",
+    "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-includepaths": "^0.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-watch": "^4.3.1",

package/src/CarbonReact.tsx

@@ -168,7 +168,7 @@ abstract class CarbonReact<P = {}, S extends iCarbonReactState = iCarbonReactSta
     }
 
     reactRouterContext(children: ReactElement) {
-        switch (this.props.routerType) {
+        switch (this.props.routerType ?? eRouterType.BrowserRouter) {
             case eRouterType.BrowserRouter:
                 return <BrowserRouter>{children}</BrowserRouter>
             case eRouterType.MemoryRouter:

package/src/components/Errors/AccessDenied.tsx

@@ -1,32 +1,32 @@
-
-import React from 'react';
+import {ReactNode} from 'react';
 import styles from "../../style.module.css"
 
-export default function AccessDenied ({children} : {children?: React.ReactNode}) {
-
-        return (
-            <div>
-                <div className={styles.notfound}>
-                    <div className={styles.notfound_404}>
-                        <h3>Oops! Access not granted</h3>
-                        {children}
-                        <h1 style={{
-                            position: "absolute",
-                            left: "50%",
-                            top: "50%",
-                            transform: "translate(-50%, -50%)",
-                            fontSize: "252px",
-                            fontWeight: 900,
-                            textTransform: "uppercase",
-                            letterSpacing: "-40px",
-                            marginLeft: "-20px",
-                            marginTop: "20px"
+export default function AccessDenied({children}: { children?: ReactNode }) {
 
-                        }}><span>4</span><span>0</span><span>3</span></h1>
-                    </div>
+    return (
+        <div>
+            <div className={styles.notfound}>
+                <div className={styles.notfound_404}>
+                    <h3>Oops! Access not granted</h3>
+                    {children}
+                    <h1 style={{
+                        position: "absolute",
+                        left: "50%",
+                        top: "50%",
+                        transform: "translate(-50%, -50%)",
+                        fontSize: "252px",
+                        fontWeight: 900,
+                        textTransform: "uppercase",
+                        letterSpacing: "-40px",
+                        marginLeft: "-20px",
+                        marginTop: "20px"
+                    }}>
+                        <span>4</span><span>0</span><span>3</span>
+                    </h1>
                 </div>
             </div>
-        );
+        </div>
+    );
 
 }
 

package/src/types/react-19-jsx.d.ts

@@ -0,0 +1,9 @@
+import 'react';
+
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [elemName: string]: any;
+        }
+    }
+}