@vention/machine-logic-ui-sdk 0.22.0 → 0.23.1

package/index.esm.js

@@ -1814,21 +1814,33 @@ const VirtualKeyboard = () => {
   const [keyboardLayout, setKeyboardLayout] = useState(KeyboardLayout.TEXT);
   const [keyboardLayoutName, setKeyboardLayoutName] = useState(KeyboardLayoutName.DEFAULT);
   const [focusedTextInput, setFocusedTextInput] = useState();
+  const [isSubmitPressed, setIsSubmitPressed] = useState(false);
   const virtualKeyboardRef = useRef(null);
   const keyboardContainerRef = useRef(null);
-  useEffect(function handleClickOutsideListeners() {
+  useEffect(function handleClickListeners() {
     function handleClickOutside(event) {
       if (keyboardContainerRef.current && !keyboardContainerRef.current.contains(event.target)) {
         setIsKeyboardVisible(false);
       }
     }
+    function handleMouseOrTouchUp(event) {
+      if (isSubmitPressed) {
+        event.preventDefault();
+        setIsKeyboardVisible(false);
+        setIsSubmitPressed(false);
+      }
+    }
     document.addEventListener("mousedown", handleClickOutside);
     document.addEventListener("touchstart", handleClickOutside);
+    document.addEventListener("mouseup", handleMouseOrTouchUp);
+    document.addEventListener("touchend", handleMouseOrTouchUp);
     return () => {
       document.removeEventListener("mousedown", handleClickOutside);
       document.removeEventListener("touchstart", handleClickOutside);
+      document.removeEventListener("mouseup", handleMouseOrTouchUp);
+      document.removeEventListener("touchend", handleMouseOrTouchUp);
     };
-  }, []);
+  }, [isSubmitPressed]);
   useEffect(function showOrHideKeyboard() {
     // The keyboard will appear/disappear on mouse down
     // However, if the user is clicking something, like a submit button or the input itself, the mouse up will happen a few milliseconds after the keyboard is shown/hidden
@@ -1969,7 +1981,7 @@ const VirtualKeyboard = () => {
         break;
       case KeyboardKey.SUBMIT:
         focusedTextInput.blur();
-        setIsKeyboardVisible(false);
+        setIsSubmitPressed(true);
         break;
     }
   };
@@ -2885,6 +2897,10 @@ const getMqttWsUrlGivenUiIframeUrl = uiIframeUrl => {
 const closeCustomUi = () => {
   window.parent.postMessage("closeCustomUi", "*");
 };
+const navigateControlCenter = route => {
+  const capitalizedRoute = route.charAt(0).toUpperCase() + route.slice(1);
+  window.parent.postMessage(`navigateTo${capitalizedRoute}`, "*");
+};
 
 const defaultContext = {
   client: null,
@@ -2957,4 +2973,4 @@ const useMqttSubscription = props => {
   return message;
 };
 
-export { MqttClient, MqttProvider, VirtualKeyboard, closeCustomUi, connectToMqttAndGetClient, getExecutionEngineHttpUrl, getMachineCodeProcessHttpUrl, getMqttWsUrl, getMqttWsUrlGivenUiIframeUrl, isOnEdge, isTouchScreenDevice, mqttContext, useMqttSubscription };
+export { MqttClient, MqttProvider, VirtualKeyboard, closeCustomUi, connectToMqttAndGetClient, getExecutionEngineHttpUrl, getMachineCodeProcessHttpUrl, getMqttWsUrl, getMqttWsUrlGivenUiIframeUrl, isOnEdge, isTouchScreenDevice, mqttContext, navigateControlCenter, useMqttSubscription };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-logic-ui-sdk",
-  "version": "0.22.0",
+  "version": "0.23.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/utils/machine-logic-ui-sdk-utils.d.ts

@@ -7,3 +7,4 @@ export declare const connectToMqttAndGetClient: () => Promise<MqttClient>;
 export declare const getMachineCodeProcessHttpUrl: (processName: string) => string;
 export declare const getMqttWsUrlGivenUiIframeUrl: (uiIframeUrl: string) => string;
 export declare const closeCustomUi: () => void;
+export declare const navigateControlCenter: (route: "remoteSupport" | "controlCenterHomepage") => void;