@carbonorm/carbonreact 3.4.2 → 3.4.5

package/dist/index.d.ts

@@ -3,7 +3,11 @@
  */
 export { default as CarbonReact } from "./CarbonReact";
 export * from "./CarbonReact";
+export { default as getStatefulObjectWithWhere } from "./api/hoc/getStatefulObjectWithWhere";
+export * from "./api/hoc/getStatefulObjectWithWhere";
 export * from "./api/hoc/useEffectOnce";
+export { default as watchInputElementChangeEvent } from "./api/hoc/watchInputElementChangeEvent";
+export * from "./api/hoc/watchInputElementChangeEvent";
 export { default as Alert } from "./components/Alert/Alert";
 export * from "./components/Alert/Alert";
 export { default as AccessDenied } from "./components/Errors/AccessDenied";

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import react, { useRef, useState, useEffect, Component, lazy } from 'react';
-import { toastOptions, clearCache, axiosInstance, isVerbose, checkAllRequestsComplete } from '@carbonorm/carbonnode';
+import { toastOptions, clearCache, timeout, axiosInstance, isVerbose, checkAllRequestsComplete } from '@carbonorm/carbonnode';
 import { useNavigate, BrowserRouter } from 'react-router-dom';
 import { toast, ToastContainer } from 'react-toastify';
 import OutsideClickHandler from 'react-outside-click-handler';
@@ -4047,7 +4047,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 } = {}) {
+function initiateWebsocket({ TABLES = undefined, url = 'ws://localhost:8080/ws', timeoutSeconds = 250, heartbeatSeconds = 60 } = {}) {
     const { websocket } = CarbonReact.instance.state;
     if (!("WebSocket" in window)) {
         // todo - store that this has been shown in the state
@@ -4061,13 +4061,13 @@ function initiateWebsocket({ TABLES = undefined } = {}) {
         return;
     }
     let connectInterval;
-    const connection = new WebSocket(CarbonReact.websocketUrl);
-    console.log("Connecting websocket url", CarbonReact.websocketUrl);
+    const connection = new WebSocket(url);
+    console.log("Connecting websocket url", url);
     CarbonReact.instance.setState({
         websocket: connection
     }, () => {
         connection.onopen = () => {
-            console.log('WebSocket Client Connected To :: ' + CarbonReact.websocketUrl);
+            console.log('WebSocket Client Connected To :: ' + url);
             clearTimeout(connectInterval); // clear Interval on open of websocket connection
             function heartbeat() {
                 const { websocket } = CarbonReact.instance.state;
@@ -4076,7 +4076,7 @@ function initiateWebsocket({ TABLES = undefined } = {}) {
                 if (websocket.readyState !== 1)
                     return;
                 websocket.send("ping");
-                setTimeout(heartbeat, CarbonReact.websocketHeartbeatSeconds * 1000);
+                setTimeout(heartbeat, heartbeatSeconds * 1000);
             }
             heartbeat();
         };
@@ -4086,7 +4086,7 @@ function initiateWebsocket({ TABLES = undefined } = {}) {
                 websocketEvents: prevState.websocketEvents.concat(message),
                 websocketData: prevState.websocketData.concat(parsedData), // JSON.parse no good - base64?
             }));
-            console.log('going to impl TABLES', TABLES);
+            console.info('todo - going to impl TABLES', TABLES);
             /*if (undefined !== TABLES) {
 
                 TABLES.
@@ -4100,8 +4100,8 @@ function initiateWebsocket({ TABLES = undefined } = {}) {
             let reason;
             console.log(`Socket is closed.`, event.reason, event);
             const retry = () => {
-                const retrySeconds = Math.min(5000, (CarbonReact.websocketTimeoutSeconds + CarbonReact.websocketTimeoutSeconds) * 1000);
-                CarbonReact.websocketTimeoutSeconds = retrySeconds;
+                const retrySeconds = Math.min(5000, (timeoutSeconds + timeoutSeconds) * 1000);
+                timeoutSeconds = retrySeconds;
                 console.log(`WebSocket reconnect will be attempted in ${retrySeconds} second(s).`);
                 connectInterval = setTimeout(() => initiateWebsocket(), retrySeconds);
             };
@@ -4160,9 +4160,9 @@ function initiateWebsocket({ TABLES = undefined } = {}) {
         });
     });
 }
-function CarbonWebSocket () {
+function CarbonWebSocket (props) {
     useEffectOnce(() => {
-        initiateWebsocket();
+        initiateWebsocket(props);
     });
     return null;
 }
@@ -4240,6 +4240,20 @@ const CarbonReact = class extends Component {
     }
 };
 
+var getStatefulObjectWithWhere = ({ request }) => {
+};
+
+function watchInputElementChangeEvent(event, cb, timeoutMs = 3000) {
+    const target = event.target;
+    const value = target.value;
+    event.target.style.color = "orange";
+    timeout(() => value === ((() => target.value)()), async () => {
+        const callbackResult = await cb(event);
+        console.log('User provided input callbackResult passed to WatchInputElementChangeEvent (will cause green or red) value (' + value + ')', callbackResult);
+        target.style.color = false === callbackResult ? "red" : "green";
+    }, timeoutMs);
+}
+
 function AccessDenied({ children }) {
     return (jsxRuntime_1("div", { children: jsxRuntime_1("div", { className: classes.notfound, children: jsxRuntime_2("div", { className: classes.notfound_404, children: [jsxRuntime_1("h3", { children: "Oops! Access not granted" }), children, jsxRuntime_2("h1", { style: {
                             position: "absolute",
@@ -4638,5 +4652,5 @@ function useWindowDimensions() {
     return windowDimensions;
 }
 
-export { AccessDenied, Alert, BackendThrowable, C6, COLUMNS, CarbonReact, CarbonWebSocket, ErrorHttpCode, GlobalHistory, Loading, Nest, PageNotFound, Popup, TABLES, addAlert, addValidSQL$1 as addValidSQL, carbons, changed, comments, deleteRestfulObjectArrays, documentation, eUpdateInsertMethod, feature_group_references, features, getRootStyleValue, getStyles, globalNavigate, group_references, groups, hexToRgb, history_logs, initialCarbonReactState, initialRequiredCarbonORMState, initialRestfulObjectsState, initiateWebsocket, isEdgeBrowser, isJsonString, isProduction, location_references, locations, parseMultipleJson, photos, range, reports, ScrollIntoViewDirective as scrollIntoView, setCookies, setUrl, setupTests, toDataURL, updateRestfulObjectArrays, uploadImage, uploadImageChange, useEffectOnce, user_followers, user_groups, user_messages, user_sessions, user_tasks, users, ValidSQL as validSQL, useWindowDimensions as windowDimensions, wp_commentmeta, wp_comments, wp_links, wp_options, wp_postmeta, wp_posts, wp_term_relationships, wp_term_taxonomy, wp_termmeta, wp_terms, wp_usermeta, wp_users };
+export { AccessDenied, Alert, BackendThrowable, C6, COLUMNS, CarbonReact, CarbonWebSocket, ErrorHttpCode, GlobalHistory, Loading, Nest, PageNotFound, Popup, TABLES, addAlert, addValidSQL$1 as addValidSQL, carbons, changed, comments, deleteRestfulObjectArrays, documentation, eUpdateInsertMethod, feature_group_references, features, getRootStyleValue, getStatefulObjectWithWhere, getStyles, globalNavigate, group_references, groups, hexToRgb, history_logs, initialCarbonReactState, initialRequiredCarbonORMState, initialRestfulObjectsState, initiateWebsocket, isEdgeBrowser, isJsonString, isProduction, location_references, locations, parseMultipleJson, photos, range, reports, ScrollIntoViewDirective as scrollIntoView, setCookies, setUrl, setupTests, toDataURL, updateRestfulObjectArrays, uploadImage, uploadImageChange, useEffectOnce, user_followers, user_groups, user_messages, user_sessions, user_tasks, users, ValidSQL as validSQL, watchInputElementChangeEvent, useWindowDimensions as windowDimensions, wp_commentmeta, wp_comments, wp_links, wp_options, wp_postmeta, wp_posts, wp_term_relationships, wp_term_taxonomy, wp_termmeta, wp_terms, wp_usermeta, wp_users };
 //# sourceMappingURL=index.esm.js.map