@carbonorm/carbonreact 4.0.16 → 4.0.17

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbonorm/carbonreact",
   "license": "MIT",
-  "version": "4.0.16",
+  "version": "4.0.17",
   "browser": "dist/index.umd.js",
   "module": "dist/index.esm.js",
   "main": "dist/index.cjs.js",

package/src/CarbonReact.tsx

@@ -1,15 +1,16 @@
 import changed from "hoc/changed";
-import { GlobalHistory } from "hoc/GlobalHistory";
+import {GlobalHistory} from "hoc/GlobalHistory";
 import hexToRgb from "hoc/hexToRgb";
-import { Component, Context, createContext, ReactElement, ReactNode } from 'react';
-import { ToastContainer } from 'react-toastify';
+import {Component, Context, createContext, ReactElement, ReactNode} from 'react';
+import {ToastContainer} from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.min.css';
 import BackendThrowable from 'components/Errors/BackendThrowable';
 import Nest from 'components/Nest/Nest';
-import { initialRestfulObjectsState, iRestfulObjectArrayTypes } from "variables/C6";
-import CarbonWebSocket, { iCarbonWebSocketProps } from "./components/WebSocket/CarbonWebSocket";
-import updateRestfulObjectArrays, { iUpdateRestfulObjectArrays } from "./hoc/updateRestfulObjectArrays";
-import deleteRestfulObjectArrays, { iDeleteRestfulObjectArrays } from "./hoc/deleteRestfulObjectArrays";
+import {initialRestfulObjectsState, iRestfulObjectArrayTypes} from "variables/C6";
+import CarbonWebSocket, {iCarbonWebSocketProps} from "./components/WebSocket/CarbonWebSocket";
+import updateRestfulObjectArrays, {iUpdateRestfulObjectArrays} from "./hoc/updateRestfulObjectArrays";
+import deleteRestfulObjectArrays, {iDeleteRestfulObjectArrays} from "./hoc/deleteRestfulObjectArrays";
+import {BrowserRouter, HashRouter, MemoryRouter, Routes} from "react-router-dom";
 
 export type tStatefulApiData<T extends { [key: string]: any } = {}> = T[] | undefined | null;
 
@@ -44,10 +45,17 @@ export function isJsonString(str: string) {
     return true;
 }
 
+export enum eRouterType {
+    BrowserRouter,
+    HashRouter,
+    MemoryRouter,
+}
+
 abstract class CarbonReact<P = {}, S extends iCarbonReactState = iCarbonReactState> extends Component<{
     children?: ReactNode | ReactNode[],
     instanceId?: string,
     persistentState?: boolean,
+    routerType?: eRouterType,
     websocket?: Omit<iCarbonWebSocketProps<P, S>, "instance"> | false
 } & P, S> {
 
@@ -159,6 +167,19 @@ abstract class CarbonReact<P = {}, S extends iCarbonReactState = iCarbonReactSta
         }
     }
 
+    reactRouterContext(children: ReactElement) {
+        switch (this.props.routerType) {
+            case eRouterType.BrowserRouter:
+                return <BrowserRouter>{children}</BrowserRouter>
+            case eRouterType.MemoryRouter:
+                return <MemoryRouter initialEntries={['/']}>{children}</MemoryRouter>
+            case eRouterType.HashRouter:
+                return <HashRouter>{children}</HashRouter>
+            default:
+                throw new Error('Invalid routerType');
+        }
+    }
+
     render(): ReactElement {
         console.log('CarbonORM TSX RENDER');
 
@@ -166,27 +187,28 @@ abstract class CarbonReact<P = {}, S extends iCarbonReactState = iCarbonReactSta
 
         console.log('%c color (' + colorHex + ')', 'color: ' + colorHex);
 
-        const nest = <Nest position={'fixed'} backgroundColor={''} color={hexToRgb(colorHex)} count={100} />;
+        const nest = <Nest position={'fixed'} backgroundColor={''} color={hexToRgb(colorHex)} count={100}/>;
 
         if (this.state.backendThrowable.length > 0) {
             return <>
                 {nest}
-                <BackendThrowable instance={this} />
+                <BackendThrowable instance={this}/>
             </>;
         }
 
+        this.context = createContext(this.state)
         const Context = this.context.Provider;
 
-        return <>
-            <GlobalHistory />
+        return this.reactRouterContext(<Routes>
+            <GlobalHistory/>
             {this.props.websocket &&
                 <CarbonWebSocket<P, S> {...(false !== this.props.websocket ? this.props.websocket : {})}
-                                       instance={this} />}
+                                       instance={this}/>}
             <Context value={this.state}>
                 {this.props.children}
             </Context>
-            <ToastContainer />
-        </>;
+            <ToastContainer/>
+        </Routes>);
     }
 }