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

package/dist/components/jogging/JoggingJointValueControl.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointValueControl.js","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/JoggingOptions.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("@mui/material/Box"),a=require("@mui/material/MenuItem"),m=require("mobx-react-lite"),p=require("react"),h=require("react-i18next"),d=require("../experimental/utils/AdornedSelect.cjs"),b=require("./JoggingStore.cjs"),v=m.observer(({store:n,useDegree:g})=>{var s;const{t:l}=h.useTranslation(),o=p.useId(),i=[];function u(e){switch(e){case"coordsys":return l("Jogging.Orientation.coordsys");case"tool":return l("Jogging.Orientation.tool");default:return e}}return n.showCoordSystemSelect&&i.push(t.jsx(d.default,{labelId:`jogging-coord-select-${o}`,labelValue:l("Jogging.CoordinateSystem.hlb"),value:n.selectedCoordSystemId,size:"small",variant:"filled",displayEmpty:!0,onChange:e=>n.setSelectedCoordSystemId(e.target.value),disabled:n.isLocked,children:n.coordSystems.map(e=>t.jsx(a,{value:e.coordinate_system,children:e.name&&n.coordSystemCountByName[e.name]>1?`${e.name} / ${e.coordinate_system}`:e.name||e.coordinate_system},e.coordinate_system))},"coord")),n.showTcpSelect&&i.push(t.jsx(d.default,{labelId:`jogging-tcp-select-${o}`,labelValue:"TCP",value:n.selectedTcpId,size:"small",variant:"filled",onChange:e=>n.setSelectedTcpId(e.target.value),disabled:n.isLocked,children:n.tcps.map(e=>t.jsx(a,{value:e.id,children:e.id},e.id))},"tcp")),n.showOrientationSelect&&i.push(t.jsx(d.default,{labelValue:l("Jogging.Cartesian.Orientation.lb"),labelId:`orientation-select-${o}`,value:n.selectedOrientation,onChange:e=>n.setSelectedOrientation(e.target.value),disabled:n.isLocked,children:b.ORIENTATION_IDS.map(e=>t.jsx(a,{value:e,children:u(e)},e))},"orientation")),n.showIncrementSelect&&i.push(t.jsxs(d.default,{labelValue:l("Jogging.Increment.hlb"),labelId:`jogging-increment-select-${o}`,size:"small",variant:"filled",value:((s=n.activeDiscreteIncrement)==null?void 0:s.id)||"continuous",onChange:e=>n.setSelectedIncrementId(e.target.value),disabled:n.isLocked,children:[t.jsx(a,{value:"continuous",children:l("Jogging.Increment.Continuous.dd")},"continuous"),n.selectedOrientation==="tool"?null:n.discreteIncrementOptions.map(e=>t.jsx(a,{value:e.id,children:g?`${e.degrees}°`:`${e.mm}mm`},e.id))]},"increment")),t.jsx(r,{component:"div","data-testid":"jogging-options","aria-label":"jogging-options",sx:{display:"grid",gap:"16px",gridTemplateColumns:"1fr 1fr",gridAutoRows:"min-content","& label":{opacity:.7,fontSize:"12px",marginBottom:"4px"}},children:i.map((e,c)=>t.jsx(r,{sx:{gridColumn:i.length%2===1&&c===i.length-1?"span 2":"auto"},children:e},c))})});exports.JoggingOptions=v;
+//# sourceMappingURL=JoggingOptions.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingOptions.cjs","sources":["../../../src/components/jogging/JoggingOptions.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\"\nimport MenuItem from \"@mui/material/MenuItem\"\nimport { observer } from \"mobx-react-lite\"\nimport { useId } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport AdornedSelect from \"../experimental/utils/AdornedSelect\"\nimport {\n  ORIENTATION_IDS,\n  type IncrementOptionId,\n  type JoggingStore,\n  type OrientationId,\n} from \"./JoggingStore\"\n\nexport const JoggingOptions = observer(\n  ({ store, useDegree }: { store: JoggingStore; useDegree: boolean }) => {\n    const { t } = useTranslation()\n    const componentId = useId()\n    const joggingOptions: React.ReactElement[] = []\n\n    function translateOrientation(orientation: OrientationId): string {\n      switch (orientation) {\n        case \"coordsys\":\n          return t(\"Jogging.Orientation.coordsys\")\n        case \"tool\":\n          return t(\"Jogging.Orientation.tool\")\n        default:\n          return orientation\n      }\n    }\n\n    if (store.showCoordSystemSelect) {\n      joggingOptions.push(\n        <AdornedSelect\n          key=\"coord\"\n          labelId={`jogging-coord-select-${componentId}`}\n          labelValue={t(\"Jogging.CoordinateSystem.hlb\")}\n          value={store.selectedCoordSystemId}\n          size=\"small\"\n          variant=\"filled\"\n          displayEmpty={true}\n          onChange={(event) =>\n            store.setSelectedCoordSystemId(event.target.value as string)\n          }\n          disabled={store.isLocked}\n        >\n          {store.coordSystems.map((cs) => (\n            <MenuItem key={cs.coordinate_system} value={cs.coordinate_system}>\n              {cs.name && store.coordSystemCountByName[cs.name] > 1\n                ? `${cs.name} / ${cs.coordinate_system}`\n                : cs.name || cs.coordinate_system}\n            </MenuItem>\n          ))}\n        </AdornedSelect>,\n      )\n    }\n\n    if (store.showTcpSelect) {\n      joggingOptions.push(\n        <AdornedSelect\n          key=\"tcp\"\n          labelId={`jogging-tcp-select-${componentId}`}\n          labelValue=\"TCP\"\n          value={store.selectedTcpId}\n          size=\"small\"\n          variant=\"filled\"\n          onChange={(event) =>\n            store.setSelectedTcpId(event.target.value as string)\n          }\n          disabled={store.isLocked}\n        >\n          {store.tcps.map((tcp) => (\n            <MenuItem key={tcp.id} value={tcp.id}>\n              {tcp.id}\n            </MenuItem>\n          ))}\n        </AdornedSelect>,\n      )\n    }\n\n    if (store.showOrientationSelect) {\n      joggingOptions.push(\n        <AdornedSelect\n          key=\"orientation\"\n          labelValue={t(\"Jogging.Cartesian.Orientation.lb\")}\n          labelId={`orientation-select-${componentId}`}\n          value={store.selectedOrientation}\n          onChange={(event) =>\n            store.setSelectedOrientation(event.target.value as OrientationId)\n          }\n          disabled={store.isLocked}\n        >\n          {ORIENTATION_IDS.map((orientationId) => (\n            <MenuItem key={orientationId} value={orientationId}>\n              {translateOrientation(orientationId)}\n            </MenuItem>\n          ))}\n        </AdornedSelect>,\n      )\n    }\n\n    if (store.showIncrementSelect) {\n      joggingOptions.push(\n        <AdornedSelect\n          key=\"increment\"\n          labelValue={t(\"Jogging.Increment.hlb\")}\n          labelId={`jogging-increment-select-${componentId}`}\n          size=\"small\"\n          variant=\"filled\"\n          value={store.activeDiscreteIncrement?.id || \"continuous\"}\n          onChange={(event) =>\n            store.setSelectedIncrementId(\n              event.target.value as IncrementOptionId,\n            )\n          }\n          disabled={store.isLocked}\n        >\n          <MenuItem key=\"continuous\" value=\"continuous\">\n            {t(\"Jogging.Increment.Continuous.dd\")}\n          </MenuItem>\n\n          {store.selectedOrientation === \"tool\"\n            ? null\n            : store.discreteIncrementOptions.map((inc) => (\n                <MenuItem key={inc.id} value={inc.id}>\n                  {useDegree ? `${inc.degrees}°` : `${inc.mm}mm`}\n                </MenuItem>\n              ))}\n        </AdornedSelect>,\n      )\n    }\n\n    return (\n      <Box\n        component=\"div\"\n        data-testid=\"jogging-options\"\n        aria-label=\"jogging-options\"\n        sx={{\n          display: \"grid\",\n          gap: \"16px\",\n          gridTemplateColumns: \"1fr 1fr\",\n          gridAutoRows: \"min-content\",\n          \"& label\": { opacity: 0.7, fontSize: \"12px\", marginBottom: \"4px\" },\n        }}\n      >\n        {joggingOptions.map((select, idx) => (\n          <Box\n            // biome-ignore lint/suspicious/noArrayIndexKey: pre-biome code\n            key={idx}\n            sx={{\n              gridColumn:\n                joggingOptions.length % 2 === 1 &&\n                idx === joggingOptions.length - 1\n                  ? \"span 2\"\n                  : \"auto\",\n            }}\n          >\n            {select}\n          </Box>\n        ))}\n      </Box>\n    )\n  },\n)\n"],"names":["JoggingOptions","observer","store","useDegree","t","useTranslation","componentId","useId","joggingOptions","translateOrientation","orientation","jsx","AdornedSelect","event","cs","MenuItem","tcp","ORIENTATION_IDS","orientationId","jsxs","_a","inc","Box","select","idx"],"mappings":"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"}

package/dist/components/jogging/JoggingOptions.js

@@ -0,0 +1,117 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import c from "@mui/material/Box";
+import l from "@mui/material/MenuItem";
+import { observer as p } from "mobx-react-lite";
+import { useId as h } from "react";
+import { useTranslation as f } from "react-i18next";
+import d from "../experimental/utils/AdornedSelect.js";
+import { ORIENTATION_IDS as v } from "./JoggingStore.js";
+const T = p(
+  ({ store: n, useDegree: m }) => {
+    var r;
+    const { t: o } = f(), a = h(), i = [];
+    function g(e) {
+      switch (e) {
+        case "coordsys":
+          return o("Jogging.Orientation.coordsys");
+        case "tool":
+          return o("Jogging.Orientation.tool");
+        default:
+          return e;
+      }
+    }
+    return n.showCoordSystemSelect && i.push(
+      /* @__PURE__ */ t(
+        d,
+        {
+          labelId: `jogging-coord-select-${a}`,
+          labelValue: o("Jogging.CoordinateSystem.hlb"),
+          value: n.selectedCoordSystemId,
+          size: "small",
+          variant: "filled",
+          displayEmpty: !0,
+          onChange: (e) => n.setSelectedCoordSystemId(e.target.value),
+          disabled: n.isLocked,
+          children: n.coordSystems.map((e) => /* @__PURE__ */ t(l, { value: e.coordinate_system, children: e.name && n.coordSystemCountByName[e.name] > 1 ? `${e.name} / ${e.coordinate_system}` : e.name || e.coordinate_system }, e.coordinate_system))
+        },
+        "coord"
+      )
+    ), n.showTcpSelect && i.push(
+      /* @__PURE__ */ t(
+        d,
+        {
+          labelId: `jogging-tcp-select-${a}`,
+          labelValue: "TCP",
+          value: n.selectedTcpId,
+          size: "small",
+          variant: "filled",
+          onChange: (e) => n.setSelectedTcpId(e.target.value),
+          disabled: n.isLocked,
+          children: n.tcps.map((e) => /* @__PURE__ */ t(l, { value: e.id, children: e.id }, e.id))
+        },
+        "tcp"
+      )
+    ), n.showOrientationSelect && i.push(
+      /* @__PURE__ */ t(
+        d,
+        {
+          labelValue: o("Jogging.Cartesian.Orientation.lb"),
+          labelId: `orientation-select-${a}`,
+          value: n.selectedOrientation,
+          onChange: (e) => n.setSelectedOrientation(e.target.value),
+          disabled: n.isLocked,
+          children: v.map((e) => /* @__PURE__ */ t(l, { value: e, children: g(e) }, e))
+        },
+        "orientation"
+      )
+    ), n.showIncrementSelect && i.push(
+      /* @__PURE__ */ u(
+        d,
+        {
+          labelValue: o("Jogging.Increment.hlb"),
+          labelId: `jogging-increment-select-${a}`,
+          size: "small",
+          variant: "filled",
+          value: ((r = n.activeDiscreteIncrement) == null ? void 0 : r.id) || "continuous",
+          onChange: (e) => n.setSelectedIncrementId(
+            e.target.value
+          ),
+          disabled: n.isLocked,
+          children: [
+            /* @__PURE__ */ t(l, { value: "continuous", children: o("Jogging.Increment.Continuous.dd") }, "continuous"),
+            n.selectedOrientation === "tool" ? null : n.discreteIncrementOptions.map((e) => /* @__PURE__ */ t(l, { value: e.id, children: m ? `${e.degrees}°` : `${e.mm}mm` }, e.id))
+          ]
+        },
+        "increment"
+      )
+    ), /* @__PURE__ */ t(
+      c,
+      {
+        component: "div",
+        "data-testid": "jogging-options",
+        "aria-label": "jogging-options",
+        sx: {
+          display: "grid",
+          gap: "16px",
+          gridTemplateColumns: "1fr 1fr",
+          gridAutoRows: "min-content",
+          "& label": { opacity: 0.7, fontSize: "12px", marginBottom: "4px" }
+        },
+        children: i.map((e, s) => /* @__PURE__ */ t(
+          c,
+          {
+            sx: {
+              gridColumn: i.length % 2 === 1 && s === i.length - 1 ? "span 2" : "auto"
+            },
+            children: e
+          },
+          s
+        ))
+      }
+    );
+  }
+);
+export {
+  T as JoggingOptions
+};
+//# sourceMappingURL=JoggingOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingOptions.js","sources":["../../../src/components/jogging/JoggingOptions.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\"\nimport MenuItem from \"@mui/material/MenuItem\"\nimport { observer } from \"mobx-react-lite\"\nimport { useId } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport AdornedSelect from \"../experimental/utils/AdornedSelect\"\nimport {\n  ORIENTATION_IDS,\n  type IncrementOptionId,\n  type JoggingStore,\n  type OrientationId,\n} from \"./JoggingStore\"\n\nexport const JoggingOptions = observer(\n  ({ store, useDegree }: { store: JoggingStore; useDegree: boolean }) => {\n    const { t } = useTranslation()\n    const componentId = useId()\n    const joggingOptions: React.ReactElement[] = []\n\n    function translateOrientation(orientation: OrientationId): string {\n      switch (orientation) {\n        case \"coordsys\":\n          return t(\"Jogging.Orientation.coordsys\")\n        case \"tool\":\n          return t(\"Jogging.Orientation.tool\")\n        default:\n          return orientation\n      }\n    }\n\n    if (store.showCoordSystemSelect) {\n      joggingOptions.push(\n        <AdornedSelect\n          key=\"coord\"\n          labelId={`jogging-coord-select-${componentId}`}\n          labelValue={t(\"Jogging.CoordinateSystem.hlb\")}\n          value={store.selectedCoordSystemId}\n          size=\"small\"\n          variant=\"filled\"\n          displayEmpty={true}\n          onChange={(event) =>\n            store.setSelectedCoordSystemId(event.target.value as string)\n          }\n          disabled={store.isLocked}\n        >\n          {store.coordSystems.map((cs) => (\n            <MenuItem key={cs.coordinate_system} value={cs.coordinate_system}>\n              {cs.name && store.coordSystemCountByName[cs.name] > 1\n                ? `${cs.name} / ${cs.coordinate_system}`\n                : cs.name || cs.coordinate_system}\n            </MenuItem>\n          ))}\n        </AdornedSelect>,\n      )\n    }\n\n    if (store.showTcpSelect) {\n      joggingOptions.push(\n        <AdornedSelect\n          key=\"tcp\"\n          labelId={`jogging-tcp-select-${componentId}`}\n          labelValue=\"TCP\"\n          value={store.selectedTcpId}\n          size=\"small\"\n          variant=\"filled\"\n          onChange={(event) =>\n            store.setSelectedTcpId(event.target.value as string)\n          }\n          disabled={store.isLocked}\n        >\n          {store.tcps.map((tcp) => (\n            <MenuItem key={tcp.id} value={tcp.id}>\n              {tcp.id}\n            </MenuItem>\n          ))}\n        </AdornedSelect>,\n      )\n    }\n\n    if (store.showOrientationSelect) {\n      joggingOptions.push(\n        <AdornedSelect\n          key=\"orientation\"\n          labelValue={t(\"Jogging.Cartesian.Orientation.lb\")}\n          labelId={`orientation-select-${componentId}`}\n          value={store.selectedOrientation}\n          onChange={(event) =>\n            store.setSelectedOrientation(event.target.value as OrientationId)\n          }\n          disabled={store.isLocked}\n        >\n          {ORIENTATION_IDS.map((orientationId) => (\n            <MenuItem key={orientationId} value={orientationId}>\n              {translateOrientation(orientationId)}\n            </MenuItem>\n          ))}\n        </AdornedSelect>,\n      )\n    }\n\n    if (store.showIncrementSelect) {\n      joggingOptions.push(\n        <AdornedSelect\n          key=\"increment\"\n          labelValue={t(\"Jogging.Increment.hlb\")}\n          labelId={`jogging-increment-select-${componentId}`}\n          size=\"small\"\n          variant=\"filled\"\n          value={store.activeDiscreteIncrement?.id || \"continuous\"}\n          onChange={(event) =>\n            store.setSelectedIncrementId(\n              event.target.value as IncrementOptionId,\n            )\n          }\n          disabled={store.isLocked}\n        >\n          <MenuItem key=\"continuous\" value=\"continuous\">\n            {t(\"Jogging.Increment.Continuous.dd\")}\n          </MenuItem>\n\n          {store.selectedOrientation === \"tool\"\n            ? null\n            : store.discreteIncrementOptions.map((inc) => (\n                <MenuItem key={inc.id} value={inc.id}>\n                  {useDegree ? `${inc.degrees}°` : `${inc.mm}mm`}\n                </MenuItem>\n              ))}\n        </AdornedSelect>,\n      )\n    }\n\n    return (\n      <Box\n        component=\"div\"\n        data-testid=\"jogging-options\"\n        aria-label=\"jogging-options\"\n        sx={{\n          display: \"grid\",\n          gap: \"16px\",\n          gridTemplateColumns: \"1fr 1fr\",\n          gridAutoRows: \"min-content\",\n          \"& label\": { opacity: 0.7, fontSize: \"12px\", marginBottom: \"4px\" },\n        }}\n      >\n        {joggingOptions.map((select, idx) => (\n          <Box\n            // biome-ignore lint/suspicious/noArrayIndexKey: pre-biome code\n            key={idx}\n            sx={{\n              gridColumn:\n                joggingOptions.length % 2 === 1 &&\n                idx === joggingOptions.length - 1\n                  ? \"span 2\"\n                  : \"auto\",\n            }}\n          >\n            {select}\n          </Box>\n        ))}\n      </Box>\n    )\n  },\n)\n"],"names":["JoggingOptions","observer","store","useDegree","t","useTranslation","componentId","useId","joggingOptions","translateOrientation","orientation","jsx","AdornedSelect","event","cs","MenuItem","tcp","ORIENTATION_IDS","orientationId","jsxs","_a","inc","Box","select","idx"],"mappings":"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"}

package/dist/components/jogging/JoggingPanel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),j=require("@mui/icons-material/OpenWith"),x=require("@mui/icons-material/Share"),g=require("@mui/material/Stack"),b=require("@mui/material/Tab"),f=require("@mui/material/Tabs"),v=require("@wandelbots/nova-js/v2"),S=require("lodash-es"),s=require("mobx"),l=require("mobx-react-lite"),c=require("react"),q=require("react-i18next"),J=require("../../externalizeComponent.cjs"),h=require("../../lib/JoggerConnection.cjs"),m=require("../LoadingCover.cjs"),C=require("./JoggingBlocked.cjs"),T=require("./JoggingCartesianTab.cjs"),I=require("./JoggingJointTab.cjs"),w=require("./JoggingStore.cjs"),u=J.externalizeComponent(l.observer(e=>{const t=S.isString(e.nova)?new v.NovaClient({instanceUrl:e.nova}):e.nova,o=l.useLocalObservable(()=>({joggingStore:null,loadingError:null}));async function a(){s.runInAction(()=>{o.loadingError=null,o.joggingStore=null});try{let n=e.store;if(!n){const r=await h.JoggerConnection.open(t,e.motionGroupId);n=await w.JoggingStore.loadFor(r)}s.runInAction(()=>{o.joggingStore=n}),e.onSetup&&e.onSetup(n)}catch(n){o.loadingError=n}}return c.useEffect(()=>(a(),e.store?()=>null:()=>{var n;(n=o.joggingStore)==null||n.dispose()}),[e.store,e.nova,e.motionGroupId]),c.useEffect(()=>{const n=o.joggingStore;n&&(e.locked?n.lock("external"):n.unlock("external"))},[o.joggingStore,e.locked]),i.jsx(g,{"data-testid":"jogging-panel","aria-label":"jogging-panel",sx:{maxWidth:"460px",minWidth:"320px",position:"relative",...e.sx},children:o.joggingStore?i.jsx(k,{store:o.joggingStore,children:e.children}):i.jsx(m.LoadingCover,{message:"Loading jogging",error:o.loadingError})})})),k=l.observer(({store:e,children:t})=>{const{t:o}=q.useTranslation();function a(){if(e.currentTab.id==="cartesian")return i.jsx(T.JoggingCartesianTab,{store:e,children:t});if(e.currentTab.id==="joint")return i.jsx(I.JoggingJointTab,{store:e,children:t})}return i.jsxs(g,{flexGrow:1,sx:{overflow:"hidden"},children:[i.jsx(f,{"data-testid":"jogging-tabs","aria-label":"jogging-tabs",value:e.tabIndex,onChange:e.onTabChange,variant:"fullWidth",children:e.tabs.map(n=>{const r=n.label==="Cartesian"?o("Jogging.Cartesian.bt"):o("Jogging.Joints.bt"),d=n.label==="cartesian"?i.jsx(j,{fontSize:"small",sx:{mr:1}}):i.jsx(x,{fontSize:"small",sx:{mr:1}});return i.jsx(b,{"data-testid":`jogging-tab-${n.id}`,"aria-label":`jogging-tab-${n.id}`,label:e.showTabIcons?i.jsxs(g,{direction:"row",alignItems:"center",children:[d,r]}):r,id:`jogging-tab-${n.id}`,"aria-controls":`jogging-tab-${n.id}`},n.id)})}),i.jsx(g,{flexGrow:1,position:"relative",sx:{overflowY:"auto",overflowX:"hidden"},children:a()}),e.blocked&&i.jsx(C.JoggingBlocked,{store:e})]})});exports.JoggingPanel=u;exports.default=u;
+//# sourceMappingURL=JoggingPanel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingPanel.cjs","sources":["../../../src/components/jogging/JoggingPanel.tsx"],"sourcesContent":["import MoveIcon from \"@mui/icons-material/OpenWith\"\nimport ShareIcon from \"@mui/icons-material/Share\"\nimport type { SxProps } from \"@mui/material/styles\"\nimport Stack from \"@mui/material/Stack\"\nimport Tab from \"@mui/material/Tab\"\nimport Tabs from \"@mui/material/Tabs\"\nimport { NovaClient } from \"@wandelbots/nova-js/v2\"\nimport { isString } from \"lodash-es\"\nimport { runInAction } from \"mobx\"\nimport { observer, useLocalObservable } from \"mobx-react-lite\"\nimport { useEffect } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { JoggerConnection } from \"../../lib/JoggerConnection\"\nimport { LoadingCover } from \"../LoadingCover\"\nimport { JoggingBlocked } from \"./JoggingBlocked\"\nimport { JoggingCartesianTab } from \"./JoggingCartesianTab\"\nimport { JoggingJointTab } from \"./JoggingJointTab\"\nimport { JoggingStore } from \"./JoggingStore\"\n\nexport type JoggingPanelTabId = \"cartesian\" | \"joint\"\n\nexport type JoggingPanelProps = {\n  /** Either an existing NovaClient or the base url of a deployed Nova instance */\n  nova: NovaClient | string\n  /** Id of the motion group to move e.g. 0@ur5e */\n  motionGroupId: string\n  /** Callback with the jogging panel's state store for further customization/config */\n  onSetup?: (store: JoggingStore) => void\n  /** Any children will go at the bottom of the panel under the default contents */\n  children?: React.ReactNode\n  /** Set this to true to disable jogging UI temporarily e.g. when a program is executing */\n  locked?: boolean\n  sx?: SxProps\n\n  /**\n   * To preserve state while the jogging panel is hidden, you can create and pass a\n   * JoggingStore here and it will be used instead of creating a new one.\n   */\n  store?: JoggingStore\n}\n\n/**\n * A high-level, opinionated UI panel for jogging a robot using the Wandelbots Platform API\n */\nexport const JoggingPanel = externalizeComponent(\n  observer((props: JoggingPanelProps) => {\n    const nova = isString(props.nova)\n      ? new NovaClient({ instanceUrl: props.nova })\n      : props.nova\n\n    const state = useLocalObservable(() => ({\n      joggingStore: null as JoggingStore | null,\n      loadingError: null as unknown | null,\n    }))\n\n    async function init() {\n      runInAction(() => {\n        state.loadingError = null\n        state.joggingStore = null\n      })\n\n      try {\n        let joggingStore = props.store\n        if (!joggingStore) {\n          const jogger = await JoggerConnection.open(nova, props.motionGroupId)\n          joggingStore = await JoggingStore.loadFor(jogger)\n        }\n        runInAction(() => {\n          state.joggingStore = joggingStore\n        })\n        if (props.onSetup) {\n          props.onSetup(joggingStore)\n        }\n      } catch (err) {\n        state.loadingError = err\n      }\n    }\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: pre-biome code\n    useEffect(() => {\n      init()\n      return props.store\n        ? () => null\n        : () => {\n            state.joggingStore?.dispose()\n          }\n    }, [props.store, props.nova, props.motionGroupId])\n\n    useEffect(() => {\n      const store = state.joggingStore\n      if (!store) return\n\n      if (props.locked) {\n        store.lock(\"external\")\n      } else {\n        store.unlock(\"external\")\n      }\n    }, [state.joggingStore, props.locked])\n\n    return (\n      <Stack\n        data-testid=\"jogging-panel\"\n        aria-label=\"jogging-panel\"\n        sx={{\n          maxWidth: \"460px\",\n          minWidth: \"320px\",\n          position: \"relative\",\n          ...props.sx,\n        }}\n      >\n        {state.joggingStore ? (\n          <JoggingPanelInner store={state.joggingStore}>\n            {props.children}\n          </JoggingPanelInner>\n        ) : (\n          <LoadingCover message=\"Loading jogging\" error={state.loadingError} />\n        )}\n      </Stack>\n    )\n  }),\n)\n\nconst JoggingPanelInner = observer(\n  ({\n    store,\n    children,\n  }: {\n    store: JoggingStore\n    children?: React.ReactNode\n    childrenJoint?: React.ReactNode\n  }) => {\n    const { t } = useTranslation()\n\n    function renderTabContent() {\n      if (store.currentTab.id === \"cartesian\") {\n        return (\n          <JoggingCartesianTab store={store}>{children}</JoggingCartesianTab>\n        )\n      } else if (store.currentTab.id === \"joint\") {\n        return <JoggingJointTab store={store}>{children}</JoggingJointTab>\n      }\n    }\n\n    return (\n      <Stack flexGrow={1} sx={{ overflow: \"hidden\" }}>\n        {/* Tab selection */}\n        <Tabs\n          data-testid=\"jogging-tabs\"\n          aria-label=\"jogging-tabs\"\n          value={store.tabIndex}\n          onChange={store.onTabChange}\n          variant=\"fullWidth\"\n        >\n          {store.tabs.map((tab) => {\n            const label =\n              tab.label === \"Cartesian\"\n                ? t(\"Jogging.Cartesian.bt\")\n                : t(\"Jogging.Joints.bt\")\n\n            const icon =\n              tab.label === \"cartesian\" ? (\n                <MoveIcon fontSize=\"small\" sx={{ mr: 1 }} />\n              ) : (\n                <ShareIcon fontSize=\"small\" sx={{ mr: 1 }} />\n              )\n\n            return (\n              <Tab\n                key={tab.id}\n                data-testid={`jogging-tab-${tab.id}`}\n                aria-label={`jogging-tab-${tab.id}`}\n                label={\n                  store.showTabIcons ? (\n                    <Stack direction=\"row\" alignItems=\"center\">\n                      {icon}\n                      {label}\n                    </Stack>\n                  ) : (\n                    label\n                  )\n                }\n                id={`jogging-tab-${tab.id}`}\n                aria-controls={`jogging-tab-${tab.id}`}\n              />\n            )\n          })}\n        </Tabs>\n        {/* Current tab content */}\n        <Stack\n          flexGrow={1}\n          position=\"relative\"\n          sx={{ overflowY: \"auto\", overflowX: \"hidden\" }}\n        >\n          {renderTabContent()}\n        </Stack>\n        {/* Overlay when jogging connection is blocked */}\n        {store.blocked && <JoggingBlocked store={store} />}\n      </Stack>\n    )\n  },\n)\n\nexport default JoggingPanel\n"],"names":["JoggingPanel","externalizeComponent","observer","props","nova","isString","NovaClient","state","useLocalObservable","init","runInAction","joggingStore","jogger","JoggerConnection","JoggingStore","err","useEffect","_a","store","jsx","Stack","JoggingPanelInner","LoadingCover","children","t","useTranslation","renderTabContent","JoggingCartesianTab","JoggingJointTab","jsxs","Tabs","tab","label","icon","MoveIcon","ShareIcon","Tab","JoggingBlocked"],"mappings":"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"}

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

@@ -26,4 +26,5 @@ export type JoggingPanelProps = {
 export declare const JoggingPanel: ((props: JoggingPanelProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export default JoggingPanel;
 //# sourceMappingURL=JoggingPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"JoggingPanel.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAInD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAYnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,OAAO,CAAA;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gFAAgF;IAChF,IAAI,EAAE,UAAU,GAAG,MAAM,CAAA;IACzB,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAA;IACrB,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,WACN,iBAAiB;;CA2EnC,CAAA"}
+{"version":3,"file":"JoggingPanel.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAInD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAYnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,OAAO,CAAA;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gFAAgF;IAChF,IAAI,EAAE,UAAU,GAAG,MAAM,CAAA;IACzB,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAA;IACrB,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,WACN,iBAAiB;;CA2EnC,CAAA;AAkFD,eAAe,YAAY,CAAA"}

package/dist/components/jogging/JoggingPanel.js

@@ -0,0 +1,121 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import s from "@mui/icons-material/OpenWith";
+import u from "@mui/icons-material/Share";
+import g from "@mui/material/Stack";
+import b from "@mui/material/Tab";
+import j from "@mui/material/Tabs";
+import { NovaClient as x } from "@wandelbots/nova-js/v2";
+import { isString as v } from "lodash-es";
+import { runInAction as m } from "mobx";
+import { observer as c, useLocalObservable as S } from "mobx-react-lite";
+import { useEffect as d } from "react";
+import { useTranslation as h } from "react-i18next";
+import { externalizeComponent as J } from "../../externalizeComponent.js";
+import { JoggerConnection as w } from "../../lib/JoggerConnection.js";
+import { LoadingCover as C } from "../LoadingCover.js";
+import { JoggingBlocked as T } from "./JoggingBlocked.js";
+import { JoggingCartesianTab as I } from "./JoggingCartesianTab.js";
+import { JoggingJointTab as k } from "./JoggingJointTab.js";
+import { JoggingStore as p } from "./JoggingStore.js";
+const K = J(
+  c((o) => {
+    const e = v(o.nova) ? new x({ instanceUrl: o.nova }) : o.nova, i = S(() => ({
+      joggingStore: null,
+      loadingError: null
+    }));
+    async function a() {
+      m(() => {
+        i.loadingError = null, i.joggingStore = null;
+      });
+      try {
+        let n = o.store;
+        if (!n) {
+          const t = await w.open(e, o.motionGroupId);
+          n = await p.loadFor(t);
+        }
+        m(() => {
+          i.joggingStore = n;
+        }), o.onSetup && o.onSetup(n);
+      } catch (n) {
+        i.loadingError = n;
+      }
+    }
+    return d(() => (a(), o.store ? () => null : () => {
+      var n;
+      (n = i.joggingStore) == null || n.dispose();
+    }), [o.store, o.nova, o.motionGroupId]), d(() => {
+      const n = i.joggingStore;
+      n && (o.locked ? n.lock("external") : n.unlock("external"));
+    }, [i.joggingStore, o.locked]), /* @__PURE__ */ r(
+      g,
+      {
+        "data-testid": "jogging-panel",
+        "aria-label": "jogging-panel",
+        sx: {
+          maxWidth: "460px",
+          minWidth: "320px",
+          position: "relative",
+          ...o.sx
+        },
+        children: i.joggingStore ? /* @__PURE__ */ r(E, { store: i.joggingStore, children: o.children }) : /* @__PURE__ */ r(C, { message: "Loading jogging", error: i.loadingError })
+      }
+    );
+  })
+), E = c(
+  ({
+    store: o,
+    children: e
+  }) => {
+    const { t: i } = h();
+    function a() {
+      if (o.currentTab.id === "cartesian")
+        return /* @__PURE__ */ r(I, { store: o, children: e });
+      if (o.currentTab.id === "joint")
+        return /* @__PURE__ */ r(k, { store: o, children: e });
+    }
+    return /* @__PURE__ */ l(g, { flexGrow: 1, sx: { overflow: "hidden" }, children: [
+      /* @__PURE__ */ r(
+        j,
+        {
+          "data-testid": "jogging-tabs",
+          "aria-label": "jogging-tabs",
+          value: o.tabIndex,
+          onChange: o.onTabChange,
+          variant: "fullWidth",
+          children: o.tabs.map((n) => {
+            const t = n.label === "Cartesian" ? i("Jogging.Cartesian.bt") : i("Jogging.Joints.bt"), f = n.label === "cartesian" ? /* @__PURE__ */ r(s, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ r(u, { fontSize: "small", sx: { mr: 1 } });
+            return /* @__PURE__ */ r(
+              b,
+              {
+                "data-testid": `jogging-tab-${n.id}`,
+                "aria-label": `jogging-tab-${n.id}`,
+                label: o.showTabIcons ? /* @__PURE__ */ l(g, { direction: "row", alignItems: "center", children: [
+                  f,
+                  t
+                ] }) : t,
+                id: `jogging-tab-${n.id}`,
+                "aria-controls": `jogging-tab-${n.id}`
+              },
+              n.id
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ r(
+        g,
+        {
+          flexGrow: 1,
+          position: "relative",
+          sx: { overflowY: "auto", overflowX: "hidden" },
+          children: a()
+        }
+      ),
+      o.blocked && /* @__PURE__ */ r(T, { store: o })
+    ] });
+  }
+);
+export {
+  K as JoggingPanel,
+  K as default
+};
+//# sourceMappingURL=JoggingPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingPanel.js","sources":["../../../src/components/jogging/JoggingPanel.tsx"],"sourcesContent":["import MoveIcon from \"@mui/icons-material/OpenWith\"\nimport ShareIcon from \"@mui/icons-material/Share\"\nimport type { SxProps } from \"@mui/material/styles\"\nimport Stack from \"@mui/material/Stack\"\nimport Tab from \"@mui/material/Tab\"\nimport Tabs from \"@mui/material/Tabs\"\nimport { NovaClient } from \"@wandelbots/nova-js/v2\"\nimport { isString } from \"lodash-es\"\nimport { runInAction } from \"mobx\"\nimport { observer, useLocalObservable } from \"mobx-react-lite\"\nimport { useEffect } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { JoggerConnection } from \"../../lib/JoggerConnection\"\nimport { LoadingCover } from \"../LoadingCover\"\nimport { JoggingBlocked } from \"./JoggingBlocked\"\nimport { JoggingCartesianTab } from \"./JoggingCartesianTab\"\nimport { JoggingJointTab } from \"./JoggingJointTab\"\nimport { JoggingStore } from \"./JoggingStore\"\n\nexport type JoggingPanelTabId = \"cartesian\" | \"joint\"\n\nexport type JoggingPanelProps = {\n  /** Either an existing NovaClient or the base url of a deployed Nova instance */\n  nova: NovaClient | string\n  /** Id of the motion group to move e.g. 0@ur5e */\n  motionGroupId: string\n  /** Callback with the jogging panel's state store for further customization/config */\n  onSetup?: (store: JoggingStore) => void\n  /** Any children will go at the bottom of the panel under the default contents */\n  children?: React.ReactNode\n  /** Set this to true to disable jogging UI temporarily e.g. when a program is executing */\n  locked?: boolean\n  sx?: SxProps\n\n  /**\n   * To preserve state while the jogging panel is hidden, you can create and pass a\n   * JoggingStore here and it will be used instead of creating a new one.\n   */\n  store?: JoggingStore\n}\n\n/**\n * A high-level, opinionated UI panel for jogging a robot using the Wandelbots Platform API\n */\nexport const JoggingPanel = externalizeComponent(\n  observer((props: JoggingPanelProps) => {\n    const nova = isString(props.nova)\n      ? new NovaClient({ instanceUrl: props.nova })\n      : props.nova\n\n    const state = useLocalObservable(() => ({\n      joggingStore: null as JoggingStore | null,\n      loadingError: null as unknown | null,\n    }))\n\n    async function init() {\n      runInAction(() => {\n        state.loadingError = null\n        state.joggingStore = null\n      })\n\n      try {\n        let joggingStore = props.store\n        if (!joggingStore) {\n          const jogger = await JoggerConnection.open(nova, props.motionGroupId)\n          joggingStore = await JoggingStore.loadFor(jogger)\n        }\n        runInAction(() => {\n          state.joggingStore = joggingStore\n        })\n        if (props.onSetup) {\n          props.onSetup(joggingStore)\n        }\n      } catch (err) {\n        state.loadingError = err\n      }\n    }\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: pre-biome code\n    useEffect(() => {\n      init()\n      return props.store\n        ? () => null\n        : () => {\n            state.joggingStore?.dispose()\n          }\n    }, [props.store, props.nova, props.motionGroupId])\n\n    useEffect(() => {\n      const store = state.joggingStore\n      if (!store) return\n\n      if (props.locked) {\n        store.lock(\"external\")\n      } else {\n        store.unlock(\"external\")\n      }\n    }, [state.joggingStore, props.locked])\n\n    return (\n      <Stack\n        data-testid=\"jogging-panel\"\n        aria-label=\"jogging-panel\"\n        sx={{\n          maxWidth: \"460px\",\n          minWidth: \"320px\",\n          position: \"relative\",\n          ...props.sx,\n        }}\n      >\n        {state.joggingStore ? (\n          <JoggingPanelInner store={state.joggingStore}>\n            {props.children}\n          </JoggingPanelInner>\n        ) : (\n          <LoadingCover message=\"Loading jogging\" error={state.loadingError} />\n        )}\n      </Stack>\n    )\n  }),\n)\n\nconst JoggingPanelInner = observer(\n  ({\n    store,\n    children,\n  }: {\n    store: JoggingStore\n    children?: React.ReactNode\n    childrenJoint?: React.ReactNode\n  }) => {\n    const { t } = useTranslation()\n\n    function renderTabContent() {\n      if (store.currentTab.id === \"cartesian\") {\n        return (\n          <JoggingCartesianTab store={store}>{children}</JoggingCartesianTab>\n        )\n      } else if (store.currentTab.id === \"joint\") {\n        return <JoggingJointTab store={store}>{children}</JoggingJointTab>\n      }\n    }\n\n    return (\n      <Stack flexGrow={1} sx={{ overflow: \"hidden\" }}>\n        {/* Tab selection */}\n        <Tabs\n          data-testid=\"jogging-tabs\"\n          aria-label=\"jogging-tabs\"\n          value={store.tabIndex}\n          onChange={store.onTabChange}\n          variant=\"fullWidth\"\n        >\n          {store.tabs.map((tab) => {\n            const label =\n              tab.label === \"Cartesian\"\n                ? t(\"Jogging.Cartesian.bt\")\n                : t(\"Jogging.Joints.bt\")\n\n            const icon =\n              tab.label === \"cartesian\" ? (\n                <MoveIcon fontSize=\"small\" sx={{ mr: 1 }} />\n              ) : (\n                <ShareIcon fontSize=\"small\" sx={{ mr: 1 }} />\n              )\n\n            return (\n              <Tab\n                key={tab.id}\n                data-testid={`jogging-tab-${tab.id}`}\n                aria-label={`jogging-tab-${tab.id}`}\n                label={\n                  store.showTabIcons ? (\n                    <Stack direction=\"row\" alignItems=\"center\">\n                      {icon}\n                      {label}\n                    </Stack>\n                  ) : (\n                    label\n                  )\n                }\n                id={`jogging-tab-${tab.id}`}\n                aria-controls={`jogging-tab-${tab.id}`}\n              />\n            )\n          })}\n        </Tabs>\n        {/* Current tab content */}\n        <Stack\n          flexGrow={1}\n          position=\"relative\"\n          sx={{ overflowY: \"auto\", overflowX: \"hidden\" }}\n        >\n          {renderTabContent()}\n        </Stack>\n        {/* Overlay when jogging connection is blocked */}\n        {store.blocked && <JoggingBlocked store={store} />}\n      </Stack>\n    )\n  },\n)\n\nexport default JoggingPanel\n"],"names":["JoggingPanel","externalizeComponent","observer","props","nova","isString","NovaClient","state","useLocalObservable","init","runInAction","joggingStore","jogger","JoggerConnection","JoggingStore","err","useEffect","_a","store","jsx","Stack","JoggingPanelInner","LoadingCover","children","t","useTranslation","renderTabContent","JoggingCartesianTab","JoggingJointTab","jsxs","Tabs","tab","label","icon","MoveIcon","ShareIcon","Tab","JoggingBlocked"],"mappings":"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"}