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

package/dist/components/safetyBar/IndicatorWithExplanation.d.ts

@@ -16,4 +16,5 @@ export type IndicatorWithExplanationProps = {
 export declare const IndicatorWithExplanation: (({ id, icon, color, title, name, label, explanation, literalValue, anchorOrigin, transformOrigin, }: IndicatorWithExplanationProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export default IndicatorWithExplanation;
 //# sourceMappingURL=IndicatorWithExplanation.d.ts.map

package/dist/components/safetyBar/IndicatorWithExplanation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndicatorWithExplanation.d.ts","sourceRoot":"","sources":["../../../src/components/safetyBar/IndicatorWithExplanation.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGnE,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE3E,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,WAAW,CAAA;IACjB,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,aAAa,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,wBAAwB,wGAYhC,6BAA6B;;CAsGjC,CAAA"}
+{"version":3,"file":"IndicatorWithExplanation.d.ts","sourceRoot":"","sources":["../../../src/components/safetyBar/IndicatorWithExplanation.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGnE,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE3E,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,WAAW,CAAA;IACjB,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,aAAa,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,wBAAwB,wGAYhC,6BAA6B;;CAsGjC,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/components/safetyBar/IndicatorWithExplanation.js

@@ -0,0 +1,123 @@
+import { jsxs as e, Fragment as x, jsx as r } from "react/jsx-runtime";
+import u from "@mui/material/Popover";
+import c from "@mui/material/Stack";
+import g from "@mui/material/SvgIcon";
+import n from "@mui/material/Typography";
+import { observer as E, useLocalObservable as P } from "mobx-react-lite";
+const y = E(
+  ({
+    id: i,
+    icon: l,
+    color: t,
+    title: p,
+    name: h,
+    label: a,
+    explanation: d,
+    literalValue: s,
+    anchorOrigin: m,
+    transformOrigin: v
+  }) => {
+    const o = P(() => ({
+      anchorEl: null,
+      get isPopoverOpen() {
+        return !!o.anchorEl;
+      },
+      openPopover(f) {
+        o.anchorEl = f.currentTarget;
+      },
+      closePopover() {
+        o.anchorEl = null;
+      }
+    }));
+    return /* @__PURE__ */ e(x, { children: [
+      /* @__PURE__ */ e(
+        c,
+        {
+          "aria-owns": o.isPopoverOpen ? i : void 0,
+          "aria-haspopup": "true",
+          onMouseEnter: o.openPopover,
+          onMouseLeave: o.closePopover,
+          direction: "row",
+          spacing: 1,
+          sx: {
+            cursor: "pointer"
+          },
+          children: [
+            /* @__PURE__ */ r(
+              g,
+              {
+                component: l,
+                sx: {
+                  color: t
+                }
+              }
+            ),
+            a && /* @__PURE__ */ r(
+              "div",
+              {
+                style: {
+                  color: t
+                },
+                children: a
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(
+        u,
+        {
+          id: i,
+          sx: {
+            pointerEvents: "none"
+          },
+          open: o.isPopoverOpen,
+          anchorEl: o.anchorEl,
+          anchorOrigin: m ?? {
+            vertical: "bottom",
+            horizontal: "left"
+          },
+          transformOrigin: v ?? {
+            vertical: "top",
+            horizontal: "left"
+          },
+          onClose: o.closePopover,
+          disableRestoreFocus: !0,
+          children: /* @__PURE__ */ e(
+            c,
+            {
+              gap: "1rem",
+              padding: 2,
+              maxWidth: "450px",
+              sx: {
+                wordWrap: "break-word"
+              },
+              children: [
+                /* @__PURE__ */ e("div", { children: [
+                  p && /* @__PURE__ */ r(n, { component: "span", fontSize: "14px", children: `${p}: ` }),
+                  /* @__PURE__ */ r(
+                    n,
+                    {
+                      component: "span",
+                      color: t,
+                      fontWeight: "bold",
+                      fontSize: "14px",
+                      children: h
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r(n, { fontSize: "14px", children: d }),
+                s && /* @__PURE__ */ r(n, { fontSize: "12px", children: s })
+              ]
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+export {
+  y as IndicatorWithExplanation,
+  y as default
+};
+//# sourceMappingURL=IndicatorWithExplanation.js.map

package/dist/components/safetyBar/IndicatorWithExplanation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorWithExplanation.js","sources":["../../../src/components/safetyBar/IndicatorWithExplanation.tsx"],"sourcesContent":["import Popover, { type PopoverOrigin } from \"@mui/material/Popover\"\nimport Stack from \"@mui/material/Stack\"\nimport SvgIcon from \"@mui/material/SvgIcon\"\nimport Typography, { type TypographyProps } from \"@mui/material/Typography\"\nimport { observer, useLocalObservable } from \"mobx-react-lite\"\nimport type { ElementType, ReactNode } from \"react\"\n\nexport type IndicatorWithExplanationProps = {\n  id: string\n  icon: ElementType\n  color: TypographyProps[\"color\"]\n  title?: ReactNode\n  name: ReactNode\n  label?: ReactNode\n  explanation: ReactNode\n  literalValue?: string\n  anchorOrigin?: PopoverOrigin\n  transformOrigin?: PopoverOrigin\n}\n\nexport const IndicatorWithExplanation = observer(\n  ({\n    id,\n    icon,\n    color,\n    title,\n    name,\n    label,\n    explanation,\n    literalValue,\n    anchorOrigin,\n    transformOrigin,\n  }: IndicatorWithExplanationProps) => {\n    const state = useLocalObservable(() => ({\n      anchorEl: null as HTMLElement | null,\n\n      get isPopoverOpen() {\n        return !!state.anchorEl\n      },\n\n      openPopover(event: React.MouseEvent<HTMLElement>) {\n        state.anchorEl = event.currentTarget\n      },\n\n      closePopover() {\n        state.anchorEl = null\n      },\n    }))\n\n    return (\n      <>\n        <Stack\n          aria-owns={state.isPopoverOpen ? id : undefined}\n          aria-haspopup=\"true\"\n          onMouseEnter={state.openPopover}\n          onMouseLeave={state.closePopover}\n          direction=\"row\"\n          spacing={1}\n          sx={{\n            cursor: \"pointer\",\n          }}\n        >\n          <SvgIcon\n            component={icon}\n            sx={{\n              color,\n            }}\n          />\n          {label && (\n            <div\n              style={{\n                color,\n              }}\n            >\n              {label}\n            </div>\n          )}\n        </Stack>\n        <Popover\n          id={id}\n          sx={{\n            pointerEvents: \"none\",\n          }}\n          open={state.isPopoverOpen}\n          anchorEl={state.anchorEl}\n          anchorOrigin={\n            anchorOrigin ?? {\n              vertical: \"bottom\",\n              horizontal: \"left\",\n            }\n          }\n          transformOrigin={\n            transformOrigin ?? {\n              vertical: \"top\",\n              horizontal: \"left\",\n            }\n          }\n          onClose={state.closePopover}\n          disableRestoreFocus\n        >\n          <Stack\n            gap=\"1rem\"\n            padding={2}\n            maxWidth=\"450px\"\n            sx={{\n              wordWrap: \"break-word\",\n            }}\n          >\n            <div>\n              {title && (\n                <Typography component=\"span\" fontSize=\"14px\">\n                  {`${title}: `}\n                </Typography>\n              )}\n              <Typography\n                component=\"span\"\n                color={color}\n                fontWeight=\"bold\"\n                fontSize=\"14px\"\n              >\n                {name}\n              </Typography>\n            </div>\n\n            <Typography fontSize=\"14px\">{explanation}</Typography>\n\n            {literalValue && (\n              <Typography fontSize=\"12px\">{literalValue}</Typography>\n            )}\n          </Stack>\n        </Popover>\n      </>\n    )\n  },\n)\n\nexport default IndicatorWithExplanation\n"],"names":["IndicatorWithExplanation","observer","id","icon","color","title","name","label","explanation","literalValue","anchorOrigin","transformOrigin","state","useLocalObservable","event","jsxs","Fragment","Stack","jsx","SvgIcon","Popover","Typography"],"mappings":";;;;;;AAoBO,MAAMA,IAA2BC;AAAA,EACtC,CAAC;AAAA,IACC,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,MACmC;AACnC,UAAMC,IAAQC,EAAmB,OAAO;AAAA,MACtC,UAAU;AAAA,MAEV,IAAI,gBAAgB;AAClB,eAAO,CAAC,CAACD,EAAM;AAAA,MACjB;AAAA,MAEA,YAAYE,GAAsC;AAChD,QAAAF,EAAM,WAAWE,EAAM;AAAA,MACzB;AAAA,MAEA,eAAe;AACb,QAAAF,EAAM,WAAW;AAAA,MACnB;AAAA,IAAA,EACA;AAEF,WACE,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAWL,EAAM,gBAAgBV,IAAK;AAAA,UACtC,iBAAc;AAAA,UACd,cAAcU,EAAM;AAAA,UACpB,cAAcA,EAAM;AAAA,UACpB,WAAU;AAAA,UACV,SAAS;AAAA,UACT,IAAI;AAAA,YACF,QAAQ;AAAA,UAAA;AAAA,UAGV,UAAA;AAAA,YAAA,gBAAAM;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWhB;AAAA,gBACX,IAAI;AAAA,kBACF,OAAAC;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,YAEDG,KACC,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAAd;AAAA,gBAAA;AAAA,gBAGD,UAAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ,gBAAAW;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAAlB;AAAA,UACA,IAAI;AAAA,YACF,eAAe;AAAA,UAAA;AAAA,UAEjB,MAAMU,EAAM;AAAA,UACZ,UAAUA,EAAM;AAAA,UAChB,cACEF,KAAgB;AAAA,YACd,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,UAGhB,iBACEC,KAAmB;AAAA,YACjB,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,UAGhB,SAASC,EAAM;AAAA,UACf,qBAAmB;AAAA,UAEnB,UAAA,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,KAAI;AAAA,cACJ,SAAS;AAAA,cACT,UAAS;AAAA,cACT,IAAI;AAAA,gBACF,UAAU;AAAA,cAAA;AAAA,cAGZ,UAAA;AAAA,gBAAA,gBAAAF,EAAC,OAAA,EACE,UAAA;AAAA,kBAAAV,KACC,gBAAAa,EAACG,KAAW,WAAU,QAAO,UAAS,QACnC,UAAA,GAAGhB,CAAK,KAAA,CACX;AAAA,kBAEF,gBAAAa;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAAjB;AAAA,sBACA,YAAW;AAAA,sBACX,UAAS;AAAA,sBAER,UAAAE;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH,GACF;AAAA,gBAEA,gBAAAY,EAACG,GAAA,EAAW,UAAS,QAAQ,UAAAb,GAAY;AAAA,gBAExCC,KACC,gBAAAS,EAACG,GAAA,EAAW,UAAS,QAAQ,UAAAZ,EAAA,CAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAE9C;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;"}

package/dist/components/safetyBar/OperationModeIndicator.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("@mui/material/styles"),p=require("mobx-react-lite"),m=require("react"),a=require("react-i18next"),M=require("./icons/operation-mode-automatic.svg.cjs"),O=require("./icons/operation-mode-error.svg.cjs"),b=require("./icons/operation-mode-manual.svg.cjs"),u=require("./IndicatorWithExplanation.cjs"),d=p.observer(({operationMode:o,anchorOrigin:n,transformOrigin:r,compact:i})=>{const{t:e}=a.useTranslation(),l=c.useTheme(),s=m.useId();switch(o){case"OPERATION_MODE_AUTO":return t.jsx(u.IndicatorWithExplanation,{id:`operation-mode-auto-${s}`,icon:M.default,title:e("SafetyBar.OperationMode.ti"),name:e("SafetyBar.OperationMode.Automatic.ti"),label:i?null:e("SafetyBar.OperationMode.Automatic.ti"),color:l.palette.text.secondary,explanation:t.jsx(a.Trans,{i18nKey:"SafetyBar.OperationMode.Auto.Explanation.lb",children:"The robot controller is in automatic operation mode. Automated movement without manual confirmation is possible in this mode."}),anchorOrigin:n,transformOrigin:r});case"OPERATION_MODE_MANUAL":case"OPERATION_MODE_MANUAL_T1":case"OPERATION_MODE_MANUAL_T2":return t.jsx(u.IndicatorWithExplanation,{id:`operation-mode-manual-${s}`,icon:b.default,color:l.palette.warning.main,title:e("SafetyBar.OperationMode.ti"),name:e("SafetyBar.OperationMode.Manual.lb"),label:i?null:e("SafetyBar.OperationMode.Manual.lb"),explanation:t.jsx(a.Trans,{i18nKey:"SafetyBar.OperationMode.Manual.Explanation.lb",children:"The robot controller is in manual operation mode. On a physical robot, this generally indicates that an enabling switch must be held for the robot to move successfully."}),literalValue:o,anchorOrigin:n,transformOrigin:r});default:return t.jsx(u.IndicatorWithExplanation,{id:`operation-mode-error-${s}`,icon:O.default,color:l.palette.warning.main,title:e("SafetyBar.OperationMode.ti"),name:e("SafetyBar.OperationMode.Error.lb"),label:i?null:e("SafetyBar.OperationMode.Error.lb"),explanation:t.jsx(a.Trans,{i18nKey:"SafetyBar.OperationMode.Error.Explanation.lb",children:"The robot controller has entered an unexpected operation mode. Motion group movement may not be possible."}),literalValue:o,anchorOrigin:n,transformOrigin:r})}});exports.OperationModeIndicator=d;exports.default=d;
+//# sourceMappingURL=OperationModeIndicator.cjs.map

package/dist/components/safetyBar/OperationModeIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationModeIndicator.cjs","sources":["../../../src/components/safetyBar/OperationModeIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport type { PopoverOrigin } from \"@mui/material/Popover\"\nimport type { OperationMode } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { useId } from \"react\"\nimport { Trans, useTranslation } from \"react-i18next\"\nimport OperationModeAutomaticIcon from \"./icons/operation-mode-automatic.svg\"\nimport OperationModeErrorIcon from \"./icons/operation-mode-error.svg\"\nimport OperationModeManualIcon from \"./icons/operation-mode-manual.svg\"\nimport { IndicatorWithExplanation } from \"./IndicatorWithExplanation\"\n\ninterface OperationModeIndicatorProps {\n  operationMode: OperationMode\n  anchorOrigin?: PopoverOrigin\n  transformOrigin?: PopoverOrigin\n  compact: boolean\n}\n\nexport const OperationModeIndicator = observer(\n  ({\n    operationMode,\n    anchorOrigin,\n    transformOrigin,\n    compact,\n  }: OperationModeIndicatorProps) => {\n    const { t } = useTranslation()\n    const theme = useTheme()\n    const componentId = useId()\n\n    switch (operationMode) {\n      case \"OPERATION_MODE_AUTO\":\n        return (\n          <IndicatorWithExplanation\n            id={`operation-mode-auto-${componentId}`}\n            icon={OperationModeAutomaticIcon}\n            title={t(\"SafetyBar.OperationMode.ti\")}\n            name={t(\"SafetyBar.OperationMode.Automatic.ti\")}\n            label={compact ? null : t(\"SafetyBar.OperationMode.Automatic.ti\")}\n            color={theme.palette.text.secondary}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.OperationMode.Auto.Explanation.lb\">\n                The robot controller is in automatic operation mode. Automated\n                movement without manual confirmation is possible in this mode.\n              </Trans>\n            }\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n      case \"OPERATION_MODE_MANUAL\":\n      case \"OPERATION_MODE_MANUAL_T1\":\n      case \"OPERATION_MODE_MANUAL_T2\": {\n        return (\n          <IndicatorWithExplanation\n            id={`operation-mode-manual-${componentId}`}\n            icon={OperationModeManualIcon}\n            color={theme.palette.warning.main}\n            title={t(\"SafetyBar.OperationMode.ti\")}\n            name={t(\"SafetyBar.OperationMode.Manual.lb\")}\n            label={compact ? null : t(\"SafetyBar.OperationMode.Manual.lb\")}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.OperationMode.Manual.Explanation.lb\">\n                The robot controller is in manual operation mode. On a physical\n                robot, this generally indicates that an enabling switch must be\n                held for the robot to move successfully.\n              </Trans>\n            }\n            literalValue={operationMode}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n      }\n      default:\n        return (\n          <IndicatorWithExplanation\n            id={`operation-mode-error-${componentId}`}\n            icon={OperationModeErrorIcon}\n            color={theme.palette.warning.main}\n            title={t(\"SafetyBar.OperationMode.ti\")}\n            name={t(\"SafetyBar.OperationMode.Error.lb\")}\n            label={compact ? null : t(\"SafetyBar.OperationMode.Error.lb\")}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.OperationMode.Error.Explanation.lb\">\n                The robot controller has entered an unexpected operation mode.\n                Motion group movement may not be possible.\n              </Trans>\n            }\n            literalValue={operationMode}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n    }\n  },\n)\n\nexport default OperationModeIndicator\n"],"names":["OperationModeIndicator","observer","operationMode","anchorOrigin","transformOrigin","compact","t","useTranslation","theme","useTheme","componentId","useId","jsx","IndicatorWithExplanation","OperationModeAutomaticIcon","Trans","OperationModeManualIcon","OperationModeErrorIcon"],"mappings":"qcAkBaA,EAAyBC,EAAAA,SACpC,CAAC,CACC,cAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,QAAAC,CAAA,IACiC,CACjC,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EACRC,EAAQC,EAAAA,SAAA,EACRC,EAAcC,EAAAA,MAAA,EAEpB,OAAQT,EAAA,CACN,IAAK,sBACH,OACEU,EAAAA,IAACC,EAAAA,yBAAA,CACC,GAAI,uBAAuBH,CAAW,GACtC,KAAMI,EAAAA,QACN,MAAOR,EAAE,4BAA4B,EACrC,KAAMA,EAAE,sCAAsC,EAC9C,MAAOD,EAAU,KAAOC,EAAE,sCAAsC,EAChE,MAAOE,EAAM,QAAQ,KAAK,UAC1B,YACEI,EAAAA,IAACG,QAAA,CAAM,QAAQ,8CAA8C,SAAA,gIAG7D,EAEF,aAAAZ,EACA,gBAAAC,CAAA,CAAA,EAGN,IAAK,wBACL,IAAK,2BACL,IAAK,2BACH,OACEQ,EAAAA,IAACC,EAAAA,yBAAA,CACC,GAAI,yBAAyBH,CAAW,GACxC,KAAMM,EAAAA,QACN,MAAOR,EAAM,QAAQ,QAAQ,KAC7B,MAAOF,EAAE,4BAA4B,EACrC,KAAMA,EAAE,mCAAmC,EAC3C,MAAOD,EAAU,KAAOC,EAAE,mCAAmC,EAC7D,YACEM,EAAAA,IAACG,QAAA,CAAM,QAAQ,gDAAgD,SAAA,2KAI/D,EAEF,aAAcb,EACd,aAAAC,EACA,gBAAAC,CAAA,CAAA,EAIN,QACE,OACEQ,EAAAA,IAACC,EAAAA,yBAAA,CACC,GAAI,wBAAwBH,CAAW,GACvC,KAAMO,EAAAA,QACN,MAAOT,EAAM,QAAQ,QAAQ,KAC7B,MAAOF,EAAE,4BAA4B,EACrC,KAAMA,EAAE,kCAAkC,EAC1C,MAAOD,EAAU,KAAOC,EAAE,kCAAkC,EAC5D,YACEM,EAAAA,IAACG,QAAA,CAAM,QAAQ,+CAA+C,SAAA,4GAG9D,EAEF,aAAcb,EACd,aAAAC,EACA,gBAAAC,CAAA,CAAA,CACF,CAGR,CACF"}

package/dist/components/safetyBar/OperationModeIndicator.d.ts

@@ -9,5 +9,5 @@ interface OperationModeIndicatorProps {
 export declare const OperationModeIndicator: (({ operationMode, anchorOrigin, transformOrigin, compact, }: OperationModeIndicatorProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
-export {};
+export default OperationModeIndicator;
 //# sourceMappingURL=OperationModeIndicator.d.ts.map

package/dist/components/safetyBar/OperationModeIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationModeIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/safetyBar/OperationModeIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAS3D,UAAU,2BAA2B;IACnC,aAAa,EAAE,aAAa,CAAA;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,aAAa,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,gEAM9B,2BAA2B;;CAuE/B,CAAA"}
+{"version":3,"file":"OperationModeIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/safetyBar/OperationModeIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAS3D,UAAU,2BAA2B;IACnC,aAAa,EAAE,aAAa,CAAA;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,aAAa,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,gEAM9B,2BAA2B;;CAuE/B,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/components/safetyBar/OperationModeIndicator.js

@@ -0,0 +1,75 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTheme as d } from "@mui/material/styles";
+import { observer as s } from "mobx-react-lite";
+import { useId as u } from "react";
+import { useTranslation as c, Trans as m } from "react-i18next";
+import f from "./icons/operation-mode-automatic.svg.js";
+import O from "./icons/operation-mode-error.svg.js";
+import M from "./icons/operation-mode-manual.svg.js";
+import { IndicatorWithExplanation as p } from "./IndicatorWithExplanation.js";
+const _ = s(
+  ({
+    operationMode: t,
+    anchorOrigin: a,
+    transformOrigin: r,
+    compact: n
+  }) => {
+    const { t: e } = c(), i = d(), l = u();
+    switch (t) {
+      case "OPERATION_MODE_AUTO":
+        return /* @__PURE__ */ o(
+          p,
+          {
+            id: `operation-mode-auto-${l}`,
+            icon: f,
+            title: e("SafetyBar.OperationMode.ti"),
+            name: e("SafetyBar.OperationMode.Automatic.ti"),
+            label: n ? null : e("SafetyBar.OperationMode.Automatic.ti"),
+            color: i.palette.text.secondary,
+            explanation: /* @__PURE__ */ o(m, { i18nKey: "SafetyBar.OperationMode.Auto.Explanation.lb", children: "The robot controller is in automatic operation mode. Automated movement without manual confirmation is possible in this mode." }),
+            anchorOrigin: a,
+            transformOrigin: r
+          }
+        );
+      case "OPERATION_MODE_MANUAL":
+      case "OPERATION_MODE_MANUAL_T1":
+      case "OPERATION_MODE_MANUAL_T2":
+        return /* @__PURE__ */ o(
+          p,
+          {
+            id: `operation-mode-manual-${l}`,
+            icon: M,
+            color: i.palette.warning.main,
+            title: e("SafetyBar.OperationMode.ti"),
+            name: e("SafetyBar.OperationMode.Manual.lb"),
+            label: n ? null : e("SafetyBar.OperationMode.Manual.lb"),
+            explanation: /* @__PURE__ */ o(m, { i18nKey: "SafetyBar.OperationMode.Manual.Explanation.lb", children: "The robot controller is in manual operation mode. On a physical robot, this generally indicates that an enabling switch must be held for the robot to move successfully." }),
+            literalValue: t,
+            anchorOrigin: a,
+            transformOrigin: r
+          }
+        );
+      default:
+        return /* @__PURE__ */ o(
+          p,
+          {
+            id: `operation-mode-error-${l}`,
+            icon: O,
+            color: i.palette.warning.main,
+            title: e("SafetyBar.OperationMode.ti"),
+            name: e("SafetyBar.OperationMode.Error.lb"),
+            label: n ? null : e("SafetyBar.OperationMode.Error.lb"),
+            explanation: /* @__PURE__ */ o(m, { i18nKey: "SafetyBar.OperationMode.Error.Explanation.lb", children: "The robot controller has entered an unexpected operation mode. Motion group movement may not be possible." }),
+            literalValue: t,
+            anchorOrigin: a,
+            transformOrigin: r
+          }
+        );
+    }
+  }
+);
+export {
+  _ as OperationModeIndicator,
+  _ as default
+};
+//# sourceMappingURL=OperationModeIndicator.js.map

package/dist/components/safetyBar/OperationModeIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationModeIndicator.js","sources":["../../../src/components/safetyBar/OperationModeIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport type { PopoverOrigin } from \"@mui/material/Popover\"\nimport type { OperationMode } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { useId } from \"react\"\nimport { Trans, useTranslation } from \"react-i18next\"\nimport OperationModeAutomaticIcon from \"./icons/operation-mode-automatic.svg\"\nimport OperationModeErrorIcon from \"./icons/operation-mode-error.svg\"\nimport OperationModeManualIcon from \"./icons/operation-mode-manual.svg\"\nimport { IndicatorWithExplanation } from \"./IndicatorWithExplanation\"\n\ninterface OperationModeIndicatorProps {\n  operationMode: OperationMode\n  anchorOrigin?: PopoverOrigin\n  transformOrigin?: PopoverOrigin\n  compact: boolean\n}\n\nexport const OperationModeIndicator = observer(\n  ({\n    operationMode,\n    anchorOrigin,\n    transformOrigin,\n    compact,\n  }: OperationModeIndicatorProps) => {\n    const { t } = useTranslation()\n    const theme = useTheme()\n    const componentId = useId()\n\n    switch (operationMode) {\n      case \"OPERATION_MODE_AUTO\":\n        return (\n          <IndicatorWithExplanation\n            id={`operation-mode-auto-${componentId}`}\n            icon={OperationModeAutomaticIcon}\n            title={t(\"SafetyBar.OperationMode.ti\")}\n            name={t(\"SafetyBar.OperationMode.Automatic.ti\")}\n            label={compact ? null : t(\"SafetyBar.OperationMode.Automatic.ti\")}\n            color={theme.palette.text.secondary}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.OperationMode.Auto.Explanation.lb\">\n                The robot controller is in automatic operation mode. Automated\n                movement without manual confirmation is possible in this mode.\n              </Trans>\n            }\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n      case \"OPERATION_MODE_MANUAL\":\n      case \"OPERATION_MODE_MANUAL_T1\":\n      case \"OPERATION_MODE_MANUAL_T2\": {\n        return (\n          <IndicatorWithExplanation\n            id={`operation-mode-manual-${componentId}`}\n            icon={OperationModeManualIcon}\n            color={theme.palette.warning.main}\n            title={t(\"SafetyBar.OperationMode.ti\")}\n            name={t(\"SafetyBar.OperationMode.Manual.lb\")}\n            label={compact ? null : t(\"SafetyBar.OperationMode.Manual.lb\")}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.OperationMode.Manual.Explanation.lb\">\n                The robot controller is in manual operation mode. On a physical\n                robot, this generally indicates that an enabling switch must be\n                held for the robot to move successfully.\n              </Trans>\n            }\n            literalValue={operationMode}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n      }\n      default:\n        return (\n          <IndicatorWithExplanation\n            id={`operation-mode-error-${componentId}`}\n            icon={OperationModeErrorIcon}\n            color={theme.palette.warning.main}\n            title={t(\"SafetyBar.OperationMode.ti\")}\n            name={t(\"SafetyBar.OperationMode.Error.lb\")}\n            label={compact ? null : t(\"SafetyBar.OperationMode.Error.lb\")}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.OperationMode.Error.Explanation.lb\">\n                The robot controller has entered an unexpected operation mode.\n                Motion group movement may not be possible.\n              </Trans>\n            }\n            literalValue={operationMode}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n    }\n  },\n)\n\nexport default OperationModeIndicator\n"],"names":["OperationModeIndicator","observer","operationMode","anchorOrigin","transformOrigin","compact","t","useTranslation","theme","useTheme","componentId","useId","jsx","IndicatorWithExplanation","OperationModeAutomaticIcon","Trans","OperationModeManualIcon","OperationModeErrorIcon"],"mappings":";;;;;;;;;AAkBO,MAAMA,IAAyBC;AAAA,EACpC,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MACiC;AACjC,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAcC,EAAA;AAEpB,YAAQT,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,uBAAuBH,CAAW;AAAA,YACtC,MAAMI;AAAAA,YACN,OAAOR,EAAE,4BAA4B;AAAA,YACrC,MAAMA,EAAE,sCAAsC;AAAA,YAC9C,OAAOD,IAAU,OAAOC,EAAE,sCAAsC;AAAA,YAChE,OAAOE,EAAM,QAAQ,KAAK;AAAA,YAC1B,aACE,gBAAAI,EAACG,GAAA,EAAM,SAAQ,+CAA8C,UAAA,iIAG7D;AAAA,YAEF,cAAAZ;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,yBAAyBH,CAAW;AAAA,YACxC,MAAMM;AAAAA,YACN,OAAOR,EAAM,QAAQ,QAAQ;AAAA,YAC7B,OAAOF,EAAE,4BAA4B;AAAA,YACrC,MAAMA,EAAE,mCAAmC;AAAA,YAC3C,OAAOD,IAAU,OAAOC,EAAE,mCAAmC;AAAA,YAC7D,aACE,gBAAAM,EAACG,GAAA,EAAM,SAAQ,iDAAgD,UAAA,4KAI/D;AAAA,YAEF,cAAcb;AAAA,YACd,cAAAC;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAIN;AACE,eACE,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,wBAAwBH,CAAW;AAAA,YACvC,MAAMO;AAAAA,YACN,OAAOT,EAAM,QAAQ,QAAQ;AAAA,YAC7B,OAAOF,EAAE,4BAA4B;AAAA,YACrC,MAAMA,EAAE,kCAAkC;AAAA,YAC1C,OAAOD,IAAU,OAAOC,EAAE,kCAAkC;AAAA,YAC5D,aACE,gBAAAM,EAACG,GAAA,EAAM,SAAQ,gDAA+C,UAAA,6GAG9D;AAAA,YAEF,cAAcb;AAAA,YACd,cAAAC;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,IACF;AAAA,EAGR;AACF;"}

package/dist/components/safetyBar/SafetyBar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("@mui/material/Divider"),d=require("@mui/material/Stack"),x=require("mobx-react-lite"),I=require("../../externalizeComponent.cjs"),S=require("./ControllerTypeIndicator.cjs"),j=require("./OperationModeIndicator.cjs"),q=require("./SafetyStateIndicator.cjs"),i=I.externalizeComponent(x.observer(({isVirtual:a,motionGroupId:s,operationMode:u,safetyState:l,anchorOrigin:r,transformOrigin:o,compact:t=!0})=>{const c=t?1:2;return e.jsxs(d,{direction:"row",gap:c,alignItems:"center",sx:{height:"24px"},children:[e.jsx(q.SafetyStateIndicator,{safetyState:l,anchorOrigin:r,transformOrigin:o,compact:t}),e.jsx(n,{orientation:"vertical",flexItem:!0}),e.jsx(j.OperationModeIndicator,{operationMode:u,anchorOrigin:r,transformOrigin:o,compact:t}),e.jsx(n,{orientation:"vertical",flexItem:!0}),e.jsx(S.ControllerTypeIndicator,{isVirtual:a,motionGroupId:s,anchorOrigin:r,transformOrigin:o,compact:t})]})}));exports.SafetyBar=i;exports.default=i;
+//# sourceMappingURL=SafetyBar.cjs.map

package/dist/components/safetyBar/SafetyBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafetyBar.cjs","sources":["../../../src/components/safetyBar/SafetyBar.tsx"],"sourcesContent":["import Divider from \"@mui/material/Divider\"\nimport type { PopoverOrigin } from \"@mui/material/Popover\"\nimport Stack from \"@mui/material/Stack\"\nimport type { OperationMode, SafetyStateType } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { ControllerTypeIndicator } from \"./ControllerTypeIndicator\"\nimport { OperationModeIndicator } from \"./OperationModeIndicator\"\nimport { SafetyStateIndicator } from \"./SafetyStateIndicator\"\n\nexport interface SafetyBarProps {\n  isVirtual: boolean\n  motionGroupId: string\n  operationMode: OperationMode\n  safetyState: SafetyStateType\n  anchorOrigin?: PopoverOrigin\n  transformOrigin?: PopoverOrigin\n  compact?: boolean\n}\n\nexport const SafetyBar = externalizeComponent(\n  observer(\n    ({\n      isVirtual,\n      motionGroupId,\n      operationMode,\n      safetyState,\n      anchorOrigin,\n      transformOrigin,\n      compact = true,\n    }: SafetyBarProps) => {\n      const gap = compact ? 1 : 2\n\n      return (\n        <Stack\n          direction=\"row\"\n          gap={gap}\n          alignItems=\"center\"\n          sx={{ height: \"24px\" }}\n        >\n          <SafetyStateIndicator\n            safetyState={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n            compact={compact}\n          />\n\n          <Divider orientation=\"vertical\" flexItem />\n\n          <OperationModeIndicator\n            operationMode={operationMode}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n            compact={compact}\n          />\n\n          <Divider orientation=\"vertical\" flexItem />\n\n          <ControllerTypeIndicator\n            isVirtual={isVirtual}\n            motionGroupId={motionGroupId}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n            compact={compact}\n          />\n        </Stack>\n      )\n    },\n  ),\n)\n\nexport default SafetyBar\n"],"names":["SafetyBar","externalizeComponent","observer","isVirtual","motionGroupId","operationMode","safetyState","anchorOrigin","transformOrigin","compact","gap","jsxs","Stack","jsx","SafetyStateIndicator","Divider","OperationModeIndicator","ControllerTypeIndicator"],"mappings":"2ZAoBaA,EAAYC,EAAAA,qBACvBC,EAAAA,SACE,CAAC,CACC,UAAAC,EACA,cAAAC,EACA,cAAAC,EACA,YAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,QAAAC,EAAU,EAAA,IACU,CACpB,MAAMC,EAAMD,EAAU,EAAI,EAE1B,OACEE,EAAAA,KAACC,EAAA,CACC,UAAU,MACV,IAAAF,EACA,WAAW,SACX,GAAI,CAAE,OAAQ,MAAA,EAEd,SAAA,CAAAG,EAAAA,IAACC,EAAAA,qBAAA,CACC,YAAAR,EACA,aAAAC,EACA,gBAAAC,EACA,QAAAC,CAAA,CAAA,EAGFI,EAAAA,IAACE,EAAA,CAAQ,YAAY,WAAW,SAAQ,GAAC,EAEzCF,EAAAA,IAACG,EAAAA,uBAAA,CACC,cAAAX,EACA,aAAAE,EACA,gBAAAC,EACA,QAAAC,CAAA,CAAA,EAGFI,EAAAA,IAACE,EAAA,CAAQ,YAAY,WAAW,SAAQ,GAAC,EAEzCF,EAAAA,IAACI,EAAAA,wBAAA,CACC,UAAAd,EACA,cAAAC,EACA,aAAAG,EACA,gBAAAC,EACA,QAAAC,CAAA,CAAA,CACF,CAAA,CAAA,CAGN,CAAA,CAEJ"}

package/dist/components/safetyBar/SafetyBar.d.ts

@@ -12,4 +12,5 @@ export interface SafetyBarProps {
 export declare const SafetyBar: (({ isVirtual, motionGroupId, operationMode, safetyState, anchorOrigin, transformOrigin, compact, }: SafetyBarProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export default SafetyBar;
 //# sourceMappingURL=SafetyBar.d.ts.map

package/dist/components/safetyBar/SafetyBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafetyBar.d.ts","sourceRoot":"","sources":["../../../src/components/safetyBar/SafetyBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAO5E,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;IAC5B,WAAW,EAAE,eAAe,CAAA;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,aAAa,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,SAAS,uGAUf,cAAc;;CAuCpB,CAAA"}
+{"version":3,"file":"SafetyBar.d.ts","sourceRoot":"","sources":["../../../src/components/safetyBar/SafetyBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAO5E,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;IAC5B,WAAW,EAAE,eAAe,CAAA;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,aAAa,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,SAAS,uGAUf,cAAc;;CAuCpB,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/safetyBar/SafetyBar.js

@@ -0,0 +1,66 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import i from "@mui/material/Divider";
+import l from "@mui/material/Stack";
+import { observer as d } from "mobx-react-lite";
+import { externalizeComponent as x } from "../../externalizeComponent.js";
+import { ControllerTypeIndicator as s } from "./ControllerTypeIndicator.js";
+import { OperationModeIndicator as I } from "./OperationModeIndicator.js";
+import { SafetyStateIndicator as u } from "./SafetyStateIndicator.js";
+const w = x(
+  d(
+    ({
+      isVirtual: m,
+      motionGroupId: a,
+      operationMode: p,
+      safetyState: f,
+      anchorOrigin: r,
+      transformOrigin: o,
+      compact: e = !0
+    }) => /* @__PURE__ */ n(
+      l,
+      {
+        direction: "row",
+        gap: e ? 1 : 2,
+        alignItems: "center",
+        sx: { height: "24px" },
+        children: [
+          /* @__PURE__ */ t(
+            u,
+            {
+              safetyState: f,
+              anchorOrigin: r,
+              transformOrigin: o,
+              compact: e
+            }
+          ),
+          /* @__PURE__ */ t(i, { orientation: "vertical", flexItem: !0 }),
+          /* @__PURE__ */ t(
+            I,
+            {
+              operationMode: p,
+              anchorOrigin: r,
+              transformOrigin: o,
+              compact: e
+            }
+          ),
+          /* @__PURE__ */ t(i, { orientation: "vertical", flexItem: !0 }),
+          /* @__PURE__ */ t(
+            s,
+            {
+              isVirtual: m,
+              motionGroupId: a,
+              anchorOrigin: r,
+              transformOrigin: o,
+              compact: e
+            }
+          )
+        ]
+      }
+    )
+  )
+);
+export {
+  w as SafetyBar,
+  w as default
+};
+//# sourceMappingURL=SafetyBar.js.map

package/dist/components/safetyBar/SafetyBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafetyBar.js","sources":["../../../src/components/safetyBar/SafetyBar.tsx"],"sourcesContent":["import Divider from \"@mui/material/Divider\"\nimport type { PopoverOrigin } from \"@mui/material/Popover\"\nimport Stack from \"@mui/material/Stack\"\nimport type { OperationMode, SafetyStateType } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { ControllerTypeIndicator } from \"./ControllerTypeIndicator\"\nimport { OperationModeIndicator } from \"./OperationModeIndicator\"\nimport { SafetyStateIndicator } from \"./SafetyStateIndicator\"\n\nexport interface SafetyBarProps {\n  isVirtual: boolean\n  motionGroupId: string\n  operationMode: OperationMode\n  safetyState: SafetyStateType\n  anchorOrigin?: PopoverOrigin\n  transformOrigin?: PopoverOrigin\n  compact?: boolean\n}\n\nexport const SafetyBar = externalizeComponent(\n  observer(\n    ({\n      isVirtual,\n      motionGroupId,\n      operationMode,\n      safetyState,\n      anchorOrigin,\n      transformOrigin,\n      compact = true,\n    }: SafetyBarProps) => {\n      const gap = compact ? 1 : 2\n\n      return (\n        <Stack\n          direction=\"row\"\n          gap={gap}\n          alignItems=\"center\"\n          sx={{ height: \"24px\" }}\n        >\n          <SafetyStateIndicator\n            safetyState={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n            compact={compact}\n          />\n\n          <Divider orientation=\"vertical\" flexItem />\n\n          <OperationModeIndicator\n            operationMode={operationMode}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n            compact={compact}\n          />\n\n          <Divider orientation=\"vertical\" flexItem />\n\n          <ControllerTypeIndicator\n            isVirtual={isVirtual}\n            motionGroupId={motionGroupId}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n            compact={compact}\n          />\n        </Stack>\n      )\n    },\n  ),\n)\n\nexport default SafetyBar\n"],"names":["SafetyBar","externalizeComponent","observer","isVirtual","motionGroupId","operationMode","safetyState","anchorOrigin","transformOrigin","compact","jsxs","Stack","jsx","SafetyStateIndicator","Divider","OperationModeIndicator","ControllerTypeIndicator"],"mappings":";;;;;;;;AAoBO,MAAMA,IAAYC;AAAA,EACvBC;AAAA,IACE,CAAC;AAAA,MACC,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,IAAA,MAKR,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KALQF,IAAU,IAAI;AAAA,QAMtB,YAAW;AAAA,QACX,IAAI,EAAE,QAAQ,OAAA;AAAA,QAEd,UAAA;AAAA,UAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,aAAAP;AAAA,cACA,cAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,SAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGF,gBAAAG,EAACE,GAAA,EAAQ,aAAY,YAAW,UAAQ,IAAC;AAAA,UAEzC,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,eAAAV;AAAA,cACA,cAAAE;AAAA,cACA,iBAAAC;AAAA,cACA,SAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGF,gBAAAG,EAACE,GAAA,EAAQ,aAAY,YAAW,UAAQ,IAAC;AAAA,UAEzC,gBAAAF;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,WAAAb;AAAA,cACA,eAAAC;AAAA,cACA,cAAAG;AAAA,cACA,iBAAAC;AAAA,cACA,SAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEJ;"}

package/dist/components/safetyBar/SafetyStateIndicator.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),E=require("@mui/material/styles"),c=require("mobx-react-lite"),y=require("react"),r=require("react-i18next"),u=require("../utils/errorHandling.cjs"),f=require("./icons/safety-state-error.svg.cjs"),d=require("./icons/safety-state-estop.svg.cjs"),A=require("./icons/safety-state-manual-action-required.svg.cjs"),_=require("./icons/safety-state-normal.svg.cjs"),p=require("./icons/safety-state-stop.svg.cjs"),i=require("./IndicatorWithExplanation.cjs"),T=c.observer(({safetyState:a,anchorOrigin:n,transformOrigin:l,compact:o})=>{const{t:e}=r.useTranslation(),S=E.useTheme(),s=y.useId();switch(a){case"SAFETY_STATE_NORMAL":return t.jsx(i.IndicatorWithExplanation,{id:`safety-state-normal-${s}`,title:e("SafetyBar.SafetyState.ti"),name:e("SafetyBar.SafetyState.Normal.lb"),label:o?null:e("SafetyBar.SafetyState.Normal.lb"),icon:_.default,color:S.palette.text.secondary,explanation:t.jsx(r.Trans,{i18nKey:"SafetyBar.SafetyState.Normal.Explanation.lb",children:"The robot controller is in a normal safety state. Movement is not prevented by this state."}),anchorOrigin:n,transformOrigin:l});case"SAFETY_STATE_DEVICE_EMERGENCY_STOP":case"SAFETY_STATE_ROBOT_EMERGENCY_STOP":return t.jsx(i.IndicatorWithExplanation,{id:`safety-state-estop-${s}`,title:e("SafetyBar.SafetyState.ti"),name:e("SafetyBar.SafetyState.Estop.lb"),label:o?null:e("SafetyBar.SafetyState.Estop.lb"),icon:d.default,color:S.palette.error.main,explanation:t.jsx(r.Trans,{i18nKey:"SafetyBar.StopState.Estop.Explanation.lb",children:"An emergency stop of the robot controller has been triggered. Movement of the robot is no longer possible until the estop is released."}),literalValue:a,anchorOrigin:n,transformOrigin:l});case"SAFETY_STATE_STOP_0":case"SAFETY_STATE_STOP_1":case"SAFETY_STATE_STOP_2":case"SAFETY_STATE_PROTECTIVE_STOP":case"SAFETY_STATE_STOP":return t.jsx(i.IndicatorWithExplanation,{id:`safety-state-stop-${s}`,icon:p.default,title:e("SafetyBar.SafetyState.ti"),name:e("SafetyBar.SafetyState.Stop.lb"),label:o?null:e("SafetyBar.SafetyState.Stop.lb"),color:S.palette.warning.main,explanation:t.jsx(r.Trans,{i18nKey:"SafetyBar.SafetyState.Stop.Explanation.lb",children:"The robot controller has entered a stop state. Movement is no longer possible until the stop state is resolved."}),literalValue:a,anchorOrigin:n,transformOrigin:l});case"SAFETY_STATE_REDUCED":case"SAFETY_STATE_MASTERING":case"SAFETY_STATE_CONFIRM_SAFETY":case"SAFETY_STATE_OPERATOR_SAFETY":case"SAFETY_STATE_RECOVERY":case"SAFETY_STATE_VIOLATION":return t.jsx(i.IndicatorWithExplanation,{id:`safety-state-manual-action-required-${s}`,icon:A.default,color:S.palette.warning.main,title:e("SafetyBar.SafetyState.ti"),name:e("SafetyBar.SafetyState.ManualActionRequired.lb"),label:o?null:e("SafetyBar.SafetyState.ManualActionRequired.lb"),explanation:t.jsx(r.Trans,{i18nKey:"SafetyBar.SafetyState.ManualActionRequired.Explanation.lb",children:"The robot controller has entered a safety state requiring manual action to resolve."}),literalValue:a,anchorOrigin:n,transformOrigin:l});case"SAFETY_STATE_UNKNOWN":case"SAFETY_STATE_FAULT":return t.jsx(i.IndicatorWithExplanation,{id:`safety-state-error-${s}`,icon:f.default,color:S.palette.error.main,title:e("SafetyBar.SafetyState.ti"),name:e("SafetyBar.SafetyState.Error.lb"),label:o?null:e("SafetyBar.SafetyState.Error.lb"),explanation:t.jsx(r.Trans,{i18nKey:"SafetyBar.SafetyState.Error.Explanation.lb",children:"The robot controller has entered an unexpected safety state."}),literalValue:a,anchorOrigin:n,transformOrigin:l});default:u.assertUnreachable(a,`Unknown safety state ${a}`)}});exports.SafetyStateIndicator=T;exports.default=T;
+//# sourceMappingURL=SafetyStateIndicator.cjs.map

package/dist/components/safetyBar/SafetyStateIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafetyStateIndicator.cjs","sources":["../../../src/components/safetyBar/SafetyStateIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport type { PopoverOrigin } from \"@mui/material/Popover\"\nimport type { SafetyStateType } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { useId } from \"react\"\nimport { Trans, useTranslation } from \"react-i18next\"\nimport { assertUnreachable } from \"../utils/errorHandling\"\nimport SafetyStateErrorIcon from \"./icons/safety-state-error.svg\"\nimport SafetyStateEstopIcon from \"./icons/safety-state-estop.svg\"\nimport SafetyStateManualActionRequiredIcon from \"./icons/safety-state-manual-action-required.svg\"\nimport SafetyStateNormalIcon from \"./icons/safety-state-normal.svg\"\nimport SafetyStateStopIcon from \"./icons/safety-state-stop.svg\"\nimport { IndicatorWithExplanation } from \"./IndicatorWithExplanation\"\n\ninterface SafetyStateIndicatorProps {\n  safetyState: SafetyStateType\n  anchorOrigin?: PopoverOrigin\n  transformOrigin?: PopoverOrigin\n  compact: boolean\n}\n\nexport const SafetyStateIndicator = observer(\n  ({\n    safetyState,\n    anchorOrigin,\n    transformOrigin,\n    compact,\n  }: SafetyStateIndicatorProps) => {\n    const { t } = useTranslation()\n    const theme = useTheme()\n    const componentId = useId()\n\n    switch (safetyState) {\n      // Normal state, robot can move\n      case \"SAFETY_STATE_NORMAL\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-normal-${componentId}`}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.Normal.lb\")}\n            label={compact ? null : t(\"SafetyBar.SafetyState.Normal.lb\")}\n            icon={SafetyStateNormalIcon}\n            color={theme.palette.text.secondary}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.SafetyState.Normal.Explanation.lb\">\n                The robot controller is in a normal safety state. Movement is\n                not prevented by this state.\n              </Trans>\n            }\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n\n      // Estop\n      case \"SAFETY_STATE_DEVICE_EMERGENCY_STOP\":\n      case \"SAFETY_STATE_ROBOT_EMERGENCY_STOP\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-estop-${componentId}`}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.Estop.lb\")}\n            label={compact ? null : t(\"SafetyBar.SafetyState.Estop.lb\")}\n            icon={SafetyStateEstopIcon}\n            color={theme.palette.error.main}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.StopState.Estop.Explanation.lb\">\n                An emergency stop of the robot controller has been triggered.\n                Movement of the robot is no longer possible until the estop is\n                released.\n              </Trans>\n            }\n            literalValue={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n\n      // General stop\n      case \"SAFETY_STATE_STOP_0\":\n      case \"SAFETY_STATE_STOP_1\":\n      case \"SAFETY_STATE_STOP_2\":\n      case \"SAFETY_STATE_PROTECTIVE_STOP\":\n      case \"SAFETY_STATE_STOP\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-stop-${componentId}`}\n            icon={SafetyStateStopIcon}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.Stop.lb\")}\n            label={compact ? null : t(\"SafetyBar.SafetyState.Stop.lb\")}\n            color={theme.palette.warning.main}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.SafetyState.Stop.Explanation.lb\">\n                The robot controller has entered a stop state. Movement is no\n                longer possible until the stop state is resolved.\n              </Trans>\n            }\n            literalValue={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n\n      // Manual action required\n      case \"SAFETY_STATE_REDUCED\":\n      case \"SAFETY_STATE_MASTERING\":\n      case \"SAFETY_STATE_CONFIRM_SAFETY\":\n      case \"SAFETY_STATE_OPERATOR_SAFETY\":\n      case \"SAFETY_STATE_RECOVERY\":\n      case \"SAFETY_STATE_VIOLATION\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-manual-action-required-${componentId}`}\n            icon={SafetyStateManualActionRequiredIcon}\n            color={theme.palette.warning.main}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.ManualActionRequired.lb\")}\n            label={\n              compact\n                ? null\n                : t(\"SafetyBar.SafetyState.ManualActionRequired.lb\")\n            }\n            explanation={\n              <Trans i18nKey=\"SafetyBar.SafetyState.ManualActionRequired.Explanation.lb\">\n                The robot controller has entered a safety state requiring manual\n                action to resolve.\n              </Trans>\n            }\n            literalValue={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n\n      // Error\n      case \"SAFETY_STATE_UNKNOWN\":\n      case \"SAFETY_STATE_FAULT\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-error-${componentId}`}\n            icon={SafetyStateErrorIcon}\n            color={theme.palette.error.main}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.Error.lb\")}\n            label={compact ? null : t(\"SafetyBar.SafetyState.Error.lb\")}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.SafetyState.Error.Explanation.lb\">\n                The robot controller has entered an unexpected safety state.\n              </Trans>\n            }\n            literalValue={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n      default:\n        assertUnreachable(safetyState, `Unknown safety state ${safetyState}`)\n    }\n  },\n)\n\nexport default SafetyStateIndicator\n"],"names":["SafetyStateIndicator","observer","safetyState","anchorOrigin","transformOrigin","compact","t","useTranslation","theme","useTheme","componentId","useId","jsx","IndicatorWithExplanation","SafetyStateNormalIcon","Trans","SafetyStateEstopIcon","SafetyStateStopIcon","SafetyStateManualActionRequiredIcon","SafetyStateErrorIcon","assertUnreachable"],"mappings":"mlBAqBaA,EAAuBC,EAAAA,SAClC,CAAC,CACC,YAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,QAAAC,CAAA,IAC+B,CAC/B,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EACRC,EAAQC,EAAAA,SAAA,EACRC,EAAcC,EAAAA,MAAA,EAEpB,OAAQT,EAAA,CAEN,IAAK,sBACH,OACEU,EAAAA,IAACC,EAAAA,yBAAA,CACC,GAAI,uBAAuBH,CAAW,GACtC,MAAOJ,EAAE,0BAA0B,EACnC,KAAMA,EAAE,iCAAiC,EACzC,MAAOD,EAAU,KAAOC,EAAE,iCAAiC,EAC3D,KAAMQ,EAAAA,QACN,MAAON,EAAM,QAAQ,KAAK,UAC1B,YACEI,EAAAA,IAACG,QAAA,CAAM,QAAQ,8CAA8C,SAAA,6FAG7D,EAEF,aAAAZ,EACA,gBAAAC,CAAA,CAAA,EAKN,IAAK,qCACL,IAAK,oCACH,OACEQ,EAAAA,IAACC,EAAAA,yBAAA,CACC,GAAI,sBAAsBH,CAAW,GACrC,MAAOJ,EAAE,0BAA0B,EACnC,KAAMA,EAAE,gCAAgC,EACxC,MAAOD,EAAU,KAAOC,EAAE,gCAAgC,EAC1D,KAAMU,EAAAA,QACN,MAAOR,EAAM,QAAQ,MAAM,KAC3B,YACEI,EAAAA,IAACG,QAAA,CAAM,QAAQ,2CAA2C,SAAA,yIAI1D,EAEF,aAAcb,EACd,aAAAC,EACA,gBAAAC,CAAA,CAAA,EAKN,IAAK,sBACL,IAAK,sBACL,IAAK,sBACL,IAAK,+BACL,IAAK,oBACH,OACEQ,EAAAA,IAACC,EAAAA,yBAAA,CACC,GAAI,qBAAqBH,CAAW,GACpC,KAAMO,EAAAA,QACN,MAAOX,EAAE,0BAA0B,EACnC,KAAMA,EAAE,+BAA+B,EACvC,MAAOD,EAAU,KAAOC,EAAE,+BAA+B,EACzD,MAAOE,EAAM,QAAQ,QAAQ,KAC7B,YACEI,EAAAA,IAACG,QAAA,CAAM,QAAQ,4CAA4C,SAAA,kHAG3D,EAEF,aAAcb,EACd,aAAAC,EACA,gBAAAC,CAAA,CAAA,EAKN,IAAK,uBACL,IAAK,yBACL,IAAK,8BACL,IAAK,+BACL,IAAK,wBACL,IAAK,yBACH,OACEQ,EAAAA,IAACC,EAAAA,yBAAA,CACC,GAAI,uCAAuCH,CAAW,GACtD,KAAMQ,EAAAA,QACN,MAAOV,EAAM,QAAQ,QAAQ,KAC7B,MAAOF,EAAE,0BAA0B,EACnC,KAAMA,EAAE,+CAA+C,EACvD,MACED,EACI,KACAC,EAAE,+CAA+C,EAEvD,YACEM,EAAAA,IAACG,QAAA,CAAM,QAAQ,4DAA4D,SAAA,sFAG3E,EAEF,aAAcb,EACd,aAAAC,EACA,gBAAAC,CAAA,CAAA,EAKN,IAAK,uBACL,IAAK,qBACH,OACEQ,EAAAA,IAACC,EAAAA,yBAAA,CACC,GAAI,sBAAsBH,CAAW,GACrC,KAAMS,EAAAA,QACN,MAAOX,EAAM,QAAQ,MAAM,KAC3B,MAAOF,EAAE,0BAA0B,EACnC,KAAMA,EAAE,gCAAgC,EACxC,MAAOD,EAAU,KAAOC,EAAE,gCAAgC,EAC1D,YACEM,EAAAA,IAACG,QAAA,CAAM,QAAQ,6CAA6C,SAAA,+DAE5D,EAEF,aAAcb,EACd,aAAAC,EACA,gBAAAC,CAAA,CAAA,EAGN,QACEgB,EAAAA,kBAAkBlB,EAAa,wBAAwBA,CAAW,EAAE,CAAA,CAE1E,CACF"}

package/dist/components/safetyBar/SafetyStateIndicator.d.ts

@@ -9,5 +9,5 @@ interface SafetyStateIndicatorProps {
 export declare const SafetyStateIndicator: (({ safetyState, anchorOrigin, transformOrigin, compact, }: SafetyStateIndicatorProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
-export {};
+export default SafetyStateIndicator;
 //# sourceMappingURL=SafetyStateIndicator.d.ts.map

package/dist/components/safetyBar/SafetyStateIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafetyStateIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/safetyBar/SafetyStateIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAY7D,UAAU,yBAAyB;IACjC,WAAW,EAAE,eAAe,CAAA;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,aAAa,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,oBAAoB,8DAM5B,yBAAyB;;CAqI7B,CAAA"}
+{"version":3,"file":"SafetyStateIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/safetyBar/SafetyStateIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAY7D,UAAU,yBAAyB;IACjC,WAAW,EAAE,eAAe,CAAA;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,aAAa,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,oBAAoB,8DAM5B,yBAAyB;;CAqI7B,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/components/safetyBar/SafetyStateIndicator.js

@@ -0,0 +1,126 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTheme as s } from "@mui/material/styles";
+import { observer as E } from "mobx-react-lite";
+import { useId as f } from "react";
+import { useTranslation as y, Trans as i } from "react-i18next";
+import { assertUnreachable as p } from "../utils/errorHandling.js";
+import A from "./icons/safety-state-error.svg.js";
+import _ from "./icons/safety-state-estop.svg.js";
+import c from "./icons/safety-state-manual-action-required.svg.js";
+import m from "./icons/safety-state-normal.svg.js";
+import d from "./icons/safety-state-stop.svg.js";
+import { IndicatorWithExplanation as T } from "./IndicatorWithExplanation.js";
+const $ = E(
+  ({
+    safetyState: a,
+    anchorOrigin: r,
+    transformOrigin: o,
+    compact: l
+  }) => {
+    const { t: e } = y(), S = s(), n = f();
+    switch (a) {
+      // Normal state, robot can move
+      case "SAFETY_STATE_NORMAL":
+        return /* @__PURE__ */ t(
+          T,
+          {
+            id: `safety-state-normal-${n}`,
+            title: e("SafetyBar.SafetyState.ti"),
+            name: e("SafetyBar.SafetyState.Normal.lb"),
+            label: l ? null : e("SafetyBar.SafetyState.Normal.lb"),
+            icon: m,
+            color: S.palette.text.secondary,
+            explanation: /* @__PURE__ */ t(i, { i18nKey: "SafetyBar.SafetyState.Normal.Explanation.lb", children: "The robot controller is in a normal safety state. Movement is not prevented by this state." }),
+            anchorOrigin: r,
+            transformOrigin: o
+          }
+        );
+      // Estop
+      case "SAFETY_STATE_DEVICE_EMERGENCY_STOP":
+      case "SAFETY_STATE_ROBOT_EMERGENCY_STOP":
+        return /* @__PURE__ */ t(
+          T,
+          {
+            id: `safety-state-estop-${n}`,
+            title: e("SafetyBar.SafetyState.ti"),
+            name: e("SafetyBar.SafetyState.Estop.lb"),
+            label: l ? null : e("SafetyBar.SafetyState.Estop.lb"),
+            icon: _,
+            color: S.palette.error.main,
+            explanation: /* @__PURE__ */ t(i, { i18nKey: "SafetyBar.StopState.Estop.Explanation.lb", children: "An emergency stop of the robot controller has been triggered. Movement of the robot is no longer possible until the estop is released." }),
+            literalValue: a,
+            anchorOrigin: r,
+            transformOrigin: o
+          }
+        );
+      // General stop
+      case "SAFETY_STATE_STOP_0":
+      case "SAFETY_STATE_STOP_1":
+      case "SAFETY_STATE_STOP_2":
+      case "SAFETY_STATE_PROTECTIVE_STOP":
+      case "SAFETY_STATE_STOP":
+        return /* @__PURE__ */ t(
+          T,
+          {
+            id: `safety-state-stop-${n}`,
+            icon: d,
+            title: e("SafetyBar.SafetyState.ti"),
+            name: e("SafetyBar.SafetyState.Stop.lb"),
+            label: l ? null : e("SafetyBar.SafetyState.Stop.lb"),
+            color: S.palette.warning.main,
+            explanation: /* @__PURE__ */ t(i, { i18nKey: "SafetyBar.SafetyState.Stop.Explanation.lb", children: "The robot controller has entered a stop state. Movement is no longer possible until the stop state is resolved." }),
+            literalValue: a,
+            anchorOrigin: r,
+            transformOrigin: o
+          }
+        );
+      // Manual action required
+      case "SAFETY_STATE_REDUCED":
+      case "SAFETY_STATE_MASTERING":
+      case "SAFETY_STATE_CONFIRM_SAFETY":
+      case "SAFETY_STATE_OPERATOR_SAFETY":
+      case "SAFETY_STATE_RECOVERY":
+      case "SAFETY_STATE_VIOLATION":
+        return /* @__PURE__ */ t(
+          T,
+          {
+            id: `safety-state-manual-action-required-${n}`,
+            icon: c,
+            color: S.palette.warning.main,
+            title: e("SafetyBar.SafetyState.ti"),
+            name: e("SafetyBar.SafetyState.ManualActionRequired.lb"),
+            label: l ? null : e("SafetyBar.SafetyState.ManualActionRequired.lb"),
+            explanation: /* @__PURE__ */ t(i, { i18nKey: "SafetyBar.SafetyState.ManualActionRequired.Explanation.lb", children: "The robot controller has entered a safety state requiring manual action to resolve." }),
+            literalValue: a,
+            anchorOrigin: r,
+            transformOrigin: o
+          }
+        );
+      // Error
+      case "SAFETY_STATE_UNKNOWN":
+      case "SAFETY_STATE_FAULT":
+        return /* @__PURE__ */ t(
+          T,
+          {
+            id: `safety-state-error-${n}`,
+            icon: A,
+            color: S.palette.error.main,
+            title: e("SafetyBar.SafetyState.ti"),
+            name: e("SafetyBar.SafetyState.Error.lb"),
+            label: l ? null : e("SafetyBar.SafetyState.Error.lb"),
+            explanation: /* @__PURE__ */ t(i, { i18nKey: "SafetyBar.SafetyState.Error.Explanation.lb", children: "The robot controller has entered an unexpected safety state." }),
+            literalValue: a,
+            anchorOrigin: r,
+            transformOrigin: o
+          }
+        );
+      default:
+        p(a, `Unknown safety state ${a}`);
+    }
+  }
+);
+export {
+  $ as SafetyStateIndicator,
+  $ as default
+};
+//# sourceMappingURL=SafetyStateIndicator.js.map

package/dist/components/safetyBar/SafetyStateIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafetyStateIndicator.js","sources":["../../../src/components/safetyBar/SafetyStateIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport type { PopoverOrigin } from \"@mui/material/Popover\"\nimport type { SafetyStateType } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { useId } from \"react\"\nimport { Trans, useTranslation } from \"react-i18next\"\nimport { assertUnreachable } from \"../utils/errorHandling\"\nimport SafetyStateErrorIcon from \"./icons/safety-state-error.svg\"\nimport SafetyStateEstopIcon from \"./icons/safety-state-estop.svg\"\nimport SafetyStateManualActionRequiredIcon from \"./icons/safety-state-manual-action-required.svg\"\nimport SafetyStateNormalIcon from \"./icons/safety-state-normal.svg\"\nimport SafetyStateStopIcon from \"./icons/safety-state-stop.svg\"\nimport { IndicatorWithExplanation } from \"./IndicatorWithExplanation\"\n\ninterface SafetyStateIndicatorProps {\n  safetyState: SafetyStateType\n  anchorOrigin?: PopoverOrigin\n  transformOrigin?: PopoverOrigin\n  compact: boolean\n}\n\nexport const SafetyStateIndicator = observer(\n  ({\n    safetyState,\n    anchorOrigin,\n    transformOrigin,\n    compact,\n  }: SafetyStateIndicatorProps) => {\n    const { t } = useTranslation()\n    const theme = useTheme()\n    const componentId = useId()\n\n    switch (safetyState) {\n      // Normal state, robot can move\n      case \"SAFETY_STATE_NORMAL\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-normal-${componentId}`}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.Normal.lb\")}\n            label={compact ? null : t(\"SafetyBar.SafetyState.Normal.lb\")}\n            icon={SafetyStateNormalIcon}\n            color={theme.palette.text.secondary}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.SafetyState.Normal.Explanation.lb\">\n                The robot controller is in a normal safety state. Movement is\n                not prevented by this state.\n              </Trans>\n            }\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n\n      // Estop\n      case \"SAFETY_STATE_DEVICE_EMERGENCY_STOP\":\n      case \"SAFETY_STATE_ROBOT_EMERGENCY_STOP\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-estop-${componentId}`}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.Estop.lb\")}\n            label={compact ? null : t(\"SafetyBar.SafetyState.Estop.lb\")}\n            icon={SafetyStateEstopIcon}\n            color={theme.palette.error.main}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.StopState.Estop.Explanation.lb\">\n                An emergency stop of the robot controller has been triggered.\n                Movement of the robot is no longer possible until the estop is\n                released.\n              </Trans>\n            }\n            literalValue={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n\n      // General stop\n      case \"SAFETY_STATE_STOP_0\":\n      case \"SAFETY_STATE_STOP_1\":\n      case \"SAFETY_STATE_STOP_2\":\n      case \"SAFETY_STATE_PROTECTIVE_STOP\":\n      case \"SAFETY_STATE_STOP\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-stop-${componentId}`}\n            icon={SafetyStateStopIcon}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.Stop.lb\")}\n            label={compact ? null : t(\"SafetyBar.SafetyState.Stop.lb\")}\n            color={theme.palette.warning.main}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.SafetyState.Stop.Explanation.lb\">\n                The robot controller has entered a stop state. Movement is no\n                longer possible until the stop state is resolved.\n              </Trans>\n            }\n            literalValue={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n\n      // Manual action required\n      case \"SAFETY_STATE_REDUCED\":\n      case \"SAFETY_STATE_MASTERING\":\n      case \"SAFETY_STATE_CONFIRM_SAFETY\":\n      case \"SAFETY_STATE_OPERATOR_SAFETY\":\n      case \"SAFETY_STATE_RECOVERY\":\n      case \"SAFETY_STATE_VIOLATION\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-manual-action-required-${componentId}`}\n            icon={SafetyStateManualActionRequiredIcon}\n            color={theme.palette.warning.main}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.ManualActionRequired.lb\")}\n            label={\n              compact\n                ? null\n                : t(\"SafetyBar.SafetyState.ManualActionRequired.lb\")\n            }\n            explanation={\n              <Trans i18nKey=\"SafetyBar.SafetyState.ManualActionRequired.Explanation.lb\">\n                The robot controller has entered a safety state requiring manual\n                action to resolve.\n              </Trans>\n            }\n            literalValue={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n\n      // Error\n      case \"SAFETY_STATE_UNKNOWN\":\n      case \"SAFETY_STATE_FAULT\":\n        return (\n          <IndicatorWithExplanation\n            id={`safety-state-error-${componentId}`}\n            icon={SafetyStateErrorIcon}\n            color={theme.palette.error.main}\n            title={t(\"SafetyBar.SafetyState.ti\")}\n            name={t(\"SafetyBar.SafetyState.Error.lb\")}\n            label={compact ? null : t(\"SafetyBar.SafetyState.Error.lb\")}\n            explanation={\n              <Trans i18nKey=\"SafetyBar.SafetyState.Error.Explanation.lb\">\n                The robot controller has entered an unexpected safety state.\n              </Trans>\n            }\n            literalValue={safetyState}\n            anchorOrigin={anchorOrigin}\n            transformOrigin={transformOrigin}\n          />\n        )\n      default:\n        assertUnreachable(safetyState, `Unknown safety state ${safetyState}`)\n    }\n  },\n)\n\nexport default SafetyStateIndicator\n"],"names":["SafetyStateIndicator","observer","safetyState","anchorOrigin","transformOrigin","compact","t","useTranslation","theme","useTheme","componentId","useId","jsx","IndicatorWithExplanation","SafetyStateNormalIcon","Trans","SafetyStateEstopIcon","SafetyStateStopIcon","SafetyStateManualActionRequiredIcon","SafetyStateErrorIcon","assertUnreachable"],"mappings":";;;;;;;;;;;;AAqBO,MAAMA,IAAuBC;AAAA,EAClC,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC+B;AAC/B,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAcC,EAAA;AAEpB,YAAQT,GAAA;AAAA;AAAA,MAEN,KAAK;AACH,eACE,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,uBAAuBH,CAAW;AAAA,YACtC,OAAOJ,EAAE,0BAA0B;AAAA,YACnC,MAAMA,EAAE,iCAAiC;AAAA,YACzC,OAAOD,IAAU,OAAOC,EAAE,iCAAiC;AAAA,YAC3D,MAAMQ;AAAAA,YACN,OAAON,EAAM,QAAQ,KAAK;AAAA,YAC1B,aACE,gBAAAI,EAACG,GAAA,EAAM,SAAQ,+CAA8C,UAAA,8FAG7D;AAAA,YAEF,cAAAZ;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,MAKN,KAAK;AAAA,MACL,KAAK;AACH,eACE,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,sBAAsBH,CAAW;AAAA,YACrC,OAAOJ,EAAE,0BAA0B;AAAA,YACnC,MAAMA,EAAE,gCAAgC;AAAA,YACxC,OAAOD,IAAU,OAAOC,EAAE,gCAAgC;AAAA,YAC1D,MAAMU;AAAAA,YACN,OAAOR,EAAM,QAAQ,MAAM;AAAA,YAC3B,aACE,gBAAAI,EAACG,GAAA,EAAM,SAAQ,4CAA2C,UAAA,0IAI1D;AAAA,YAEF,cAAcb;AAAA,YACd,cAAAC;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,MAKN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,qBAAqBH,CAAW;AAAA,YACpC,MAAMO;AAAAA,YACN,OAAOX,EAAE,0BAA0B;AAAA,YACnC,MAAMA,EAAE,+BAA+B;AAAA,YACvC,OAAOD,IAAU,OAAOC,EAAE,+BAA+B;AAAA,YACzD,OAAOE,EAAM,QAAQ,QAAQ;AAAA,YAC7B,aACE,gBAAAI,EAACG,GAAA,EAAM,SAAQ,6CAA4C,UAAA,mHAG3D;AAAA,YAEF,cAAcb;AAAA,YACd,cAAAC;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,MAKN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,uCAAuCH,CAAW;AAAA,YACtD,MAAMQ;AAAAA,YACN,OAAOV,EAAM,QAAQ,QAAQ;AAAA,YAC7B,OAAOF,EAAE,0BAA0B;AAAA,YACnC,MAAMA,EAAE,+CAA+C;AAAA,YACvD,OACED,IACI,OACAC,EAAE,+CAA+C;AAAA,YAEvD,aACE,gBAAAM,EAACG,GAAA,EAAM,SAAQ,6DAA4D,UAAA,uFAG3E;AAAA,YAEF,cAAcb;AAAA,YACd,cAAAC;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,MAKN,KAAK;AAAA,MACL,KAAK;AACH,eACE,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,sBAAsBH,CAAW;AAAA,YACrC,MAAMS;AAAAA,YACN,OAAOX,EAAM,QAAQ,MAAM;AAAA,YAC3B,OAAOF,EAAE,0BAA0B;AAAA,YACnC,MAAMA,EAAE,gCAAgC;AAAA,YACxC,OAAOD,IAAU,OAAOC,EAAE,gCAAgC;AAAA,YAC1D,aACE,gBAAAM,EAACG,GAAA,EAAM,SAAQ,8CAA6C,UAAA,gEAE5D;AAAA,YAEF,cAAcb;AAAA,YACd,cAAAC;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN;AACE,QAAAgB,EAAkBlB,GAAa,wBAAwBA,CAAW,EAAE;AAAA,IAAA;AAAA,EAE1E;AACF;"}

package/dist/components/safetyBar/icons/controller-type-physical.svg.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function n(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const r=n(l),o=({title:e,titleId:t,...a},c)=>r.createElement("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",ref:c,"aria-labelledby":t,...a},e?r.createElement("title",{id:t},e):null,r.createElement("path",{d:"M5.248 21c-.334 0-.619-.116-.853-.35a1.153 1.153 0 0 1-.351-.848c0-.333.117-.616.351-.85.234-.233.519-.35.853-.35H7.24L4.558 9.87a2.881 2.881 0 0 1-1.126-1.042A2.77 2.77 0 0 1 3 7.317c0-.793.28-1.467.838-2.023a2.774 2.774 0 0 1 2.033-.834 2.71 2.71 0 0 1 1.728.585c.494.389.832.887 1.014 1.493h3.58V5.239c0-.22.076-.406.226-.555a.76.76 0 0 1 .558-.224c.136 0 .263.035.381.104.118.07.209.167.273.292v.14l1.835-1.702a.979.979 0 0 1 .52-.279.881.881 0 0 1 .58.091l4.01 1.85a.74.74 0 0 1 .36.364.537.537 0 0 1-.002.474.592.592 0 0 1-.366.323.657.657 0 0 1-.477-.039l-3.858-1.774L13.76 6.59v1.454l2.473 2.233 3.858-1.774a.648.648 0 0 1 .485-.03.571.571 0 0 1 .358.314.513.513 0 0 1 .01.482.79.79 0 0 1-.367.357l-4.011 1.882a.881.881 0 0 1-.58.09.979.979 0 0 1-.52-.278L13.63 9.638v.14a.92.92 0 0 1-.273.275.665.665 0 0 1-.381.12.76.76 0 0 1-.558-.224.752.752 0 0 1-.225-.555V8.096h-3.58a2.82 2.82 0 0 1-.215.54 2.552 2.552 0 0 1-.323.479l5.139 9.488h2.673c.335 0 .62.116.854.35.234.233.35.516.35.849 0 .332-.116.615-.35.849a1.167 1.167 0 0 1-.854.349H5.248Zm.623-12.385c.362 0 .67-.126.924-.378a1.25 1.25 0 0 0 .38-.92 1.25 1.25 0 0 0-.38-.92 1.261 1.261 0 0 0-.924-.379 1.26 1.26 0 0 0-.925.379 1.25 1.25 0 0 0-.38.92c0 .36.127.667.38.92.254.252.562.378.925.378Z"})),u=l.forwardRef(o);exports.default=u;
+//# sourceMappingURL=controller-type-physical.svg.cjs.map

package/dist/components/safetyBar/icons/controller-type-physical.svg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller-type-physical.svg.cjs","sources":["../../../../src/components/safetyBar/icons/controller-type-physical.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgControllerTypePhysical = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, xmlns: \"http://www.w3.org/2000/svg\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.248 21c-.334 0-.619-.116-.853-.35a1.153 1.153 0 0 1-.351-.848c0-.333.117-.616.351-.85.234-.233.519-.35.853-.35H7.24L4.558 9.87a2.881 2.881 0 0 1-1.126-1.042A2.77 2.77 0 0 1 3 7.317c0-.793.28-1.467.838-2.023a2.774 2.774 0 0 1 2.033-.834 2.71 2.71 0 0 1 1.728.585c.494.389.832.887 1.014 1.493h3.58V5.239c0-.22.076-.406.226-.555a.76.76 0 0 1 .558-.224c.136 0 .263.035.381.104.118.07.209.167.273.292v.14l1.835-1.702a.979.979 0 0 1 .52-.279.881.881 0 0 1 .58.091l4.01 1.85a.74.74 0 0 1 .36.364.537.537 0 0 1-.002.474.592.592 0 0 1-.366.323.657.657 0 0 1-.477-.039l-3.858-1.774L13.76 6.59v1.454l2.473 2.233 3.858-1.774a.648.648 0 0 1 .485-.03.571.571 0 0 1 .358.314.513.513 0 0 1 .01.482.79.79 0 0 1-.367.357l-4.011 1.882a.881.881 0 0 1-.58.09.979.979 0 0 1-.52-.278L13.63 9.638v.14a.92.92 0 0 1-.273.275.665.665 0 0 1-.381.12.76.76 0 0 1-.558-.224.752.752 0 0 1-.225-.555V8.096h-3.58a2.82 2.82 0 0 1-.215.54 2.552 2.552 0 0 1-.323.479l5.139 9.488h2.673c.335 0 .62.116.854.35.234.233.35.516.35.849 0 .332-.116.615-.35.849a1.167 1.167 0 0 1-.854.349H5.248Zm.623-12.385c.362 0 .67-.126.924-.378a1.25 1.25 0 0 0 .38-.92 1.25 1.25 0 0 0-.38-.92 1.261 1.261 0 0 0-.924-.379 1.26 1.26 0 0 0-.925.379 1.25 1.25 0 0 0-.38.92c0 .36.127.667.38.92.254.252.562.378.925.378Z\" }));\nconst ForwardRef = forwardRef(SvgControllerTypePhysical);\nexport default ForwardRef;\n"],"names":["SvgControllerTypePhysical","title","titleId","props","ref","React","ForwardRef","forwardRef"],"mappings":"+ZAEMA,EAA4B,CAAC,CACjC,MAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,MAAO,6BAA8B,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,EAAG,4uCAA4uC,CAAE,CAAC,EAChhDC,EAAaC,EAAAA,WAAWP,CAAyB"}

package/dist/components/safetyBar/icons/controller-type-physical.svg.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionComponent, SVGAttributes } from "react"
+declare const content: FunctionComponent<SVGAttributes<SVGElement>>
+export default content