@wandelbots/wandelbots-js-react-components 5.5.1 → 5.5.2-pr.fix-performance-issues.594.d053ea2

package/dist/components/jogging/JoggingCartesianAxisControl.js

@@ -1,186 +0,0 @@
-import { jsxs as P, jsx as n } from "react/jsx-runtime";
-import { useTheme as z } from "@mui/material/styles";
-import R from "@mui/material/IconButton";
-import S from "@mui/material/Typography";
-import p from "@mui/material/Stack";
-import { observer as I } from "mobx-react-lite";
-import { useState as J, useEffect as O, useRef as F } from "react";
-import { externalizeComponent as U } from "../../externalizeComponent.js";
-import W from "../../icons/jog-minus.svg.js";
-import E from "../../icons/jog-plus.svg.js";
-import { useAnimationFrame as L } from "../utils/hooks.js";
-const _ = U(
-  I(
-    ({
-      colors: o,
-      label: $,
-      getDisplayedValue: f,
-      startJogging: y,
-      stopJogging: A,
-      disabled: t,
-      activeJoggingDirection: D,
-      ...T
-    }) => {
-      var m, C, h, k, B, v, w;
-      L(() => {
-        const e = f(), a = c.current;
-        a && (a.textContent = e);
-      });
-      const i = z(), [j, u] = J(null);
-      O(() => {
-        t && l();
-      }, [t]);
-      const d = D || j, c = F(null);
-      o || (o = {
-        color: "#fff",
-        backgroundColor: "#000",
-        borderColor: "#000",
-        buttonBackgroundColor: {
-          disabled: "#000",
-          default: "#000",
-          hovered: "#000",
-          pressed: "#000"
-        },
-        labelColor: "#000"
-      });
-      const r = d ? (m = o.buttonBackgroundColor) == null ? void 0 : m.pressed : o.borderColor, s = {
-        width: "55px",
-        color: o.color,
-        path: { fill: o.color },
-        alignContent: "center",
-        fontSize: "37px",
-        svg: {
-          pointerEvents: "none"
-        }
-      }, g = {
-        ...s,
-        backgroundColor: (C = o.buttonBackgroundColor) == null ? void 0 : C.default,
-        ":hover": {
-          backgroundColor: (h = o.buttonBackgroundColor) == null ? void 0 : h.hovered
-        },
-        ":active": {
-          backgroundColor: (k = o.buttonBackgroundColor) == null ? void 0 : k.pressed,
-          color: o.backgroundColor,
-          path: { fill: o.backgroundColor }
-        },
-        ":disabled": {
-          backgroundColor: (B = o.buttonBackgroundColor) == null ? void 0 : B.disabled,
-          "svg path": { fill: i.palette.action.disabled }
-        }
-      }, x = {
-        ...s,
-        backgroundColor: (v = o.buttonBackgroundColor) == null ? void 0 : v.pressed,
-        color: o.backgroundColor,
-        path: { fill: o.backgroundColor },
-        ":disabled": {
-          backgroundColor: (w = o.buttonBackgroundColor) == null ? void 0 : w.pressed,
-          "svg path": { fill: i.palette.action.disabled }
-        }
-      };
-      function b(e, a) {
-        t || e.button === 0 && (u(a), y(a));
-      }
-      function l() {
-        u(null), A();
-      }
-      return /* @__PURE__ */ P(p, { height: "64px", direction: "row", justifyContent: "center", ...T, children: [
-        /* @__PURE__ */ n(
-          R,
-          {
-            disabled: t,
-            disableRipple: !0,
-            onPointerDown: (e) => b(e, "-"),
-            onPointerUp: l,
-            onPointerOut: l,
-            size: "large",
-            sx: {
-              ...d === "-" ? x : g,
-              borderRadius: "16px 0px 0px 16px",
-              borderLeft: `2px solid ${r ?? "#fff"}`,
-              borderBottom: `2px solid ${r ?? "#fff"}`,
-              borderTop: `2px solid ${r ?? "#fff"}`
-            },
-            children: /* @__PURE__ */ n(W, {})
-          }
-        ),
-        /* @__PURE__ */ P(
-          p,
-          {
-            spacing: "6px",
-            sx: {
-              width: "150px",
-              backgroundColor: o.backgroundColor,
-              alignItems: "center",
-              justifyContent: "center",
-              opacity: "0.9",
-              borderBottom: `2px solid ${r ?? "#fff"}`,
-              borderTop: `2px solid ${r ?? "#fff"}`
-            },
-            children: [
-              /* @__PURE__ */ n(
-                p,
-                {
-                  height: "22px",
-                  direction: "row",
-                  alignItems: "center",
-                  justifyItems: "center",
-                  spacing: 1,
-                  sx: {
-                    userSelect: "none",
-                    color: o.color,
-                    ".MuiTypography-root": {
-                      fontWeight: 700,
-                      ...t ? { color: i.palette.action.disabled } : {}
-                    },
-                    ...t ? { "svg path": { fill: i.palette.action.disabled } } : {}
-                  },
-                  children: $
-                }
-              ),
-              /* @__PURE__ */ n(
-                S,
-                {
-                  height: "22px",
-                  sx: {
-                    fontSize: "15px",
-                    color: t ? i.palette.action.disabled : o.color,
-                    fontWeight: 700,
-                    fontVariantNumeric: "tabular-nums",
-                    minWidth: "80px",
-                    textAlign: "center"
-                  },
-                  ref: c,
-                  children: f()
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(
-          R,
-          {
-            disableRipple: !0,
-            disabled: t,
-            onPointerDown: (e) => b(e, "+"),
-            onPointerUp: l,
-            onPointerOut: l,
-            size: "large",
-            sx: {
-              ...d === "+" ? x : g,
-              borderRadius: "0px 16px 16px 0px",
-              borderRight: `2px solid ${r ?? "#fff"}`,
-              borderBottom: `2px solid ${r ?? "#fff"}`,
-              borderTop: `2px solid ${r ?? "#fff"}`
-            },
-            children: /* @__PURE__ */ n(E, {})
-          }
-        )
-      ] });
-    }
-  )
-);
-export {
-  _ as JoggingCartesianAxisControl,
-  _ as default
-};
-//# sourceMappingURL=JoggingCartesianAxisControl.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"JoggingCartesianAxisControl.js","sources":["../../../src/components/jogging/JoggingCartesianAxisControl.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport IconButton from \"@mui/material/IconButton\"\nimport Typography from \"@mui/material/Typography\"\nimport Stack from \"@mui/material/Stack\"\nimport { observer } from \"mobx-react-lite\"\nimport React, { useEffect, useRef, useState, type ReactNode } from \"react\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport JogMinus from \"../../icons/jog-minus.svg\"\nimport JogPlus from \"../../icons/jog-plus.svg\"\nimport type { AxisControlComponentColors } from \"../../themes/themeTypes\"\nimport { useAnimationFrame } from \"../utils/hooks\"\nimport type { JoggingDirection } from \"./JoggingStore\"\n\ntype JoggingCartesianAxisControlProps = {\n  colors?: AxisControlComponentColors\n  label: ReactNode\n  getDisplayedValue: () => string\n  startJogging: (direction: JoggingDirection) => void\n  stopJogging: () => void\n  disabled?: boolean\n  /** If set, the corresponding button will be rendered in the pressed state */\n  activeJoggingDirection?: JoggingDirection\n} & React.ComponentProps<typeof Stack>\n\n/** A input widget to control an individual cartesian axis */\nexport const JoggingCartesianAxisControl = externalizeComponent(\n  observer(\n    ({\n      colors,\n      label,\n      getDisplayedValue,\n      startJogging,\n      stopJogging,\n      disabled,\n      activeJoggingDirection,\n      ...rest\n    }: JoggingCartesianAxisControlProps) => {\n      useAnimationFrame(() => {\n        const displayValue = getDisplayedValue()\n        const element = valueContainerRef.current\n        if (!element) return\n\n        element.textContent = displayValue\n      })\n      const theme = useTheme()\n\n      const [localActiveJoggingDirection, setLocalActiveJoggingDirection] =\n        useState<JoggingDirection | null>(null)\n\n      // Trigger pointer \"release\" events because e.g. firefox does not trigger pointer events as soon as a component is disabled\n      // biome-ignore lint/correctness/useExhaustiveDependencies: pre-biome code\n      useEffect(() => {\n        if (!disabled) {\n          return\n        }\n        onPointerUpOrOut()\n      }, [disabled])\n\n      // Handle both controlled and uncontrolled states\n      const showJoggingDirection =\n        activeJoggingDirection || localActiveJoggingDirection\n\n      const valueContainerRef = useRef<HTMLParagraphElement>(null)\n\n      if (!colors) {\n        colors = {\n          color: \"#fff\",\n          backgroundColor: \"#000\",\n          borderColor: \"#000\",\n          buttonBackgroundColor: {\n            disabled: \"#000\",\n            default: \"#000\",\n            hovered: \"#000\",\n            pressed: \"#000\",\n          },\n          labelColor: \"#000\",\n        }\n      }\n\n      const borderColor = showJoggingDirection\n        ? colors.buttonBackgroundColor?.pressed\n        : colors.borderColor\n\n      const sxAxisControlButtonBase = {\n        width: \"55px\",\n        color: colors.color,\n        path: { fill: colors.color },\n        alignContent: \"center\",\n        fontSize: \"37px\",\n        svg: {\n          pointerEvents: \"none\",\n        },\n      }\n\n      const sxAxisControlButtonDefault = {\n        ...sxAxisControlButtonBase,\n        backgroundColor: colors.buttonBackgroundColor?.default,\n        \":hover\": {\n          backgroundColor: colors.buttonBackgroundColor?.hovered,\n        },\n        \":active\": {\n          backgroundColor: colors.buttonBackgroundColor?.pressed,\n          color: colors.backgroundColor,\n          path: { fill: colors.backgroundColor },\n        },\n        \":disabled\": {\n          backgroundColor: colors.buttonBackgroundColor?.disabled,\n          \"svg path\": { fill: theme.palette.action.disabled },\n        },\n      }\n\n      const sxAxisControlButtonPressed = {\n        ...sxAxisControlButtonBase,\n        backgroundColor: colors.buttonBackgroundColor?.pressed,\n        color: colors.backgroundColor,\n        path: { fill: colors.backgroundColor },\n        \":disabled\": {\n          backgroundColor: colors.buttonBackgroundColor?.pressed,\n          \"svg path\": { fill: theme.palette.action.disabled },\n        },\n      }\n\n      function onPointerDown(\n        ev: React.PointerEvent,\n        direction: JoggingDirection,\n      ) {\n        if (disabled) {\n          return\n        }\n\n        if (ev.button === 0) {\n          setLocalActiveJoggingDirection(direction)\n          startJogging(direction)\n        }\n      }\n\n      function onPointerUpOrOut() {\n        setLocalActiveJoggingDirection(null)\n        stopJogging()\n      }\n\n      return (\n        <Stack height=\"64px\" direction=\"row\" justifyContent=\"center\" {...rest}>\n          <IconButton\n            disabled={disabled}\n            disableRipple\n            onPointerDown={(ev: React.PointerEvent) => onPointerDown(ev, \"-\")}\n            onPointerUp={onPointerUpOrOut}\n            onPointerOut={onPointerUpOrOut}\n            size=\"large\"\n            sx={{\n              ...(showJoggingDirection === \"-\"\n                ? sxAxisControlButtonPressed\n                : sxAxisControlButtonDefault),\n              borderRadius: \"16px 0px 0px 16px\",\n              borderLeft: `2px solid ${borderColor ?? \"#fff\"}`,\n              borderBottom: `2px solid ${borderColor ?? \"#fff\"}`,\n              borderTop: `2px solid ${borderColor ?? \"#fff\"}`,\n            }}\n          >\n            <JogMinus />\n          </IconButton>\n\n          <Stack\n            spacing=\"6px\"\n            sx={{\n              width: \"150px\",\n              backgroundColor: colors.backgroundColor,\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              opacity: \"0.9\",\n              borderBottom: `2px solid ${borderColor ?? \"#fff\"}`,\n              borderTop: `2px solid ${borderColor ?? \"#fff\"}`,\n            }}\n          >\n            <Stack\n              height=\"22px\"\n              direction=\"row\"\n              alignItems=\"center\"\n              justifyItems=\"center\"\n              spacing={1}\n              sx={{\n                userSelect: \"none\",\n                color: colors.color,\n                \".MuiTypography-root\": {\n                  fontWeight: 700,\n                  ...(disabled ? { color: theme.palette.action.disabled } : {}),\n                },\n                ...(disabled\n                  ? { \"svg path\": { fill: theme.palette.action.disabled } }\n                  : {}),\n              }}\n            >\n              {label}\n            </Stack>\n            <Typography\n              height=\"22px\"\n              sx={{\n                fontSize: \"15px\",\n                color: disabled ? theme.palette.action.disabled : colors.color,\n                fontWeight: 700,\n                fontVariantNumeric: \"tabular-nums\",\n                minWidth: \"80px\",\n                textAlign: \"center\",\n              }}\n              ref={valueContainerRef}\n            >\n              {getDisplayedValue()}\n            </Typography>\n          </Stack>\n\n          <IconButton\n            disableRipple\n            disabled={disabled}\n            onPointerDown={(ev: React.PointerEvent) => onPointerDown(ev, \"+\")}\n            onPointerUp={onPointerUpOrOut}\n            onPointerOut={onPointerUpOrOut}\n            size=\"large\"\n            sx={{\n              ...(showJoggingDirection === \"+\"\n                ? sxAxisControlButtonPressed\n                : sxAxisControlButtonDefault),\n              borderRadius: \"0px 16px 16px 0px\",\n              borderRight: `2px solid ${borderColor ?? \"#fff\"}`,\n              borderBottom: `2px solid ${borderColor ?? \"#fff\"}`,\n              borderTop: `2px solid ${borderColor ?? \"#fff\"}`,\n            }}\n          >\n            <JogPlus />\n          </IconButton>\n        </Stack>\n      )\n    },\n  ),\n)\n\nexport default JoggingCartesianAxisControl\n"],"names":["JoggingCartesianAxisControl","externalizeComponent","observer","colors","label","getDisplayedValue","startJogging","stopJogging","disabled","activeJoggingDirection","rest","useAnimationFrame","displayValue","element","valueContainerRef","theme","useTheme","localActiveJoggingDirection","setLocalActiveJoggingDirection","useState","useEffect","onPointerUpOrOut","showJoggingDirection","useRef","borderColor","_a","sxAxisControlButtonBase","sxAxisControlButtonDefault","_b","_c","_d","_e","sxAxisControlButtonPressed","_f","_g","onPointerDown","ev","direction","jsxs","Stack","jsx","IconButton","JogMinus","Typography","JogPlus"],"mappings":"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"}

package/dist/components/jogging/JoggingCartesianTab.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),h=require("@mui/material/styles"),j=require("@mui/material/Divider"),g=require("@mui/material/Stack"),J=require("@mui/material/ToggleButton"),T=require("@mui/material/Typography"),l=require("@wandelbots/nova-js"),I=require("mobx-react-lite"),q=require("react-i18next"),P=require("../../icons/axis-x.svg.cjs"),R=require("../../icons/axis-y.svg.cjs"),D=require("../../icons/axis-z.svg.cjs"),L=require("../../icons/rotation.svg.cjs"),k=require("../utils/hooks.cjs"),f=require("./JoggingCartesianAxisControl.cjs"),w=require("./JoggingJointLimitDetector.cjs"),V=require("./JoggingOptions.cjs"),_=require("./JoggingToggleButtonGroup.cjs"),G=require("./JoggingVelocitySlider.cjs"),O=I.observer(({store:e,children:u})=>{const{t:c}=q.useTranslation(),s=h.useTheme();function v(t,o){(o==="translate"||o==="rotate")&&e.setSelectedCartesianMotionType(o)}k.useReaction(()=>[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}`))},{fireImmediately:!0});async function S(t,o){const a=await e.activate(),n=a.motionStream.rapidlyChangingMotionState.tcp_pose,r=a.motionStream.rapidlyChangingMotionState.joint_position;n&&await e.withMotionLock(async()=>{try{e.setCurrentIncrementJog({axis:t.axis,direction:t.direction}),await e.jogger.runIncrementalCartesianMotion({currentTcpPose:n,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:o.mm}:{type:"rotate",distanceRads:l.degreesToRadians(o.degrees)}})}finally{e.setCurrentIncrementJog(null),await e.deactivate()}})}async function m(t){if(!e.isLocked){if(await e.activate(),e.activeDiscreteIncrement)return S(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 p(){e.isLocked||e.activeDiscreteIncrement||await e.deactivate()}function d(t,o,a){var r,y,C;const n=(C=(y=(r=a.componentsExt)==null?void 0:r.JoggingPanel)==null?void 0:y.JoggingCartesian)==null?void 0:C.Axis;if(n)return o==="translate"?n[t]:n.CustomRotation??n[t]}const x=[{id:"x",icon:i.jsx(P.default,{}),colors:d("X",e.selectedCartesianMotionType,s)},{id:"y",icon:i.jsx(R.default,{}),colors:d("Y",e.selectedCartesianMotionType,s)},{id:"z",icon:i.jsx(D.default,{}),colors:d("Z",e.selectedCartesianMotionType,s)}];function b(t){return c("General.mm.variable",{amount:t.toFixed(1)})}function M(t){return c("General.degree.variable",{amount:l.radiansToDegrees(t).toFixed(1)})}return i.jsxs(g,{"data-testid":"jogging-cartesian-tab","aria-label":"jogging-cartesian-tab",flexGrow:1,gap:2,sx:{padding:"18px 24px"},children:[i.jsxs(g,{gap:2,children:[i.jsx(V.JoggingOptions,{store:e,useDegree:e.selectedCartesianMotionType==="rotate"}),i.jsx(G.JoggingVelocitySlider,{store:e,useDegree:e.selectedCartesianMotionType==="rotate"}),i.jsx(j,{})]}),i.jsx(g,{marginLeft:"auto",marginRight:"auto",gap:"24px",justifyContent:"center",sx:{flexGrow:"1"},children:i.jsxs(g,{alignItems:"center",justifyContent:"center",gap:"24px",sx:{flexGrow:1},children:[i.jsxs(_.JoggingToggleButtonGroup,{value:e.selectedCartesianMotionType,onChange:v,exclusive:!0,"aria-label":c("Jogging.Cartesian.MotionType.lb"),sx:{justifyContent:"center"},children:[i.jsx(J,{value:"translate",children:c("Jogging.Cartesian.Translation.bt")}),i.jsx(J,{value:"rotate",children:c("Jogging.Cartesian.Rotation.bt")})]}),e.selectedCartesianMotionType==="translate"&&x.map(t=>{var o,a;return i.jsx(f.JoggingCartesianAxisControl,{"data-testid":`jogging-cartesian-axis-control-${t.id}`,"aria-label":`jogging-cartesian-axis-control-${t.id}`,colors:t.colors,disabled:e.isLocked,activeJoggingDirection:((o=e.incrementJogInProgress)==null?void 0:o.axis)===t.id?e.incrementJogInProgress.direction:void 0,label:i.jsxs(i.Fragment,{children:[t.icon,i.jsx(T,{sx:{fontSize:"24px",color:((a=t.colors)==null?void 0:a.labelColor)??s.palette.text.primary},children:t.id.toUpperCase()})]}),getDisplayedValue:()=>{var n,r;return b(((r=(n=e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose)==null?void 0:n.position)==null?void 0:r[l.XYZ_TO_VECTOR[t.id]])||0)},startJogging:n=>m({axis:t.id,motionType:"translate",direction:n}),stopJogging:p},t.id)}),e.selectedCartesianMotionType==="rotate"&&x.map(t=>{var o,a;return i.jsx(f.JoggingCartesianAxisControl,{"data-testid":`jogging-cartesian-axis-control-${t.id}`,"aria-label":`jogging-cartesian-axis-control-${t.id}`,colors:t.colors,disabled:e.isLocked,activeJoggingDirection:((o=e.incrementJogInProgress)==null?void 0:o.axis)===t.id?e.incrementJogInProgress.direction:void 0,label:i.jsxs(i.Fragment,{children:[i.jsx(L.default,{}),i.jsx(T,{sx:{fontSize:"24px",color:((a=t.colors)==null?void 0:a.labelColor)??s.palette.text.primary},children:t.id.toUpperCase()})]}),getDisplayedValue:()=>{var n,r;return M(((r=(n=e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose)==null?void 0:n.orientation)==null?void 0:r[l.XYZ_TO_VECTOR[t.id]])||0)},startJogging:n=>m({axis:t.id,motionType:"rotate",direction:n}),stopJogging:p},t.id)})]})}),i.jsx(w.JoggingJointLimitDetector,{store:e}),u&&i.jsx(j,{}),u]})});exports.JoggingCartesianTab=O;
-//# sourceMappingURL=JoggingCartesianTab.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"JoggingCartesianTab.cjs","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/JoggingCartesianTab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JoggingCartesianTab.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingCartesianTab.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAIV,YAAY,EACb,MAAM,gBAAgB,CAAA;AAUvB,eAAO,MAAM,mBAAmB,0BAI3B;IACD,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;;CAiTF,CAAA"}

package/dist/components/jogging/JoggingCartesianTab.js

@@ -1,267 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/JoggingFreedriveTab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JoggingFreedriveTab.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingFreedriveTab.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,+CAM/B,CAAA"}

package/dist/components/jogging/JoggingJointLimitDetector.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("@mui/material/Typography"),d=require("lodash-es/isEqual.js"),l=require("mobx-react-lite"),r=require("react"),u=require("react-i18next"),h=require("../utils/hooks.cjs"),j=l.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;d(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

@@ -1 +0,0 @@
-{"version":3,"file":"JoggingJointLimitDetector.cjs","sources":["../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\"\nimport isEqual from \"lodash-es/isEqual.js\"\nimport { observer } from \"mobx-react-lite\"\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":"wSAYaA,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.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JoggingJointLimitDetector.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,eACxB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE;;CA2CpC,CAAA"}