@wandelbots/wandelbots-js-react-components 4.6.0 → 4.7.0

package/dist/{interpolation-BxZtUOAs.js → interpolation-B8AcxfdD.js}

@@ -1,11 +1,268 @@
-import m, { isAxiosError as ke, AxiosError as qe } from "axios";
-import { e as we, j as $ } from "./externalizeComponent-Dc3fViZA.js";
-import { useTheme as Ae, Box as ne, Button as ge, Typography as Re, Chip as De } from "@mui/material";
+import { e as we, j as $ } from "./externalizeComponent-BOqKMZMc.js";
+import { useTheme as Ae, Box as ne, Button as ke, Typography as Re, Chip as qe } from "@mui/material";
 import { observer as Ue } from "mobx-react-lite";
 import { useTranslation as Te } from "react-i18next";
-import { PlayArrow as be, Stop as ye, Pause as Qe } from "@mui/icons-material";
+import { PlayArrow as be, Stop as ye, Pause as ge } from "@mui/icons-material";
+import m, { isAxiosError as De, AxiosError as Qe } from "axios";
 import { reaction as He, autorun as Ne } from "mobx";
 import ce, { useEffect as Ke } from "react";
+var K = /* @__PURE__ */ ((e) => (e.IDLE = "idle", e.PREPARING = "preparing", e.STARTING = "starting", e.RUNNING = "running", e.PAUSING = "pausing", e.PAUSED = "paused", e.STOPPING = "stopping", e.COMPLETED = "completed", e.FAILED = "failed", e.STOPPED = "stopped", e.ERROR = "error", e))(K || {});
+const Vr = we(
+  Ue(
+    ({
+      state: e,
+      onRun: r,
+      onPause: t,
+      onStop: s,
+      onReset: a,
+      requiresManualReset: n = !1,
+      variant: l = "with_pause",
+      className: o
+    }) => {
+      const c = Ae(), { t: i } = Te(), p = () => {
+        const I = {
+          run: {
+            enabled: e === "idle" || e === "stopped" || e === "paused" || e === "completed" || e === "failed" || e === "error",
+            label: i(e === "paused" ? "ProgramControl.Resume.bt" : e === "error" || e === "failed" ? "ProgramControl.Retry.bt" : "ProgramControl.Start.bt"),
+            color: c.palette.success.main,
+            onClick: r
+          },
+          pause: {
+            enabled: e === "running",
+            label: i("ProgramControl.Pause.bt"),
+            color: "#FFFFFF33",
+            onClick: t || (() => {
+            })
+          },
+          stop: {
+            enabled: e === "preparing" || e === "starting" || e === "running" || e === "pausing" || e === "paused",
+            label: i("ProgramControl.Stop.bt"),
+            color: c.palette.error.main,
+            onClick: s
+          }
+        };
+        return l === "without_pause" ? [I.run, I.stop] : [I.run, I.pause, I.stop];
+      }, d = (I) => {
+        const j = { sx: { fontSize: "55px" } };
+        if (l === "without_pause")
+          return I === 0 ? /* @__PURE__ */ $.jsx(be, { ...j }) : /* @__PURE__ */ $.jsx(ye, { ...j });
+        switch (I) {
+          case 0:
+            return /* @__PURE__ */ $.jsx(be, { ...j });
+          case 1:
+            return /* @__PURE__ */ $.jsx(ge, { ...j });
+          case 2:
+            return /* @__PURE__ */ $.jsx(ye, { ...j });
+          default:
+            return null;
+        }
+      }, u = p();
+      return /* @__PURE__ */ $.jsx(
+        ne,
+        {
+          className: o,
+          sx: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 2
+          },
+          children: /* @__PURE__ */ $.jsx(
+            ne,
+            {
+              sx: {
+                display: "flex",
+                gap: "40px",
+                flexWrap: "wrap",
+                justifyContent: "center",
+                alignItems: "center"
+              },
+              children: u.map((I, j) => /* @__PURE__ */ $.jsxs(
+                ne,
+                {
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: 1
+                  },
+                  children: [
+                    /* @__PURE__ */ $.jsx(
+                      ke,
+                      {
+                        variant: "contained",
+                        disabled: !I.enabled || e === "preparing" || e === "starting" || e === "pausing" || e === "stopping" && !n,
+                        onClick: I.onClick,
+                        sx: {
+                          width: "88px",
+                          height: "88px",
+                          borderRadius: "88px",
+                          backgroundColor: I.color,
+                          opacity: I.enabled && e !== "preparing" && e !== "starting" && e !== "pausing" && !(e === "stopping" && !n) ? 1 : 0.3,
+                          "&:hover": {
+                            backgroundColor: I.color,
+                            opacity: I.enabled && e !== "preparing" && e !== "starting" && e !== "pausing" && !(e === "stopping" && !n) ? 0.8 : 0.3
+                          },
+                          "&:disabled": {
+                            backgroundColor: I.color,
+                            opacity: 0.3
+                          },
+                          minWidth: "88px",
+                          flexShrink: 0
+                        },
+                        children: d(j)
+                      }
+                    ),
+                    /* @__PURE__ */ $.jsx(
+                      Re,
+                      {
+                        variant: "body1",
+                        sx: {
+                          color: I.enabled && e !== "preparing" && e !== "starting" && e !== "pausing" && !(e === "stopping" && !n) ? I.color : c.palette.text.disabled,
+                          textAlign: "center",
+                          opacity: I.enabled && e !== "preparing" && e !== "starting" && e !== "pausing" && !(e === "stopping" && !n) ? 1 : 0.3
+                        },
+                        children: I.label
+                      }
+                    )
+                  ]
+                },
+                I.label
+              ))
+            }
+          )
+        }
+      );
+    }
+  )
+), Cr = we(
+  Ue(
+    ({
+      programState: e,
+      safetyState: r,
+      operationMode: t,
+      className: s
+    }) => {
+      const a = Ae(), { t: n } = Te(), l = () => {
+        if (r === "SAFETY_STATE_DEVICE_EMERGENCY_STOP" || r === "SAFETY_STATE_ROBOT_EMERGENCY_STOP" || r === "SAFETY_STATE_STOP_0" || r === "SAFETY_STATE_STOP_1" || r === "SAFETY_STATE_STOP_2" || r === "SAFETY_STATE_PROTECTIVE_STOP" || r === "SAFETY_STATE_STOP" || r === "SAFETY_STATE_REDUCED" || r === "SAFETY_STATE_MASTERING" || r === "SAFETY_STATE_CONFIRM_SAFETY" || r === "SAFETY_STATE_OPERATOR_SAFETY" || r === "SAFETY_STATE_RECOVERY" || r === "SAFETY_STATE_VIOLATION")
+          return {
+            label: n("ProgramStateIndicator.EStop.lb"),
+            color: a.palette.error.main
+          };
+        if (r === "SAFETY_STATE_UNKNOWN" || r === "SAFETY_STATE_FAULT")
+          return {
+            label: n("ProgramStateIndicator.Error.lb"),
+            color: a.palette.error.main
+          };
+        if (r === "SAFETY_STATE_NORMAL")
+          switch (e) {
+            case K.PREPARING:
+              return {
+                label: n("ProgramStateIndicator.Preparing.lb"),
+                color: a.palette.warning.main
+              };
+            case K.STARTING:
+              return {
+                label: n("ProgramStateIndicator.Starting.lb"),
+                color: a.palette.warning.main
+              };
+            case K.RUNNING:
+              return {
+                label: n("ProgramStateIndicator.Running.lb"),
+                color: a.palette.success.main
+              };
+            case K.PAUSING:
+              return {
+                label: n("ProgramStateIndicator.Pausing.lb"),
+                color: a.palette.warning.main
+              };
+            case K.PAUSED:
+              return {
+                label: n("ProgramStateIndicator.Paused.lb"),
+                color: a.palette.grey[600]
+              };
+            case K.STOPPING:
+              return {
+                label: n("ProgramStateIndicator.Stopping.lb"),
+                color: a.palette.warning.main
+              };
+            case K.COMPLETED:
+              return {
+                label: n("ProgramStateIndicator.Completed.lb"),
+                color: a.palette.success.main
+              };
+            case K.FAILED:
+              return {
+                label: n("ProgramStateIndicator.Failed.lb"),
+                color: a.palette.error.main
+              };
+            case K.STOPPED:
+              return {
+                label: n("ProgramStateIndicator.Stopped.lb"),
+                color: a.palette.warning.main
+              };
+            case K.ERROR:
+              return {
+                label: n("ProgramStateIndicator.Error.lb"),
+                color: a.palette.error.main
+              };
+            case K.IDLE:
+            default:
+              return {
+                label: n("ProgramStateIndicator.Ready.lb"),
+                color: a.palette.success.main
+              };
+          }
+        return {
+          label: n("ProgramStateIndicator.Idle.lb"),
+          color: a.palette.grey[600]
+        };
+      }, { label: o, color: c } = l(), p = `${o} / ${(() => {
+        switch (t) {
+          case "OPERATION_MODE_AUTO":
+            return n("ProgramStateIndicator.Auto.lb");
+          case "OPERATION_MODE_MANUAL":
+            return n("ProgramStateIndicator.Manual.lb");
+          case "OPERATION_MODE_MANUAL_T1":
+            return n("ProgramStateIndicator.ManualT1.lb");
+          case "OPERATION_MODE_MANUAL_T2":
+            return n("ProgramStateIndicator.ManualT2.lb");
+          default:
+            return n("ProgramStateIndicator.Auto.lb");
+        }
+      })()}`;
+      return /* @__PURE__ */ $.jsx(
+        qe,
+        {
+          className: s,
+          label: /* @__PURE__ */ $.jsx(
+            Re,
+            {
+              variant: "body2",
+              sx: {
+                fontSize: "0.75rem",
+                // Smaller than body2
+                lineHeight: 1.2
+              },
+              children: p
+            }
+          ),
+          variant: "filled",
+          sx: {
+            backgroundColor: c,
+            color: a.palette.getContrastText(c),
+            fontWeight: 500,
+            height: "auto",
+            "& .MuiChip-label": {
+              paddingX: 1.5,
+              paddingY: 0.5
+            }
+          }
+        }
+      );
+    }
+  )
+);
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
 Licensed under the Apache License, Version 2.0 (the "License"); you may not use
@@ -882,10 +1139,10 @@ const b = function(e, ...r) {
     };
     return a.request(l);
   };
-}, Vr = {
+}, Sr = {
   RevoluteJoint: "REVOLUTE_JOINT",
   PrismaticJoint: "PRISMATIC_JOINT"
-}, Cr = {
+}, br = {
   Abb: "abb",
   Fanuc: "fanuc",
   Kuka: "kuka",
@@ -6605,7 +6862,7 @@ var lr = class {
         };
       }
     }
-    throw new qe(`No mock handler matched this request: ${t} ${s}`, "404", e);
+    throw new Qe(`No mock handler matched this request: ${t} ${s}`, "404", e);
   }
   handleWebsocketConnection(e) {
     this.connections.push(e), setTimeout(() => {
@@ -6666,7 +6923,7 @@ const or = { result: {
     ]
   }
 } };
-var Sr = class {
+var yr = class {
   constructor(e) {
     this.authPromise = null, this.accessToken = null;
     const r = e.cellId ?? "cell";
@@ -6680,7 +6937,7 @@ var Sr = class {
     });
     t.interceptors.request.use(async (s) => (s.headers.Authorization || (this.accessToken ? s.headers.Authorization = `Bearer ${this.accessToken}` : this.config.username && this.config.password && (s.headers.Authorization = `Basic ${btoa(`${e.username}:${e.password}`)}`)), s)), typeof window < "u" && t.interceptors.response.use((s) => s, async (s) => {
       var a, n;
-      if (ke(s))
+      if (De(s))
         if (((a = s.response) == null ? void 0 : a.status) === 401) try {
           if (await this.renewAuthentication(), s.config)
             return this.accessToken ? s.config.headers.Authorization = `Bearer ${this.accessToken}` : delete s.config.headers.Authorization, t.request(s.config);
@@ -6727,7 +6984,7 @@ var Sr = class {
     return new et(this.makeWebsocketURL(e), { mock: this.mock });
   }
 };
-function br(e) {
+function Pr(e) {
   var n, l, o, c, i, p;
   const r = [
     ((n = e.position) == null ? void 0 : n[0]) ?? 0,
@@ -6740,263 +6997,6 @@ function br(e) {
   ], s = r.map((d) => d.toFixed(1)), a = t.map((d) => d.toFixed(4));
   return `(${s.concat(a).join(", ")})`;
 }
-var K = /* @__PURE__ */ ((e) => (e.IDLE = "idle", e.PREPARING = "preparing", e.STARTING = "starting", e.RUNNING = "running", e.PAUSING = "pausing", e.PAUSED = "paused", e.STOPPING = "stopping", e.COMPLETED = "completed", e.FAILED = "failed", e.STOPPED = "stopped", e.ERROR = "error", e))(K || {});
-const yr = we(
-  Ue(
-    ({
-      state: e,
-      onRun: r,
-      onPause: t,
-      onStop: s,
-      onReset: a,
-      requiresManualReset: n = !1,
-      variant: l = "with_pause",
-      className: o
-    }) => {
-      const c = Ae(), { t: i } = Te(), p = () => {
-        const I = {
-          run: {
-            enabled: e === "idle" || e === "stopped" || e === "paused" || e === "completed" || e === "failed" || e === "error",
-            label: i(e === "paused" ? "ProgramControl.Resume.bt" : e === "error" || e === "failed" ? "ProgramControl.Retry.bt" : "ProgramControl.Start.bt"),
-            color: c.palette.success.main,
-            onClick: r
-          },
-          pause: {
-            enabled: e === "running",
-            label: i("ProgramControl.Pause.bt"),
-            color: "#FFFFFF33",
-            onClick: t || (() => {
-            })
-          },
-          stop: {
-            enabled: e === "preparing" || e === "starting" || e === "running" || e === "pausing" || e === "paused",
-            label: i("ProgramControl.Stop.bt"),
-            color: c.palette.error.main,
-            onClick: s
-          }
-        };
-        return l === "without_pause" ? [I.run, I.stop] : [I.run, I.pause, I.stop];
-      }, d = (I) => {
-        const j = { sx: { fontSize: "55px" } };
-        if (l === "without_pause")
-          return I === 0 ? /* @__PURE__ */ $.jsx(be, { ...j }) : /* @__PURE__ */ $.jsx(ye, { ...j });
-        switch (I) {
-          case 0:
-            return /* @__PURE__ */ $.jsx(be, { ...j });
-          case 1:
-            return /* @__PURE__ */ $.jsx(Qe, { ...j });
-          case 2:
-            return /* @__PURE__ */ $.jsx(ye, { ...j });
-          default:
-            return null;
-        }
-      }, u = p();
-      return /* @__PURE__ */ $.jsx(
-        ne,
-        {
-          className: o,
-          sx: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            gap: 2
-          },
-          children: /* @__PURE__ */ $.jsx(
-            ne,
-            {
-              sx: {
-                display: "flex",
-                gap: "40px",
-                flexWrap: "wrap",
-                justifyContent: "center",
-                alignItems: "center"
-              },
-              children: u.map((I, j) => /* @__PURE__ */ $.jsxs(
-                ne,
-                {
-                  sx: {
-                    display: "flex",
-                    flexDirection: "column",
-                    alignItems: "center",
-                    gap: 1
-                  },
-                  children: [
-                    /* @__PURE__ */ $.jsx(
-                      ge,
-                      {
-                        variant: "contained",
-                        disabled: !I.enabled || e === "preparing" || e === "starting" || e === "pausing" || e === "stopping" && !n,
-                        onClick: I.onClick,
-                        sx: {
-                          width: "88px",
-                          height: "88px",
-                          borderRadius: "88px",
-                          backgroundColor: I.color,
-                          opacity: I.enabled && e !== "preparing" && e !== "starting" && e !== "pausing" && !(e === "stopping" && !n) ? 1 : 0.3,
-                          "&:hover": {
-                            backgroundColor: I.color,
-                            opacity: I.enabled && e !== "preparing" && e !== "starting" && e !== "pausing" && !(e === "stopping" && !n) ? 0.8 : 0.3
-                          },
-                          "&:disabled": {
-                            backgroundColor: I.color,
-                            opacity: 0.3
-                          },
-                          minWidth: "88px",
-                          flexShrink: 0
-                        },
-                        children: d(j)
-                      }
-                    ),
-                    /* @__PURE__ */ $.jsx(
-                      Re,
-                      {
-                        variant: "body1",
-                        sx: {
-                          color: I.enabled && e !== "preparing" && e !== "starting" && e !== "pausing" && !(e === "stopping" && !n) ? I.color : c.palette.text.disabled,
-                          textAlign: "center",
-                          opacity: I.enabled && e !== "preparing" && e !== "starting" && e !== "pausing" && !(e === "stopping" && !n) ? 1 : 0.3
-                        },
-                        children: I.label
-                      }
-                    )
-                  ]
-                },
-                I.label
-              ))
-            }
-          )
-        }
-      );
-    }
-  )
-), Pr = we(
-  Ue(
-    ({
-      programState: e,
-      safetyState: r,
-      operationMode: t,
-      className: s
-    }) => {
-      const a = Ae(), { t: n } = Te(), l = () => {
-        if (r === "SAFETY_STATE_DEVICE_EMERGENCY_STOP" || r === "SAFETY_STATE_ROBOT_EMERGENCY_STOP" || r === "SAFETY_STATE_STOP_0" || r === "SAFETY_STATE_STOP_1" || r === "SAFETY_STATE_STOP_2" || r === "SAFETY_STATE_PROTECTIVE_STOP" || r === "SAFETY_STATE_STOP" || r === "SAFETY_STATE_REDUCED" || r === "SAFETY_STATE_MASTERING" || r === "SAFETY_STATE_CONFIRM_SAFETY" || r === "SAFETY_STATE_OPERATOR_SAFETY" || r === "SAFETY_STATE_RECOVERY" || r === "SAFETY_STATE_VIOLATION")
-          return {
-            label: n("ProgramStateIndicator.EStop.lb"),
-            color: a.palette.error.main
-          };
-        if (r === "SAFETY_STATE_UNKNOWN" || r === "SAFETY_STATE_FAULT")
-          return {
-            label: n("ProgramStateIndicator.Error.lb"),
-            color: a.palette.error.main
-          };
-        if (r === "SAFETY_STATE_NORMAL")
-          switch (e) {
-            case K.PREPARING:
-              return {
-                label: n("ProgramStateIndicator.Preparing.lb"),
-                color: a.palette.warning.main
-              };
-            case K.STARTING:
-              return {
-                label: n("ProgramStateIndicator.Starting.lb"),
-                color: a.palette.warning.main
-              };
-            case K.RUNNING:
-              return {
-                label: n("ProgramStateIndicator.Running.lb"),
-                color: a.palette.success.main
-              };
-            case K.PAUSING:
-              return {
-                label: n("ProgramStateIndicator.Pausing.lb"),
-                color: a.palette.warning.main
-              };
-            case K.PAUSED:
-              return {
-                label: n("ProgramStateIndicator.Paused.lb"),
-                color: a.palette.grey[600]
-              };
-            case K.STOPPING:
-              return {
-                label: n("ProgramStateIndicator.Stopping.lb"),
-                color: a.palette.warning.main
-              };
-            case K.COMPLETED:
-              return {
-                label: n("ProgramStateIndicator.Completed.lb"),
-                color: a.palette.success.main
-              };
-            case K.FAILED:
-              return {
-                label: n("ProgramStateIndicator.Failed.lb"),
-                color: a.palette.error.main
-              };
-            case K.STOPPED:
-              return {
-                label: n("ProgramStateIndicator.Stopped.lb"),
-                color: a.palette.warning.main
-              };
-            case K.ERROR:
-              return {
-                label: n("ProgramStateIndicator.Error.lb"),
-                color: a.palette.error.main
-              };
-            case K.IDLE:
-            default:
-              return {
-                label: n("ProgramStateIndicator.Ready.lb"),
-                color: a.palette.success.main
-              };
-          }
-        return {
-          label: n("ProgramStateIndicator.Idle.lb"),
-          color: a.palette.grey[600]
-        };
-      }, { label: o, color: c } = l(), p = `${o} / ${(() => {
-        switch (t) {
-          case "OPERATION_MODE_AUTO":
-            return n("ProgramStateIndicator.Auto.lb");
-          case "OPERATION_MODE_MANUAL":
-            return n("ProgramStateIndicator.Manual.lb");
-          case "OPERATION_MODE_MANUAL_T1":
-            return n("ProgramStateIndicator.ManualT1.lb");
-          case "OPERATION_MODE_MANUAL_T2":
-            return n("ProgramStateIndicator.ManualT2.lb");
-          default:
-            return n("ProgramStateIndicator.Auto.lb");
-        }
-      })()}`;
-      return /* @__PURE__ */ $.jsx(
-        De,
-        {
-          className: s,
-          label: /* @__PURE__ */ $.jsx(
-            Re,
-            {
-              variant: "body2",
-              sx: {
-                fontSize: "0.75rem",
-                // Smaller than body2
-                lineHeight: 1.2
-              },
-              children: p
-            }
-          ),
-          variant: "filled",
-          sx: {
-            backgroundColor: c,
-            color: a.palette.getContrastText(c),
-            fontWeight: 500,
-            height: "auto",
-            "& .MuiChip-label": {
-              paddingX: 1.5,
-              paddingY: 0.5
-            }
-          }
-        }
-      );
-    }
-  )
-);
 function Ce(e) {
   Ke(e, []);
 }
@@ -7150,18 +7150,18 @@ function wr(e = [], r = {}) {
   }, []), [t.current];
 }
 export {
-  Vr as J,
-  Cr as M,
-  Sr as N,
-  yr as P,
+  Sr as J,
+  br as M,
+  yr as N,
+  Vr as P,
   nr as V,
   K as a,
-  Pr as b,
+  Cr as b,
   Ir as c,
   wr as d,
   Ce as e,
   vr as f,
-  br as p,
+  Pr as p,
   xr as u
 };
-//# sourceMappingURL=interpolation-BxZtUOAs.js.map
+//# sourceMappingURL=interpolation-B8AcxfdD.js.map