@carbonorm/carbonreact 3.4.6 → 3.4.8

package/package.json

@@ -1,21 +1,25 @@
 {
   "name": "@carbonorm/carbonreact",
-  "version": "3.4.6",
+  "license": "MIT",
+  "version": "3.4.8",
   "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": "^1.2.14",
+    "@carbonorm/carbonnode": "^1.3.0",
     "@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",
     "ansi-colors": "^4.1.3",
     "axios": "^1.4.0",
     "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",
@@ -34,7 +38,6 @@
     "@rollup/plugin-commonjs": "^11.0.1",
     "@rollup/plugin-node-resolve": "^7.0.0",
     "@rollup/plugin-typescript": "^11.1.2",
-    "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.4",
     "@types/ms": "^0.7.31",
     "@types/node": "^18.17.14",
@@ -46,8 +49,6 @@
     "classnames": "^2.3.2",
     "css-loader": "^6.8.1",
     "deepmerge": "^4.3.1",
-    "jest": "^29.5.0",
-    "jest-config": "^29.5.0",
     "livereload": "^0.9.3",
     "postcss": "^8.4.27",
     "postcss-nested": "^6.0.1",

package/src/CarbonReact.tsx

@@ -3,7 +3,6 @@ import changed from "hoc/changed";
 import {GlobalHistory} from "hoc/GlobalHistory";
 import hexToRgb from "hoc/hexToRgb";
 import {Component, ReactNode} from 'react';
-import {BrowserRouter} from 'react-router-dom';
 import {ToastContainer} from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.min.css';
 import BackendThrowable from 'components/Errors/BackendThrowable';
@@ -12,7 +11,6 @@ import {initialRestfulObjectsState, iRestfulObjectArrayTypes} from "variables/C6
 import CarbonWebSocket from "./components/WebSocket/CarbonWebSocket";
 
 
-
 // our central container, single page application is best with the DigApi
 export interface iCarbonReactState {
     alertsWaiting: any[],
@@ -44,18 +42,17 @@ export function isJsonString(str) {
     return true;
 }
 
-const CarbonReact= class <P = {}, S = {}> extends Component<{
+const CarbonReact = class<P = {}, S = {}> extends Component<{
     children?: ReactNode | ReactNode[],
+    shouldStatePersist?: boolean,
 } & P, S & iCarbonReactState> {
 
     static instance: Component<{
         children?: ReactNode | ReactNode[],
     } & any, any & iCarbonReactState>;
 
+    static persistentState?: iCarbonReactState = undefined
     static lastLocation = window.location.pathname;
-    static websocketUrl = (window.location.protocol === 'https:' ? 'wss://' : 'ws://') + window.location.host + ':8888/ws';
-    static websocketTimeoutSeconds : number = 250;
-    static websocketHeartbeatSeconds : number = 250;
 
     // @link https://github.com/welldone-software/why-did-you-render
     // noinspection JSUnusedGlobalSymbols
@@ -65,7 +62,15 @@ const CarbonReact= class <P = {}, S = {}> extends Component<{
 
         super(props);
 
-        this.state = initialCarbonReactState as unknown as S & iCarbonReactState;
+        if (CarbonReact.persistentState !== undefined && this.props.shouldStatePersist !== false) {
+
+            this.state = CarbonReact.persistentState as S & iCarbonReactState;
+
+        } else {
+
+            this.state = initialCarbonReactState as unknown as S & iCarbonReactState;
+
+        }
 
         // This should only ever be done here, when the full state is being trashed.
         clearCache({
@@ -81,7 +86,7 @@ const CarbonReact= class <P = {}, S = {}> extends Component<{
 
     }
 
-    static getState<S>() : S {
+    static getState<S>(): S {
         return CarbonReact.instance.state;
     }
 
@@ -90,7 +95,18 @@ const CarbonReact= class <P = {}, S = {}> extends Component<{
         nextState: Readonly<iCarbonReactState>,
         _nextContext: any): boolean {
 
+        if (this.props.shouldStatePersist === false) {
+
+            CarbonReact.persistentState = undefined;
+
+        } else {
+
+            CarbonReact.persistentState = nextState;
+
+        }
+
         changed(this.constructor.name + ' (DigApi)', 'props', this.props, nextProps);
+
         changed(this.constructor.name + ' (DigApi)', 'state', this.state, nextState);
 
         return true
@@ -127,12 +143,12 @@ const CarbonReact= class <P = {}, S = {}> extends Component<{
 
         }
 
-        return <BrowserRouter>
+        return <>
             <GlobalHistory/>
-            <CarbonWebSocket />
+            <CarbonWebSocket/>
             {this.props.children}
             <ToastContainer/>
-        </BrowserRouter>;
+        </>;
 
     }
 

package/src/api/hoc/watchInputElementChangeEvent.tsx

@@ -1,7 +1,7 @@
 import {ChangeEvent} from "react";
 import {timeout} from "@carbonorm/carbonnode";
 
-export default function watchInputElementChangeEvent(event: ChangeEvent<HTMLInputElement>, cb: (event: ChangeEvent<HTMLInputElement>) => (Promise<boolean> | boolean), timeoutMs: number = 3000) {
+export default function watchInputElementChangeEvent(event: ChangeEvent<HTMLInputElement|HTMLTextAreaElement>, cb: (event: ChangeEvent<HTMLInputElement|HTMLTextAreaElement>) => (Promise<boolean> | boolean), timeoutMs: number = 3000) {
 
     const target = event.target;
 

package/src/components/Popup/Popup.tsx

@@ -20,16 +20,9 @@ export default function Popup({
                                   maxWidth,
                               }: PropsWithChildren<iPopupProperties>) : ReactElement {
 
-    if (false === open) {
-
-        // @link https://legacy.reactjs.org/docs/conditional-rendering.html#preventing-component-from-rendering
-        return <></>;
-
-    }
-
     const dig = getStyles()
 
-    return <div className={classNames(dig.modal, dig.fade, dig.show, dig.dBlock)}
+    return <div className={classNames(dig.modal, dig.fade, { [dig.show]: open}, dig.dBlock)}
              style={{backgroundColor: "rgba(0,0,0,0.8)"}}
              id="exampleModalCenter"
              tabIndex={-1} aria-labelledby="exampleModalCenterTitle"