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

package/dist/components/ProgramControl.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgramControl.cjs","sources":["../../src/components/ProgramControl.tsx"],"sourcesContent":["import Pause from \"@mui/icons-material/Pause\"\nimport PlayArrow from \"@mui/icons-material/PlayArrow\"\nimport Stop from \"@mui/icons-material/Stop\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Button from \"@mui/material/Button\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\nexport enum ProgramState {\n  IDLE = \"idle\",\n  PREPARING = \"preparing\",\n  STARTING = \"starting\",\n  RUNNING = \"running\",\n  PAUSING = \"pausing\",\n  PAUSED = \"paused\",\n  STOPPING = \"stopping\",\n  COMPLETED = \"completed\",\n  FAILED = \"failed\",\n  STOPPED = \"stopped\",\n  ERROR = \"error\",\n}\n\nexport interface ProgramControlProps {\n  /** The current state of the program control */\n  state: ProgramState\n  /** Callback fired when the run/resume button is clicked */\n  onRun: () => void\n  /** Callback fired when the pause button is clicked (only available in 'with_pause' variant) */\n  onPause?: () => void\n  /** Callback fired when the stop button is clicked */\n  onStop: () => void\n  /**\n   * Function to reset the component from 'stopping' state back to 'idle'.\n   * This must be called manually by the user when requiresManualReset is true.\n   */\n  onReset?: () => void\n  /**\n   * When true, the component will stay in 'stopping' state until onReset is called manually.\n   * When false (default), auto-resets to 'idle' after 2 seconds.\n   */\n  requiresManualReset?: boolean\n  /**\n   * Variant of the component:\n   * - 'with_pause': Shows run/pause/stop buttons (default)\n   * - 'without_pause': Shows only run/stop buttons\n   */\n  variant?: \"with_pause\" | \"without_pause\"\n  /** Additional CSS class name */\n  className?: string\n}\n\ninterface ButtonConfig {\n  enabled: boolean\n  label: string\n  color: string\n  onClick: () => void\n}\n\n/**\n * A control component for program execution with run, pause, and stop functionality.\n *\n * Features:\n * - State machine with idle, preparing, starting, running, pausing, paused, stopping, completed, failed, stopped, and error states\n * - Two variants: with_pause (3 buttons) and without_pause (2 buttons)\n * - Optional manual reset functionality\n * - Responsive design with 110px circular buttons\n * - Material-UI theming integration\n */\nexport const ProgramControl = externalizeComponent(\n  observer(\n    ({\n      state,\n      onRun,\n      onPause,\n      onStop,\n      onReset,\n      requiresManualReset = false,\n      variant = \"with_pause\",\n      className,\n    }: ProgramControlProps) => {\n      const theme = useTheme()\n      const { t } = useTranslation()\n\n      const getButtonConfigs = (): ButtonConfig[] => {\n        const baseConfigs: Record<string, ButtonConfig> = {\n          run: {\n            enabled:\n              state === ProgramState.IDLE ||\n              state === ProgramState.STOPPED ||\n              state === ProgramState.PAUSED ||\n              state === ProgramState.COMPLETED ||\n              state === ProgramState.FAILED ||\n              state === ProgramState.ERROR,\n            label:\n              state === ProgramState.PAUSED\n                ? t(\"ProgramControl.Resume.bt\")\n                : state === ProgramState.ERROR || state === ProgramState.FAILED\n                  ? t(\"ProgramControl.Retry.bt\")\n                  : t(\"ProgramControl.Start.bt\"),\n            color: theme.palette.success.main,\n            onClick: onRun,\n          },\n          pause: {\n            enabled: state === ProgramState.RUNNING,\n            label: t(\"ProgramControl.Pause.bt\"),\n            color: \"#FFFFFF33\",\n            onClick: onPause || (() => {}),\n          },\n          stop: {\n            enabled:\n              state === ProgramState.PREPARING ||\n              state === ProgramState.STARTING ||\n              state === ProgramState.RUNNING ||\n              state === ProgramState.PAUSING ||\n              state === ProgramState.PAUSED,\n            label: t(\"ProgramControl.Stop.bt\"),\n            color: theme.palette.error.main,\n            onClick: onStop,\n          },\n        }\n\n        if (variant === \"without_pause\") {\n          return [baseConfigs.run, baseConfigs.stop]\n        }\n\n        return [baseConfigs.run, baseConfigs.pause, baseConfigs.stop]\n      }\n\n      const getButtonIcon = (index: number) => {\n        const iconProps = { sx: { fontSize: \"55px\" } }\n\n        if (variant === \"without_pause\") {\n          return index === 0 ? (\n            <PlayArrow {...iconProps} />\n          ) : (\n            <Stop {...iconProps} />\n          )\n        }\n\n        switch (index) {\n          case 0:\n            return <PlayArrow {...iconProps} />\n          case 1:\n            return <Pause {...iconProps} />\n          case 2:\n            return <Stop {...iconProps} />\n          default:\n            return null\n        }\n      }\n\n      const buttonConfigs = getButtonConfigs()\n\n      return (\n        <Box\n          className={className}\n          sx={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n            gap: 2,\n          }}\n        >\n          <Box\n            sx={{\n              display: \"flex\",\n              gap: \"40px\",\n              flexWrap: \"wrap\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }}\n          >\n            {buttonConfigs.map((config, index) => (\n              <Box\n                key={config.label}\n                sx={{\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  alignItems: \"center\",\n                  gap: 1,\n                }}\n              >\n                <Button\n                  variant=\"contained\"\n                  disabled={\n                    !config.enabled ||\n                    state === ProgramState.PREPARING ||\n                    state === ProgramState.STARTING ||\n                    state === ProgramState.PAUSING ||\n                    (state === ProgramState.STOPPING && !requiresManualReset)\n                  }\n                  onClick={config.onClick}\n                  sx={{\n                    width: \"88px\",\n                    height: \"88px\",\n                    borderRadius: \"88px\",\n                    backgroundColor: config.color,\n                    opacity:\n                      config.enabled &&\n                      state !== ProgramState.PREPARING &&\n                      state !== ProgramState.STARTING &&\n                      state !== ProgramState.PAUSING &&\n                      !(state === ProgramState.STOPPING && !requiresManualReset)\n                        ? 1\n                        : 0.3,\n                    \"&:hover\": {\n                      backgroundColor: config.color,\n                      opacity:\n                        config.enabled &&\n                        state !== ProgramState.PREPARING &&\n                        state !== ProgramState.STARTING &&\n                        state !== ProgramState.PAUSING &&\n                        !(\n                          state === ProgramState.STOPPING &&\n                          !requiresManualReset\n                        )\n                          ? 0.8\n                          : 0.3,\n                    },\n                    \"&:disabled\": {\n                      backgroundColor: config.color,\n                      opacity: 0.3,\n                    },\n                    minWidth: \"88px\",\n                    flexShrink: 0,\n                  }}\n                >\n                  {getButtonIcon(index)}\n                </Button>\n\n                <Typography\n                  variant=\"body1\"\n                  sx={{\n                    color:\n                      config.enabled &&\n                      state !== ProgramState.PREPARING &&\n                      state !== ProgramState.STARTING &&\n                      state !== ProgramState.PAUSING &&\n                      !(state === ProgramState.STOPPING && !requiresManualReset)\n                        ? config.color\n                        : theme.palette.text.disabled,\n                    textAlign: \"center\",\n                    opacity:\n                      config.enabled &&\n                      state !== ProgramState.PREPARING &&\n                      state !== ProgramState.STARTING &&\n                      state !== ProgramState.PAUSING &&\n                      !(state === ProgramState.STOPPING && !requiresManualReset)\n                        ? 1\n                        : 0.3,\n                  }}\n                >\n                  {config.label}\n                </Typography>\n              </Box>\n            ))}\n          </Box>\n        </Box>\n      )\n    },\n  ),\n)\n\nexport default ProgramControl\n"],"names":["ProgramState","ProgramControl","externalizeComponent","observer","state","onRun","onPause","onStop","onReset","requiresManualReset","variant","className","theme","useTheme","t","useTranslation","getButtonConfigs","baseConfigs","getButtonIcon","index","iconProps","jsx","PlayArrow","Stop","Pause","buttonConfigs","Box","config","jsxs","Button","Typography"],"mappings":"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"}

package/dist/components/ProgramControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgramControl.d.ts","sourceRoot":"","sources":["../../src/components/ProgramControl.tsx"],"names":[],"mappings":"AAWA,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,KAAK,EAAE,YAAY,CAAA;IACnB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,qDAAqD;IACrD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,eAAe,CAAA;IACxC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,0FAWpB,mBAAmB;;CAsLzB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/ProgramControl.js

@@ -1,147 +0,0 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import h from "@mui/icons-material/Pause";
-import c from "@mui/icons-material/PlayArrow";
-import s from "@mui/icons-material/Stop";
-import { useTheme as y } from "@mui/material/styles";
-import d from "@mui/material/Box";
-import I from "@mui/material/Button";
-import k from "@mui/material/Typography";
-import { observer as P } from "mobx-react-lite";
-import { useTranslation as E } from "react-i18next";
-import { externalizeComponent as T } from "../externalizeComponent.js";
-var w = /* @__PURE__ */ ((r) => (r.IDLE = "idle", r.PREPARING = "preparing", r.STARTING = "starting", r.RUNNING = "running", r.PAUSING = "pausing", r.PAUSED = "paused", r.STOPPING = "stopping", r.COMPLETED = "completed", r.FAILED = "failed", r.STOPPED = "stopped", r.ERROR = "error", r))(w || {});
-const _ = T(
-  P(
-    ({
-      state: r,
-      onRun: a,
-      onPause: t,
-      onStop: m,
-      onReset: A,
-      requiresManualReset: i = !1,
-      variant: u = "with_pause",
-      className: g
-    }) => {
-      const e = y(), { t: l } = E(), b = () => {
-        const o = {
-          run: {
-            enabled: r === "idle" || r === "stopped" || r === "paused" || r === "completed" || r === "failed" || r === "error",
-            label: l(r === "paused" ? "ProgramControl.Resume.bt" : r === "error" || r === "failed" ? "ProgramControl.Retry.bt" : "ProgramControl.Start.bt"),
-            color: e.palette.success.main,
-            onClick: a
-          },
-          pause: {
-            enabled: r === "running",
-            label: l("ProgramControl.Pause.bt"),
-            color: "#FFFFFF33",
-            onClick: t || (() => {
-            })
-          },
-          stop: {
-            enabled: r === "preparing" || r === "starting" || r === "running" || r === "pausing" || r === "paused",
-            label: l("ProgramControl.Stop.bt"),
-            color: e.palette.error.main,
-            onClick: m
-          }
-        };
-        return u === "without_pause" ? [o.run, o.stop] : [o.run, o.pause, o.stop];
-      }, x = (o) => {
-        const p = { sx: { fontSize: "55px" } };
-        if (u === "without_pause")
-          return o === 0 ? /* @__PURE__ */ n(c, { ...p }) : /* @__PURE__ */ n(s, { ...p });
-        switch (o) {
-          case 0:
-            return /* @__PURE__ */ n(c, { ...p });
-          case 1:
-            return /* @__PURE__ */ n(h, { ...p });
-          case 2:
-            return /* @__PURE__ */ n(s, { ...p });
-          default:
-            return null;
-        }
-      }, f = b();
-      return /* @__PURE__ */ n(
-        d,
-        {
-          className: g,
-          sx: {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            gap: 2
-          },
-          children: /* @__PURE__ */ n(
-            d,
-            {
-              sx: {
-                display: "flex",
-                gap: "40px",
-                flexWrap: "wrap",
-                justifyContent: "center",
-                alignItems: "center"
-              },
-              children: f.map((o, p) => /* @__PURE__ */ C(
-                d,
-                {
-                  sx: {
-                    display: "flex",
-                    flexDirection: "column",
-                    alignItems: "center",
-                    gap: 1
-                  },
-                  children: [
-                    /* @__PURE__ */ n(
-                      I,
-                      {
-                        variant: "contained",
-                        disabled: !o.enabled || r === "preparing" || r === "starting" || r === "pausing" || r === "stopping" && !i,
-                        onClick: o.onClick,
-                        sx: {
-                          width: "88px",
-                          height: "88px",
-                          borderRadius: "88px",
-                          backgroundColor: o.color,
-                          opacity: o.enabled && r !== "preparing" && r !== "starting" && r !== "pausing" && !(r === "stopping" && !i) ? 1 : 0.3,
-                          "&:hover": {
-                            backgroundColor: o.color,
-                            opacity: o.enabled && r !== "preparing" && r !== "starting" && r !== "pausing" && !(r === "stopping" && !i) ? 0.8 : 0.3
-                          },
-                          "&:disabled": {
-                            backgroundColor: o.color,
-                            opacity: 0.3
-                          },
-                          minWidth: "88px",
-                          flexShrink: 0
-                        },
-                        children: x(p)
-                      }
-                    ),
-                    /* @__PURE__ */ n(
-                      k,
-                      {
-                        variant: "body1",
-                        sx: {
-                          color: o.enabled && r !== "preparing" && r !== "starting" && r !== "pausing" && !(r === "stopping" && !i) ? o.color : e.palette.text.disabled,
-                          textAlign: "center",
-                          opacity: o.enabled && r !== "preparing" && r !== "starting" && r !== "pausing" && !(r === "stopping" && !i) ? 1 : 0.3
-                        },
-                        children: o.label
-                      }
-                    )
-                  ]
-                },
-                o.label
-              ))
-            }
-          )
-        }
-      );
-    }
-  )
-);
-export {
-  _ as ProgramControl,
-  w as ProgramState,
-  _ as default
-};
-//# sourceMappingURL=ProgramControl.js.map

package/dist/components/ProgramControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgramControl.js","sources":["../../src/components/ProgramControl.tsx"],"sourcesContent":["import Pause from \"@mui/icons-material/Pause\"\nimport PlayArrow from \"@mui/icons-material/PlayArrow\"\nimport Stop from \"@mui/icons-material/Stop\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Button from \"@mui/material/Button\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\nexport enum ProgramState {\n  IDLE = \"idle\",\n  PREPARING = \"preparing\",\n  STARTING = \"starting\",\n  RUNNING = \"running\",\n  PAUSING = \"pausing\",\n  PAUSED = \"paused\",\n  STOPPING = \"stopping\",\n  COMPLETED = \"completed\",\n  FAILED = \"failed\",\n  STOPPED = \"stopped\",\n  ERROR = \"error\",\n}\n\nexport interface ProgramControlProps {\n  /** The current state of the program control */\n  state: ProgramState\n  /** Callback fired when the run/resume button is clicked */\n  onRun: () => void\n  /** Callback fired when the pause button is clicked (only available in 'with_pause' variant) */\n  onPause?: () => void\n  /** Callback fired when the stop button is clicked */\n  onStop: () => void\n  /**\n   * Function to reset the component from 'stopping' state back to 'idle'.\n   * This must be called manually by the user when requiresManualReset is true.\n   */\n  onReset?: () => void\n  /**\n   * When true, the component will stay in 'stopping' state until onReset is called manually.\n   * When false (default), auto-resets to 'idle' after 2 seconds.\n   */\n  requiresManualReset?: boolean\n  /**\n   * Variant of the component:\n   * - 'with_pause': Shows run/pause/stop buttons (default)\n   * - 'without_pause': Shows only run/stop buttons\n   */\n  variant?: \"with_pause\" | \"without_pause\"\n  /** Additional CSS class name */\n  className?: string\n}\n\ninterface ButtonConfig {\n  enabled: boolean\n  label: string\n  color: string\n  onClick: () => void\n}\n\n/**\n * A control component for program execution with run, pause, and stop functionality.\n *\n * Features:\n * - State machine with idle, preparing, starting, running, pausing, paused, stopping, completed, failed, stopped, and error states\n * - Two variants: with_pause (3 buttons) and without_pause (2 buttons)\n * - Optional manual reset functionality\n * - Responsive design with 110px circular buttons\n * - Material-UI theming integration\n */\nexport const ProgramControl = externalizeComponent(\n  observer(\n    ({\n      state,\n      onRun,\n      onPause,\n      onStop,\n      onReset,\n      requiresManualReset = false,\n      variant = \"with_pause\",\n      className,\n    }: ProgramControlProps) => {\n      const theme = useTheme()\n      const { t } = useTranslation()\n\n      const getButtonConfigs = (): ButtonConfig[] => {\n        const baseConfigs: Record<string, ButtonConfig> = {\n          run: {\n            enabled:\n              state === ProgramState.IDLE ||\n              state === ProgramState.STOPPED ||\n              state === ProgramState.PAUSED ||\n              state === ProgramState.COMPLETED ||\n              state === ProgramState.FAILED ||\n              state === ProgramState.ERROR,\n            label:\n              state === ProgramState.PAUSED\n                ? t(\"ProgramControl.Resume.bt\")\n                : state === ProgramState.ERROR || state === ProgramState.FAILED\n                  ? t(\"ProgramControl.Retry.bt\")\n                  : t(\"ProgramControl.Start.bt\"),\n            color: theme.palette.success.main,\n            onClick: onRun,\n          },\n          pause: {\n            enabled: state === ProgramState.RUNNING,\n            label: t(\"ProgramControl.Pause.bt\"),\n            color: \"#FFFFFF33\",\n            onClick: onPause || (() => {}),\n          },\n          stop: {\n            enabled:\n              state === ProgramState.PREPARING ||\n              state === ProgramState.STARTING ||\n              state === ProgramState.RUNNING ||\n              state === ProgramState.PAUSING ||\n              state === ProgramState.PAUSED,\n            label: t(\"ProgramControl.Stop.bt\"),\n            color: theme.palette.error.main,\n            onClick: onStop,\n          },\n        }\n\n        if (variant === \"without_pause\") {\n          return [baseConfigs.run, baseConfigs.stop]\n        }\n\n        return [baseConfigs.run, baseConfigs.pause, baseConfigs.stop]\n      }\n\n      const getButtonIcon = (index: number) => {\n        const iconProps = { sx: { fontSize: \"55px\" } }\n\n        if (variant === \"without_pause\") {\n          return index === 0 ? (\n            <PlayArrow {...iconProps} />\n          ) : (\n            <Stop {...iconProps} />\n          )\n        }\n\n        switch (index) {\n          case 0:\n            return <PlayArrow {...iconProps} />\n          case 1:\n            return <Pause {...iconProps} />\n          case 2:\n            return <Stop {...iconProps} />\n          default:\n            return null\n        }\n      }\n\n      const buttonConfigs = getButtonConfigs()\n\n      return (\n        <Box\n          className={className}\n          sx={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n            gap: 2,\n          }}\n        >\n          <Box\n            sx={{\n              display: \"flex\",\n              gap: \"40px\",\n              flexWrap: \"wrap\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }}\n          >\n            {buttonConfigs.map((config, index) => (\n              <Box\n                key={config.label}\n                sx={{\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  alignItems: \"center\",\n                  gap: 1,\n                }}\n              >\n                <Button\n                  variant=\"contained\"\n                  disabled={\n                    !config.enabled ||\n                    state === ProgramState.PREPARING ||\n                    state === ProgramState.STARTING ||\n                    state === ProgramState.PAUSING ||\n                    (state === ProgramState.STOPPING && !requiresManualReset)\n                  }\n                  onClick={config.onClick}\n                  sx={{\n                    width: \"88px\",\n                    height: \"88px\",\n                    borderRadius: \"88px\",\n                    backgroundColor: config.color,\n                    opacity:\n                      config.enabled &&\n                      state !== ProgramState.PREPARING &&\n                      state !== ProgramState.STARTING &&\n                      state !== ProgramState.PAUSING &&\n                      !(state === ProgramState.STOPPING && !requiresManualReset)\n                        ? 1\n                        : 0.3,\n                    \"&:hover\": {\n                      backgroundColor: config.color,\n                      opacity:\n                        config.enabled &&\n                        state !== ProgramState.PREPARING &&\n                        state !== ProgramState.STARTING &&\n                        state !== ProgramState.PAUSING &&\n                        !(\n                          state === ProgramState.STOPPING &&\n                          !requiresManualReset\n                        )\n                          ? 0.8\n                          : 0.3,\n                    },\n                    \"&:disabled\": {\n                      backgroundColor: config.color,\n                      opacity: 0.3,\n                    },\n                    minWidth: \"88px\",\n                    flexShrink: 0,\n                  }}\n                >\n                  {getButtonIcon(index)}\n                </Button>\n\n                <Typography\n                  variant=\"body1\"\n                  sx={{\n                    color:\n                      config.enabled &&\n                      state !== ProgramState.PREPARING &&\n                      state !== ProgramState.STARTING &&\n                      state !== ProgramState.PAUSING &&\n                      !(state === ProgramState.STOPPING && !requiresManualReset)\n                        ? config.color\n                        : theme.palette.text.disabled,\n                    textAlign: \"center\",\n                    opacity:\n                      config.enabled &&\n                      state !== ProgramState.PREPARING &&\n                      state !== ProgramState.STARTING &&\n                      state !== ProgramState.PAUSING &&\n                      !(state === ProgramState.STOPPING && !requiresManualReset)\n                        ? 1\n                        : 0.3,\n                  }}\n                >\n                  {config.label}\n                </Typography>\n              </Box>\n            ))}\n          </Box>\n        </Box>\n      )\n    },\n  ),\n)\n\nexport default ProgramControl\n"],"names":["ProgramState","ProgramControl","externalizeComponent","observer","state","onRun","onPause","onStop","onReset","requiresManualReset","variant","className","theme","useTheme","t","useTranslation","getButtonConfigs","baseConfigs","getButtonIcon","index","iconProps","jsx","PlayArrow","Stop","Pause","buttonConfigs","Box","config","jsxs","Button","Typography"],"mappings":"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"}

package/dist/components/ProgramStateIndicator.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),g=require("@mui/material/styles"),A=require("@mui/material/Chip"),u=require("@mui/material/Typography"),_=require("mobx-react-lite"),m=require("react-i18next"),b=require("../externalizeComponent.cjs"),a=require("./ProgramControl.cjs"),l=b.externalizeComponent(_.observer(({programState:T,safetyState:e,operationMode:i,className:c})=>{const t=g.useTheme(),{t:r}=m.useTranslation(),S=()=>{if(e==="SAFETY_STATE_DEVICE_EMERGENCY_STOP"||e==="SAFETY_STATE_ROBOT_EMERGENCY_STOP"||e==="SAFETY_STATE_STOP_0"||e==="SAFETY_STATE_STOP_1"||e==="SAFETY_STATE_STOP_2"||e==="SAFETY_STATE_PROTECTIVE_STOP"||e==="SAFETY_STATE_STOP"||e==="SAFETY_STATE_REDUCED"||e==="SAFETY_STATE_MASTERING"||e==="SAFETY_STATE_CONFIRM_SAFETY"||e==="SAFETY_STATE_OPERATOR_SAFETY"||e==="SAFETY_STATE_RECOVERY"||e==="SAFETY_STATE_VIOLATION")return{label:r("ProgramStateIndicator.EStop.lb"),color:t.palette.error.main};if(e==="SAFETY_STATE_UNKNOWN"||e==="SAFETY_STATE_FAULT")return{label:r("ProgramStateIndicator.Error.lb"),color:t.palette.error.main};if(e==="SAFETY_STATE_NORMAL")switch(T){case a.ProgramState.PREPARING:return{label:r("ProgramStateIndicator.Preparing.lb"),color:t.palette.warning.main};case a.ProgramState.STARTING:return{label:r("ProgramStateIndicator.Starting.lb"),color:t.palette.warning.main};case a.ProgramState.RUNNING:return{label:r("ProgramStateIndicator.Running.lb"),color:t.palette.success.main};case a.ProgramState.PAUSING:return{label:r("ProgramStateIndicator.Pausing.lb"),color:t.palette.warning.main};case a.ProgramState.PAUSED:return{label:r("ProgramStateIndicator.Paused.lb"),color:t.palette.grey[600]};case a.ProgramState.STOPPING:return{label:r("ProgramStateIndicator.Stopping.lb"),color:t.palette.warning.main};case a.ProgramState.COMPLETED:return{label:r("ProgramStateIndicator.Completed.lb"),color:t.palette.success.main};case a.ProgramState.FAILED:return{label:r("ProgramStateIndicator.Failed.lb"),color:t.palette.error.main};case a.ProgramState.STOPPED:return{label:r("ProgramStateIndicator.Stopped.lb"),color:t.palette.warning.main};case a.ProgramState.ERROR:return{label:r("ProgramStateIndicator.Error.lb"),color:t.palette.error.main};default:return{label:r("ProgramStateIndicator.Ready.lb"),color:t.palette.success.main}}return{label:r("ProgramStateIndicator.Idle.lb"),color:t.palette.grey[600]}},{label:E,color:o}=S(),P=`${E} / ${(()=>{switch(i){case"OPERATION_MODE_AUTO":return r("ProgramStateIndicator.Auto.lb");case"OPERATION_MODE_MANUAL":return r("ProgramStateIndicator.Manual.lb");case"OPERATION_MODE_MANUAL_T1":return r("ProgramStateIndicator.ManualT1.lb");case"OPERATION_MODE_MANUAL_T2":return r("ProgramStateIndicator.ManualT2.lb");default:return r("ProgramStateIndicator.Auto.lb")}})()}`;return n.jsx(A,{className:c,label:n.jsx(u,{variant:"body2",sx:{fontSize:"0.75rem",lineHeight:1.2},children:P}),variant:"filled",sx:{backgroundColor:o,color:t.palette.getContrastText(o),fontWeight:500,height:"auto","& .MuiChip-label":{paddingX:1.5,paddingY:.5}}})}));exports.ProgramStateIndicator=l;exports.default=l;
-//# sourceMappingURL=ProgramStateIndicator.cjs.map

package/dist/components/ProgramStateIndicator.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgramStateIndicator.cjs","sources":["../../src/components/ProgramStateIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Chip from \"@mui/material/Chip\"\nimport Typography from \"@mui/material/Typography\"\nimport type { OperationMode, SafetyStateType } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport { ProgramState } from \"./ProgramControl\"\n\nexport interface ProgramStateIndicatorProps {\n  /** The current state of the program */\n  programState: ProgramState\n  /** The current safety state of the robot controller */\n  safetyState: SafetyStateType\n  /** The current operation mode of the robot controller */\n  operationMode: OperationMode\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A state indicator component that displays the current program execution state\n * combined with robot controller safety and operation mode states.\n *\n * Features:\n * - Combines program state with safety and operation mode states\n * - Color-coded based on state severity (success, warning, error)\n * - Rendered as Material-UI filled chip\n * - Localization support via react-i18next\n */\nexport const ProgramStateIndicator = externalizeComponent(\n  observer(\n    ({\n      programState,\n      safetyState,\n      operationMode,\n      className,\n    }: ProgramStateIndicatorProps) => {\n      const theme = useTheme()\n      const { t } = useTranslation()\n\n      const getStateInfo = () => {\n        // First check for emergency stop or critical safety states\n        if (\n          safetyState === \"SAFETY_STATE_DEVICE_EMERGENCY_STOP\" ||\n          safetyState === \"SAFETY_STATE_ROBOT_EMERGENCY_STOP\" ||\n          safetyState === \"SAFETY_STATE_STOP_0\" ||\n          safetyState === \"SAFETY_STATE_STOP_1\" ||\n          safetyState === \"SAFETY_STATE_STOP_2\" ||\n          safetyState === \"SAFETY_STATE_PROTECTIVE_STOP\" ||\n          safetyState === \"SAFETY_STATE_STOP\" ||\n          safetyState === \"SAFETY_STATE_REDUCED\" ||\n          safetyState === \"SAFETY_STATE_MASTERING\" ||\n          safetyState === \"SAFETY_STATE_CONFIRM_SAFETY\" ||\n          safetyState === \"SAFETY_STATE_OPERATOR_SAFETY\" ||\n          safetyState === \"SAFETY_STATE_RECOVERY\" ||\n          safetyState === \"SAFETY_STATE_VIOLATION\"\n        ) {\n          return {\n            label: t(\"ProgramStateIndicator.EStop.lb\"),\n            color: theme.palette.error.main,\n          }\n        }\n\n        // Check for error states\n        if (\n          safetyState === \"SAFETY_STATE_UNKNOWN\" ||\n          safetyState === \"SAFETY_STATE_FAULT\"\n        ) {\n          return {\n            label: t(\"ProgramStateIndicator.Error.lb\"),\n            color: theme.palette.error.main,\n          }\n        }\n\n        // For normal safety states, check program state\n        if (safetyState === \"SAFETY_STATE_NORMAL\") {\n          switch (programState) {\n            case ProgramState.PREPARING:\n              return {\n                label: t(\"ProgramStateIndicator.Preparing.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.STARTING:\n              return {\n                label: t(\"ProgramStateIndicator.Starting.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.RUNNING:\n              return {\n                label: t(\"ProgramStateIndicator.Running.lb\"),\n                color: theme.palette.success.main,\n              }\n            case ProgramState.PAUSING:\n              return {\n                label: t(\"ProgramStateIndicator.Pausing.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.PAUSED:\n              return {\n                label: t(\"ProgramStateIndicator.Paused.lb\"),\n                color: theme.palette.grey[600],\n              }\n            case ProgramState.STOPPING:\n              return {\n                label: t(\"ProgramStateIndicator.Stopping.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.COMPLETED:\n              return {\n                label: t(\"ProgramStateIndicator.Completed.lb\"),\n                color: theme.palette.success.main,\n              }\n            case ProgramState.FAILED:\n              return {\n                label: t(\"ProgramStateIndicator.Failed.lb\"),\n                color: theme.palette.error.main,\n              }\n            case ProgramState.STOPPED:\n              return {\n                label: t(\"ProgramStateIndicator.Stopped.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.ERROR:\n              return {\n                label: t(\"ProgramStateIndicator.Error.lb\"),\n                color: theme.palette.error.main,\n              }\n            default:\n              return {\n                label: t(\"ProgramStateIndicator.Ready.lb\"),\n                color: theme.palette.success.main,\n              }\n          }\n        }\n\n        // Default fallback\n        return {\n          label: t(\"ProgramStateIndicator.Idle.lb\"),\n          color: theme.palette.grey[600],\n        }\n      }\n\n      const { label, color } = getStateInfo()\n\n      // Add operation mode suffix if not automatic\n      const getOperationModeText = () => {\n        switch (operationMode) {\n          case \"OPERATION_MODE_AUTO\":\n            return t(\"ProgramStateIndicator.Auto.lb\")\n          case \"OPERATION_MODE_MANUAL\":\n            return t(\"ProgramStateIndicator.Manual.lb\")\n          case \"OPERATION_MODE_MANUAL_T1\":\n            return t(\"ProgramStateIndicator.ManualT1.lb\")\n          case \"OPERATION_MODE_MANUAL_T2\":\n            return t(\"ProgramStateIndicator.ManualT2.lb\")\n          default:\n            return t(\"ProgramStateIndicator.Auto.lb\") // Default to Auto for unknown modes\n        }\n      }\n\n      const fullLabel = `${label} / ${getOperationModeText()}`\n\n      return (\n        <Chip\n          className={className}\n          label={\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontSize: \"0.75rem\", // Smaller than body2\n                lineHeight: 1.2,\n              }}\n            >\n              {fullLabel}\n            </Typography>\n          }\n          variant=\"filled\"\n          sx={{\n            backgroundColor: color,\n            color: theme.palette.getContrastText(color),\n            fontWeight: 500,\n            height: \"auto\",\n            \"& .MuiChip-label\": {\n              paddingX: 1.5,\n              paddingY: 0.5,\n            },\n          }}\n        />\n      )\n    },\n  ),\n)\n\nexport default ProgramStateIndicator\n"],"names":["ProgramStateIndicator","externalizeComponent","observer","programState","safetyState","operationMode","className","theme","useTheme","t","useTranslation","getStateInfo","ProgramState","label","color","fullLabel","jsx","Chip","Typography"],"mappings":"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"}

package/dist/components/ProgramStateIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgramStateIndicator.d.ts","sourceRoot":"","sources":["../../src/components/ProgramStateIndicator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAI5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,WAAW,0BAA0B;IACzC,uCAAuC;IACvC,YAAY,EAAE,YAAY,CAAA;IAC1B,uDAAuD;IACvD,WAAW,EAAE,eAAe,CAAA;IAC5B,yDAAyD;IACzD,aAAa,EAAE,aAAa,CAAA;IAC5B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,8DAO3B,0BAA0B;;CA2JhC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist/components/ProgramStateIndicator.js

@@ -1,140 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useTheme as A } from "@mui/material/styles";
-import m from "@mui/material/Chip";
-import _ from "@mui/material/Typography";
-import { observer as P } from "mobx-react-lite";
-import { useTranslation as g } from "react-i18next";
-import { externalizeComponent as b } from "../externalizeComponent.js";
-import { ProgramState as e } from "./ProgramControl.js";
-const Y = b(
-  P(
-    ({
-      programState: n,
-      safetyState: a,
-      operationMode: T,
-      className: i
-    }) => {
-      const o = A(), { t: r } = g(), E = () => {
-        if (a === "SAFETY_STATE_DEVICE_EMERGENCY_STOP" || a === "SAFETY_STATE_ROBOT_EMERGENCY_STOP" || a === "SAFETY_STATE_STOP_0" || a === "SAFETY_STATE_STOP_1" || a === "SAFETY_STATE_STOP_2" || a === "SAFETY_STATE_PROTECTIVE_STOP" || a === "SAFETY_STATE_STOP" || a === "SAFETY_STATE_REDUCED" || a === "SAFETY_STATE_MASTERING" || a === "SAFETY_STATE_CONFIRM_SAFETY" || a === "SAFETY_STATE_OPERATOR_SAFETY" || a === "SAFETY_STATE_RECOVERY" || a === "SAFETY_STATE_VIOLATION")
-          return {
-            label: r("ProgramStateIndicator.EStop.lb"),
-            color: o.palette.error.main
-          };
-        if (a === "SAFETY_STATE_UNKNOWN" || a === "SAFETY_STATE_FAULT")
-          return {
-            label: r("ProgramStateIndicator.Error.lb"),
-            color: o.palette.error.main
-          };
-        if (a === "SAFETY_STATE_NORMAL")
-          switch (n) {
-            case e.PREPARING:
-              return {
-                label: r("ProgramStateIndicator.Preparing.lb"),
-                color: o.palette.warning.main
-              };
-            case e.STARTING:
-              return {
-                label: r("ProgramStateIndicator.Starting.lb"),
-                color: o.palette.warning.main
-              };
-            case e.RUNNING:
-              return {
-                label: r("ProgramStateIndicator.Running.lb"),
-                color: o.palette.success.main
-              };
-            case e.PAUSING:
-              return {
-                label: r("ProgramStateIndicator.Pausing.lb"),
-                color: o.palette.warning.main
-              };
-            case e.PAUSED:
-              return {
-                label: r("ProgramStateIndicator.Paused.lb"),
-                color: o.palette.grey[600]
-              };
-            case e.STOPPING:
-              return {
-                label: r("ProgramStateIndicator.Stopping.lb"),
-                color: o.palette.warning.main
-              };
-            case e.COMPLETED:
-              return {
-                label: r("ProgramStateIndicator.Completed.lb"),
-                color: o.palette.success.main
-              };
-            case e.FAILED:
-              return {
-                label: r("ProgramStateIndicator.Failed.lb"),
-                color: o.palette.error.main
-              };
-            case e.STOPPED:
-              return {
-                label: r("ProgramStateIndicator.Stopped.lb"),
-                color: o.palette.warning.main
-              };
-            case e.ERROR:
-              return {
-                label: r("ProgramStateIndicator.Error.lb"),
-                color: o.palette.error.main
-              };
-            default:
-              return {
-                label: r("ProgramStateIndicator.Ready.lb"),
-                color: o.palette.success.main
-              };
-          }
-        return {
-          label: r("ProgramStateIndicator.Idle.lb"),
-          color: o.palette.grey[600]
-        };
-      }, { label: c, color: t } = E(), S = `${c} / ${(() => {
-        switch (T) {
-          case "OPERATION_MODE_AUTO":
-            return r("ProgramStateIndicator.Auto.lb");
-          case "OPERATION_MODE_MANUAL":
-            return r("ProgramStateIndicator.Manual.lb");
-          case "OPERATION_MODE_MANUAL_T1":
-            return r("ProgramStateIndicator.ManualT1.lb");
-          case "OPERATION_MODE_MANUAL_T2":
-            return r("ProgramStateIndicator.ManualT2.lb");
-          default:
-            return r("ProgramStateIndicator.Auto.lb");
-        }
-      })()}`;
-      return /* @__PURE__ */ l(
-        m,
-        {
-          className: i,
-          label: /* @__PURE__ */ l(
-            _,
-            {
-              variant: "body2",
-              sx: {
-                fontSize: "0.75rem",
-                // Smaller than body2
-                lineHeight: 1.2
-              },
-              children: S
-            }
-          ),
-          variant: "filled",
-          sx: {
-            backgroundColor: t,
-            color: o.palette.getContrastText(t),
-            fontWeight: 500,
-            height: "auto",
-            "& .MuiChip-label": {
-              paddingX: 1.5,
-              paddingY: 0.5
-            }
-          }
-        }
-      );
-    }
-  )
-);
-export {
-  Y as ProgramStateIndicator,
-  Y as default
-};
-//# sourceMappingURL=ProgramStateIndicator.js.map

package/dist/components/ProgramStateIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgramStateIndicator.js","sources":["../../src/components/ProgramStateIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Chip from \"@mui/material/Chip\"\nimport Typography from \"@mui/material/Typography\"\nimport type { OperationMode, SafetyStateType } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport { ProgramState } from \"./ProgramControl\"\n\nexport interface ProgramStateIndicatorProps {\n  /** The current state of the program */\n  programState: ProgramState\n  /** The current safety state of the robot controller */\n  safetyState: SafetyStateType\n  /** The current operation mode of the robot controller */\n  operationMode: OperationMode\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A state indicator component that displays the current program execution state\n * combined with robot controller safety and operation mode states.\n *\n * Features:\n * - Combines program state with safety and operation mode states\n * - Color-coded based on state severity (success, warning, error)\n * - Rendered as Material-UI filled chip\n * - Localization support via react-i18next\n */\nexport const ProgramStateIndicator = externalizeComponent(\n  observer(\n    ({\n      programState,\n      safetyState,\n      operationMode,\n      className,\n    }: ProgramStateIndicatorProps) => {\n      const theme = useTheme()\n      const { t } = useTranslation()\n\n      const getStateInfo = () => {\n        // First check for emergency stop or critical safety states\n        if (\n          safetyState === \"SAFETY_STATE_DEVICE_EMERGENCY_STOP\" ||\n          safetyState === \"SAFETY_STATE_ROBOT_EMERGENCY_STOP\" ||\n          safetyState === \"SAFETY_STATE_STOP_0\" ||\n          safetyState === \"SAFETY_STATE_STOP_1\" ||\n          safetyState === \"SAFETY_STATE_STOP_2\" ||\n          safetyState === \"SAFETY_STATE_PROTECTIVE_STOP\" ||\n          safetyState === \"SAFETY_STATE_STOP\" ||\n          safetyState === \"SAFETY_STATE_REDUCED\" ||\n          safetyState === \"SAFETY_STATE_MASTERING\" ||\n          safetyState === \"SAFETY_STATE_CONFIRM_SAFETY\" ||\n          safetyState === \"SAFETY_STATE_OPERATOR_SAFETY\" ||\n          safetyState === \"SAFETY_STATE_RECOVERY\" ||\n          safetyState === \"SAFETY_STATE_VIOLATION\"\n        ) {\n          return {\n            label: t(\"ProgramStateIndicator.EStop.lb\"),\n            color: theme.palette.error.main,\n          }\n        }\n\n        // Check for error states\n        if (\n          safetyState === \"SAFETY_STATE_UNKNOWN\" ||\n          safetyState === \"SAFETY_STATE_FAULT\"\n        ) {\n          return {\n            label: t(\"ProgramStateIndicator.Error.lb\"),\n            color: theme.palette.error.main,\n          }\n        }\n\n        // For normal safety states, check program state\n        if (safetyState === \"SAFETY_STATE_NORMAL\") {\n          switch (programState) {\n            case ProgramState.PREPARING:\n              return {\n                label: t(\"ProgramStateIndicator.Preparing.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.STARTING:\n              return {\n                label: t(\"ProgramStateIndicator.Starting.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.RUNNING:\n              return {\n                label: t(\"ProgramStateIndicator.Running.lb\"),\n                color: theme.palette.success.main,\n              }\n            case ProgramState.PAUSING:\n              return {\n                label: t(\"ProgramStateIndicator.Pausing.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.PAUSED:\n              return {\n                label: t(\"ProgramStateIndicator.Paused.lb\"),\n                color: theme.palette.grey[600],\n              }\n            case ProgramState.STOPPING:\n              return {\n                label: t(\"ProgramStateIndicator.Stopping.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.COMPLETED:\n              return {\n                label: t(\"ProgramStateIndicator.Completed.lb\"),\n                color: theme.palette.success.main,\n              }\n            case ProgramState.FAILED:\n              return {\n                label: t(\"ProgramStateIndicator.Failed.lb\"),\n                color: theme.palette.error.main,\n              }\n            case ProgramState.STOPPED:\n              return {\n                label: t(\"ProgramStateIndicator.Stopped.lb\"),\n                color: theme.palette.warning.main,\n              }\n            case ProgramState.ERROR:\n              return {\n                label: t(\"ProgramStateIndicator.Error.lb\"),\n                color: theme.palette.error.main,\n              }\n            default:\n              return {\n                label: t(\"ProgramStateIndicator.Ready.lb\"),\n                color: theme.palette.success.main,\n              }\n          }\n        }\n\n        // Default fallback\n        return {\n          label: t(\"ProgramStateIndicator.Idle.lb\"),\n          color: theme.palette.grey[600],\n        }\n      }\n\n      const { label, color } = getStateInfo()\n\n      // Add operation mode suffix if not automatic\n      const getOperationModeText = () => {\n        switch (operationMode) {\n          case \"OPERATION_MODE_AUTO\":\n            return t(\"ProgramStateIndicator.Auto.lb\")\n          case \"OPERATION_MODE_MANUAL\":\n            return t(\"ProgramStateIndicator.Manual.lb\")\n          case \"OPERATION_MODE_MANUAL_T1\":\n            return t(\"ProgramStateIndicator.ManualT1.lb\")\n          case \"OPERATION_MODE_MANUAL_T2\":\n            return t(\"ProgramStateIndicator.ManualT2.lb\")\n          default:\n            return t(\"ProgramStateIndicator.Auto.lb\") // Default to Auto for unknown modes\n        }\n      }\n\n      const fullLabel = `${label} / ${getOperationModeText()}`\n\n      return (\n        <Chip\n          className={className}\n          label={\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontSize: \"0.75rem\", // Smaller than body2\n                lineHeight: 1.2,\n              }}\n            >\n              {fullLabel}\n            </Typography>\n          }\n          variant=\"filled\"\n          sx={{\n            backgroundColor: color,\n            color: theme.palette.getContrastText(color),\n            fontWeight: 500,\n            height: \"auto\",\n            \"& .MuiChip-label\": {\n              paddingX: 1.5,\n              paddingY: 0.5,\n            },\n          }}\n        />\n      )\n    },\n  ),\n)\n\nexport default ProgramStateIndicator\n"],"names":["ProgramStateIndicator","externalizeComponent","observer","programState","safetyState","operationMode","className","theme","useTheme","t","useTranslation","getStateInfo","ProgramState","label","color","fullLabel","jsx","Chip","Typography"],"mappings":"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"}

package/dist/components/RobotCard.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("@mui/material/styles"),s=require("@mui/material/Box"),I=require("@mui/material/Button"),J=require("@mui/material/Card"),T=require("@mui/material/Divider"),L=require("@mui/material/Typography"),B=require("@react-three/drei"),F=require("@react-three/fiber"),K=require("mobx-react-lite"),t=require("react"),Q=require("react-i18next"),V=require("../externalizeComponent.cjs"),A=require("./3d-viewport/PresetEnvironment.cjs"),O=require("./ProgramStateIndicator.cjs"),X=require("./robots/Robot.cjs"),U=V.externalizeComponent(K.observer(({robotName:b,programState:g,safetyState:j,operationMode:v,driveToHomeEnabled:i=!1,onDriveToHomePress:f,onDriveToHomeRelease:n,connectedMotionGroup:y,robotComponent:R=X.Robot,customContentComponent:o,className:E})=>{var D;const a=$.useTheme(),{t:w}=Q.useTranslation(),[q,p]=t.useState(!1),M=t.useRef(null),d=t.useRef(null),[l,H]=t.useState(!1),[c,W]=t.useState({width:400,height:600}),[Y,_]=t.useState(0);t.useEffect(()=>{const m=()=>{if(d.current){const{offsetWidth:C,offsetHeight:P}=d.current;H(C>P),W({width:C,height:P})}};m();const z=new ResizeObserver(m);return d.current&&z.observe(d.current),()=>{z.disconnect()}},[]);const k=t.useCallback(()=>{_(m=>m+1)},[]),u=t.useCallback(()=>{!i||!f||(p(!0),f())},[i,f]),x=t.useCallback(()=>{!i||!n||(p(!1),n())},[i,n]),S=t.useCallback(()=>{q&&n&&(p(!1),n())},[q,n]),r=l?c.width<350:c.height<200,h=l?c.height<310:c.height<450;return e.jsx(J,{ref:d,className:E,sx:{width:"100%",height:"100%",display:"flex",flexDirection:l?"row":"column",position:"relative",overflow:"hidden",minWidth:{xs:180,sm:220,md:250},minHeight:l?{xs:200,sm:240,md:260}:{xs:150,sm:180,md:220},border:`1px solid ${a.palette.divider}`,borderRadius:"18px",boxShadow:"none",backgroundColor:((D=a.palette.backgroundPaperElevation)==null?void 0:D[8])||"#2A2A3F",backgroundImage:"none"},children:l?e.jsxs(e.Fragment,{children:[e.jsx(s,{sx:{flex:"0 0 50%",position:"relative",height:"100%",minHeight:"100%",maxHeight:"100%",borderRadius:1,m:{xs:1.5,sm:2,md:3},mr:{xs:.75,sm:1,md:1.5},overflow:"hidden",display:r?"none":"block"},children:!r&&e.jsxs(F.Canvas,{orthographic:!0,camera:{position:[3,2,3],zoom:1},shadows:!0,frameloop:"demand",style:{borderRadius:a.shape.borderRadius,width:"100%",height:"100%",background:"transparent",position:"absolute",top:0,left:0},dpr:[1,2],gl:{alpha:!0,antialias:!0},children:[e.jsx(A.PresetEnvironment,{}),e.jsx(B.Bounds,{fit:!0,observe:!0,margin:1,maxDuration:1,children:e.jsx(R,{connectedMotionGroup:y,postModelRender:k})})]})}),e.jsxs(s,{sx:{flex:"1",display:"flex",flexDirection:"column",justifyContent:"flex-start",width:r?"100%":"50%"},children:[e.jsxs(s,{sx:{p:{xs:1.5,sm:2,md:3},pb:{xs:1,sm:1.5,md:2},textAlign:"left"},children:[e.jsx(L,{variant:"h6",component:"h2",sx:{mb:1},children:b}),e.jsx(O.ProgramStateIndicator,{programState:g,safetyState:j,operationMode:v})]}),e.jsxs(s,{sx:{p:{xs:1.5,sm:2,md:3},pt:0,flex:"1",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[!h&&o&&e.jsxs(s,{children:[e.jsx(o,{}),e.jsx(T,{sx:{mt:1,mb:0,borderColor:a.palette.divider,opacity:.5}})]}),e.jsx(s,{sx:{mt:!h&&o?"auto":0},children:e.jsx(s,{sx:{display:"flex",justifyContent:"flex-start",mt:{xs:1,sm:1.5,md:2},mb:{xs:.5,sm:.75,md:1}},children:e.jsx(I,{ref:M,variant:"contained",color:"secondary",size:"small",disabled:!i,onMouseDown:u,onMouseUp:x,onMouseLeave:S,onTouchStart:u,onTouchEnd:x,sx:{textTransform:"none",px:1.5,py:.5},children:w("RobotCard.DriveToHome.bt")})})})]})]})]}):e.jsx(e.Fragment,{children:e.jsxs(s,{sx:{p:3,height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(s,{children:[e.jsx(L,{variant:"h6",component:"h2",sx:{mb:1},children:b}),e.jsx(O.ProgramStateIndicator,{programState:g,safetyState:j,operationMode:v})]}),e.jsx(s,{sx:{flex:r?0:1,position:"relative",minHeight:r?0:{xs:120,sm:150,md:200},height:r?0:"auto",borderRadius:1,overflow:"hidden",display:r?"none":"block"},children:!r&&e.jsxs(F.Canvas,{orthographic:!0,camera:{position:[3,2,3],zoom:1},shadows:!0,frameloop:"demand",style:{borderRadius:a.shape.borderRadius,width:"100%",height:"100%",background:"transparent",position:"absolute"},dpr:[1,2],gl:{alpha:!0,antialias:!0},children:[e.jsx(A.PresetEnvironment,{}),e.jsx(B.Bounds,{fit:!0,clip:!0,observe:!0,margin:1,maxDuration:1,children:e.jsx(R,{connectedMotionGroup:y,postModelRender:k})})]})}),e.jsxs(s,{children:[!h&&o&&e.jsxs(e.Fragment,{children:[e.jsx(o,{}),e.jsx(T,{sx:{mt:1,mb:0,borderColor:a.palette.divider,opacity:.5}})]}),e.jsx(s,{sx:{display:"flex",justifyContent:"flex-start",mt:!h&&o?{xs:1,sm:2,md:5}:{xs:.5,sm:1,md:2},mb:{xs:.5,sm:.75,md:1}},children:e.jsx(I,{ref:M,variant:"contained",color:"secondary",size:"small",disabled:!i,onMouseDown:u,onMouseUp:x,onMouseLeave:S,onTouchStart:u,onTouchEnd:x,sx:{textTransform:"none",px:1.5,py:.5},children:w("RobotCard.DriveToHome.bt")})})]})]})})})}));exports.RobotCard=U;exports.default=U;
-//# sourceMappingURL=RobotCard.cjs.map

package/dist/components/RobotCard.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotCard.cjs","sources":["../../src/components/RobotCard.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Button from \"@mui/material/Button\"\nimport Card from \"@mui/material/Card\"\nimport Divider from \"@mui/material/Divider\"\nimport Typography from \"@mui/material/Typography\"\nimport { Bounds } from \"@react-three/drei\"\nimport { Canvas } from \"@react-three/fiber\"\nimport type { OperationMode, SafetyStateType } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport type { Group } from \"three\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport type { ConnectedMotionGroup } from \"../lib/ConnectedMotionGroup\"\nimport { PresetEnvironment } from \"./3d-viewport/PresetEnvironment\"\nimport type { ProgramState } from \"./ProgramControl\"\nimport { ProgramStateIndicator } from \"./ProgramStateIndicator\"\nimport { Robot } from \"./robots/Robot\"\n\nexport interface RobotCardProps {\n  /** Name of the robot displayed at the top */\n  robotName: string\n  /** Current program state */\n  programState: ProgramState\n  /** Current safety state of the robot controller */\n  safetyState: SafetyStateType\n  /** Current operation mode of the robot controller */\n  operationMode: OperationMode\n  /** Whether the \"Drive to Home\" button should be enabled */\n  driveToHomeEnabled?: boolean\n  /** Callback fired when \"Drive to Home\" button is pressed */\n  onDriveToHomePress?: () => void\n  /** Callback fired when \"Drive to Home\" button is released */\n  onDriveToHomeRelease?: () => void\n  /**\n   * Callback fired when \"Drive to Home\" button is pressed, with the default home position.\n   * If provided, this will be called instead of onDriveToHomePress, providing the recommended\n   * home position joint configuration based on the robot manufacturer.\n   */\n  onDriveToHomePressWithConfig?: (homePosition: number[]) => void\n  /**\n   * Callback fired when \"Drive to Home\" button is released after using onDriveToHomePressWithConfig.\n   * If provided, this will be called instead of onDriveToHomeRelease.\n   */\n  onDriveToHomeReleaseWithConfig?: () => void\n  /**\n   * Custom default joint configuration to use if manufacturer-based defaults are not available.\n   * Joint values should be in radians.\n   */\n  defaultJointConfig?: number[]\n  /** Connected motion group for the robot */\n  connectedMotionGroup: ConnectedMotionGroup\n  /** Custom robot component to render (optional, defaults to Robot) */\n  robotComponent?: React.ComponentType<{\n    connectedMotionGroup: ConnectedMotionGroup\n    flangeRef?: React.Ref<Group>\n    postModelRender?: () => void\n    transparentColor?: string\n    getModel?: (modelFromController: string) => Promise<string>\n  }>\n  /** Custom component to render in the content area (optional) */\n  customContentComponent?: React.ComponentType<Record<string, unknown>>\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A responsive card component that displays a 3D robot with states and controls.\n * The card automatically adapts to its container's size and aspect ratio.\n *\n * Features:\n * - Fully responsive Material-UI Card that adapts to container dimensions\n * - Automatic layout switching based on aspect ratio:\n *   - Portrait mode: Vertical layout with robot in center\n *   - Landscape mode: Horizontal layout with robot on left, content on right (left-aligned)\n * - Responsive 3D robot rendering:\n *   - Scales dynamically with container size\n *   - Hides at very small sizes to preserve usability\n *   - Adaptive margin based on available space\n * - Smart spacing and padding that reduces at smaller sizes\n * - Minimum size constraints for usability while maximizing content density\n * - Robot name displayed in Typography h6 at top-left\n * - Program state indicator below the name\n * - Auto-fitting 3D robot model that scales with container size\n * - Customizable content area for displaying custom React components\n * - Transparent gray divider line\n * - \"Drive to Home\" button with press-and-hold functionality\n * - Localization support via react-i18next\n * - Material-UI theming integration\n *\n * Usage with custom content:\n * ```tsx\n * // Example custom timer component\n * const CustomTimer = () => (\n *   <Box>\n *     <Typography variant=\"body1\" sx={{ color: \"text.secondary\" }}>\n *       Runtime\n *     </Typography>\n *     <Typography variant=\"h6\">05:23</Typography>\n *   </Box>\n * )\n *\n * <RobotCard\n *   robotName=\"UR5e Robot\"\n *   programState={ProgramState.RUNNING}\n *   customContentComponent={CustomTimer}\n *   // ... other props\n * />\n * ```\n */\nexport const RobotCard = externalizeComponent(\n  observer(\n    ({\n      robotName,\n      programState,\n      safetyState,\n      operationMode,\n      driveToHomeEnabled = false,\n      onDriveToHomePress,\n      onDriveToHomeRelease,\n      connectedMotionGroup,\n      robotComponent: RobotComponent = Robot,\n      customContentComponent: CustomContentComponent,\n      className,\n    }: RobotCardProps) => {\n      const theme = useTheme()\n      const { t } = useTranslation()\n      const [isDriveToHomePressed, setIsDriveToHomePressed] = useState(false)\n      const driveButtonRef = useRef<HTMLButtonElement>(null)\n      const cardRef = useRef<HTMLDivElement>(null)\n      const [isLandscape, setIsLandscape] = useState(false)\n      const [cardSize, setCardSize] = useState<{\n        width: number\n        height: number\n      }>({ width: 400, height: 600 })\n      const [modelRenderTrigger, setModelRenderTrigger] = useState(0)\n\n      // Hook to detect aspect ratio and size changes\n      useEffect(() => {\n        const checkDimensions = () => {\n          if (cardRef.current) {\n            const { offsetWidth, offsetHeight } = cardRef.current\n            setIsLandscape(offsetWidth > offsetHeight)\n            setCardSize({ width: offsetWidth, height: offsetHeight })\n          }\n        }\n\n        // Initial check\n        checkDimensions()\n\n        // Set up ResizeObserver to watch for size changes\n        const resizeObserver = new ResizeObserver(checkDimensions)\n        if (cardRef.current) {\n          resizeObserver.observe(cardRef.current)\n        }\n\n        return () => {\n          resizeObserver.disconnect()\n        }\n      }, [])\n\n      const handleModelRender = useCallback(() => {\n        // Trigger bounds refresh when model renders\n        setModelRenderTrigger((prev) => prev + 1)\n      }, [])\n\n      const handleDriveToHomeMouseDown = useCallback(() => {\n        if (!driveToHomeEnabled || !onDriveToHomePress) return\n        setIsDriveToHomePressed(true)\n        onDriveToHomePress()\n      }, [driveToHomeEnabled, onDriveToHomePress])\n\n      const handleDriveToHomeMouseUp = useCallback(() => {\n        if (!driveToHomeEnabled || !onDriveToHomeRelease) return\n        setIsDriveToHomePressed(false)\n        onDriveToHomeRelease()\n      }, [driveToHomeEnabled, onDriveToHomeRelease])\n\n      const handleDriveToHomeMouseLeave = useCallback(() => {\n        if (isDriveToHomePressed && onDriveToHomeRelease) {\n          setIsDriveToHomePressed(false)\n          onDriveToHomeRelease()\n        }\n      }, [isDriveToHomePressed, onDriveToHomeRelease])\n\n      // Determine if robot should be hidden at small sizes to save space\n      const shouldHideRobot = isLandscape\n        ? cardSize.width < 350\n        : cardSize.height < 200 // Hide robot at height < 200px in portrait\n\n      // Determine if custom content should be hidden when height is too low\n      // Custom content should be hidden BEFORE the robot (at higher threshold)\n      const shouldHideCustomContent = isLandscape\n        ? cardSize.height < 310 // Landscape: hide custom content at height < 310px\n        : cardSize.height < 450 // Portrait: hide custom content at height < 450px\n\n      return (\n        <Card\n          ref={cardRef}\n          className={className}\n          sx={{\n            width: \"100%\",\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: isLandscape ? \"row\" : \"column\",\n            position: \"relative\",\n            overflow: \"hidden\",\n            minWidth: { xs: 180, sm: 220, md: 250 },\n            minHeight: isLandscape\n              ? { xs: 200, sm: 240, md: 260 } // Allow runtime hiding at < 283px\n              : { xs: 150, sm: 180, md: 220 }, // Allow progressive hiding in portrait mode\n            border: `1px solid ${theme.palette.divider}`,\n            borderRadius: \"18px\",\n            boxShadow: \"none\",\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[8] || \"#2A2A3F\",\n            backgroundImage: \"none\", // Override any gradient from elevation\n          }}\n        >\n          {isLandscape ? (\n            <>\n              {/* Landscape Layout: Robot on left, content on right */}\n              <Box\n                sx={{\n                  flex: \"0 0 50%\",\n                  position: \"relative\",\n                  height: \"100%\",\n                  minHeight: \"100%\",\n                  maxHeight: \"100%\",\n                  borderRadius: 1,\n                  m: { xs: 1.5, sm: 2, md: 3 },\n                  mr: { xs: 0.75, sm: 1, md: 1.5 },\n                  overflow: \"hidden\", // Prevent content from affecting container size\n                  display: shouldHideRobot ? \"none\" : \"block\",\n                }}\n              >\n                {!shouldHideRobot && (\n                  <Canvas\n                    orthographic\n                    camera={{\n                      position: [3, 2, 3],\n                      zoom: 1,\n                    }}\n                    shadows\n                    frameloop=\"demand\"\n                    style={{\n                      borderRadius: theme.shape.borderRadius,\n                      width: \"100%\",\n                      height: \"100%\",\n                      background: \"transparent\",\n                      position: \"absolute\",\n                      top: 0,\n                      left: 0,\n                    }}\n                    dpr={[1, 2]}\n                    gl={{ alpha: true, antialias: true }}\n                  >\n                    <PresetEnvironment />\n                    <Bounds fit observe margin={1} maxDuration={1}>\n                      <RobotComponent\n                        connectedMotionGroup={connectedMotionGroup}\n                        postModelRender={handleModelRender}\n                      />\n                    </Bounds>\n                  </Canvas>\n                )}\n              </Box>\n\n              {/* Content container on right */}\n              <Box\n                sx={{\n                  flex: shouldHideRobot ? \"1\" : \"1\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  justifyContent: \"flex-start\",\n                  width: shouldHideRobot ? \"100%\" : \"50%\",\n                }}\n              >\n                {/* Header section with robot name and program state */}\n                <Box\n                  sx={{\n                    p: { xs: 1.5, sm: 2, md: 3 },\n                    pb: { xs: 1, sm: 1.5, md: 2 },\n                    textAlign: \"left\",\n                  }}\n                >\n                  <Typography variant=\"h6\" component=\"h2\" sx={{ mb: 1 }}>\n                    {robotName}\n                  </Typography>\n                  <ProgramStateIndicator\n                    programState={programState}\n                    safetyState={safetyState}\n                    operationMode={operationMode}\n                  />\n                </Box>\n\n                {/* Bottom section with custom content and button */}\n                <Box\n                  sx={{\n                    p: { xs: 1.5, sm: 2, md: 3 },\n                    pt: 0,\n                    flex: \"1\",\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    justifyContent: \"space-between\",\n                  }}\n                >\n                  {/* Custom content section - hidden if height is too low in landscape mode */}\n                  {!shouldHideCustomContent && CustomContentComponent && (\n                    <Box>\n                      <CustomContentComponent />\n\n                      {/* Divider */}\n                      <Divider\n                        sx={{\n                          mt: 1,\n                          mb: 0,\n                          borderColor: theme.palette.divider,\n                          opacity: 0.5,\n                        }}\n                      />\n                    </Box>\n                  )}\n\n                  <Box\n                    sx={{\n                      mt:\n                        !shouldHideCustomContent && CustomContentComponent\n                          ? \"auto\"\n                          : 0,\n                    }}\n                  >\n                    {/* Drive to Home button with some space */}\n                    <Box\n                      sx={{\n                        display: \"flex\",\n                        justifyContent: \"flex-start\",\n                        mt: { xs: 1, sm: 1.5, md: 2 },\n                        mb: { xs: 0.5, sm: 0.75, md: 1 },\n                      }}\n                    >\n                      <Button\n                        ref={driveButtonRef}\n                        variant=\"contained\"\n                        color=\"secondary\"\n                        size=\"small\"\n                        disabled={!driveToHomeEnabled}\n                        onMouseDown={handleDriveToHomeMouseDown}\n                        onMouseUp={handleDriveToHomeMouseUp}\n                        onMouseLeave={handleDriveToHomeMouseLeave}\n                        onTouchStart={handleDriveToHomeMouseDown}\n                        onTouchEnd={handleDriveToHomeMouseUp}\n                        sx={{\n                          textTransform: \"none\",\n                          px: 1.5,\n                          py: 0.5,\n                        }}\n                      >\n                        {t(\"RobotCard.DriveToHome.bt\")}\n                      </Button>\n                    </Box>\n                  </Box>\n                </Box>\n              </Box>\n            </>\n          ) : (\n            <>\n              {/* Portrait Layout: Header, Robot, Footer */}\n              <Box\n                sx={{\n                  p: 3,\n                  height: \"100%\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                }}\n              >\n                {/* Header section with robot name and program state */}\n                <Box>\n                  <Typography variant=\"h6\" component=\"h2\" sx={{ mb: 1 }}>\n                    {robotName}\n                  </Typography>\n                  <ProgramStateIndicator\n                    programState={programState}\n                    safetyState={safetyState}\n                    operationMode={operationMode}\n                  />\n                </Box>\n\n                {/* 3D Robot viewport in center */}\n                <Box\n                  sx={{\n                    flex: shouldHideRobot ? 0 : 1,\n                    position: \"relative\",\n                    minHeight: shouldHideRobot\n                      ? 0\n                      : { xs: 120, sm: 150, md: 200 },\n                    height: shouldHideRobot ? 0 : \"auto\",\n                    borderRadius: 1,\n                    overflow: \"hidden\",\n                    display: shouldHideRobot ? \"none\" : \"block\",\n                  }}\n                >\n                  {!shouldHideRobot && (\n                    <Canvas\n                      orthographic\n                      camera={{\n                        position: [3, 2, 3],\n                        zoom: 1,\n                      }}\n                      shadows\n                      frameloop=\"demand\"\n                      style={{\n                        borderRadius: theme.shape.borderRadius,\n                        width: \"100%\",\n                        height: \"100%\",\n                        background: \"transparent\",\n                        position: \"absolute\",\n                      }}\n                      dpr={[1, 2]}\n                      gl={{ alpha: true, antialias: true }}\n                    >\n                      <PresetEnvironment />\n                      <Bounds fit clip observe margin={1} maxDuration={1}>\n                        <RobotComponent\n                          connectedMotionGroup={connectedMotionGroup}\n                          postModelRender={handleModelRender}\n                        />\n                      </Bounds>\n                    </Canvas>\n                  )}\n                </Box>\n\n                {/* Bottom section with custom content and button */}\n                <Box>\n                  {/* Custom content section - hidden if height is too low */}\n                  {!shouldHideCustomContent && CustomContentComponent && (\n                    <>\n                      <CustomContentComponent />\n\n                      {/* Divider */}\n                      <Divider\n                        sx={{\n                          mt: 1,\n                          mb: 0,\n                          borderColor: theme.palette.divider,\n                          opacity: 0.5,\n                        }}\n                      />\n                    </>\n                  )}\n\n                  {/* Drive to Home button with some space */}\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      justifyContent: \"flex-start\",\n                      mt:\n                        !shouldHideCustomContent && CustomContentComponent\n                          ? { xs: 1, sm: 2, md: 5 }\n                          : { xs: 0.5, sm: 1, md: 2 },\n                      mb: { xs: 0.5, sm: 0.75, md: 1 },\n                    }}\n                  >\n                    <Button\n                      ref={driveButtonRef}\n                      variant=\"contained\"\n                      color=\"secondary\"\n                      size=\"small\"\n                      disabled={!driveToHomeEnabled}\n                      onMouseDown={handleDriveToHomeMouseDown}\n                      onMouseUp={handleDriveToHomeMouseUp}\n                      onMouseLeave={handleDriveToHomeMouseLeave}\n                      onTouchStart={handleDriveToHomeMouseDown}\n                      onTouchEnd={handleDriveToHomeMouseUp}\n                      sx={{\n                        textTransform: \"none\",\n                        px: 1.5,\n                        py: 0.5,\n                      }}\n                    >\n                      {t(\"RobotCard.DriveToHome.bt\")}\n                    </Button>\n                  </Box>\n                </Box>\n              </Box>\n            </>\n          )}\n        </Card>\n      )\n    },\n  ),\n)\n\nexport default RobotCard\n"],"names":["RobotCard","externalizeComponent","observer","robotName","programState","safetyState","operationMode","driveToHomeEnabled","onDriveToHomePress","onDriveToHomeRelease","connectedMotionGroup","RobotComponent","Robot","CustomContentComponent","className","theme","useTheme","t","useTranslation","isDriveToHomePressed","setIsDriveToHomePressed","useState","driveButtonRef","useRef","cardRef","isLandscape","setIsLandscape","cardSize","setCardSize","modelRenderTrigger","setModelRenderTrigger","useEffect","checkDimensions","offsetWidth","offsetHeight","resizeObserver","handleModelRender","useCallback","prev","handleDriveToHomeMouseDown","handleDriveToHomeMouseUp","handleDriveToHomeMouseLeave","shouldHideRobot","shouldHideCustomContent","jsx","Card","_a","jsxs","Fragment","Box","Canvas","PresetEnvironment","Bounds","Typography","ProgramStateIndicator","Divider","Button"],"mappings":"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"}

package/dist/components/RobotCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotCard.d.ts","sourceRoot":"","sources":["../../src/components/RobotCard.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAI5E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAEvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAIpD,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,4BAA4B;IAC5B,YAAY,EAAE,YAAY,CAAA;IAC1B,mDAAmD;IACnD,WAAW,EAAE,eAAe,CAAA;IAC5B,qDAAqD;IACrD,aAAa,EAAE,aAAa,CAAA;IAC5B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC/D;;;OAGG;IACH,8BAA8B,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3C;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,2CAA2C;IAC3C,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACnC,oBAAoB,EAAE,oBAAoB,CAAA;QAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;QAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,EAAE,CAAC,mBAAmB,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;KAC5D,CAAC,CAAA;IACF,gEAAgE;IAChE,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IACrE,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,SAAS,6OAcf,cAAc;;CA+WpB,CAAA;AAED,eAAe,SAAS,CAAA"}