@carbonorm/carbonreact 3.3.14 → 3.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbonorm/carbonreact",
-  "version": "3.3.14",
+  "version": "3.4.0",
   "browser": "dist/index.umd.js",
   "module": "dist/index.esm.js",
   "main": "dist/index.cjs.js",
@@ -70,16 +70,17 @@
   "scripts": {
     "prepublishOnly": "npm run build",
     "c6": "wget https://raw.githubusercontent.com/RichardTMiles/CarbonPHP/lts/view/C6.tsx -O src/variables/C6.tsx",
-    "build": "rm -rf ./dist/ && npm run build:css && npm run build:index && rollup -c && tsc compileValidSQL.tsx && mv compileValidSQL.js compileValidSQL.cjs",
+    "build": "rm -rf ./dist/ && npm run build:css && npm run build:index && rollup -c && npm run build:compileValidSQL",
     "dev": "rollup -c -w",
     "test": "node test/test.js",
     "pretest": "npm run build",
     "build:index": "npx barrelsby --directory ./src --delete --exclude '(jestHoc|\\.test|\\.d).(js|tsx?)$' --exportDefault --verbose --mode top",
     "build:css": "sass ./src:./src && typed-scss-modules 'src/**/*.?(s)css' --nameFormat all --exportType default src",
-    "build:compileValidSQL": "ts-node --experimental-specifier-resolution=node compileValidSQL.tsx"
+    "build:compileValidSQL": "tsc compileValidSQL.tsx && mv compileValidSQL.js compileValidSQL.cjs"
   },
   "files": [
     "compileValidSQL.tsx",
+    "compileValidSQL.cjs",
     "dist",
     "src"
   ]

package/src/components/Errors/BackendThrowable.tsx

@@ -1,5 +1,5 @@
 import styles from './style.module.scss';
-//import OutsideClickHandler from 'react-outside-click-handler';
+import OutsideClickHandler from 'react-outside-click-handler';
 import CarbonReact from "../../CarbonReact";
 import {ReactElement} from "react";
 
@@ -13,7 +13,31 @@ export default () : ReactElement => {
 
     return <div className={styles.maintenanceHero}>
         <h1 className={styles.httpStatusCode}>{currentThrowable?.status || 500}</h1>
+        <OutsideClickHandler
+            onOutsideClick={() => bootstrap.setState(currentState => ({ backendThrowable: currentState.backendThrowable.slice(1) }))}>
+            <div className={styles.centeredContainer}>
+                {Object.keys(currentThrowable).map((key, index) => {
 
+                    const valueIsString = typeof currentThrowable[key] === 'string';
+
+                    const valueIsCode = 'THROWN NEAR' === key;
+
+                    return <div key={index}>
+                        <div className={styles.errorTextGeneral}> &gt; <span className={styles.errorKeys}>{key}</span>:
+                            {valueIsString
+                                ? (valueIsCode ? <div
+                                        style={{ backgroundColor: 'black', fontSize: 'xx-small' }}
+                                        dangerouslySetInnerHTML={{ __html: currentThrowable[key] }} /> :
+                                    <i className={styles.errorValues}>&quot;{currentThrowable[key]}&quot;</i>)
+                                : ''}
+                        </div>
+                        {valueIsString
+                            ? ''
+                            : <pre className={styles.errorPre}>{JSON.stringify(currentThrowable[key], undefined, 4)}</pre>}
+                    </div>;
+                })}
+            </div>
+        </OutsideClickHandler>
     </div>;
 
 }