@wandelbots/wandelbots-js-react-components 2.32.0-pr.feature-robot-precondition-list.372.8ed54a6 → 2.32.0-pr.feature-robot-precondition-list.372.5d8a86e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "2.32.0-pr.feature-robot-precondition-list.372.8ed54a6",
+  "version": "2.32.0-pr.feature-robot-precondition-list.372.5d8a86e",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,

package/src/components/ProgramControl.tsx

@@ -4,7 +4,12 @@ import { observer } from "mobx-react-lite"
 import { useTranslation } from "react-i18next"
 import { externalizeComponent } from "../externalizeComponent"
 
-export type ProgramState = "idle" | "running" | "paused" | "stopping"
+export enum ProgramState {
+  IDLE = "idle",
+  RUNNING = "running",
+  PAUSED = "paused",
+  STOPPING = "stopping",
+}
 
 export interface ProgramControlProps {
   /** The current state of the program control */
@@ -70,22 +75,24 @@ export const ProgramControl = externalizeComponent(
       const getButtonConfigs = (): ButtonConfig[] => {
         const baseConfigs: Record<string, ButtonConfig> = {
           run: {
-            enabled: state === "idle" || state === "paused",
+            enabled:
+              state === ProgramState.IDLE || state === ProgramState.PAUSED,
             label:
-              state === "paused"
+              state === ProgramState.PAUSED
                 ? t("ProgramControl.Resume.bt")
                 : t("ProgramControl.Start.bt"),
             color: theme.palette.success.main,
             onClick: onRun,
           },
           pause: {
-            enabled: state === "running",
+            enabled: state === ProgramState.RUNNING,
             label: t("ProgramControl.Pause.bt"),
             color: "#FFFFFF33",
             onClick: onPause || (() => {}),
           },
           stop: {
-            enabled: state === "running" || state === "paused",
+            enabled:
+              state === ProgramState.RUNNING || state === ProgramState.PAUSED,
             label: t("ProgramControl.Stop.bt"),
             color: theme.palette.error.main,
             onClick: onStop,
@@ -157,7 +164,7 @@ export const ProgramControl = externalizeComponent(
                   variant="contained"
                   disabled={
                     !config.enabled ||
-                    (state === "stopping" && !requiresManualReset)
+                    (state === ProgramState.STOPPING && !requiresManualReset)
                   }
                   onClick={config.onClick}
                   sx={{
@@ -167,14 +174,17 @@ export const ProgramControl = externalizeComponent(
                     backgroundColor: config.color,
                     opacity:
                       config.enabled &&
-                      !(state === "stopping" && !requiresManualReset)
+                      !(state === ProgramState.STOPPING && !requiresManualReset)
                         ? 1
                         : 0.3,
                     "&:hover": {
                       backgroundColor: config.color,
                       opacity:
                         config.enabled &&
-                        !(state === "stopping" && !requiresManualReset)
+                        !(
+                          state === ProgramState.STOPPING &&
+                          !requiresManualReset
+                        )
                           ? 0.8
                           : 0.3,
                     },
@@ -194,13 +204,13 @@ export const ProgramControl = externalizeComponent(
                   sx={{
                     color:
                       config.enabled &&
-                      !(state === "stopping" && !requiresManualReset)
+                      !(state === ProgramState.STOPPING && !requiresManualReset)
                         ? config.color
                         : theme.palette.text.disabled,
                     textAlign: "center",
                     opacity:
                       config.enabled &&
-                      !(state === "stopping" && !requiresManualReset)
+                      !(state === ProgramState.STOPPING && !requiresManualReset)
                         ? 1
                         : 0.3,
                   }}

package/src/components/ProgramStateIndicator.tsx

@@ -6,7 +6,7 @@ import type {
 import { observer } from "mobx-react-lite"
 import { useTranslation } from "react-i18next"
 import { externalizeComponent } from "../externalizeComponent"
-import type { ProgramState } from "./ProgramControl"
+import { ProgramState } from "./ProgramControl"
 
 export interface ProgramStateIndicatorProps {
   /** The current state of the program */
@@ -77,22 +77,22 @@ export const ProgramStateIndicator = externalizeComponent(
         // For normal safety states, check program state
         if (safetyState === "SAFETY_STATE_NORMAL") {
           switch (programState) {
-            case "running":
+            case ProgramState.RUNNING:
               return {
                 label: t("ProgramStateIndicator.Running.lb"),
                 color: theme.palette.success.main,
               }
-            case "paused":
+            case ProgramState.PAUSED:
               return {
                 label: t("ProgramStateIndicator.Paused.lb"),
                 color: theme.palette.grey[600],
               }
-            case "stopping":
+            case ProgramState.STOPPING:
               return {
                 label: t("ProgramStateIndicator.Stopped.lb"),
                 color: theme.palette.error.main,
               }
-            case "idle":
+            case ProgramState.IDLE:
             default:
               return {
                 label: t("ProgramStateIndicator.Ready.lb"),