@carbonorm/carbonreact 3.5.3 → 3.6.0

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import react, { useRef, useState, useEffect, Component, lazy } from 'react';
+import react, { useRef, useState, useEffect, Component, createContext, lazy } from 'react';
 import { toastOptions, clearCache, timeout, axiosInstance, isVerbose, checkAllRequestsComplete } from '@carbonorm/carbonnode';
 import { useNavigate } from 'react-router-dom';
 import { toast, ToastContainer } from 'react-toastify';
@@ -1221,6 +1221,7 @@ function validateFragmentProps(fragment) {
   }
 }
 
+var didWarnAboutKeySpread = {};
 function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
   {
     var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
@@ -1291,6 +1292,24 @@ function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
       }
     }
 
+    {
+      if (hasOwnProperty.call(props, 'key')) {
+        var componentName = getComponentNameFromType(type);
+        var keys = Object.keys(props).filter(function (k) {
+          return k !== 'key';
+        });
+        var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+        if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+          var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+          error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+          didWarnAboutKeySpread[componentName + beforeExample] = true;
+        }
+      }
+    }
+
     if (type === REACT_FRAGMENT_TYPE) {
       validateFragmentProps(element);
     } else {
@@ -4043,7 +4062,7 @@ const useEffectOnce = (effect) => {
  * @function connect
  * This function establishes a connection with the websocket and also ensures constant reconnection if connection closes
  **/
-function initiateWebsocket({ TABLES = undefined, WsLiveUpdates = undefined, url = 'ws://localhost:8080/ws', timeoutSeconds = 250, heartbeatSeconds = 60 } = {}) {
+function initiateWebsocket({ TABLES = undefined, WsLiveUpdates = undefined, url = 'ws' + (window.location.protocol === 'https:' ? 's' : '') + '://' + window.location.host + '/carbonorm/websocket', timeoutSeconds = 250, heartbeatSeconds = 60 } = {}) {
     const { websocket } = CarbonReact.instance.state;
     if (!("WebSocket" in window)) {
         // todo - store that this has been shown in the state
@@ -4136,8 +4155,9 @@ function initiateWebsocket({ TABLES = undefined, WsLiveUpdates = undefined, url
                             ...REQUEST
                         };
                     });
-                    console.log('updatedElements', updatedElements);
-                    WsLiveUpdates[TABLE_NAME_SHORT][METHOD]({}, updatedElements);
+                    updatedElements.forEach((row) => {
+                        WsLiveUpdates[TABLE_NAME_SHORT][METHOD]({}, row);
+                    });
                 }
             });
         };
@@ -4234,8 +4254,10 @@ function isJsonString(str) {
     }
     return true;
 }
+// Create a context
 const CarbonReact = class extends Component {
     static instance;
+    context = createContext(this.state);
     static persistentState = undefined;
     static lastLocation = window.location.pathname;
     // @link https://github.com/welldone-software/why-did-you-render
@@ -4243,6 +4265,7 @@ const CarbonReact = class extends Component {
     static whyDidYouRender = true;
     constructor(props) {
         super(props);
+        console.log('CarbonORM TSX CONSTRUCTOR');
         if (CarbonReact.persistentState !== undefined && this.props.shouldStatePersist !== false) {
             this.state = CarbonReact.persistentState;
         }
@@ -4270,8 +4293,8 @@ const CarbonReact = class extends Component {
         else {
             CarbonReact.persistentState = nextState;
         }
-        changed(this.constructor.name + ' (DigApi)', 'props', this.props, nextProps);
-        changed(this.constructor.name + ' (DigApi)', 'state', this.state, nextState);
+        changed(this.constructor.name + ' (C6Api)', 'props', this.props, nextProps);
+        changed(this.constructor.name + ' (C6Api)', 'state', this.state, nextState);
         return true;
     }
     componentDidUpdate(_prevProps, _prevState, _snapshot) {
@@ -4292,7 +4315,8 @@ const CarbonReact = class extends Component {
         if (this.state.backendThrowable.length > 0) {
             return jsxRuntime_2(jsxRuntime_3, { children: [nest, jsxRuntime_1(BackendThrowable, {})] });
         }
-        return jsxRuntime_2(jsxRuntime_3, { children: [jsxRuntime_1(GlobalHistory, {}), jsxRuntime_1(CarbonWebSocket, {}), this.props.children, jsxRuntime_1(ToastContainer, {})] });
+        const Context = this.context.Provider;
+        return jsxRuntime_2(jsxRuntime_3, { children: [jsxRuntime_1(GlobalHistory, {}), jsxRuntime_1(CarbonWebSocket, {}), jsxRuntime_1(Context, { value: this.state, children: this.props.children }), jsxRuntime_1(ToastContainer, {})] });
     }
 };