@wandelbots/wandelbots-js-react-components 1.39.0 → 1.41.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "1.39.0",
+  "version": "1.41.0",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,
@@ -119,7 +119,7 @@
     "@mui/icons-material": "^5.16.7",
     "@mui/lab": "^5.0.0-alpha.173",
     "@shikijs/monaco": "^1.22.2",
-    "@wandelbots/wandelbots-js": "^1.11.3",
+    "@wandelbots/wandelbots-js": "^1.12.0",
     "i18next-browser-languagedetector": "^8.0.0",
     "lodash-es": "^4.17.21",
     "mobx": "^6.13.5",

package/src/components/jogging/JoggingPanel.tsx

@@ -25,6 +25,12 @@ export type JoggingPanelProps = {
   /** Set this to true to disable jogging UI temporarily e.g. when a program is executing */
   locked?: boolean
   sx?: SxProps
+
+  /**
+   * To preserve state while the jogging panel is hidden, you can create and pass a
+   * JoggingStore here and it will be used instead of creating a new one.
+   */
+  store?: JoggingStore
 }
 
 /**
@@ -48,8 +54,11 @@ export const JoggingPanel = externalizeComponent(
       })
 
       try {
-        const jogger = await nova.connectJogger(props.motionGroupId)
-        const joggingStore = await JoggingStore.loadFor(jogger)
+        let joggingStore = props.store
+        if (!joggingStore) {
+          const jogger = await nova.connectJogger(props.motionGroupId)
+          joggingStore = await JoggingStore.loadFor(jogger)
+        }
         runInAction(() => {
           state.joggingStore = joggingStore
         })
@@ -63,10 +72,12 @@ export const JoggingPanel = externalizeComponent(
 
     useEffect(() => {
       init()
-      return () => {
-        state.joggingStore?.dispose()
-      }
-    }, [props.nova, props.motionGroupId])
+      return props.store
+        ? () => null
+        : () => {
+            state.joggingStore?.dispose()
+          }
+    }, [props.store, props.nova, props.motionGroupId])
 
     useEffect(() => {
       const store = state.joggingStore

package/src/index.ts

@@ -3,7 +3,7 @@ export * from "./components/3d-viewport/SafetyZonesRenderer"
 export * from "./components/jogging/JoggingCartesianAxisControl"
 export * from "./components/jogging/JoggingJointRotationControl"
 export * from "./components/jogging/JoggingPanel"
-export type { JoggingStore } from "./components/jogging/JoggingStore"
+export { JoggingStore } from "./components/jogging/JoggingStore"
 export * from "./components/jogging/PoseCartesianValues"
 export * from "./components/jogging/PoseJointValues"
 export * from "./components/LoadingCover"