@wandelbots/wandelbots-js-react-components 2.12.0 → 2.13.0

package/dist/index.js

@@ -11549,28 +11549,30 @@ const qy = ({
     title: r,
     name: o,
     explanation: i,
-    literalValue: a
+    literalValue: a,
+    anchorOrigin: s,
+    transformOrigin: l
   }) => {
-    const s = kr(() => ({
+    const c = kr(() => ({
       anchorEl: null,
       get isPopoverOpen() {
-        return !!s.anchorEl;
+        return !!c.anchorEl;
       },
-      openPopover(l) {
-        s.anchorEl = l.currentTarget;
+      openPopover(u) {
+        c.anchorEl = u.currentTarget;
       },
       closePopover() {
-        s.anchorEl = null;
+        c.anchorEl = null;
       }
     }));
     return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
       /* @__PURE__ */ m.jsx(
         de,
         {
-          "aria-owns": s.isPopoverOpen ? e : void 0,
+          "aria-owns": c.isPopoverOpen ? e : void 0,
           "aria-haspopup": "true",
-          onMouseEnter: s.openPopover,
-          onMouseLeave: s.closePopover,
+          onMouseEnter: c.openPopover,
+          onMouseLeave: c.closePopover,
           sx: {
             cursor: "pointer"
           },
@@ -11592,17 +11594,17 @@ const qy = ({
           sx: {
             pointerEvents: "none"
           },
-          open: s.isPopoverOpen,
-          anchorEl: s.anchorEl,
-          anchorOrigin: {
+          open: c.isPopoverOpen,
+          anchorEl: c.anchorEl,
+          anchorOrigin: s ?? {
             vertical: "bottom",
             horizontal: "left"
           },
-          transformOrigin: {
+          transformOrigin: l ?? {
             vertical: "top",
             horizontal: "left"
           },
-          onClose: s.closePopover,
+          onClose: c.closePopover,
           disableRestoreFocus: !0,
           children: /* @__PURE__ */ m.jsxs(
             de,
@@ -11637,15 +11639,20 @@ const qy = ({
     ] });
   }
 ), Qy = Ae(
-  ({ isVirtual: e, motionGroupId: t }) => {
-    const n = We(), { t: r } = kt();
+  ({
+    isVirtual: e,
+    motionGroupId: t,
+    anchorOrigin: n,
+    transformOrigin: r
+  }) => {
+    const o = We(), { t: i } = kt();
     return e ? /* @__PURE__ */ m.jsx(
       ot,
       {
         id: "motion-group-virtual",
         icon: Xy,
-        color: n.palette.tertiary.main,
-        name: r("SafetyBar.ControllerType.Virtual.lb"),
+        color: o.palette.tertiary.main,
+        name: i("SafetyBar.ControllerType.Virtual.lb"),
         explanation: /* @__PURE__ */ m.jsxs(
           nt,
           {
@@ -11659,15 +11666,17 @@ const qy = ({
               " refers to a virtual robot with no physical counterpart. It can be freely manipulated without special safety precautions."
             ]
           }
-        )
+        ),
+        anchorOrigin: n,
+        transformOrigin: r
       }
     ) : /* @__PURE__ */ m.jsx(
       ot,
       {
         id: "motion-group-physical",
         icon: Yy,
-        color: n.palette.primary.main,
-        name: r("SafetyBar.ControllerType.Physical.lb"),
+        color: o.palette.primary.main,
+        name: i("SafetyBar.ControllerType.Physical.lb"),
         explanation: /* @__PURE__ */ m.jsx(
           nt,
           {
@@ -11677,7 +11686,9 @@ const qy = ({
             },
             components: { code: /* @__PURE__ */ m.jsx("code", {}), strong: /* @__PURE__ */ m.jsx("strong", {}) }
           }
-        )
+        ),
+        anchorOrigin: n,
+        transformOrigin: r
       }
     );
   }
@@ -11694,8 +11705,12 @@ const qy = ({
   titleId: t,
   ...n
 }, r) => /* @__PURE__ */ C.createElement("svg", { width: 24, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ C.createElement("title", { id: t }, e) : null, /* @__PURE__ */ C.createElement("path", { d: "M12.953 5.09a1.497 1.497 0 0 0-1.653-.518l-1.35.43a1.504 1.504 0 0 0-1.726-.376L2.858 6.97c-.736.321-1.06 1.155-.726 1.862.334.707 1.202 1.02 1.937.698l4.27-1.865 1.466 1.973v.402c0 .873-.627 1.63-1.512 1.827l-2.56.567c-1.329.295-2.27 1.431-2.27 2.74v.107c0 .26.22.469.489.469h11.117c1.329 0 2.618.435 3.656 1.233l1.665 1.28A1 1 0 0 0 22 17.47V11.062c0-.312-.108-.616-.308-.863l-3.415-4.218a1.5 1.5 0 0 0-1.618-.471l-.378.12-.866-.475a1.516 1.516 0 0 0-1.188-.114l-1.06.338-.214-.289Z" })), ib = we(ob), ab = Ae(
-  ({ operationMode: e }) => {
-    const { t } = kt(), n = We();
+  ({
+    operationMode: e,
+    anchorOrigin: t,
+    transformOrigin: n
+  }) => {
+    const { t: r } = kt(), o = We();
     switch (e) {
       case "OPERATION_MODE_AUTO":
         return /* @__PURE__ */ m.jsx(
@@ -11703,10 +11718,12 @@ const qy = ({
           {
             id: "operation-mode-auto",
             icon: tb,
-            title: t("SafetyBar.OperationMode.ti"),
-            name: t("SafetyBar.OperationMode.Automatic.ti"),
+            title: r("SafetyBar.OperationMode.ti"),
+            name: r("SafetyBar.OperationMode.Automatic.ti"),
             color: "rgba(255, 255, 255, 0.57)",
-            explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.OperationMode.Auto.Explanation.lb", children: "The robot controller is in automatic operation mode. Automated movement without manual confirmation is possible in this mode." })
+            explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.OperationMode.Auto.Explanation.lb", children: "The robot controller is in automatic operation mode. Automated movement without manual confirmation is possible in this mode." }),
+            anchorOrigin: t,
+            transformOrigin: n
           }
         );
       case "OPERATION_MODE_MANUAL":
@@ -11717,11 +11734,13 @@ const qy = ({
           {
             id: "operation-mode-manual",
             icon: ib,
-            color: n.palette.warning.main,
-            title: t("SafetyBar.OperationMode.ti"),
-            name: t("SafetyBar.OperationMode.Manual.lb"),
+            color: o.palette.warning.main,
+            title: r("SafetyBar.OperationMode.ti"),
+            name: r("SafetyBar.OperationMode.Manual.lb"),
             explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.OperationMode.Manual.Explanation.lb", children: "The robot controller is in manual operation mode. On a physical robot, this generally indicates that an enabling switch must be held for the robot to move successfully." }),
-            literalValue: e
+            literalValue: e,
+            anchorOrigin: t,
+            transformOrigin: n
           }
         );
       default:
@@ -11730,11 +11749,13 @@ const qy = ({
           {
             id: "operation-mode-error",
             icon: rb,
-            color: n.palette.warning.main,
-            title: t("SafetyBar.OperationMode.ti"),
-            name: t("SafetyBar.OperationMode.Error.lb"),
+            color: o.palette.warning.main,
+            title: r("SafetyBar.OperationMode.ti"),
+            name: r("SafetyBar.OperationMode.Error.lb"),
             explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.OperationMode.Error.Explanation.lb", children: "The robot controller has entered an unexpected operation mode. Motion group movement may not be possible." }),
-            literalValue: e
+            literalValue: e,
+            anchorOrigin: t,
+            transformOrigin: n
           }
         );
     }
@@ -11760,8 +11781,12 @@ const qy = ({
   titleId: t,
   ...n
 }, r) => /* @__PURE__ */ C.createElement("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ C.createElement("title", { id: t }, e) : null, /* @__PURE__ */ C.createElement("path", { d: "M9 16h6c.283 0 .52-.096.713-.287A.968.968 0 0 0 16 15V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 15 8H9a.968.968 0 0 0-.713.287A.968.968 0 0 0 8 9v6c0 .283.096.52.287.713.192.191.43.287.713.287Zm3 6a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2c1.383 0 2.683.263 3.9.788a10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z" })), mb = we(hb), yb = Ae(
-  ({ safetyState: e }) => {
-    const { t } = kt(), n = We();
+  ({
+    safetyState: e,
+    anchorOrigin: t,
+    transformOrigin: n
+  }) => {
+    const { t: r } = kt(), o = We();
     switch (e) {
       // Normal state, robot can move
       case "SAFETY_STATE_NORMAL":
@@ -11769,11 +11794,13 @@ const qy = ({
           ot,
           {
             id: "safety-state-normal",
-            title: t("SafetyBar.SafetyState.ti"),
-            name: t("SafetyBar.SafetyState.Normal.lb"),
+            title: r("SafetyBar.SafetyState.ti"),
+            name: r("SafetyBar.SafetyState.Normal.lb"),
             icon: gb,
             color: "rgba(255, 255, 255, 0.57)",
-            explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.SafetyState.Normal.Explanation.lb", children: "The robot controller is in a normal safety state. Movement is not prevented by this state." })
+            explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.SafetyState.Normal.Explanation.lb", children: "The robot controller is in a normal safety state. Movement is not prevented by this state." }),
+            anchorOrigin: t,
+            transformOrigin: n
           }
         );
       // Estop
@@ -11783,12 +11810,14 @@ const qy = ({
           ot,
           {
             id: "safety-state-estop",
-            title: t("SafetyBar.SafetyState.ti"),
-            name: t("SafetyBar.SafetyState.Estop.lb"),
+            title: r("SafetyBar.SafetyState.ti"),
+            name: r("SafetyBar.SafetyState.Estop.lb"),
             icon: ub,
-            color: n.palette.error.main,
+            color: o.palette.error.main,
             explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.StopState.Estop.Explanation.lb", children: "An emergency stop of the robot controller has been triggered. Movement of the robot is no longer possible until the estop is released." }),
-            literalValue: e
+            literalValue: e,
+            anchorOrigin: t,
+            transformOrigin: n
           }
         );
       // General stop
@@ -11802,11 +11831,13 @@ const qy = ({
           {
             id: "safety-state-stop",
             icon: mb,
-            title: t("SafetyBar.SafetyState.ti"),
-            name: t("SafetyBar.SafetyState.Stop.lb"),
-            color: n.palette.warning.main,
+            title: r("SafetyBar.SafetyState.ti"),
+            name: r("SafetyBar.SafetyState.Stop.lb"),
+            color: o.palette.warning.main,
             explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.SafetyState.Stop.Explanation.lb", children: "The robot controller has entered a stop state. Movement is no longer possible until the stop state is resolved." }),
-            literalValue: e
+            literalValue: e,
+            anchorOrigin: t,
+            transformOrigin: n
           }
         );
       // Manual action required
@@ -11821,11 +11852,13 @@ const qy = ({
           {
             id: "safety-state-manual-action-required",
             icon: db,
-            color: n.palette.warning.main,
-            title: t("SafetyBar.SafetyState.ti"),
-            name: t("SafetyBar.SafetyState.ManualActionRequired.lb"),
+            color: o.palette.warning.main,
+            title: r("SafetyBar.SafetyState.ti"),
+            name: r("SafetyBar.SafetyState.ManualActionRequired.lb"),
             explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.SafetyState.ManualActionRequired.Explanation.lb", children: "The robot controller has entered a safety state requiring manual action to resolve." }),
-            literalValue: e
+            literalValue: e,
+            anchorOrigin: t,
+            transformOrigin: n
           }
         );
       // Error
@@ -11836,11 +11869,13 @@ const qy = ({
           {
             id: "safety-state-error",
             icon: lb,
-            color: n.palette.error.main,
-            title: t("SafetyBar.SafetyState.ti"),
-            name: t("SafetyBar.SafetyState.Error.lb"),
+            color: o.palette.error.main,
+            title: r("SafetyBar.SafetyState.ti"),
+            name: r("SafetyBar.SafetyState.Error.lb"),
             explanation: /* @__PURE__ */ m.jsx(nt, { i18nKey: "SafetyBar.SafetyState.Error.Explanation.lb", children: "The robot controller has entered an unexpected safety state." }),
-            literalValue: e
+            literalValue: e,
+            anchorOrigin: t,
+            transformOrigin: n
           }
         );
       default:
@@ -11856,15 +11891,31 @@ const qy = ({
       alignItems: "center",
       sx: { height: "24px" },
       children: [
-        /* @__PURE__ */ m.jsx(yb, { safetyState: e.safetyState }),
+        /* @__PURE__ */ m.jsx(
+          yb,
+          {
+            safetyState: e.safetyState,
+            anchorOrigin: e.anchorOrigin,
+            transformOrigin: e.transformOrigin
+          }
+        ),
         /* @__PURE__ */ m.jsx(gn, { orientation: "vertical", flexItem: !0 }),
-        /* @__PURE__ */ m.jsx(ab, { operationMode: e.operationMode }),
+        /* @__PURE__ */ m.jsx(
+          ab,
+          {
+            operationMode: e.operationMode,
+            anchorOrigin: e.anchorOrigin,
+            transformOrigin: e.transformOrigin
+          }
+        ),
         /* @__PURE__ */ m.jsx(gn, { orientation: "vertical", flexItem: !0 }),
         /* @__PURE__ */ m.jsx(
           Qy,
           {
             isVirtual: e.isVirtual,
-            motionGroupId: e.motionGroupId
+            motionGroupId: e.motionGroupId,
+            anchorOrigin: e.anchorOrigin,
+            transformOrigin: e.transformOrigin
           }
         )
       ]