@wandelbots/wandelbots-js-react-components 2.44.0-pr.feature-seperate-timer.383.8ca3799 → 2.44.0-pr.feature-seperate-timer.383.59e079b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "2.44.0-pr.feature-seperate-timer.383.8ca3799",
+  "version": "2.44.0-pr.feature-seperate-timer.383.59e079b",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,

package/src/components/ProgramControl.tsx

@@ -6,12 +6,15 @@ import { externalizeComponent } from "../externalizeComponent"
 
 export enum ProgramState {
   IDLE = "idle",
-  STOPPED = "stopped",
+  PREPARING = "preparing",
   STARTING = "starting",
   RUNNING = "running",
   PAUSING = "pausing",
   PAUSED = "paused",
   STOPPING = "stopping",
+  COMPLETED = "completed",
+  FAILED = "failed",
+  STOPPED = "stopped",
   ERROR = "error",
 }
 
@@ -55,7 +58,7 @@ interface ButtonConfig {
  * A control component for program execution with run, pause, and stop functionality.
  *
  * Features:
- * - State machine with idle, stopped, starting, running, pausing, paused, stopping, and error states
+ * - State machine with idle, preparing, starting, running, pausing, paused, stopping, completed, failed, stopped, and error states
  * - Two variants: with_pause (3 buttons) and without_pause (2 buttons)
  * - Optional manual reset functionality
  * - Responsive design with 110px circular buttons
@@ -83,11 +86,13 @@ export const ProgramControl = externalizeComponent(
               state === ProgramState.IDLE ||
               state === ProgramState.STOPPED ||
               state === ProgramState.PAUSED ||
+              state === ProgramState.COMPLETED ||
+              state === ProgramState.FAILED ||
               state === ProgramState.ERROR,
             label:
               state === ProgramState.PAUSED
                 ? t("ProgramControl.Resume.bt")
-                : state === ProgramState.ERROR
+                : state === ProgramState.ERROR || state === ProgramState.FAILED
                   ? t("ProgramControl.Retry.bt")
                   : t("ProgramControl.Start.bt"),
             color: theme.palette.success.main,
@@ -101,6 +106,7 @@ export const ProgramControl = externalizeComponent(
           },
           stop: {
             enabled:
+              state === ProgramState.PREPARING ||
               state === ProgramState.STARTING ||
               state === ProgramState.RUNNING ||
               state === ProgramState.PAUSING ||
@@ -176,6 +182,7 @@ export const ProgramControl = externalizeComponent(
                   variant="contained"
                   disabled={
                     !config.enabled ||
+                    state === ProgramState.PREPARING ||
                     state === ProgramState.STARTING ||
                     state === ProgramState.PAUSING ||
                     (state === ProgramState.STOPPING && !requiresManualReset)
@@ -188,6 +195,7 @@ export const ProgramControl = externalizeComponent(
                     backgroundColor: config.color,
                     opacity:
                       config.enabled &&
+                      state !== ProgramState.PREPARING &&
                       state !== ProgramState.STARTING &&
                       state !== ProgramState.PAUSING &&
                       !(state === ProgramState.STOPPING && !requiresManualReset)
@@ -197,6 +205,7 @@ export const ProgramControl = externalizeComponent(
                       backgroundColor: config.color,
                       opacity:
                         config.enabled &&
+                        state !== ProgramState.PREPARING &&
                         state !== ProgramState.STARTING &&
                         state !== ProgramState.PAUSING &&
                         !(
@@ -222,6 +231,7 @@ export const ProgramControl = externalizeComponent(
                   sx={{
                     color:
                       config.enabled &&
+                      state !== ProgramState.PREPARING &&
                       state !== ProgramState.STARTING &&
                       state !== ProgramState.PAUSING &&
                       !(state === ProgramState.STOPPING && !requiresManualReset)
@@ -230,6 +240,7 @@ export const ProgramControl = externalizeComponent(
                     textAlign: "center",
                     opacity:
                       config.enabled &&
+                      state !== ProgramState.PREPARING &&
                       state !== ProgramState.STARTING &&
                       state !== ProgramState.PAUSING &&
                       !(state === ProgramState.STOPPING && !requiresManualReset)

package/src/components/ProgramStateIndicator.tsx

@@ -77,6 +77,11 @@ export const ProgramStateIndicator = externalizeComponent(
         // For normal safety states, check program state
         if (safetyState === "SAFETY_STATE_NORMAL") {
           switch (programState) {
+            case ProgramState.PREPARING:
+              return {
+                label: t("ProgramStateIndicator.Preparing.lb"),
+                color: theme.palette.warning.main,
+              }
             case ProgramState.STARTING:
               return {
                 label: t("ProgramStateIndicator.Starting.lb"),
@@ -102,6 +107,16 @@ export const ProgramStateIndicator = externalizeComponent(
                 label: t("ProgramStateIndicator.Stopping.lb"),
                 color: theme.palette.warning.main,
               }
+            case ProgramState.COMPLETED:
+              return {
+                label: t("ProgramStateIndicator.Completed.lb"),
+                color: theme.palette.success.main,
+              }
+            case ProgramState.FAILED:
+              return {
+                label: t("ProgramStateIndicator.Failed.lb"),
+                color: theme.palette.error.main,
+              }
             case ProgramState.STOPPED:
               return {
                 label: t("ProgramStateIndicator.Stopped.lb"),

package/src/i18n/locales/de/translations.json

@@ -58,10 +58,13 @@
   "ProgramControl.Retry.bt": "Wiederholen",
   "ProgramControl.Pause.bt": "Pause",
   "ProgramControl.Stop.bt": "Stopp",
+  "ProgramStateIndicator.Preparing.lb": "Vorbereitung",
   "ProgramStateIndicator.Starting.lb": "Startet",
   "ProgramStateIndicator.Running.lb": "In Betrieb",
   "ProgramStateIndicator.Pausing.lb": "Pausiert",
   "ProgramStateIndicator.Stopping.lb": "Stoppt",
+  "ProgramStateIndicator.Completed.lb": "Abgeschlossen",
+  "ProgramStateIndicator.Failed.lb": "Fehlgeschlagen",
   "ProgramStateIndicator.Error.lb": "Fehler",
   "ProgramStateIndicator.EStop.lb": "Not-Aus",
   "ProgramStateIndicator.Idle.lb": "Leerlauf",

package/src/i18n/locales/en/translations.json

@@ -59,10 +59,13 @@
   "ProgramControl.Retry.bt": "Retry",
   "ProgramControl.Pause.bt": "Pause",
   "ProgramControl.Stop.bt": "Stop",
+  "ProgramStateIndicator.Preparing.lb": "Preparing",
   "ProgramStateIndicator.Starting.lb": "Starting",
   "ProgramStateIndicator.Running.lb": "Running",
   "ProgramStateIndicator.Pausing.lb": "Pausing",
   "ProgramStateIndicator.Stopping.lb": "Stopping",
+  "ProgramStateIndicator.Completed.lb": "Completed",
+  "ProgramStateIndicator.Failed.lb": "Failed",
   "ProgramStateIndicator.Error.lb": "Error",
   "ProgramStateIndicator.EStop.lb": "E-Stop",
   "ProgramStateIndicator.Idle.lb": "Idle",