@wandelbots/wandelbots-js-react-components 5.4.2 → 5.5.0

package/dist/components/jogging/JoggingCartesianTab.js

@@ -0,0 +1,267 @@
+import { jsx as o, jsxs as c, Fragment as T } from "react/jsx-runtime";
+import { useTheme as P } from "@mui/material/styles";
+import x from "@mui/material/Divider";
+import s from "@mui/material/Stack";
+import v from "@mui/material/ToggleButton";
+import J from "@mui/material/Typography";
+import { XYZ_TO_VECTOR as S, radiansToDegrees as R, degreesToRadians as w } from "@wandelbots/nova-js";
+import { observer as D } from "mobx-react-lite";
+import { useTranslation as $ } from "react-i18next";
+import k from "../../icons/axis-x.svg.js";
+import L from "../../icons/axis-y.svg.js";
+import V from "../../icons/axis-z.svg.js";
+import F from "../../icons/rotation.svg.js";
+import { useReaction as G } from "../utils/hooks.js";
+import { JoggingCartesianAxisControl as j } from "./JoggingCartesianAxisControl.js";
+import { JoggingJointLimitDetector as _ } from "./JoggingJointLimitDetector.js";
+import { JoggingOptions as U } from "./JoggingOptions.js";
+import { JoggingToggleButtonGroup as z } from "./JoggingToggleButtonGroup.js";
+import { JoggingVelocitySlider as A } from "./JoggingVelocitySlider.js";
+const ce = D(
+  ({
+    store: e,
+    children: m
+  }) => {
+    const { t: g } = $(), l = P();
+    function M(t, n) {
+      (n === "translate" || n === "rotate") && e.setSelectedCartesianMotionType(n);
+    }
+    G(
+      () => [e.selectedCoordSystemId, e.selectedTcpId],
+      () => {
+        e.jogger.motionStream.motionStateSocket.changeUrl(
+          e.jogger.nova.makeWebsocketURL(
+            `/controllers/${e.jogger.motionStream.controllerId}/motion-groups/${e.jogger.motionGroupId}/state-stream?tcp=${e.selectedTcpId}`
+          )
+        );
+      },
+      // biome-ignore lint/suspicious/noExplicitAny: pre-biome code
+      { fireImmediately: !0 }
+    );
+    async function h(t, n) {
+      const a = await e.activate(), i = a.motionStream.rapidlyChangingMotionState.tcp_pose, r = a.motionStream.rapidlyChangingMotionState.joint_position;
+      i && await e.withMotionLock(async () => {
+        try {
+          e.setCurrentIncrementJog({
+            axis: t.axis,
+            direction: t.direction
+          }), await e.jogger.runIncrementalCartesianMotion({
+            currentTcpPose: i,
+            currentJoints: r,
+            coordSystemId: e.activeCoordSystemId,
+            velocityInRelevantUnits: e.selectedCartesianMotionType === "translate" ? e.translationVelocityMmPerSec : e.rotationVelocityRadsPerSec,
+            axis: t.axis,
+            direction: t.direction,
+            motion: e.selectedCartesianMotionType === "translate" ? {
+              type: "translate",
+              distanceMm: n.mm
+            } : {
+              type: "rotate",
+              distanceRads: w(n.degrees)
+            }
+          });
+        } finally {
+          e.setCurrentIncrementJog(null), await e.deactivate();
+        }
+      });
+    }
+    async function p(t) {
+      if (!e.isLocked) {
+        if (await e.activate(), e.activeDiscreteIncrement)
+          return h(t, e.activeDiscreteIncrement);
+        t.motionType === "translate" ? await e.jogger.translateTCP({
+          axis: t.axis,
+          direction: t.direction,
+          velocityMmPerSec: e.translationVelocityMmPerSec
+        }) : await e.jogger.rotateTCP({
+          axis: t.axis,
+          direction: t.direction,
+          velocityRadsPerSec: e.rotationVelocityRadsPerSec
+        });
+      }
+    }
+    async function f() {
+      e.isLocked || e.activeDiscreteIncrement || await e.deactivate();
+    }
+    function d(t, n, a) {
+      var r, y, C;
+      const i = (C = (y = (r = a.componentsExt) == null ? void 0 : r.JoggingPanel) == null ? void 0 : y.JoggingCartesian) == null ? void 0 : C.Axis;
+      if (i)
+        return n === "translate" ? i[t] : i.CustomRotation ?? i[t];
+    }
+    const u = [
+      {
+        id: "x",
+        icon: /* @__PURE__ */ o(k, {}),
+        colors: d("X", e.selectedCartesianMotionType, l)
+      },
+      {
+        id: "y",
+        icon: /* @__PURE__ */ o(L, {}),
+        colors: d("Y", e.selectedCartesianMotionType, l)
+      },
+      {
+        id: "z",
+        icon: /* @__PURE__ */ o(V, {}),
+        colors: d("Z", e.selectedCartesianMotionType, l)
+      }
+    ];
+    function b(t) {
+      return g("General.mm.variable", { amount: t.toFixed(1) });
+    }
+    function I(t) {
+      return g("General.degree.variable", {
+        amount: R(t).toFixed(1)
+      });
+    }
+    return /* @__PURE__ */ c(
+      s,
+      {
+        "data-testid": "jogging-cartesian-tab",
+        "aria-label": "jogging-cartesian-tab",
+        flexGrow: 1,
+        gap: 2,
+        sx: { padding: "18px 24px" },
+        children: [
+          /* @__PURE__ */ c(s, { gap: 2, children: [
+            /* @__PURE__ */ o(
+              U,
+              {
+                store: e,
+                useDegree: e.selectedCartesianMotionType === "rotate"
+              }
+            ),
+            /* @__PURE__ */ o(
+              A,
+              {
+                store: e,
+                useDegree: e.selectedCartesianMotionType === "rotate"
+              }
+            ),
+            /* @__PURE__ */ o(x, {})
+          ] }),
+          /* @__PURE__ */ o(
+            s,
+            {
+              marginLeft: "auto",
+              marginRight: "auto",
+              gap: "24px",
+              justifyContent: "center",
+              sx: { flexGrow: "1" },
+              children: /* @__PURE__ */ c(
+                s,
+                {
+                  alignItems: "center",
+                  justifyContent: "center",
+                  gap: "24px",
+                  sx: { flexGrow: 1 },
+                  children: [
+                    /* @__PURE__ */ c(
+                      z,
+                      {
+                        value: e.selectedCartesianMotionType,
+                        onChange: M,
+                        exclusive: !0,
+                        "aria-label": g("Jogging.Cartesian.MotionType.lb"),
+                        sx: { justifyContent: "center" },
+                        children: [
+                          /* @__PURE__ */ o(v, { value: "translate", children: g("Jogging.Cartesian.Translation.bt") }),
+                          /* @__PURE__ */ o(v, { value: "rotate", children: g("Jogging.Cartesian.Rotation.bt") })
+                        ]
+                      }
+                    ),
+                    e.selectedCartesianMotionType === "translate" && u.map((t) => {
+                      var n, a;
+                      return /* @__PURE__ */ o(
+                        j,
+                        {
+                          "data-testid": `jogging-cartesian-axis-control-${t.id}`,
+                          "aria-label": `jogging-cartesian-axis-control-${t.id}`,
+                          colors: t.colors,
+                          disabled: e.isLocked,
+                          activeJoggingDirection: ((n = e.incrementJogInProgress) == null ? void 0 : n.axis) === t.id ? e.incrementJogInProgress.direction : void 0,
+                          label: /* @__PURE__ */ c(T, { children: [
+                            t.icon,
+                            /* @__PURE__ */ o(
+                              J,
+                              {
+                                sx: {
+                                  fontSize: "24px",
+                                  color: ((a = t.colors) == null ? void 0 : a.labelColor) ?? l.palette.text.primary
+                                },
+                                children: t.id.toUpperCase()
+                              }
+                            )
+                          ] }),
+                          getDisplayedValue: () => {
+                            var i, r;
+                            return b(
+                              ((r = (i = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : i.position) == null ? void 0 : r[S[t.id]]) || 0
+                            );
+                          },
+                          startJogging: (i) => p({
+                            axis: t.id,
+                            motionType: "translate",
+                            direction: i
+                          }),
+                          stopJogging: f
+                        },
+                        t.id
+                      );
+                    }),
+                    e.selectedCartesianMotionType === "rotate" && u.map((t) => {
+                      var n, a;
+                      return /* @__PURE__ */ o(
+                        j,
+                        {
+                          "data-testid": `jogging-cartesian-axis-control-${t.id}`,
+                          "aria-label": `jogging-cartesian-axis-control-${t.id}`,
+                          colors: t.colors,
+                          disabled: e.isLocked,
+                          activeJoggingDirection: ((n = e.incrementJogInProgress) == null ? void 0 : n.axis) === t.id ? e.incrementJogInProgress.direction : void 0,
+                          label: /* @__PURE__ */ c(T, { children: [
+                            /* @__PURE__ */ o(F, {}),
+                            /* @__PURE__ */ o(
+                              J,
+                              {
+                                sx: {
+                                  fontSize: "24px",
+                                  color: ((a = t.colors) == null ? void 0 : a.labelColor) ?? l.palette.text.primary
+                                },
+                                children: t.id.toUpperCase()
+                              }
+                            )
+                          ] }),
+                          getDisplayedValue: () => {
+                            var i, r;
+                            return I(
+                              ((r = (i = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : i.orientation) == null ? void 0 : r[S[t.id]]) || 0
+                            );
+                          },
+                          startJogging: (i) => p({
+                            axis: t.id,
+                            motionType: "rotate",
+                            direction: i
+                          }),
+                          stopJogging: f
+                        },
+                        t.id
+                      );
+                    })
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ o(_, { store: e }),
+          m && /* @__PURE__ */ o(x, {}),
+          m
+        ]
+      }
+    );
+  }
+);
+export {
+  ce as JoggingCartesianTab
+};
+//# sourceMappingURL=JoggingCartesianTab.js.map

package/dist/components/jogging/JoggingCartesianTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingCartesianTab.js","sources":["../../../src/components/jogging/JoggingCartesianTab.tsx"],"sourcesContent":["import { useTheme, type Theme } from \"@mui/material/styles\"\nimport Divider from \"@mui/material/Divider\"\nimport Stack from \"@mui/material/Stack\"\nimport ToggleButton from \"@mui/material/ToggleButton\"\nimport Typography from \"@mui/material/Typography\"\nimport {\n  degreesToRadians,\n  radiansToDegrees,\n  XYZ_TO_VECTOR,\n} from \"@wandelbots/nova-js\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport XAxisIcon from \"../../icons/axis-x.svg\"\nimport YAxisIcon from \"../../icons/axis-y.svg\"\nimport ZAxisIcon from \"../../icons/axis-z.svg\"\nimport RotationIcon from \"../../icons/rotation.svg\"\nimport type { Vector3Simple } from \"../../lib/JoggerConnection\"\nimport { useReaction } from \"../utils/hooks\"\nimport { JoggingCartesianAxisControl } from \"./JoggingCartesianAxisControl\"\nimport { JoggingJointLimitDetector } from \"./JoggingJointLimitDetector\"\nimport { JoggingOptions } from \"./JoggingOptions\"\nimport type {\n  DiscreteIncrementOption,\n  JoggingAxis,\n  JoggingDirection,\n  JoggingStore,\n} from \"./JoggingStore\"\nimport { JoggingToggleButtonGroup } from \"./JoggingToggleButtonGroup\"\nimport { JoggingVelocitySlider } from \"./JoggingVelocitySlider\"\n\ntype JoggingCartesianOpts = {\n  axis: JoggingAxis\n  motionType: \"translate\" | \"rotate\"\n  direction: JoggingDirection\n}\n\nexport const JoggingCartesianTab = observer(\n  ({\n    store,\n    children,\n  }: {\n    store: JoggingStore\n    children?: React.ReactNode\n  }) => {\n    const { t } = useTranslation()\n    const theme = useTheme()\n\n    function onMotionTypeChange(\n      _event: React.MouseEvent<HTMLElement>,\n      newMotionType: string,\n    ) {\n      if (newMotionType === \"translate\" || newMotionType === \"rotate\")\n        store.setSelectedCartesianMotionType(newMotionType)\n    }\n\n    useReaction(\n      () => [store.selectedCoordSystemId, store.selectedTcpId],\n      () => {\n        store.jogger.motionStream.motionStateSocket.changeUrl(\n          store.jogger.nova.makeWebsocketURL(\n            `/controllers/${store.jogger.motionStream.controllerId}/motion-groups/${store.jogger.motionGroupId}/state-stream?tcp=${store.selectedTcpId}`,\n          ),\n        )\n      },\n      // biome-ignore lint/suspicious/noExplicitAny: pre-biome code\n      { fireImmediately: true } as any,\n    )\n\n    async function runIncrementalCartesianJog(\n      opts: JoggingCartesianOpts,\n      increment: DiscreteIncrementOption,\n    ) {\n      const jogger = await store.activate()\n\n      const tcpPose = jogger.motionStream.rapidlyChangingMotionState.tcp_pose\n      const jointPosition = jogger.motionStream.rapidlyChangingMotionState\n        .joint_position as Vector3Simple\n      if (!tcpPose) return\n\n      await store.withMotionLock(async () => {\n        try {\n          store.setCurrentIncrementJog({\n            axis: opts.axis,\n            direction: opts.direction,\n          })\n          await store.jogger.runIncrementalCartesianMotion({\n            currentTcpPose: tcpPose,\n            currentJoints: jointPosition,\n            coordSystemId: store.activeCoordSystemId,\n            velocityInRelevantUnits:\n              store.selectedCartesianMotionType === \"translate\"\n                ? store.translationVelocityMmPerSec\n                : store.rotationVelocityRadsPerSec,\n            axis: opts.axis,\n            direction: opts.direction,\n            motion:\n              store.selectedCartesianMotionType === \"translate\"\n                ? {\n                    type: \"translate\",\n                    distanceMm: increment.mm,\n                  }\n                : {\n                    type: \"rotate\",\n                    distanceRads: degreesToRadians(increment.degrees),\n                  },\n          })\n        } finally {\n          store.setCurrentIncrementJog(null)\n          await store.deactivate()\n        }\n      })\n    }\n\n    async function startCartesianJogging(opts: JoggingCartesianOpts) {\n      if (store.isLocked) return\n\n      const jogger = await store.activate()\n      if (store.activeDiscreteIncrement) {\n        return runIncrementalCartesianJog(opts, store.activeDiscreteIncrement)\n      }\n\n      if (opts.motionType === \"translate\") {\n        await store.jogger.translateTCP({\n          axis: opts.axis,\n          direction: opts.direction,\n          velocityMmPerSec: store.translationVelocityMmPerSec,\n        })\n      } else {\n        await store.jogger.rotateTCP({\n          axis: opts.axis,\n          direction: opts.direction,\n          velocityRadsPerSec: store.rotationVelocityRadsPerSec,\n        })\n      }\n    }\n\n    async function stopJogging() {\n      if (store.isLocked) return\n\n      if (store.activeDiscreteIncrement) {\n        return\n      }\n\n      await store.deactivate()\n    }\n\n    function getAxisColors(\n      axisId: \"X\" | \"Y\" | \"Z\",\n      motionType: \"translate\" | \"rotate\",\n      theme: Theme,\n    ) {\n      const axisColors =\n        theme.componentsExt?.JoggingPanel?.JoggingCartesian?.Axis\n\n      if (!axisColors) return undefined\n\n      if (motionType === \"translate\") {\n        return axisColors[axisId]\n      }\n\n      return axisColors.CustomRotation ?? axisColors[axisId]\n    }\n\n    const axisList = [\n      {\n        id: \"x\",\n        icon: <XAxisIcon />,\n        colors: getAxisColors(\"X\", store.selectedCartesianMotionType, theme),\n      },\n      {\n        id: \"y\",\n        icon: <YAxisIcon />,\n        colors: getAxisColors(\"Y\", store.selectedCartesianMotionType, theme),\n      },\n      {\n        id: \"z\",\n        icon: <ZAxisIcon />,\n        colors: getAxisColors(\"Z\", store.selectedCartesianMotionType, theme),\n      },\n    ] as const\n\n    function formatMM(value: number) {\n      return t(\"General.mm.variable\", { amount: value.toFixed(1) })\n    }\n\n    function formatDegrees(value: number) {\n      return t(\"General.degree.variable\", {\n        amount: radiansToDegrees(value).toFixed(1),\n      })\n    }\n\n    return (\n      <Stack\n        data-testid=\"jogging-cartesian-tab\"\n        aria-label=\"jogging-cartesian-tab\"\n        flexGrow={1}\n        gap={2}\n        sx={{ padding: \"18px 24px\" }}\n      >\n        <Stack gap={2}>\n          <JoggingOptions\n            store={store}\n            useDegree={store.selectedCartesianMotionType === \"rotate\"}\n          />\n\n          <JoggingVelocitySlider\n            store={store}\n            useDegree={store.selectedCartesianMotionType === \"rotate\"}\n          />\n\n          <Divider />\n        </Stack>\n\n        <Stack\n          //maxWidth=\"296px\"\n          marginLeft=\"auto\"\n          marginRight=\"auto\"\n          gap=\"24px\"\n          justifyContent=\"center\"\n          sx={{ flexGrow: \"1\" }}\n        >\n          <Stack\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap=\"24px\"\n            sx={{ flexGrow: 1 }}\n          >\n            {/* Translate or rotate toggle */}\n            <JoggingToggleButtonGroup\n              value={store.selectedCartesianMotionType}\n              onChange={onMotionTypeChange}\n              exclusive\n              aria-label={t(\"Jogging.Cartesian.MotionType.lb\")}\n              sx={{ justifyContent: \"center\" }}\n            >\n              <ToggleButton value=\"translate\">\n                {t(\"Jogging.Cartesian.Translation.bt\")}\n              </ToggleButton>\n              <ToggleButton value=\"rotate\">\n                {t(\"Jogging.Cartesian.Rotation.bt\")}\n              </ToggleButton>\n            </JoggingToggleButtonGroup>\n\n            {/* Cartesian translate jogging */}\n            {store.selectedCartesianMotionType === \"translate\" &&\n              axisList.map((axis) => (\n                <JoggingCartesianAxisControl\n                  key={axis.id}\n                  data-testid={`jogging-cartesian-axis-control-${axis.id}`}\n                  aria-label={`jogging-cartesian-axis-control-${axis.id}`}\n                  colors={axis.colors}\n                  disabled={store.isLocked}\n                  activeJoggingDirection={\n                    store.incrementJogInProgress?.axis === axis.id\n                      ? store.incrementJogInProgress.direction\n                      : undefined\n                  }\n                  label={\n                    <>\n                      {axis.icon}\n                      <Typography\n                        sx={{\n                          fontSize: \"24px\",\n                          color:\n                            axis.colors?.labelColor ??\n                            theme.palette.text.primary,\n                        }}\n                      >\n                        {axis.id.toUpperCase()}\n                      </Typography>\n                    </>\n                  }\n                  getDisplayedValue={() =>\n                    formatMM(\n                      store.jogger.motionStream.rapidlyChangingMotionState\n                        .tcp_pose?.position?.[XYZ_TO_VECTOR[axis.id]] || 0,\n                    )\n                  }\n                  startJogging={(direction: \"-\" | \"+\") =>\n                    startCartesianJogging({\n                      axis: axis.id,\n                      motionType: \"translate\",\n                      direction,\n                    })\n                  }\n                  stopJogging={stopJogging}\n                />\n              ))}\n\n            {/* Cartesian rotate jogging */}\n            {store.selectedCartesianMotionType === \"rotate\" &&\n              axisList.map((axis) => (\n                <JoggingCartesianAxisControl\n                  key={axis.id}\n                  data-testid={`jogging-cartesian-axis-control-${axis.id}`}\n                  aria-label={`jogging-cartesian-axis-control-${axis.id}`}\n                  colors={axis.colors}\n                  disabled={store.isLocked}\n                  activeJoggingDirection={\n                    store.incrementJogInProgress?.axis === axis.id\n                      ? store.incrementJogInProgress.direction\n                      : undefined\n                  }\n                  label={\n                    <>\n                      <RotationIcon />\n                      <Typography\n                        sx={{\n                          fontSize: \"24px\",\n                          color:\n                            axis.colors?.labelColor ??\n                            theme.palette.text.primary,\n                        }}\n                      >\n                        {axis.id.toUpperCase()}\n                      </Typography>\n                    </>\n                  }\n                  getDisplayedValue={() =>\n                    formatDegrees(\n                      store.jogger.motionStream.rapidlyChangingMotionState\n                        .tcp_pose?.orientation?.[XYZ_TO_VECTOR[axis.id]] || 0,\n                    )\n                  }\n                  startJogging={(direction: \"-\" | \"+\") =>\n                    startCartesianJogging({\n                      axis: axis.id,\n                      motionType: \"rotate\",\n                      direction,\n                    })\n                  }\n                  stopJogging={stopJogging}\n                />\n              ))}\n          </Stack>\n        </Stack>\n\n        {/* Show message if joint limits reached */}\n        <JoggingJointLimitDetector store={store} />\n\n        {children && <Divider />}\n\n        {/* Custom content */}\n\n        {children}\n      </Stack>\n    )\n  },\n)\n"],"names":["JoggingCartesianTab","observer","store","children","t","useTranslation","theme","useTheme","onMotionTypeChange","_event","newMotionType","useReaction","runIncrementalCartesianJog","opts","increment","jogger","tcpPose","jointPosition","degreesToRadians","startCartesianJogging","stopJogging","getAxisColors","axisId","motionType","axisColors","axisList","XAxisIcon","YAxisIcon","ZAxisIcon","formatMM","value","formatDegrees","radiansToDegrees","jsxs","Stack","jsx","JoggingOptions","JoggingVelocitySlider","Divider","JoggingToggleButtonGroup","ToggleButton","axis","JoggingCartesianAxisControl","_a","Fragment","Typography","_b","XYZ_TO_VECTOR","direction","RotationIcon","JoggingJointLimitDetector"],"mappings":"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"}

package/dist/components/jogging/JoggingJointLimitDetector.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("@mui/material/Typography"),d=require("mobx-react-lite"),l=require("lodash-es/isEqual"),r=require("react"),u=require("react-i18next"),h=require("../utils/hooks.cjs"),j=d.observer(({store:t})=>{const{t:c}=u.useTranslation(),[n,s]=r.useState(t.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached),o=r.useRef(n);h.useAnimationFrame(()=>{const e=t.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;l(o.current,e)||(o.current=e,s(e))});const i=[];for(const[e,a]of n.entries())a&&i.push(e);return m.jsx(g,{"data-testid":"jogging-joint-limit-detector","aria-label":"jogging-joint-limit-detector",color:"error",sx:{margin:"0.5rem 1rem",textAlign:"center",minHeight:"1.5rem",visibility:i.length?"visible":"hidden"},children:c("Jogging.JointLimitsReached.lb",{jointNumbers:i.map(e=>e+1).join(", ")})})});exports.JoggingJointLimitDetector=j;
+//# sourceMappingURL=JoggingJointLimitDetector.cjs.map

package/dist/components/jogging/JoggingJointLimitDetector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointLimitDetector.cjs","sources":["../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport isEqual from \"lodash-es/isEqual\"\nimport { useRef, useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { useAnimationFrame } from \"../utils/hooks\"\nimport type { JoggingStore } from \"./JoggingStore\"\n\n/**\n * Monitors the active robot motion state and displays a message if\n * any joint limits are reached.\n */\nexport const JoggingJointLimitDetector = observer(\n  ({ store }: { store: JoggingStore }) => {\n    const { t } = useTranslation()\n\n    const [jointLimitsReached, setJointLimitsReached] = useState(\n      store.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached\n        .limit_reached,\n    )\n    const jointLimitsReachedRef = useRef(jointLimitsReached)\n\n    useAnimationFrame(() => {\n      const newLimitsReached =\n        store.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached\n          .limit_reached\n\n      if (!isEqual(jointLimitsReachedRef.current, newLimitsReached)) {\n        jointLimitsReachedRef.current = newLimitsReached\n        setJointLimitsReached(newLimitsReached)\n      }\n    })\n\n    const jointLimitReachedIndices: number[] = []\n    for (const [index, limitReached] of jointLimitsReached.entries()) {\n      if (limitReached) jointLimitReachedIndices.push(index)\n    }\n\n    return (\n      <Typography\n        data-testid=\"jogging-joint-limit-detector\"\n        aria-label=\"jogging-joint-limit-detector\"\n        color=\"error\"\n        sx={{\n          margin: \"0.5rem 1rem\",\n          textAlign: \"center\",\n          minHeight: \"1.5rem\",\n          visibility: jointLimitReachedIndices.length ? \"visible\" : \"hidden\",\n        }}\n      >\n        {t(\"Jogging.JointLimitsReached.lb\", {\n          jointNumbers: jointLimitReachedIndices.map((i) => i + 1).join(\", \"),\n        })}\n      </Typography>\n    )\n  },\n)\n"],"names":["JoggingJointLimitDetector","observer","store","t","useTranslation","jointLimitsReached","setJointLimitsReached","useState","jointLimitsReachedRef","useRef","useAnimationFrame","newLimitsReached","isEqual","jointLimitReachedIndices","index","limitReached","jsx","Typography","i"],"mappings":"qSAYaA,EAA4BC,EAAAA,SACvC,CAAC,CAAE,MAAAC,CAAA,IAAqC,CACtC,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAER,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,SAClDL,EAAM,OAAO,aAAa,2BAA2B,oBAClD,aAAA,EAECM,EAAwBC,EAAAA,OAAOJ,CAAkB,EAEvDK,EAAAA,kBAAkB,IAAM,CACtB,MAAMC,EACJT,EAAM,OAAO,aAAa,2BAA2B,oBAClD,cAEAU,EAAQJ,EAAsB,QAASG,CAAgB,IAC1DH,EAAsB,QAAUG,EAChCL,EAAsBK,CAAgB,EAE1C,CAAC,EAED,MAAME,EAAqC,CAAA,EAC3C,SAAW,CAACC,EAAOC,CAAY,IAAKV,EAAmB,UACjDU,GAAcF,EAAyB,KAAKC,CAAK,EAGvD,OACEE,EAAAA,IAACC,EAAA,CACC,cAAY,+BACZ,aAAW,+BACX,MAAM,QACN,GAAI,CACF,OAAQ,cACR,UAAW,SACX,UAAW,SACX,WAAYJ,EAAyB,OAAS,UAAY,QAAA,EAG3D,WAAE,gCAAiC,CAClC,aAAcA,EAAyB,IAAKK,GAAMA,EAAI,CAAC,EAAE,KAAK,IAAI,CAAA,CACnE,CAAA,CAAA,CAGP,CACF"}

package/dist/components/jogging/JoggingJointLimitDetector.js

@@ -0,0 +1,42 @@
+import { jsx as s } from "react/jsx-runtime";
+import c from "@mui/material/Typography";
+import { observer as g } from "mobx-react-lite";
+import d from "lodash-es/isEqual";
+import { useState as l, useRef as h } from "react";
+import { useTranslation as j } from "react-i18next";
+import { useAnimationFrame as p } from "../utils/hooks.js";
+const y = g(
+  ({ store: e }) => {
+    const { t: n } = j(), [o, m] = l(
+      e.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached
+    ), r = h(o);
+    p(() => {
+      const i = e.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;
+      d(r.current, i) || (r.current = i, m(i));
+    });
+    const t = [];
+    for (const [i, a] of o.entries())
+      a && t.push(i);
+    return /* @__PURE__ */ s(
+      c,
+      {
+        "data-testid": "jogging-joint-limit-detector",
+        "aria-label": "jogging-joint-limit-detector",
+        color: "error",
+        sx: {
+          margin: "0.5rem 1rem",
+          textAlign: "center",
+          minHeight: "1.5rem",
+          visibility: t.length ? "visible" : "hidden"
+        },
+        children: n("Jogging.JointLimitsReached.lb", {
+          jointNumbers: t.map((i) => i + 1).join(", ")
+        })
+      }
+    );
+  }
+);
+export {
+  y as JoggingJointLimitDetector
+};
+//# sourceMappingURL=JoggingJointLimitDetector.js.map

package/dist/components/jogging/JoggingJointLimitDetector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointLimitDetector.js","sources":["../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport isEqual from \"lodash-es/isEqual\"\nimport { useRef, useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { useAnimationFrame } from \"../utils/hooks\"\nimport type { JoggingStore } from \"./JoggingStore\"\n\n/**\n * Monitors the active robot motion state and displays a message if\n * any joint limits are reached.\n */\nexport const JoggingJointLimitDetector = observer(\n  ({ store }: { store: JoggingStore }) => {\n    const { t } = useTranslation()\n\n    const [jointLimitsReached, setJointLimitsReached] = useState(\n      store.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached\n        .limit_reached,\n    )\n    const jointLimitsReachedRef = useRef(jointLimitsReached)\n\n    useAnimationFrame(() => {\n      const newLimitsReached =\n        store.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached\n          .limit_reached\n\n      if (!isEqual(jointLimitsReachedRef.current, newLimitsReached)) {\n        jointLimitsReachedRef.current = newLimitsReached\n        setJointLimitsReached(newLimitsReached)\n      }\n    })\n\n    const jointLimitReachedIndices: number[] = []\n    for (const [index, limitReached] of jointLimitsReached.entries()) {\n      if (limitReached) jointLimitReachedIndices.push(index)\n    }\n\n    return (\n      <Typography\n        data-testid=\"jogging-joint-limit-detector\"\n        aria-label=\"jogging-joint-limit-detector\"\n        color=\"error\"\n        sx={{\n          margin: \"0.5rem 1rem\",\n          textAlign: \"center\",\n          minHeight: \"1.5rem\",\n          visibility: jointLimitReachedIndices.length ? \"visible\" : \"hidden\",\n        }}\n      >\n        {t(\"Jogging.JointLimitsReached.lb\", {\n          jointNumbers: jointLimitReachedIndices.map((i) => i + 1).join(\", \"),\n        })}\n      </Typography>\n    )\n  },\n)\n"],"names":["JoggingJointLimitDetector","observer","store","t","useTranslation","jointLimitsReached","setJointLimitsReached","useState","jointLimitsReachedRef","useRef","useAnimationFrame","newLimitsReached","isEqual","jointLimitReachedIndices","index","limitReached","jsx","Typography"],"mappings":";;;;;;;AAYO,MAAMA,IAA4BC;AAAA,EACvC,CAAC,EAAE,OAAAC,EAAA,MAAqC;AACtC,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAER,CAACC,GAAoBC,CAAqB,IAAIC;AAAA,MAClDL,EAAM,OAAO,aAAa,2BAA2B,oBAClD;AAAA,IAAA,GAECM,IAAwBC,EAAOJ,CAAkB;AAEvD,IAAAK,EAAkB,MAAM;AACtB,YAAMC,IACJT,EAAM,OAAO,aAAa,2BAA2B,oBAClD;AAEL,MAAKU,EAAQJ,EAAsB,SAASG,CAAgB,MAC1DH,EAAsB,UAAUG,GAChCL,EAAsBK,CAAgB;AAAA,IAE1C,CAAC;AAED,UAAME,IAAqC,CAAA;AAC3C,eAAW,CAACC,GAAOC,CAAY,KAAKV,EAAmB;AACrD,MAAIU,KAAcF,EAAyB,KAAKC,CAAK;AAGvD,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,cAAW;AAAA,QACX,OAAM;AAAA,QACN,IAAI;AAAA,UACF,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,WAAW;AAAA,UACX,YAAYJ,EAAyB,SAAS,YAAY;AAAA,QAAA;AAAA,QAG3D,YAAE,iCAAiC;AAAA,UAClC,cAAcA,EAAyB,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,KAAK,IAAI;AAAA,QAAA,CACnE;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/components/jogging/JoggingJointTab.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),J=require("@mui/material/styles"),d=require("@mui/material/Divider"),a=require("@mui/material/Stack"),m=require("@mui/material/Typography"),g=require("@wandelbots/nova-js/v2"),x=require("mobx-react-lite"),y=require("./JoggingJointLimitDetector.cjs"),v=require("./JoggingJointValueControl.cjs"),b=require("./JoggingVelocitySlider.cjs"),w=x.observer(({store:i,children:r})=>{const c=J.useTheme();async function p(e){await i.activate(),await i.jogger.rotateJoints({joint:e.joint,direction:e.direction,velocityUnit:i.jointType===g.JointTypeEnum.PrismaticJoint?"mm/s":"rad/s",velocityValue:i.jointType===g.JointTypeEnum.PrismaticJoint?i.translationVelocityMmPerSec:i.rotationVelocityRadsPerSec})}async function j(){await i.jogger.stop(),await i.deactivate()}return t.jsxs(a,{"data-testid":"jogging-joint-tab","aria-label":"jogging-joint-tab",flexGrow:1,gap:2,sx:{padding:"18px 24px"},children:[t.jsx(b.JoggingVelocitySlider,{store:i,useDegree:i.jointType===g.JointTypeEnum.RevoluteJoint}),t.jsx(d,{}),t.jsx(a,{justifyContent:"center",alignItems:"stretch",sx:{flexGrow:"1"},children:t.jsx(a,{"data-testid":"jogging-joint-value-controls-wrapper","aria-label":"jogging-joint-value-controls-wrapper",alignItems:"center",gap:"24px",children:i.jogger.motionStream.joints.map(e=>{var l,s,u;const n=(u=(s=(l=i.motionGroupDescription.operation_limits.auto_limits)==null?void 0:l.joints)==null?void 0:s[e.index])==null?void 0:u.position;return t.jsxs(a,{"data-testid":`jogging-joint-value-control-${e.index}`,"aria-label":`jogging-joint-value-control-${e.index}`,direction:"row",alignItems:"center",justifyContent:"center",spacing:1.5,width:"100%",children:[i.showJointsLegend&&t.jsx(m,{color:i.isLocked?c.palette.text.disabled:c.palette.text.secondary,children:`G${e.index+1}`}),t.jsx(v.JoggingJointValueControl,{disabled:i.isLocked,lowerLimit:n==null?void 0:n.lower_limit,upperLimit:n==null?void 0:n.upper_limit,useDegree:i.jointType===g.JointTypeEnum.RevoluteJoint,getValue:()=>{const o=i.jogger.motionStream.rapidlyChangingMotionState.joint_position[e.index];return o!==void 0?o:void 0},startJogging:o=>p({joint:e.index,direction:o}),stopJogging:j})]},`joint-${e.index}`)})})}),t.jsx(y.JoggingJointLimitDetector,{store:i}),r&&t.jsx(d,{}),r]})});exports.JoggingJointTab=w;
+//# sourceMappingURL=JoggingJointTab.cjs.map

package/dist/components/jogging/JoggingJointTab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointTab.cjs","sources":["../../../src/components/jogging/JoggingJointTab.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Divider from \"@mui/material/Divider\"\nimport Stack from \"@mui/material/Stack\"\nimport Typography from \"@mui/material/Typography\"\nimport { JointTypeEnum } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport type { ReactNode } from \"react\"\nimport { JoggingJointLimitDetector } from \"./JoggingJointLimitDetector\"\nimport { JoggingJointValueControl } from \"./JoggingJointValueControl\"\nimport type { JoggingStore } from \"./JoggingStore\"\nimport { JoggingVelocitySlider } from \"./JoggingVelocitySlider\"\n\nexport const JoggingJointTab = observer(\n  ({ store, children }: { store: JoggingStore; children?: ReactNode }) => {\n    const theme = useTheme()\n    async function startJointJogging(opts: {\n      joint: number\n      direction: \"-\" | \"+\"\n    }) {\n      await store.activate()\n\n      await store.jogger.rotateJoints({\n        joint: opts.joint,\n        direction: opts.direction,\n        velocityUnit:\n          store.jointType === JointTypeEnum.PrismaticJoint ? \"mm/s\" : \"rad/s\",\n        velocityValue:\n          store.jointType === JointTypeEnum.PrismaticJoint\n            ? store.translationVelocityMmPerSec\n            : store.rotationVelocityRadsPerSec,\n      })\n    }\n\n    async function stopJointJogging() {\n      await store.jogger.stop()\n      await store.deactivate()\n    }\n\n    return (\n      <Stack\n        data-testid=\"jogging-joint-tab\"\n        aria-label=\"jogging-joint-tab\"\n        flexGrow={1}\n        gap={2}\n        sx={{ padding: \"18px 24px\" }}\n      >\n        <JoggingVelocitySlider\n          store={store}\n          useDegree={store.jointType === JointTypeEnum.RevoluteJoint}\n        />\n\n        <Divider />\n\n        <Stack\n          justifyContent=\"center\"\n          alignItems=\"stretch\"\n          sx={{ flexGrow: \"1\" }}\n        >\n          <Stack\n            data-testid=\"jogging-joint-value-controls-wrapper\"\n            aria-label=\"jogging-joint-value-controls-wrapper\"\n            alignItems=\"center\"\n            gap=\"24px\"\n          >\n            {store.jogger.motionStream.joints.map((joint) => {\n              const jointLimits =\n                store.motionGroupDescription.operation_limits.auto_limits\n                  ?.joints?.[joint.index]?.position\n\n              return (\n                <Stack\n                  key={`joint-${joint.index}`}\n                  data-testid={`jogging-joint-value-control-${joint.index}`}\n                  aria-label={`jogging-joint-value-control-${joint.index}`}\n                  direction=\"row\"\n                  alignItems=\"center\"\n                  justifyContent={\"center\"}\n                  spacing={1.5}\n                  width={\"100%\"}\n                >\n                  {store.showJointsLegend && (\n                    <Typography\n                      color={\n                        store.isLocked\n                          ? theme.palette.text.disabled\n                          : theme.palette.text.secondary\n                      }\n                    >\n                      {`G${joint.index + 1}`}\n                    </Typography>\n                  )}\n\n                  <JoggingJointValueControl\n                    disabled={store.isLocked}\n                    lowerLimit={jointLimits?.lower_limit}\n                    upperLimit={jointLimits?.upper_limit}\n                    useDegree={store.jointType === JointTypeEnum.RevoluteJoint}\n                    getValue={() => {\n                      const value =\n                        store.jogger.motionStream.rapidlyChangingMotionState\n                          .joint_position[joint.index]\n                      return value !== undefined ? value : undefined\n                    }}\n                    startJogging={(direction: \"-\" | \"+\") =>\n                      startJointJogging({\n                        joint: joint.index,\n                        direction,\n                      })\n                    }\n                    stopJogging={stopJointJogging}\n                  />\n                </Stack>\n              )\n            })}\n          </Stack>\n        </Stack>\n        <JoggingJointLimitDetector store={store} />\n\n        {children && <Divider />}\n\n        {/* Custom content */}\n        {children}\n      </Stack>\n    )\n  },\n)\n"],"names":["JoggingJointTab","observer","store","children","theme","useTheme","startJointJogging","opts","JointTypeEnum","stopJointJogging","jsxs","Stack","jsx","JoggingVelocitySlider","Divider","joint","jointLimits","_c","_b","_a","Typography","JoggingJointValueControl","value","direction","JoggingJointLimitDetector"],"mappings":"ocAYaA,EAAkBC,EAAAA,SAC7B,CAAC,CAAE,MAAAC,EAAO,SAAAC,KAA8D,CACtE,MAAMC,EAAQC,EAAAA,SAAA,EACd,eAAeC,EAAkBC,EAG9B,CACD,MAAML,EAAM,SAAA,EAEZ,MAAMA,EAAM,OAAO,aAAa,CAC9B,MAAOK,EAAK,MACZ,UAAWA,EAAK,UAChB,aACEL,EAAM,YAAcM,EAAAA,cAAc,eAAiB,OAAS,QAC9D,cACEN,EAAM,YAAcM,EAAAA,cAAc,eAC9BN,EAAM,4BACNA,EAAM,0BAAA,CACb,CACH,CAEA,eAAeO,GAAmB,CAChC,MAAMP,EAAM,OAAO,KAAA,EACnB,MAAMA,EAAM,WAAA,CACd,CAEA,OACEQ,EAAAA,KAACC,EAAA,CACC,cAAY,oBACZ,aAAW,oBACX,SAAU,EACV,IAAK,EACL,GAAI,CAAE,QAAS,WAAA,EAEf,SAAA,CAAAC,EAAAA,IAACC,EAAAA,sBAAA,CACC,MAAAX,EACA,UAAWA,EAAM,YAAcM,gBAAc,aAAA,CAAA,QAG9CM,EAAA,EAAQ,EAETF,EAAAA,IAACD,EAAA,CACC,eAAe,SACf,WAAW,UACX,GAAI,CAAE,SAAU,GAAA,EAEhB,SAAAC,EAAAA,IAACD,EAAA,CACC,cAAY,uCACZ,aAAW,uCACX,WAAW,SACX,IAAI,OAEH,WAAM,OAAO,aAAa,OAAO,IAAKI,GAAU,WAC/C,MAAMC,GACJC,GAAAC,GAAAC,EAAAjB,EAAM,uBAAuB,iBAAiB,cAA9C,YAAAiB,EACI,SADJ,YAAAD,EACaH,EAAM,SADnB,YAAAE,EAC2B,SAE7B,OACEP,EAAAA,KAACC,EAAA,CAEC,cAAa,+BAA+BI,EAAM,KAAK,GACvD,aAAY,+BAA+BA,EAAM,KAAK,GACtD,UAAU,MACV,WAAW,SACX,eAAgB,SAChB,QAAS,IACT,MAAO,OAEN,SAAA,CAAAb,EAAM,kBACLU,EAAAA,IAACQ,EAAA,CACC,MACElB,EAAM,SACFE,EAAM,QAAQ,KAAK,SACnBA,EAAM,QAAQ,KAAK,UAGxB,SAAA,IAAIW,EAAM,MAAQ,CAAC,EAAA,CAAA,EAIxBH,EAAAA,IAACS,EAAAA,yBAAA,CACC,SAAUnB,EAAM,SAChB,WAAYc,GAAA,YAAAA,EAAa,YACzB,WAAYA,GAAA,YAAAA,EAAa,YACzB,UAAWd,EAAM,YAAcM,EAAAA,cAAc,cAC7C,SAAU,IAAM,CACd,MAAMc,EACJpB,EAAM,OAAO,aAAa,2BACvB,eAAea,EAAM,KAAK,EAC/B,OAAOO,IAAU,OAAYA,EAAQ,MACvC,EACA,aAAeC,GACbjB,EAAkB,CAChB,MAAOS,EAAM,MACb,UAAAQ,CAAA,CACD,EAEH,YAAad,CAAA,CAAA,CACf,CAAA,EAvCK,SAASM,EAAM,KAAK,EAAA,CA0C/B,CAAC,CAAA,CAAA,CACH,CAAA,EAEFH,MAACY,EAAAA,2BAA0B,MAAAtB,EAAc,EAExCC,SAAaW,EAAA,EAAQ,EAGrBX,CAAA,CAAA,CAAA,CAGP,CACF"}

package/dist/components/jogging/JoggingJointTab.js

@@ -0,0 +1,114 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useTheme as J } from "@mui/material/styles";
+import s from "@mui/material/Divider";
+import a from "@mui/material/Stack";
+import x from "@mui/material/Typography";
+import { JointTypeEnum as r } from "@wandelbots/nova-js/v2";
+import { observer as y } from "mobx-react-lite";
+import { JoggingJointLimitDetector as f } from "./JoggingJointLimitDetector.js";
+import { JoggingJointValueControl as v } from "./JoggingJointValueControl.js";
+import { JoggingVelocitySlider as w } from "./JoggingVelocitySlider.js";
+const $ = y(
+  ({ store: i, children: g }) => {
+    const l = J();
+    async function u(t) {
+      await i.activate(), await i.jogger.rotateJoints({
+        joint: t.joint,
+        direction: t.direction,
+        velocityUnit: i.jointType === r.PrismaticJoint ? "mm/s" : "rad/s",
+        velocityValue: i.jointType === r.PrismaticJoint ? i.translationVelocityMmPerSec : i.rotationVelocityRadsPerSec
+      });
+    }
+    async function j() {
+      await i.jogger.stop(), await i.deactivate();
+    }
+    return /* @__PURE__ */ d(
+      a,
+      {
+        "data-testid": "jogging-joint-tab",
+        "aria-label": "jogging-joint-tab",
+        flexGrow: 1,
+        gap: 2,
+        sx: { padding: "18px 24px" },
+        children: [
+          /* @__PURE__ */ o(
+            w,
+            {
+              store: i,
+              useDegree: i.jointType === r.RevoluteJoint
+            }
+          ),
+          /* @__PURE__ */ o(s, {}),
+          /* @__PURE__ */ o(
+            a,
+            {
+              justifyContent: "center",
+              alignItems: "stretch",
+              sx: { flexGrow: "1" },
+              children: /* @__PURE__ */ o(
+                a,
+                {
+                  "data-testid": "jogging-joint-value-controls-wrapper",
+                  "aria-label": "jogging-joint-value-controls-wrapper",
+                  alignItems: "center",
+                  gap: "24px",
+                  children: i.jogger.motionStream.joints.map((t) => {
+                    var p, c, m;
+                    const e = (m = (c = (p = i.motionGroupDescription.operation_limits.auto_limits) == null ? void 0 : p.joints) == null ? void 0 : c[t.index]) == null ? void 0 : m.position;
+                    return /* @__PURE__ */ d(
+                      a,
+                      {
+                        "data-testid": `jogging-joint-value-control-${t.index}`,
+                        "aria-label": `jogging-joint-value-control-${t.index}`,
+                        direction: "row",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        spacing: 1.5,
+                        width: "100%",
+                        children: [
+                          i.showJointsLegend && /* @__PURE__ */ o(
+                            x,
+                            {
+                              color: i.isLocked ? l.palette.text.disabled : l.palette.text.secondary,
+                              children: `G${t.index + 1}`
+                            }
+                          ),
+                          /* @__PURE__ */ o(
+                            v,
+                            {
+                              disabled: i.isLocked,
+                              lowerLimit: e == null ? void 0 : e.lower_limit,
+                              upperLimit: e == null ? void 0 : e.upper_limit,
+                              useDegree: i.jointType === r.RevoluteJoint,
+                              getValue: () => {
+                                const n = i.jogger.motionStream.rapidlyChangingMotionState.joint_position[t.index];
+                                return n !== void 0 ? n : void 0;
+                              },
+                              startJogging: (n) => u({
+                                joint: t.index,
+                                direction: n
+                              }),
+                              stopJogging: j
+                            }
+                          )
+                        ]
+                      },
+                      `joint-${t.index}`
+                    );
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ o(f, { store: i }),
+          g && /* @__PURE__ */ o(s, {}),
+          g
+        ]
+      }
+    );
+  }
+);
+export {
+  $ as JoggingJointTab
+};
+//# sourceMappingURL=JoggingJointTab.js.map

package/dist/components/jogging/JoggingJointTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointTab.js","sources":["../../../src/components/jogging/JoggingJointTab.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Divider from \"@mui/material/Divider\"\nimport Stack from \"@mui/material/Stack\"\nimport Typography from \"@mui/material/Typography\"\nimport { JointTypeEnum } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport type { ReactNode } from \"react\"\nimport { JoggingJointLimitDetector } from \"./JoggingJointLimitDetector\"\nimport { JoggingJointValueControl } from \"./JoggingJointValueControl\"\nimport type { JoggingStore } from \"./JoggingStore\"\nimport { JoggingVelocitySlider } from \"./JoggingVelocitySlider\"\n\nexport const JoggingJointTab = observer(\n  ({ store, children }: { store: JoggingStore; children?: ReactNode }) => {\n    const theme = useTheme()\n    async function startJointJogging(opts: {\n      joint: number\n      direction: \"-\" | \"+\"\n    }) {\n      await store.activate()\n\n      await store.jogger.rotateJoints({\n        joint: opts.joint,\n        direction: opts.direction,\n        velocityUnit:\n          store.jointType === JointTypeEnum.PrismaticJoint ? \"mm/s\" : \"rad/s\",\n        velocityValue:\n          store.jointType === JointTypeEnum.PrismaticJoint\n            ? store.translationVelocityMmPerSec\n            : store.rotationVelocityRadsPerSec,\n      })\n    }\n\n    async function stopJointJogging() {\n      await store.jogger.stop()\n      await store.deactivate()\n    }\n\n    return (\n      <Stack\n        data-testid=\"jogging-joint-tab\"\n        aria-label=\"jogging-joint-tab\"\n        flexGrow={1}\n        gap={2}\n        sx={{ padding: \"18px 24px\" }}\n      >\n        <JoggingVelocitySlider\n          store={store}\n          useDegree={store.jointType === JointTypeEnum.RevoluteJoint}\n        />\n\n        <Divider />\n\n        <Stack\n          justifyContent=\"center\"\n          alignItems=\"stretch\"\n          sx={{ flexGrow: \"1\" }}\n        >\n          <Stack\n            data-testid=\"jogging-joint-value-controls-wrapper\"\n            aria-label=\"jogging-joint-value-controls-wrapper\"\n            alignItems=\"center\"\n            gap=\"24px\"\n          >\n            {store.jogger.motionStream.joints.map((joint) => {\n              const jointLimits =\n                store.motionGroupDescription.operation_limits.auto_limits\n                  ?.joints?.[joint.index]?.position\n\n              return (\n                <Stack\n                  key={`joint-${joint.index}`}\n                  data-testid={`jogging-joint-value-control-${joint.index}`}\n                  aria-label={`jogging-joint-value-control-${joint.index}`}\n                  direction=\"row\"\n                  alignItems=\"center\"\n                  justifyContent={\"center\"}\n                  spacing={1.5}\n                  width={\"100%\"}\n                >\n                  {store.showJointsLegend && (\n                    <Typography\n                      color={\n                        store.isLocked\n                          ? theme.palette.text.disabled\n                          : theme.palette.text.secondary\n                      }\n                    >\n                      {`G${joint.index + 1}`}\n                    </Typography>\n                  )}\n\n                  <JoggingJointValueControl\n                    disabled={store.isLocked}\n                    lowerLimit={jointLimits?.lower_limit}\n                    upperLimit={jointLimits?.upper_limit}\n                    useDegree={store.jointType === JointTypeEnum.RevoluteJoint}\n                    getValue={() => {\n                      const value =\n                        store.jogger.motionStream.rapidlyChangingMotionState\n                          .joint_position[joint.index]\n                      return value !== undefined ? value : undefined\n                    }}\n                    startJogging={(direction: \"-\" | \"+\") =>\n                      startJointJogging({\n                        joint: joint.index,\n                        direction,\n                      })\n                    }\n                    stopJogging={stopJointJogging}\n                  />\n                </Stack>\n              )\n            })}\n          </Stack>\n        </Stack>\n        <JoggingJointLimitDetector store={store} />\n\n        {children && <Divider />}\n\n        {/* Custom content */}\n        {children}\n      </Stack>\n    )\n  },\n)\n"],"names":["JoggingJointTab","observer","store","children","theme","useTheme","startJointJogging","opts","JointTypeEnum","stopJointJogging","jsxs","Stack","jsx","JoggingVelocitySlider","Divider","joint","jointLimits","_c","_b","_a","Typography","JoggingJointValueControl","value","direction","JoggingJointLimitDetector"],"mappings":"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"}

package/dist/components/jogging/JoggingJointValueControl.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),$=require("@mui/icons-material/ChevronLeft"),U=require("@mui/icons-material/ChevronRight"),H=require("@mui/material/styles"),V=require("@mui/material/IconButton"),K=require("@mui/material/Slider"),Q=require("@mui/material/Typography"),z=require("@mui/material/Stack"),X=require("@wandelbots/nova-js"),Y=require("lodash-es/throttle"),D=require("mobx-react-lite"),Z=require("react"),L=require("react-i18next"),tt=require("../../externalizeComponent.cjs"),et=require("../utils/hooks.cjs"),I=tt.externalizeComponent(D.observer(({startJogging:W,stopJogging:B,lowerLimit:r,upperLimit:i,useDegree:o,getValue:b,disabled:s,...F})=>{var J,m,k,P,C,q,y,S,j,E,M,R,w,N,T;const{t:h}=L.useTranslation(),[c,G]=Z.useState(),e=H.useTheme(),d={background:(J=e.palette.backgroundPaperElevation)==null?void 0:J[4],color:(m=e.palette.backgroundPaperElevation)==null?void 0:m[11]},l=D.useLocalObservable(()=>({activeJoggingDir:null,startJogging(t){this.activeJoggingDir=t,W(t)},stopJogging(){this.activeJoggingDir=null,B()}})),O=Y(()=>{const t=o?a(b()):b();(t===void 0||c===void 0||Math.abs(c-t)>1e-9)&&G(t)},50);et.useAnimationFrame(O);function a(t){if(t!==void 0)return X.radiansToDegrees(t)}function A(t){t.button===0&&l.startJogging("-")}function _(t){t.button===0&&l.startJogging("+")}function v(t){l.stopJogging()}function f(t){l.stopJogging()}function p(t,u=1){if(t===void 0||Number.isNaN(t))return"";const g=h("General.degree.variable",{amount:t.toFixed(u)});return t>0&&u===0?`+${g}`:g}function x(t,u=1){if(t===void 0||Number.isNaN(t))return"";const g=h("General.mm.variable",{amount:t.toFixed(u)});return t>0&&u===0?`+${g}`:g}return n.jsxs(z,{height:"64px",width:"100%",maxWidth:"260px",direction:"row",...F,sx:{"& .MuiIconButton-root":{width:"52px",color:e.palette.text.primary,alignContent:"center",backgroundColor:(k=e.palette.backgroundPaperElevation)==null?void 0:k[11],"& svg":{width:"42px",height:"42px"},"&.Mui-disabled":{backgroundColor:(P=e.palette.backgroundPaperElevation)==null?void 0:P[11],color:e.palette.action.disabled,opacity:1},"&:hover":{backgroundColor:(C=e.palette.backgroundPaperElevation)==null?void 0:C[9]},"&:active":{...d}}},children:[n.jsx(V,{onPointerDown:A,onPointerUp:v,onPointerOut:f,disabled:s,disableRipple:!0,sx:{borderRadius:"16px 0px 0px 16px",...l.activeJoggingDir==="-"?d:{}},children:n.jsx($,{sx:{pointerEvents:"none",color:(j=(S=(y=(q=e.componentsExt)==null?void 0:q.JoggingPanel)==null?void 0:y.JoggingJoint)==null?void 0:S.Joint)==null?void 0:j.arrowColor}})}),n.jsxs(z,{flexGrow:1,alignItems:"center",justifyContent:"center",sx:{borderStyle:"solid",borderLeftWidth:0,borderRightWidth:0,border:"none",backgroundColor:(E=e.palette.backgroundPaperElevation)==null?void 0:E[11],paddingLeft:"20px",paddingRight:"20px",zIndex:1},children:[n.jsx(Q,{sx:{fontSize:"15px",fontWeight:700,position:"relative",top:"5px",fontVariantNumeric:"tabular-nums",minWidth:"80px",textAlign:"center",color:s?e.palette.action.disabled:e.palette.text.primary},children:o?p(c):x(c)}),n.jsx(K,{disabled:!0,"aria-label":"Joint position",min:o?a(r):r,max:o?a(i):i,value:c||0,track:!1,sx:{"& .MuiSlider-mark":{display:"none"},"& .MuiSlider-thumb":{width:"5px",height:"12px",borderRadius:"2px",color:s?e.palette.action.disabled:e.palette.text.primary},"& .MuiSlider-markLabel":{top:"20px",fontSize:"12px",color:s?e.palette.action.disabled:e.palette.text.secondary},"& .MuiSlider-rail":{backgroundColor:(M=e.palette.backgroundPaperElevation)==null?void 0:M[5],opacity:1}},marks:r!==void 0&&i!==void 0&&[{value:o?a(r):r,label:o?p(a(r),0):x(r)},{value:o?a(i):i,label:o?p(a(i),0):x(i)}]})]}),n.jsx(V,{onPointerDown:_,onPointerUp:v,onPointerOut:f,disabled:s,disableRipple:!0,sx:{borderRadius:"0px 16px 16px 0px",...l.activeJoggingDir==="+"?d:{}},children:n.jsx(U,{sx:{pointerEvents:"none",color:(T=(N=(w=(R=e.componentsExt)==null?void 0:R.JoggingPanel)==null?void 0:w.JoggingJoint)==null?void 0:N.Joint)==null?void 0:T.arrowColor}})})]})}));exports.JoggingJointValueControl=I;exports.default=I;
+//# sourceMappingURL=JoggingJointValueControl.cjs.map

package/dist/components/jogging/JoggingJointValueControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointValueControl.cjs","sources":["../../../src/components/jogging/JoggingJointValueControl.tsx"],"sourcesContent":["import ChevronLeft from \"@mui/icons-material/ChevronLeft\"\nimport ChevronRight from \"@mui/icons-material/ChevronRight\"\nimport { useTheme } from \"@mui/material/styles\"\nimport IconButton from \"@mui/material/IconButton\"\nimport Slider from \"@mui/material/Slider\"\nimport Typography from \"@mui/material/Typography\"\nimport Stack from \"@mui/material/Stack\"\nimport { radiansToDegrees } from \"@wandelbots/nova-js\"\nimport throttle from \"lodash-es/throttle\"\nimport { observer, useLocalObservable } from \"mobx-react-lite\"\nimport { useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { useAnimationFrame } from \"../utils/hooks\"\n\ntype JoggingJointValueControlProps = {\n  startJogging: (direction: \"-\" | \"+\") => void\n  stopJogging: () => void\n  lowerLimit?: number\n  upperLimit?: number\n  useDegree: boolean\n  getValue: () => number | undefined\n  disabled?: boolean\n} & React.ComponentProps<typeof Stack>\n\n/** A input widget to control an individual joint */\nexport const JoggingJointValueControl = externalizeComponent(\n  observer(\n    ({\n      startJogging,\n      stopJogging,\n      lowerLimit,\n      upperLimit,\n      useDegree,\n      getValue,\n      disabled,\n      ...rest\n    }: JoggingJointValueControlProps) => {\n      const { t } = useTranslation()\n      const [currentValue, setCurrentValue] = useState<number | undefined>()\n      const theme = useTheme()\n\n      const pressedButtonStyle = {\n        background: theme.palette.backgroundPaperElevation?.[4],\n        color: theme.palette.backgroundPaperElevation?.[11],\n      }\n\n      const state = useLocalObservable(() => ({\n        activeJoggingDir: null as \"-\" | \"+\" | null,\n\n        startJogging(dir: \"-\" | \"+\") {\n          this.activeJoggingDir = dir\n          startJogging(dir)\n        },\n\n        stopJogging() {\n          this.activeJoggingDir = null\n          stopJogging()\n        },\n      }))\n\n      const updateValue = throttle(() => {\n        const newValue = useDegree ? convertToDegree(getValue()) : getValue()\n        if (\n          newValue === undefined ||\n          currentValue === undefined ||\n          Math.abs(currentValue - newValue) > 1e-9\n        ) {\n          setCurrentValue(newValue)\n        }\n      }, 50)\n\n      useAnimationFrame(updateValue)\n\n      function convertToDegree(value: number | undefined) {\n        if (value === undefined) {\n          return undefined\n        }\n        return radiansToDegrees(value)\n      }\n\n      function onPointerDownMinus(ev: React.PointerEvent) {\n        // Stop right click from triggering jog\n        if (ev.button === 0) state.startJogging(\"-\")\n      }\n\n      function onPointerDownPlus(ev: React.PointerEvent) {\n        if (ev.button === 0) state.startJogging(\"+\")\n      }\n\n      function onPointerUp(ev: React.PointerEvent) {\n        state.stopJogging()\n      }\n\n      function onPointerOut(ev: React.PointerEvent) {\n        state.stopJogging()\n      }\n\n      function formatDegrees(value: number | undefined, precision = 1) {\n        if (value === undefined || Number.isNaN(value)) return \"\"\n\n        const output = t(\"General.degree.variable\", {\n          amount: value.toFixed(precision),\n        })\n\n        if (value > 0 && precision === 0) {\n          return `+${output}`\n        } else {\n          return output\n        }\n      }\n      function formatMm(value: number | undefined, precision = 1) {\n        if (value === undefined || Number.isNaN(value)) return \"\"\n\n        const output = t(\"General.mm.variable\", {\n          amount: value.toFixed(precision),\n        })\n\n        if (value > 0 && precision === 0) {\n          return `+${output}`\n        } else {\n          return output\n        }\n      }\n\n      return (\n        <Stack\n          height=\"64px\"\n          width=\"100%\"\n          maxWidth=\"260px\"\n          direction=\"row\"\n          {...rest}\n          sx={{\n            \"& .MuiIconButton-root\": {\n              width: \"52px\",\n              color: theme.palette.text.primary,\n              alignContent: \"center\",\n              backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n              \"& svg\": {\n                width: \"42px\",\n                height: \"42px\",\n              },\n\n              \"&.Mui-disabled\": {\n                backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n                color: theme.palette.action.disabled,\n                opacity: 1,\n              },\n              \"&:hover\": {\n                backgroundColor: theme.palette.backgroundPaperElevation?.[9],\n              },\n              \"&:active\": {\n                ...pressedButtonStyle,\n              },\n            },\n          }}\n        >\n          <IconButton\n            onPointerDown={onPointerDownMinus}\n            onPointerUp={onPointerUp}\n            onPointerOut={onPointerOut}\n            disabled={disabled}\n            disableRipple\n            sx={{\n              borderRadius: \"16px 0px 0px 16px\",\n              ...(state.activeJoggingDir === \"-\" ? pressedButtonStyle : {}),\n            }}\n          >\n            <ChevronLeft\n              sx={{\n                pointerEvents: \"none\",\n                color:\n                  theme.componentsExt?.JoggingPanel?.JoggingJoint?.Joint\n                    ?.arrowColor,\n              }}\n            />\n          </IconButton>\n\n          <Stack\n            flexGrow={1}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            sx={{\n              borderStyle: \"solid\",\n              borderLeftWidth: 0,\n              borderRightWidth: 0,\n              border: \"none\",\n              backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n              paddingLeft: \"20px\",\n              paddingRight: \"20px\",\n              zIndex: 1,\n            }}\n          >\n            <Typography\n              sx={{\n                fontSize: \"15px\",\n                fontWeight: 700,\n                position: \"relative\",\n                top: \"5px\",\n                fontVariantNumeric: \"tabular-nums\",\n                minWidth: \"80px\",\n                textAlign: \"center\",\n\n                color: disabled\n                  ? theme.palette.action.disabled\n                  : theme.palette.text.primary,\n              }}\n            >\n              {useDegree ? formatDegrees(currentValue) : formatMm(currentValue)}\n            </Typography>\n\n            <Slider\n              disabled\n              aria-label=\"Joint position\"\n              min={useDegree ? convertToDegree(lowerLimit) : lowerLimit}\n              max={useDegree ? convertToDegree(upperLimit) : upperLimit}\n              value={currentValue || 0}\n              track={false}\n              sx={{\n                \"& .MuiSlider-mark\": {\n                  display: \"none\",\n                },\n                \"& .MuiSlider-thumb\": {\n                  width: \"5px\",\n                  height: \"12px\",\n                  borderRadius: \"2px\",\n                  color: disabled\n                    ? theme.palette.action.disabled\n                    : theme.palette.text.primary,\n                },\n                \"& .MuiSlider-markLabel\": {\n                  top: \"20px\",\n                  fontSize: \"12px\",\n                  color: disabled\n                    ? theme.palette.action.disabled\n                    : theme.palette.text.secondary,\n                },\n                \"& .MuiSlider-rail\": {\n                  backgroundColor: theme.palette.backgroundPaperElevation?.[5],\n                  opacity: 1,\n                },\n              }}\n              marks={\n                lowerLimit !== undefined &&\n                upperLimit !== undefined && [\n                  {\n                    value: (useDegree\n                      ? convertToDegree(lowerLimit)\n                      : lowerLimit) as number,\n                    label: useDegree\n                      ? formatDegrees(convertToDegree(lowerLimit), 0)\n                      : formatMm(lowerLimit),\n                  },\n                  {\n                    value: (useDegree\n                      ? convertToDegree(upperLimit)\n                      : upperLimit) as number,\n                    label: useDegree\n                      ? formatDegrees(convertToDegree(upperLimit), 0)\n                      : formatMm(upperLimit),\n                  },\n                ]\n              }\n            />\n          </Stack>\n\n          <IconButton\n            onPointerDown={onPointerDownPlus}\n            onPointerUp={onPointerUp}\n            onPointerOut={onPointerOut}\n            disabled={disabled}\n            disableRipple\n            sx={{\n              borderRadius: \"0px 16px 16px 0px\",\n              ...(state.activeJoggingDir === \"+\" ? pressedButtonStyle : {}),\n            }}\n          >\n            <ChevronRight\n              sx={{\n                pointerEvents: \"none\",\n                color:\n                  theme.componentsExt?.JoggingPanel?.JoggingJoint?.Joint\n                    ?.arrowColor,\n              }}\n            />\n          </IconButton>\n        </Stack>\n      )\n    },\n  ),\n)\n\nexport default JoggingJointValueControl\n"],"names":["JoggingJointValueControl","externalizeComponent","observer","startJogging","stopJogging","lowerLimit","upperLimit","useDegree","getValue","disabled","rest","t","useTranslation","currentValue","setCurrentValue","useState","theme","useTheme","pressedButtonStyle","_a","_b","state","useLocalObservable","dir","updateValue","throttle","newValue","convertToDegree","useAnimationFrame","value","radiansToDegrees","onPointerDownMinus","ev","onPointerDownPlus","onPointerUp","onPointerOut","formatDegrees","precision","output","formatMm","jsxs","Stack","_c","_d","_e","jsx","IconButton","ChevronLeft","_i","_h","_g","_f","_j","Typography","Slider","_k","ChevronRight","_o","_n","_m","_l"],"mappings":"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"}

package/dist/components/jogging/JoggingJointValueControl.d.ts

@@ -12,5 +12,5 @@ type JoggingJointValueControlProps = {
 export declare const JoggingJointValueControl: (({ startJogging, stopJogging, lowerLimit, upperLimit, useDegree, getValue, disabled, ...rest }: JoggingJointValueControlProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
-export {};
+export default JoggingJointValueControl;
 //# sourceMappingURL=JoggingJointValueControl.d.ts.map

package/dist/components/jogging/JoggingJointValueControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JoggingJointValueControl.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingJointValueControl.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,qBAAqB,CAAA;AASvC,KAAK,6BAA6B,GAAG;IACnC,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI,CAAA;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;AAEtC,oDAAoD;AACpD,eAAO,MAAM,wBAAwB,mGAW9B,6BAA6B;;CA6PnC,CAAA"}
+{"version":3,"file":"JoggingJointValueControl.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingJointValueControl.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,qBAAqB,CAAA;AASvC,KAAK,6BAA6B,GAAG;IACnC,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI,CAAA;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;AAEtC,oDAAoD;AACpD,eAAO,MAAM,wBAAwB,mGAW9B,6BAA6B;;CA6PnC,CAAA;AAED,eAAe,wBAAwB,CAAA"}