@carbonorm/carbonreact 4.0.25 → 5.0.4

package/dist/index.esm.js

@@ -1,440 +1,14 @@
-import require$$0, { useRef, useEffect, useState, Component, createContext, lazy } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useNavigate, HashRouter, MemoryRouter, BrowserRouter } from 'react-router-dom';
+import React, { useRef, useEffect, useState, Component, createContext, lazy } from 'react';
 import { toast, ToastContainer } from 'react-toastify';
-import { toastOptions, timeout, axiosInstance, isVerbose, checkAllRequestsComplete } from '@carbonorm/carbonnode';
+import { toastOptions, isVerbose, timeout, axiosInstance, checkAllRequestsComplete } from '@carbonorm/carbonnode';
 import classNames from 'classnames';
 import { faClose } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
 import { waitFor } from '@testing-library/react';
 
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production = {};
-
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_production;
-
-function requireReactJsxRuntime_production () {
-	if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-	hasRequiredReactJsxRuntime_production = 1;
-	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-	function jsxProd(type, config, maybeKey) {
-	  var key = null;
-	  void 0 !== maybeKey && (key = "" + maybeKey);
-	  void 0 !== config.key && (key = "" + config.key);
-	  if ("key" in config) {
-	    maybeKey = {};
-	    for (var propName in config)
-	      "key" !== propName && (maybeKey[propName] = config[propName]);
-	  } else maybeKey = config;
-	  config = maybeKey.ref;
-	  return {
-	    $$typeof: REACT_ELEMENT_TYPE,
-	    type: type,
-	    key: key,
-	    ref: void 0 !== config ? config : null,
-	    props: maybeKey
-	  };
-	}
-	reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-	reactJsxRuntime_production.jsx = jsxProd;
-	reactJsxRuntime_production.jsxs = jsxProd;
-	return reactJsxRuntime_production;
-}
-
-var reactJsxRuntime_development = {};
-
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_development;
-
-function requireReactJsxRuntime_development () {
-	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-	hasRequiredReactJsxRuntime_development = 1;
-	"production" !== process.env.NODE_ENV &&
-	  (function () {
-	    function getComponentNameFromType(type) {
-	      if (null == type) return null;
-	      if ("function" === typeof type)
-	        return type.$$typeof === REACT_CLIENT_REFERENCE
-	          ? null
-	          : type.displayName || type.name || null;
-	      if ("string" === typeof type) return type;
-	      switch (type) {
-	        case REACT_FRAGMENT_TYPE:
-	          return "Fragment";
-	        case REACT_PROFILER_TYPE:
-	          return "Profiler";
-	        case REACT_STRICT_MODE_TYPE:
-	          return "StrictMode";
-	        case REACT_SUSPENSE_TYPE:
-	          return "Suspense";
-	        case REACT_SUSPENSE_LIST_TYPE:
-	          return "SuspenseList";
-	        case REACT_ACTIVITY_TYPE:
-	          return "Activity";
-	      }
-	      if ("object" === typeof type)
-	        switch (
-	          ("number" === typeof type.tag &&
-	            console.error(
-	              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-	            ),
-	          type.$$typeof)
-	        ) {
-	          case REACT_PORTAL_TYPE:
-	            return "Portal";
-	          case REACT_CONTEXT_TYPE:
-	            return (type.displayName || "Context") + ".Provider";
-	          case REACT_CONSUMER_TYPE:
-	            return (type._context.displayName || "Context") + ".Consumer";
-	          case REACT_FORWARD_REF_TYPE:
-	            var innerType = type.render;
-	            type = type.displayName;
-	            type ||
-	              ((type = innerType.displayName || innerType.name || ""),
-	              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-	            return type;
-	          case REACT_MEMO_TYPE:
-	            return (
-	              (innerType = type.displayName || null),
-	              null !== innerType
-	                ? innerType
-	                : getComponentNameFromType(type.type) || "Memo"
-	            );
-	          case REACT_LAZY_TYPE:
-	            innerType = type._payload;
-	            type = type._init;
-	            try {
-	              return getComponentNameFromType(type(innerType));
-	            } catch (x) {}
-	        }
-	      return null;
-	    }
-	    function testStringCoercion(value) {
-	      return "" + value;
-	    }
-	    function checkKeyStringCoercion(value) {
-	      try {
-	        testStringCoercion(value);
-	        var JSCompiler_inline_result = !1;
-	      } catch (e) {
-	        JSCompiler_inline_result = true;
-	      }
-	      if (JSCompiler_inline_result) {
-	        JSCompiler_inline_result = console;
-	        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-	        var JSCompiler_inline_result$jscomp$0 =
-	          ("function" === typeof Symbol &&
-	            Symbol.toStringTag &&
-	            value[Symbol.toStringTag]) ||
-	          value.constructor.name ||
-	          "Object";
-	        JSCompiler_temp_const.call(
-	          JSCompiler_inline_result,
-	          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-	          JSCompiler_inline_result$jscomp$0
-	        );
-	        return testStringCoercion(value);
-	      }
-	    }
-	    function getTaskName(type) {
-	      if (type === REACT_FRAGMENT_TYPE) return "<>";
-	      if (
-	        "object" === typeof type &&
-	        null !== type &&
-	        type.$$typeof === REACT_LAZY_TYPE
-	      )
-	        return "<...>";
-	      try {
-	        var name = getComponentNameFromType(type);
-	        return name ? "<" + name + ">" : "<...>";
-	      } catch (x) {
-	        return "<...>";
-	      }
-	    }
-	    function getOwner() {
-	      var dispatcher = ReactSharedInternals.A;
-	      return null === dispatcher ? null : dispatcher.getOwner();
-	    }
-	    function UnknownOwner() {
-	      return Error("react-stack-top-frame");
-	    }
-	    function hasValidKey(config) {
-	      if (hasOwnProperty.call(config, "key")) {
-	        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-	        if (getter && getter.isReactWarning) return false;
-	      }
-	      return void 0 !== config.key;
-	    }
-	    function defineKeyPropWarningGetter(props, displayName) {
-	      function warnAboutAccessingKey() {
-	        specialPropKeyWarningShown ||
-	          ((specialPropKeyWarningShown = true),
-	          console.error(
-	            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-	            displayName
-	          ));
-	      }
-	      warnAboutAccessingKey.isReactWarning = true;
-	      Object.defineProperty(props, "key", {
-	        get: warnAboutAccessingKey,
-	        configurable: true
-	      });
-	    }
-	    function elementRefGetterWithDeprecationWarning() {
-	      var componentName = getComponentNameFromType(this.type);
-	      didWarnAboutElementRef[componentName] ||
-	        ((didWarnAboutElementRef[componentName] = true),
-	        console.error(
-	          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-	        ));
-	      componentName = this.props.ref;
-	      return void 0 !== componentName ? componentName : null;
-	    }
-	    function ReactElement(
-	      type,
-	      key,
-	      self,
-	      source,
-	      owner,
-	      props,
-	      debugStack,
-	      debugTask
-	    ) {
-	      self = props.ref;
-	      type = {
-	        $$typeof: REACT_ELEMENT_TYPE,
-	        type: type,
-	        key: key,
-	        props: props,
-	        _owner: owner
-	      };
-	      null !== (void 0 !== self ? self : null)
-	        ? Object.defineProperty(type, "ref", {
-	            enumerable: false,
-	            get: elementRefGetterWithDeprecationWarning
-	          })
-	        : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-	      type._store = {};
-	      Object.defineProperty(type._store, "validated", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: 0
-	      });
-	      Object.defineProperty(type, "_debugInfo", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: null
-	      });
-	      Object.defineProperty(type, "_debugStack", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: debugStack
-	      });
-	      Object.defineProperty(type, "_debugTask", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: debugTask
-	      });
-	      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-	      return type;
-	    }
-	    function jsxDEVImpl(
-	      type,
-	      config,
-	      maybeKey,
-	      isStaticChildren,
-	      source,
-	      self,
-	      debugStack,
-	      debugTask
-	    ) {
-	      var children = config.children;
-	      if (void 0 !== children)
-	        if (isStaticChildren)
-	          if (isArrayImpl(children)) {
-	            for (
-	              isStaticChildren = 0;
-	              isStaticChildren < children.length;
-	              isStaticChildren++
-	            )
-	              validateChildKeys(children[isStaticChildren]);
-	            Object.freeze && Object.freeze(children);
-	          } else
-	            console.error(
-	              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-	            );
-	        else validateChildKeys(children);
-	      if (hasOwnProperty.call(config, "key")) {
-	        children = getComponentNameFromType(type);
-	        var keys = Object.keys(config).filter(function (k) {
-	          return "key" !== k;
-	        });
-	        isStaticChildren =
-	          0 < keys.length
-	            ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-	            : "{key: someKey}";
-	        didWarnAboutKeySpread[children + isStaticChildren] ||
-	          ((keys =
-	            0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-	          console.error(
-	            'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
-	            isStaticChildren,
-	            children,
-	            keys,
-	            children
-	          ),
-	          (didWarnAboutKeySpread[children + isStaticChildren] = true));
-	      }
-	      children = null;
-	      void 0 !== maybeKey &&
-	        (checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
-	      hasValidKey(config) &&
-	        (checkKeyStringCoercion(config.key), (children = "" + config.key));
-	      if ("key" in config) {
-	        maybeKey = {};
-	        for (var propName in config)
-	          "key" !== propName && (maybeKey[propName] = config[propName]);
-	      } else maybeKey = config;
-	      children &&
-	        defineKeyPropWarningGetter(
-	          maybeKey,
-	          "function" === typeof type
-	            ? type.displayName || type.name || "Unknown"
-	            : type
-	        );
-	      return ReactElement(
-	        type,
-	        children,
-	        self,
-	        source,
-	        getOwner(),
-	        maybeKey,
-	        debugStack,
-	        debugTask
-	      );
-	    }
-	    function validateChildKeys(node) {
-	      "object" === typeof node &&
-	        null !== node &&
-	        node.$$typeof === REACT_ELEMENT_TYPE &&
-	        node._store &&
-	        (node._store.validated = 1);
-	    }
-	    var React = require$$0,
-	      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-	      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-	      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-	      REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-	    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-	      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-	      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-	      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-	      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-	      REACT_MEMO_TYPE = Symbol.for("react.memo"),
-	      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-	      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
-	      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-	      ReactSharedInternals =
-	        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-	      hasOwnProperty = Object.prototype.hasOwnProperty,
-	      isArrayImpl = Array.isArray,
-	      createTask = console.createTask
-	        ? console.createTask
-	        : function () {
-	            return null;
-	          };
-	    React = {
-	      "react-stack-bottom-frame": function (callStackForError) {
-	        return callStackForError();
-	      }
-	    };
-	    var specialPropKeyWarningShown;
-	    var didWarnAboutElementRef = {};
-	    var unknownOwnerDebugStack = React["react-stack-bottom-frame"].bind(
-	      React,
-	      UnknownOwner
-	    )();
-	    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-	    var didWarnAboutKeySpread = {};
-	    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-	    reactJsxRuntime_development.jsx = function (type, config, maybeKey, source, self) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        false,
-	        source,
-	        self,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	    reactJsxRuntime_development.jsxs = function (type, config, maybeKey, source, self) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        true,
-	        source,
-	        self,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	  })();
-	return reactJsxRuntime_development;
-}
-
-var hasRequiredJsxRuntime;
-
-function requireJsxRuntime () {
-	if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-	hasRequiredJsxRuntime = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  jsxRuntime.exports = requireReactJsxRuntime_production();
-	} else {
-	  jsxRuntime.exports = requireReactJsxRuntime_development();
-	}
-	return jsxRuntime.exports;
-}
-
-var jsxRuntimeExports = requireJsxRuntime();
-
 const clone = (obj) => {
     try {
         return structuredClone(obj);
@@ -503,28 +77,28 @@ function OutsideClickHandler({ onOutsideClick, children, disabled, useCapture })
             document.removeEventListener('touchstart', handle, useCapture);
         };
     }, [onOutsideClick, disabled, useCapture]);
-    return jsxRuntimeExports.jsx("div", { ref: containerRef, children: children });
+    return jsx("div", { ref: containerRef, children: children });
 }
 
 var BackendThrowable = (props) => {
     const { instance } = props;
     const currentThrowable = instance.state.backendThrowable[0];
     console.log([instance.state.backendThrowable, currentThrowable]);
-    return jsxRuntimeExports.jsxs("div", { className: styles$1.maintenanceHero, children: [jsxRuntimeExports.jsx("h1", { className: styles$1.httpStatusCode, children: currentThrowable?.status || 500 }), jsxRuntimeExports.jsx(OutsideClickHandler, { onOutsideClick: () => instance.setState(currentState => ({ backendThrowable: currentState.backendThrowable.slice(1) })), children: jsxRuntimeExports.jsx("div", { className: styles$1.centeredContainer, children: Object.keys(currentThrowable).map((key, index) => {
+    return jsxs("div", { className: styles$1.maintenanceHero, children: [jsx("h1", { className: styles$1.httpStatusCode, children: currentThrowable?.status || 500 }), jsx(OutsideClickHandler, { onOutsideClick: () => instance.setState(currentState => ({ backendThrowable: currentState.backendThrowable.slice(1) })), children: jsx("div", { className: styles$1.centeredContainer, children: Object.keys(currentThrowable).map((key, index) => {
                         const valueIsString = typeof currentThrowable[key] === 'string';
                         const valueIsCode = 'THROWN NEAR' === key;
-                        return jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: styles$1.errorTextGeneral, children: [" > ", jsxRuntimeExports.jsx("span", { className: styles$1.errorKeys, children: key }), ":", valueIsString
-                                            ? (valueIsCode ? jsxRuntimeExports.jsx("div", { style: { backgroundColor: 'black', fontSize: 'xx-small' }, dangerouslySetInnerHTML: { __html: currentThrowable[key] } }) :
-                                                jsxRuntimeExports.jsxs("i", { className: styles$1.errorValues, children: ["\"", currentThrowable[key], "\""] }))
+                        return jsxs("div", { children: [jsxs("div", { className: styles$1.errorTextGeneral, children: [" > ", jsx("span", { className: styles$1.errorKeys, children: key }), ":", valueIsString
+                                            ? (valueIsCode ? jsx("div", { style: { backgroundColor: 'black', fontSize: 'xx-small' }, dangerouslySetInnerHTML: { __html: currentThrowable[key] } }) :
+                                                jsxs("i", { className: styles$1.errorValues, children: ["\"", currentThrowable[key], "\""] }))
                                             : ''] }), valueIsString
                                     ? ''
-                                    : jsxRuntimeExports.jsx("pre", { className: styles$1.errorPre, children: JSON.stringify(currentThrowable[key], undefined, 4) })] }, index);
+                                    : jsx("pre", { className: styles$1.errorPre, children: JSON.stringify(currentThrowable[key], undefined, 4) })] }, index);
                     }) }) })] });
 };
 
 const range = n => new Array(n).fill(0).map((_, idx) => idx);
 // @link https://sites.google.com/site/webglbook/home/chapter-3
-class Nest extends require$$0.Component {
+class Nest extends React.Component {
     static defaultProps = {
         backgroundColor: "white",
         display: "block",
@@ -640,7 +214,7 @@ class Nest extends require$$0.Component {
         cancelAnimationFrame(this.tid);
     }
     render() {
-        return (jsxRuntimeExports.jsxs("div", { children: [this.props.children, jsxRuntimeExports.jsx("canvas", { id: "2d", width: window.innerWidth, height: window.innerHeight, style: {
+        return (jsxs("div", { children: [this.props.children, jsx("canvas", { id: "2d", width: window.innerWidth, height: window.innerHeight, style: {
                         backgroundColor: this.props.backgroundColor,
                         display: this.props.display,
                         position: this.props.position,
@@ -3013,7 +2587,7 @@ function getStyles(overrides = {}) {
 // @link https://stackoverflow.com/questions/58399637/include-modal-functionality-in-react-higher-order-component
 function Popup({ open = true, handleClose, children, maxWidth, }) {
     const dig = getStyles();
-    return jsxRuntimeExports.jsx("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", "aria-modal": "true", role: "dialog", children: jsxRuntimeExports.jsx("div", { style: { maxWidth: maxWidth }, className: classNames(dig.modalDialog, dig.modalDialogCentered), children: jsxRuntimeExports.jsx(OutsideClickHandler, { onOutsideClick: () => handleClose(), children: jsxRuntimeExports.jsx("div", { className: classNames(dig.modalContent, dig.bgTransparent, dig.modalDialogScrollable), children: children }) }) }) });
+    return jsx("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", "aria-modal": "true", role: "dialog", children: jsx("div", { style: { maxWidth: maxWidth }, className: classNames(dig.modalDialog, dig.modalDialogCentered), children: jsx(OutsideClickHandler, { onOutsideClick: () => handleClose(), children: jsx("div", { className: classNames(dig.modalContent, dig.bgTransparent, dig.modalDialogScrollable), children: children }) }) }) });
 }
 
 const isProduction = window.location.host.split(".")[0] === "www";
@@ -3103,20 +2677,20 @@ function Alert({ instance }) {
             handleClose();
         }, timeout);
     }
-    return jsxRuntimeExports.jsx(Popup, { handleClose: handleClose, children: jsxRuntimeExports.jsxs("div", { className: classNames("model-content", styles.rounded0, styles.border0), style: {
+    return jsx(Popup, { handleClose: handleClose, children: jsxs("div", { className: classNames("model-content", styles.rounded0, styles.border0), style: {
                 maxWidth: '75vw',
                 maxHeight: '75vh',
-            }, children: [jsxRuntimeExports.jsxs("div", { className: classNames(styles.modalHeader, styles.rounded0, styles.border0, {
+            }, children: [jsxs("div", { className: classNames(styles.modalHeader, styles.rounded0, styles.border0, {
                         // icon?: "warning" | "error" | "success" | "info" | "question"
                         [styles.bg_primary]: "info" === alert.icon || alert.icon === undefined || alert.icon === null,
                         [styles.bg_success]: "success" === alert.icon,
                         [styles.bg_warning]: "warning" === alert.icon,
                         [styles.bg_danger]: "error" === alert.icon, // TODO - change to red
                         [styles.bgPrimary]: "question" === alert.icon,
-                    }), children: [jsxRuntimeExports.jsxs("h3", { className: classNames(styles.modalTitle, styles.textDark), id: "staticBackdropLabel", children: ["#", alertWaiting, " ", alert.title] }), jsxRuntimeExports.jsx("div", { onClick: handleClose, children: jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faClose, size: 'xl' }) })] }), jsxRuntimeExports.jsx("div", { className: classNames(styles.modalBody, styles.border0, styles.textWhite), children: jsxRuntimeExports.jsxs("div", { className: styles.textCenter, children: [alert.text, alert.component] }) }), undefined !== alert.buttons &&
-                    jsxRuntimeExports.jsxs("div", { className: classNames(styles.modalFooter, styles.border0, styles.rounded0), children: [alert.footerText &&
-                                jsxRuntimeExports.jsx("div", { className: classNames(styles.textCenter, styles.textWhite), children: alert.footerText }), alert.buttons?.map((button, index) => {
-                                return jsxRuntimeExports.jsx("button", { className: classNames(styles.btn, styles.btnLg, {
+                    }), children: [jsxs("h3", { className: classNames(styles.modalTitle, styles.textDark), id: "staticBackdropLabel", children: ["#", alertWaiting, " ", alert.title] }), jsx("div", { onClick: handleClose, children: jsx(FontAwesomeIcon, { icon: faClose, size: 'xl' }) })] }), jsx("div", { className: classNames(styles.modalBody, styles.border0, styles.textWhite), children: jsxs("div", { className: styles.textCenter, children: [alert.text, alert.component] }) }), undefined !== alert.buttons &&
+                    jsxs("div", { className: classNames(styles.modalFooter, styles.border0, styles.rounded0), children: [alert.footerText &&
+                                jsx("div", { className: classNames(styles.textCenter, styles.textWhite), children: alert.footerText }), alert.buttons?.map((button, index) => {
+                                return jsx("button", { className: classNames(styles.btn, styles.btnLg, {
                                         // todo - color: "default" | "primary" | "secondary" | "inherit" | "danger" | "info" | "success" | "warning" | undefined,
                                         [styles.bg_success]: "success" === button.color,
                                         [styles.bg_danger]: "danger" === button.color,
@@ -3132,7 +2706,7 @@ function Alert({ instance }) {
 // @link https://dev.to/ag-grid/react-18-avoiding-use-effect-getting-called-twice-4i9e
 const useEffectOnce = (effect) => {
     const effectFn = useRef(effect);
-    const destroyFn = useRef();
+    const destroyFn = useRef(undefined);
     const effectCalled = useRef(false);
     const rendered = useRef(false);
     const [, setVal] = useState(0);
@@ -3162,7 +2736,8 @@ const useEffectOnce = (effect) => {
  **/
 function initiateWebsocket(props) {
     let { instance, url = 'ws' + (window.location.protocol === 'https:' ? 's' : '') + '://' + window.location.host + '/carbonorm/websocket', timeoutSeconds = 250, heartbeatSeconds = 60, C6 } = props;
-    const { TABLES = undefined, IMPORT = undefined, } = C6 ?? {};
+    const { TABLES = undefined, } = C6 ?? {};
+    const verbose = isVerbose();
     const { websocket } = instance.state;
     if (!("WebSocket" in window)) {
         // todo - store that this has been shown in the state
@@ -3206,70 +2781,96 @@ function initiateWebsocket(props) {
                 websocketData: prevState.websocketData.concat(parsedData), // JSON.parse no good - base64?
             }), () => {
                 if (undefined === TABLES) {
-                    console.log('WebSocket updates without the TABLES property passed will not automatically update the state.');
+                    if (verbose) {
+                        console.log('WebSocket updates without the TABLES property passed will not automatically update the state.');
+                    }
                     return;
                 }
                 if (parsedData?.REST) {
                     const TABLE_NAME = parsedData?.REST?.TABLE_NAME;
-                    const TABLE_PREFIX = parsedData?.REST?.TABLE_PREFIX;
+                    const TABLE_PREFIX = parsedData?.REST?.TABLE_PREFIX ?? '';
                     const METHOD = parsedData?.REST?.METHOD;
                     const REQUEST = parsedData?.REST?.REQUEST;
                     const REQUEST_PRIMARY_KEY = parsedData?.REST?.REQUEST_PRIMARY_KEY ?? null;
                     if (null === REQUEST_PRIMARY_KEY) {
-                        console.log('WebSocket updates without a primary key are not yet supported.');
+                        if (verbose) {
+                            console.log('WebSocket updates without a primary key are not yet supported.');
+                        }
                         return;
                     }
-                    console.log('todo - going to impl REST', TABLE_NAME, METHOD, REQUEST_PRIMARY_KEY, parsedData?.REST);
-                    const TABLE_NAME_SHORT = TABLE_NAME.substring(TABLE_PREFIX.length);
+                    if (verbose) {
+                        console.log('todo - going to impl REST', TABLE_NAME, METHOD, REQUEST_PRIMARY_KEY, parsedData?.REST);
+                    }
+                    const TABLE_NAME_SHORT = TABLE_NAME.startsWith(TABLE_PREFIX)
+                        ? TABLE_NAME.substring(TABLE_PREFIX.length)
+                        : TABLE_NAME;
                     const currentCache = instance.state[TABLE_NAME_SHORT];
                     // just because we have a websocket update, doesn't mean we need the update
                     // check to see if the primary key is in the current cache
                     const c6Table = TABLES[TABLE_NAME_SHORT] ?? null;
                     if (null === c6Table) {
-                        console.error('WebSocket update could not find (' + TABLE_NAME_SHORT + ') in the TABLES property passed.', TABLES);
+                        if (verbose) {
+                            console.error('WebSocket update could not find (' + TABLE_NAME_SHORT + ') in the TABLES property passed.', TABLES);
+                        }
                         return;
                     }
-                    const primaryKeyKeys = Object.keys(REQUEST_PRIMARY_KEY);
-                    // todo - which direction should we filter
-                    const elementsToUpdate = currentCache?.filter((row) => {
-                        for (const element of primaryKeyKeys) {
-                            // remove the table name from the column name
-                            const column = element.split('.')[1];
-                            console.log('column', column, REQUEST_PRIMARY_KEY[element], row[column]);
-                            if (REQUEST_PRIMARY_KEY[element] !== row[column]) {
-                                return false;
+                    const columns = c6Table.COLUMNS;
+                    const validColumns = new Set(Object.values(columns));
+                    const normalizeRecord = (record) => {
+                        const normalized = {};
+                        for (const [key, value] of Object.entries(record ?? {})) {
+                            const shortKey = columns[key] ?? (key.includes('.') ? key.split('.').pop() : key);
+                            if (validColumns.has(shortKey)) {
+                                normalized[shortKey] = value;
                             }
                         }
-                        return true;
-                    }) ?? [];
-                    console.log('elementsToUpdate', elementsToUpdate);
+                        return normalized;
+                    };
+                    const normalizedPrimaryKey = normalizeRecord(REQUEST_PRIMARY_KEY);
+                    const primaryKeyKeys = Object.keys(normalizedPrimaryKey);
+                    if (primaryKeyKeys.length === 0) {
+                        if (verbose) {
+                            console.error('WebSocket update could not map primary keys for', TABLE_NAME_SHORT, REQUEST_PRIMARY_KEY);
+                        }
+                        return;
+                    }
+                    // todo - which direction should we filter
+                    const elementsToUpdate = currentCache?.filter((row) => primaryKeyKeys.every((key) => normalizedPrimaryKey[key] === row[key])) ?? [];
+                    if (verbose) {
+                        console.log('elementsToUpdate', elementsToUpdate);
+                    }
                     if (elementsToUpdate.length === 0) {
-                        console.error('Could not find any elements to update in the cache.', elementsToUpdate, primaryKeyKeys, REQUEST_PRIMARY_KEY, currentCache);
+                        if (verbose) {
+                            console.error('Could not find any elements to update in the cache.', elementsToUpdate, primaryKeyKeys, REQUEST_PRIMARY_KEY, currentCache);
+                        }
                         return;
                     }
-                    const updatedElements = elementsToUpdate.map((row) => {
-                        return {
-                            ...row,
-                            ...REQUEST
-                        };
-                    });
-                    updatedElements.forEach(async (row) => {
-                        const RestRequests = await IMPORT?.(TABLE_NAME_SHORT);
-                        const { postState, deleteState, putState, } = RestRequests;
-                        switch (METHOD) {
-                            case 'POST':
-                                postState({}, row);
-                                break;
-                            case 'DELETE':
-                                deleteState({}, row);
-                                break;
-                            case 'PUT':
-                                putState({}, row);
-                                break;
-                            default:
+                    const normalizedRequest = normalizeRecord(REQUEST);
+                    const updatedElements = elementsToUpdate.map((row) => ({
+                        ...row,
+                        ...normalizedRequest,
+                    }));
+                    switch (METHOD) {
+                        case 'POST':
+                        case 'PUT':
+                            instance.updateRestfulObjectArrays({
+                                dataOrCallback: updatedElements,
+                                stateKey: TABLE_NAME_SHORT,
+                                uniqueObjectId: c6Table.PRIMARY_SHORT,
+                            });
+                            break;
+                        case 'DELETE':
+                            instance.deleteRestfulObjectArrays({
+                                dataOrCallback: elementsToUpdate,
+                                stateKey: TABLE_NAME_SHORT,
+                                uniqueObjectId: c6Table.PRIMARY_SHORT,
+                            });
+                            break;
+                        default:
+                            if (verbose) {
                                 console.error('Method not supported', METHOD);
-                        }
-                    });
+                            }
+                    }
                 }
             });
         };
@@ -3549,11 +3150,11 @@ class CarbonReact extends Component {
     reactRouterContext(children) {
         switch (this.props.routerType ?? eRouterType.BrowserRouter) {
             case eRouterType.BrowserRouter:
-                return jsxRuntimeExports.jsx(BrowserRouter, { children: children });
+                return jsx(BrowserRouter, { children: children });
             case eRouterType.MemoryRouter:
-                return jsxRuntimeExports.jsx(MemoryRouter, { initialEntries: ['/'], children: children });
+                return jsx(MemoryRouter, { initialEntries: ['/'], children: children });
             case eRouterType.HashRouter:
-                return jsxRuntimeExports.jsx(HashRouter, { children: children });
+                return jsx(HashRouter, { children: children });
             default:
                 throw new Error('Invalid routerType');
         }
@@ -3562,14 +3163,14 @@ class CarbonReact extends Component {
         console.log('CarbonORM TSX RENDER');
         const colorHex = '#' + Math.random().toString(16).slice(-6);
         console.log('%c color (' + colorHex + ')', 'color: ' + colorHex);
-        const nest = jsxRuntimeExports.jsx(Nest, { position: 'fixed', backgroundColor: '', color: hexToRgb(colorHex), count: 100 });
+        const nest = jsx(Nest, { position: 'fixed', backgroundColor: '', color: hexToRgb(colorHex), count: 100 });
         if (this.state.backendThrowable.length > 0) {
-            return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [nest, jsxRuntimeExports.jsx(BackendThrowable, { instance: this })] });
+            return jsxs(Fragment, { children: [nest, jsx(BackendThrowable, { instance: this })] });
         }
         this.context = createContext(this.state);
         const Context = this.context.Provider;
-        return this.reactRouterContext(jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(GlobalHistory, {}), this.props.websocket &&
-                    jsxRuntimeExports.jsx(CarbonWebSocket, { ...(false !== this.props.websocket ? this.props.websocket : {}), instance: this }), jsxRuntimeExports.jsx(Context, { value: this.state, children: this.props.children }), jsxRuntimeExports.jsx(ToastContainer, {})] }));
+        return this.reactRouterContext(jsxs(Fragment, { children: [jsx(GlobalHistory, {}), this.props.websocket &&
+                    jsx(CarbonWebSocket, { ...(false !== this.props.websocket ? this.props.websocket : {}), instance: this }), jsx(Context, { value: this.state, children: this.props.children }), jsx(ToastContainer, {})] }));
     }
 }
 
@@ -3591,7 +3192,7 @@ function watchInputElementChangeEvent(event, cb, timeoutMs = 3000) {
 var styles = {"notfound":"_4yBvJ55","notfound_404":"WQ39uQo"};
 
 function AccessDenied({ children }) {
-    return (jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsx("div", { className: styles.notfound, children: jsxRuntimeExports.jsxs("div", { className: styles.notfound_404, children: [jsxRuntimeExports.jsx("h3", { children: "Oops! Access not granted" }), children, jsxRuntimeExports.jsxs("h1", { style: {
+    return (jsx("div", { children: jsx("div", { className: styles.notfound, children: jsxs("div", { className: styles.notfound_404, children: [jsx("h3", { children: "Oops! Access not granted" }), children, jsxs("h1", { style: {
                             position: "absolute",
                             left: "50%",
                             top: "50%",
@@ -3602,21 +3203,21 @@ function AccessDenied({ children }) {
                             letterSpacing: "-40px",
                             marginLeft: "-20px",
                             marginTop: "20px"
-                        }, children: [jsxRuntimeExports.jsx("span", { children: "4" }), jsxRuntimeExports.jsx("span", { children: "0" }), jsxRuntimeExports.jsx("span", { children: "3" })] })] }) }) }));
+                        }, children: [jsx("span", { children: "4" }), jsx("span", { children: "0" }), jsx("span", { children: "3" })] })] }) }) }));
 }
 
 function ErrorHttpCode({ code, title = 'Hey Gamer, we\'ve encountered an unexpected issue!', message = 'Our team has been alerted and is actively investigating the issue. Please continue playing or ask support for any questions.' }) {
-    return jsxRuntimeExports.jsx("main", { role: "main", children: jsxRuntimeExports.jsx("div", { className: classes.maintenance, children: jsxRuntimeExports.jsx("div", { className: classes.problemBox, children: jsxRuntimeExports.jsxs("div", { className: classes.notfound, children: [jsxRuntimeExports.jsxs("div", { className: classes.notfound_404, children: [jsxRuntimeExports.jsx("h3", { children: title }), jsxRuntimeExports.jsx("h1", { children: code })] }), jsxRuntimeExports.jsx("h2", { children: message })] }) }) }) });
+    return jsx("main", { role: "main", children: jsx("div", { className: classes.maintenance, children: jsx("div", { className: classes.problemBox, children: jsxs("div", { className: classes.notfound, children: [jsxs("div", { className: classes.notfound_404, children: [jsx("h3", { children: title }), jsx("h1", { children: code })] }), jsx("h2", { children: message })] }) }) }) });
 }
 
 function PageNotFound() {
-    return jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsxs("div", { className: classes.notfound, children: [jsxRuntimeExports.jsxs("div", { className: classes.notfound_404, children: [jsxRuntimeExports.jsx("h3", { children: "Oops! Page not found" }), jsxRuntimeExports.jsxs("h1", { children: [jsxRuntimeExports.jsx("span", { children: "4" }), jsxRuntimeExports.jsx("span", { children: "0" }), jsxRuntimeExports.jsx("span", { children: "4" })] })] }), jsxRuntimeExports.jsx("h2", { children: "we are sorry, but the page you requested was not found" })] }) });
+    return jsx("div", { children: jsxs("div", { className: classes.notfound, children: [jsxs("div", { className: classes.notfound_404, children: [jsx("h3", { children: "Oops! Page not found" }), jsxs("h1", { children: [jsx("span", { children: "4" }), jsx("span", { children: "0" }), jsx("span", { children: "4" })] })] }), jsx("h2", { children: "we are sorry, but the page you requested was not found" })] }) });
 }
 
 function Loading(props) {
     const dig = getStyles();
     const primaryColor = getRootStyleValue();
-    return jsxRuntimeExports.jsx("div", { className: classNames(dig.my5, dig.px3, dig.pb5, dig.container), style: { lineHeight: props.lineHeight || 4 }, children: jsxRuntimeExports.jsxs(SkeletonTheme, { baseColor: primaryColor, highlightColor: "#444", children: [jsxRuntimeExports.jsx(Skeleton, { className: classNames(dig.row, dig.my3, dig.justifyContentCenter, dig.mAuto), count: props.count || 1, height: 60, inline: true }), props.children, undefined !== props?.message && jsxRuntimeExports.jsx("h2", { style: {
+    return jsx("div", { className: classNames(dig.my5, dig.px3, dig.pb5, dig.container), style: { lineHeight: props.lineHeight || 4 }, children: jsxs(SkeletonTheme, { baseColor: primaryColor, highlightColor: "#444", children: [jsx(Skeleton, { className: classNames(dig.row, dig.my3, dig.justifyContentCenter, dig.mAuto), count: props.count || 1, height: 60, inline: true }), props.children, undefined !== props?.message && jsx("h2", { style: {
                         display: 'flex',
                         alignItems: 'center',
                         justifyContent: 'center',
@@ -3725,8 +3326,9 @@ function ValidSQL (sql) {
 function setupTests ({ sqlDirectory = './logs/rest/', logsDirectory = './logs/tests/' } = {}) {
     const fs = require("fs");
     const { inspect } = require("util");
-    const originalWindowLocation = window.location;
+    const originalWindowLocation = window.location.href;
     const consoleOriginal = console;
+    const isVerboseEnabled = isVerbose();
     const testName = () => expect.getState().currentTestName?.replaceAll(" ", "_").toLowerCase();
     const validSqlFile = () => sqlDirectory + testName() + '.json';
     const logsFile = () => logsDirectory + testName() + '.log';
@@ -3742,19 +3344,19 @@ function setupTests ({ sqlDirectory = './logs/rest/', logsDirectory = './logs/te
     global.console = {
         ...console,
         // use jest.fn() to silence, comment out to leave as it is
-        debug: (...args) => (isVerbose && consoleOriginal.debug(...args), asyncFileLogging('debug', ...args)),
-        error: (...args) => (isVerbose && consoleOriginal.error(...args), asyncFileLogging('error', ...args)),
-        group: (...args) => (isVerbose && consoleOriginal.group(...args), asyncFileLogging('group', ...args)),
-        groupCollapsed: (...args) => (isVerbose && consoleOriginal.groupCollapsed(args), asyncFileLogging('groupCollapsed', ...args)),
-        groupEnd: () => (isVerbose && consoleOriginal.groupEnd(), asyncFileLogging('groupEnd')),
-        info: (...args) => (isVerbose && consoleOriginal.info(...args), asyncFileLogging('info', ...args)),
-        log: (...args) => (isVerbose && consoleOriginal.log(...args), asyncFileLogging('log', ...args)),
-        table: (...args) => (isVerbose && consoleOriginal.table(...args), asyncFileLogging('table', ...args)),
-        trace: (...args) => (isVerbose && consoleOriginal.trace(...args), asyncFileLogging((() => {
+        debug: (...args) => (isVerboseEnabled && consoleOriginal.debug(...args), asyncFileLogging('debug', ...args)),
+        error: (...args) => (isVerboseEnabled && consoleOriginal.error(...args), asyncFileLogging('error', ...args)),
+        group: (...args) => (isVerboseEnabled && consoleOriginal.group(...args), asyncFileLogging('group', ...args)),
+        groupCollapsed: (...args) => (isVerboseEnabled && consoleOriginal.groupCollapsed(...args), asyncFileLogging('groupCollapsed', ...args)),
+        groupEnd: () => (isVerboseEnabled && consoleOriginal.groupEnd(), asyncFileLogging('groupEnd')),
+        info: (...args) => (isVerboseEnabled && consoleOriginal.info(...args), asyncFileLogging('info', ...args)),
+        log: (...args) => (isVerboseEnabled && consoleOriginal.log(...args), asyncFileLogging('log', ...args)),
+        table: (...args) => (isVerboseEnabled && consoleOriginal.table(...args), asyncFileLogging('table', ...args)),
+        trace: (...args) => (isVerboseEnabled && consoleOriginal.trace(...args), asyncFileLogging((() => {
             const err = new Error();
             return err.stack;
         })())),
-        warn: (...args) => (isVerbose && consoleOriginal.warn(...args), asyncFileLogging('warn', ...args)),
+        warn: (...args) => (isVerboseEnabled && consoleOriginal.warn(...args), asyncFileLogging('warn', ...args)),
     };
     afterEach(async () => {
         await waitFor(async () => {
@@ -3764,7 +3366,7 @@ function setupTests ({ sqlDirectory = './logs/rest/', logsDirectory = './logs/te
         console.log('After each Test (' + expect.getState().currentTestName + ')', validSQL, expect.getState());
         // restore `window.location` to the original `jsdom`
         // `Location` object
-        window.location = originalWindowLocation;
+        window.location.href = originalWindowLocation;
         fs.writeFileSync(validSqlFile(), jsonSQL);
     }, 65000);
 }