@wandelbots/wandelbots-js-react-components 1.29.2 → 1.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/index.cjs +29 -29
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +4845 -4736
  4. package/dist/index.js.map +1 -1
  5. package/dist/src/components/CopyableText.d.ts.map +1 -1
  6. package/dist/src/components/LoadingCover.d.ts.map +1 -1
  7. package/dist/src/components/VelocitySlider.d.ts +8 -1
  8. package/dist/src/components/VelocitySlider.d.ts.map +1 -1
  9. package/dist/src/components/experimental/utils/AdornedSelect.d.ts +8 -0
  10. package/dist/src/components/experimental/utils/AdornedSelect.d.ts.map +1 -0
  11. package/dist/src/components/jogging/JoggingCartesianAxisControl.d.ts +3 -2
  12. package/dist/src/components/jogging/JoggingCartesianAxisControl.d.ts.map +1 -1
  13. package/dist/src/components/jogging/JoggingCartesianTab.d.ts.map +1 -1
  14. package/dist/src/components/jogging/JoggingJointLimitDetector.d.ts +1 -1
  15. package/dist/src/components/jogging/JoggingJointLimitDetector.d.ts.map +1 -1
  16. package/dist/src/components/jogging/JoggingJointRotationControl.d.ts.map +1 -1
  17. package/dist/src/components/jogging/JoggingJointTab.d.ts.map +1 -1
  18. package/dist/src/components/jogging/JoggingOptions.d.ts +1 -1
  19. package/dist/src/components/jogging/JoggingOptions.d.ts.map +1 -1
  20. package/dist/src/components/jogging/JoggingPanel.d.ts +3 -0
  21. package/dist/src/components/jogging/JoggingPanel.d.ts.map +1 -1
  22. package/dist/src/components/jogging/JoggingStore.d.ts +5 -3
  23. package/dist/src/components/jogging/JoggingStore.d.ts.map +1 -1
  24. package/dist/src/components/jogging/JoggingToggleButtonGroup.d.ts +2 -0
  25. package/dist/src/components/jogging/JoggingToggleButtonGroup.d.ts.map +1 -0
  26. package/dist/src/components/jogging/JoggingVelocitySlider.d.ts.map +1 -1
  27. package/dist/src/components/jogging/PoseCartesianValues.d.ts +7 -0
  28. package/dist/src/components/jogging/PoseCartesianValues.d.ts.map +1 -0
  29. package/dist/src/components/jogging/PoseJointValues.d.ts +7 -0
  30. package/dist/src/components/jogging/PoseJointValues.d.ts.map +1 -0
  31. package/dist/src/index.d.ts +2 -0
  32. package/dist/src/index.d.ts.map +1 -1
  33. package/dist/src/themes/createDarkTheme.d.ts.map +1 -1
  34. package/dist/src/themes/themeTypes.d.ts +6 -1
  35. package/dist/src/themes/themeTypes.d.ts.map +1 -1
  36. package/package.json +1 -1
  37. package/src/components/CopyableText.tsx +69 -12
  38. package/src/components/LoadingCover.tsx +4 -2
  39. package/src/components/VelocitySlider.tsx +47 -18
  40. package/src/components/experimental/utils/AdornedSelect.tsx +42 -0
  41. package/src/components/jogging/JoggingCartesianAxisControl.tsx +84 -51
  42. package/src/components/jogging/JoggingCartesianTab.tsx +97 -107
  43. package/src/components/jogging/JoggingJointLimitDetector.tsx +4 -1
  44. package/src/components/jogging/JoggingJointRotationControl.tsx +41 -22
  45. package/src/components/jogging/JoggingJointTab.tsx +34 -43
  46. package/src/components/jogging/JoggingOptions.tsx +110 -136
  47. package/src/components/jogging/JoggingPanel.tsx +17 -9
  48. package/src/components/jogging/JoggingStore.ts +5 -2
  49. package/src/components/jogging/JoggingToggleButtonGroup.tsx +25 -0
  50. package/src/components/jogging/JoggingVelocitySlider.tsx +18 -20
  51. package/src/components/jogging/PoseCartesianValues.tsx +43 -0
  52. package/src/components/jogging/PoseJointValues.tsx +40 -0
  53. package/src/i18n/locales/de/translations.json +3 -1
  54. package/src/i18n/locales/en/translations.json +3 -1
  55. package/src/icons/jog-minus.svg +5 -0
  56. package/src/icons/jog-plus.svg +9 -0
  57. package/src/index.ts +2 -0
  58. package/src/themes/createDarkTheme.ts +19 -4
  59. package/src/themes/themeTypes.ts +6 -1
  60. package/dist/src/components/jogging/JoggingCartesianValues.d.ts +0 -7
  61. package/dist/src/components/jogging/JoggingCartesianValues.d.ts.map +0 -1
  62. package/dist/src/components/jogging/JoggingJointValues.d.ts +0 -7
  63. package/dist/src/components/jogging/JoggingJointValues.d.ts.map +0 -1
  64. package/src/components/jogging/JoggingCartesianValues.tsx +0 -50
  65. package/src/components/jogging/JoggingJointValues.tsx +0 -45
@@ -1 +1 @@
1
- {"version":3,"file":"CopyableText.d.ts","sourceRoot":"","sources":["../../../src/components/CopyableText.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;YAMX,MAAM;WACP,MAAM;kDAmBlB,CAAA"}
1
+ {"version":3,"file":"CopyableText.d.ts","sourceRoot":"","sources":["../../../src/components/CopyableText.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;YAMX,MAAM;WACP,MAAM;kDA4ElB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingCover.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingCover.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,UAAW;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,4CA0CA,CAAA;AAED,eAAO,MAAM,mBAAmB,UAAW;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,OAAO,CAAA;CACf,4CA2BA,CAAA"}
1
+ {"version":3,"file":"LoadingCover.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingCover.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,UAAW;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,4CA4CA,CAAA;AAED,eAAO,MAAM,mBAAmB,UAAW;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,OAAO,CAAA;CACf,4CA2BA,CAAA"}
@@ -1,14 +1,21 @@
1
+ import { type SxProps } from "@mui/material";
2
+ import type { ReactNode } from "react";
1
3
  type VelocitySliderProps = {
2
4
  min: number;
3
5
  max: number;
4
6
  velocity: number;
5
7
  onVelocityChange: (newVelocity: number) => void;
6
8
  disabled?: boolean;
7
- valueLabelFormat?: (value: number) => string;
9
+ renderValue?: (value: number) => ReactNode;
8
10
  };
9
11
  /** A slider for controlling the movement velocity of a robot */
10
12
  export declare const VelocitySlider: ((props: VelocitySliderProps) => import("react/jsx-runtime").JSX.Element) & {
11
13
  displayName: string;
12
14
  };
15
+ type VelocitySliderLabelProps = {
16
+ value: string;
17
+ sx?: SxProps;
18
+ };
19
+ export declare function VelocitySliderLabel({ value, sx }: VelocitySliderLabelProps): import("react/jsx-runtime").JSX.Element;
13
20
  export {};
14
21
  //# sourceMappingURL=VelocitySlider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"VelocitySlider.d.ts","sourceRoot":"","sources":["../../../src/components/VelocitySlider.tsx"],"names":[],"mappings":"AAKA,KAAK,mBAAmB,GAAG;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CAC7C,CAAA;AAED,gEAAgE;AAChE,eAAO,MAAM,cAAc,WAAoB,mBAAmB;;CA2ChE,CAAA"}
1
+ {"version":3,"file":"VelocitySlider.d.ts","sourceRoot":"","sources":["../../../src/components/VelocitySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,OAAO,EAAE,MAAM,eAAe,CAAA;AAIzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,mBAAmB,GAAG;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CAC3C,CAAA;AAED,gEAAgE;AAChE,eAAO,MAAM,cAAc,WAAoB,mBAAmB;;CAkChE,CAAA;AAEF,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,wBAAwB,2CA8B1E"}
@@ -0,0 +1,8 @@
1
+ import { type SelectProps } from "@mui/material";
2
+ type AdornedSelectProps = {
3
+ labelValue: string;
4
+ labelId: string;
5
+ } & SelectProps;
6
+ export default function AdornedSelect({ labelValue, ...props }: AdornedSelectProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=AdornedSelect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AdornedSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/experimental/utils/AdornedSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,eAAe,CAAA;AAoBtB,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;CAChB,GAAG,WAAW,CAAA;AAEf,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,UAAU,EACV,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAOpB"}
@@ -1,11 +1,12 @@
1
1
  import Stack from "@mui/material/Stack";
2
- import { type ReactNode } from "react";
2
+ import React, { type ReactNode } from "react";
3
3
  import type { AxisControlComponentColors } from "../../themes/themeTypes";
4
+ type Direction = "+" | "-";
4
5
  type JoggingCartesianAxisControlProps = {
5
6
  colors?: AxisControlComponentColors;
6
7
  label: ReactNode;
7
8
  getDisplayedValue: () => string;
8
- startJogging: (direction: "-" | "+") => void;
9
+ startJogging: (direction: Direction) => void;
9
10
  stopJogging: () => void;
10
11
  disabled?: boolean;
11
12
  } & React.ComponentProps<typeof Stack>;
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingCartesianAxisControl.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingCartesianAxisControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,qBAAqB,CAAA;AAEvC,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AAGzE,KAAK,gCAAgC,GAAG;IACtC,MAAM,CAAC,EAAE,0BAA0B,CAAA;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI,CAAA;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;AAEtC,6DAA6D;AAC7D,eAAO,MAAM,2BAA2B,wFAUjC,gCAAgC;;CAoHtC,CAAA"}
1
+ {"version":3,"file":"JoggingCartesianAxisControl.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingCartesianAxisControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,qBAAqB,CAAA;AAEvC,OAAO,KAAK,EAAE,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AAGzE,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,CAAA;AAE1B,KAAK,gCAAgC,GAAG;IACtC,MAAM,CAAC,EAAE,0BAA0B,CAAA;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;AAEtC,6DAA6D;AAC7D,eAAO,MAAM,2BAA2B,wFAUjC,gCAAgC;;CAkJtC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingCartesianTab.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingCartesianTab.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAA2B,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAS3E,eAAO,MAAM,mBAAmB,0BAI3B;IACD,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;;CA4PF,CAAA"}
1
+ {"version":3,"file":"JoggingCartesianTab.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingCartesianTab.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAA2B,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAU3E,eAAO,MAAM,mBAAmB,0BAI3B;IACD,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;;CAkPF,CAAA"}
@@ -5,5 +5,5 @@ import type { JoggingStore } from "./JoggingStore";
5
5
  */
6
6
  export declare const JoggingJointLimitDetector: ({ store, }: {
7
7
  store: JoggingStore;
8
- }) => import("react/jsx-runtime").JSX.Element;
8
+ }) => import("react/jsx-runtime").JSX.Element | null;
9
9
  //# sourceMappingURL=JoggingJointLimitDetector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingJointLimitDetector.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,eAEnC;IACD,KAAK,EAAE,YAAY,CAAA;CACpB,4CAuCA,CAAA"}
1
+ {"version":3,"file":"JoggingJointLimitDetector.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,eAEnC;IACD,KAAK,EAAE,YAAY,CAAA;CACpB,mDA0CA,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingJointRotationControl.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingJointRotationControl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,qBAAqB,CAAA;AAQvC,KAAK,gCAAgC,GAAG;IACtC,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI,CAAA;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAEtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;AAEtC,oDAAoD;AACpD,eAAO,MAAM,2BAA2B,oGAUjC,gCAAgC;;CAyLtC,CAAA"}
1
+ {"version":3,"file":"JoggingJointRotationControl.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingJointRotationControl.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,qBAAqB,CAAA;AAQvC,KAAK,gCAAgC,GAAG;IACtC,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI,CAAA;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAEtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;AAEtC,oDAAoD;AACpD,eAAO,MAAM,2BAA2B,oGAUjC,gCAAgC;;CA4MtC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingJointTab.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingJointTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD,eAAO,MAAM,eAAe,yBACJ;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE;;CAqFnE,CAAA"}
1
+ {"version":3,"file":"JoggingJointTab.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingJointTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD,eAAO,MAAM,eAAe,yBACJ;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE;;CA6EnE,CAAA"}
@@ -1,4 +1,4 @@
1
- import type { JoggingStore } from "./JoggingStore";
1
+ import { type JoggingStore } from "./JoggingStore";
2
2
  export declare const JoggingOptions: (({ store }: {
3
3
  store: JoggingStore;
4
4
  }) => import("react/jsx-runtime").JSX.Element) & {
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingOptions.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAqB,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAErE,eAAO,MAAM,cAAc,eAAwB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE;;CA4IxE,CAAA"}
1
+ {"version":3,"file":"JoggingOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingOptions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,gBAAgB,CAAA;AAEvB,eAAO,MAAM,cAAc,eAAwB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE;;CAqHxE,CAAA"}
@@ -1,5 +1,7 @@
1
+ import { type SxProps } from "@mui/material";
1
2
  import { NovaClient } from "@wandelbots/wandelbots-js";
2
3
  import { JoggingStore } from "./JoggingStore";
4
+ export type JoggingPanelTabId = "cartesian" | "joint";
3
5
  export type JoggingPanelProps = {
4
6
  /** Either an existing NovaClient or the base url of a deployed Nova instance */
5
7
  nova: NovaClient | string;
@@ -11,6 +13,7 @@ export type JoggingPanelProps = {
11
13
  children?: React.ReactNode;
12
14
  /** Set this to true to disable jogging UI temporarily e.g. when a program is executing */
13
15
  locked?: boolean;
16
+ sx?: SxProps;
14
17
  };
15
18
  /**
16
19
  * A high-level, opinionated UI panel for jogging a robot using the Wandelbots Platform API
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAUtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gFAAgF;IAChF,IAAI,EAAE,UAAU,GAAG,MAAM,CAAA;IACzB,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAA;IACrB,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,WACN,iBAAiB;;CAoEnC,CAAA"}
1
+ {"version":3,"file":"JoggingPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,OAAO,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAUtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,OAAO,CAAA;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gFAAgF;IAChF,IAAI,EAAE,UAAU,GAAG,MAAM,CAAA;IACzB,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAA;IACrB,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,WACN,iBAAiB;;CAoEnC,CAAA"}
@@ -15,6 +15,8 @@ declare const incrementOptions: readonly [{
15
15
  export type DiscreteIncrementOption = (typeof discreteIncrementOptions)[number];
16
16
  export type IncrementOption = (typeof incrementOptions)[number];
17
17
  export type IncrementOptionId = IncrementOption["id"];
18
+ export declare const ORIENTATION_IDS: string[];
19
+ export type OrientationId = (typeof ORIENTATION_IDS)[number];
18
20
  export declare class JoggingStore {
19
21
  readonly jogger: JoggerConnection;
20
22
  readonly motionGroupSpec: MotionGroupSpecification;
@@ -49,7 +51,7 @@ export declare class JoggingStore {
49
51
  * When in tool orientation, the robot moves in a direction relative to the
50
52
  * attached tool rotation.
51
53
  */
52
- selectedOrientation: "coordsys" | "tool";
54
+ selectedOrientation: OrientationId;
53
55
  /**
54
56
  * Id of selected increment amount for jogging. Options are defined by robot pad.
55
57
  * When non-continuous, jogging moves the robot by a fixed number of mm or degrees
@@ -98,7 +100,7 @@ export declare class JoggingStore {
98
100
  selectedTabId: "cartesian" | "joint" | "debug";
99
101
  selectedCoordSystemId: string;
100
102
  selectedTcpId: string;
101
- selectedOrientation: "coordsys" | "tool";
103
+ selectedOrientation: string;
102
104
  selectedIncrementId: string;
103
105
  selectedCartesianMotionType: "translate" | "rotate";
104
106
  };
@@ -170,7 +172,7 @@ export declare class JoggingStore {
170
172
  onTabChange(_event: React.SyntheticEvent, newValue: number): void;
171
173
  setSelectedCoordSystemId(id: string): void;
172
174
  setSelectedTcpId(id: string): void;
173
- setSelectedOrientation(orientation: "coordsys" | "tool"): void;
175
+ setSelectedOrientation(orientation: OrientationId): void;
174
176
  setSelectedIncrementId(id: IncrementOptionId): void;
175
177
  setIncrementJoggingInProgress(inProgress: boolean): void;
176
178
  setVelocityFromSlider(velocity: number): void;
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingStore.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingStore.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"JoggingStore.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingStore.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export declare const JoggingToggleButtonGroup: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonGroupProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
2
+ //# sourceMappingURL=JoggingToggleButtonGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"JoggingToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingToggleButtonGroup.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,+KAsBpC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"JoggingVelocitySlider.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingVelocitySlider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,eAAO,MAAM,qBAAqB,eACpB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE;;CAmCpC,CAAA"}
1
+ {"version":3,"file":"JoggingVelocitySlider.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingVelocitySlider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,eAAO,MAAM,qBAAqB,eACpB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE;;CAkCpC,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { MotionStreamConnection } from "@wandelbots/wandelbots-js";
2
+ export declare const PoseCartesianValues: (({ motionStream }: {
3
+ motionStream: MotionStreamConnection;
4
+ }) => import("react/jsx-runtime").JSX.Element) & {
5
+ displayName: string;
6
+ };
7
+ //# sourceMappingURL=PoseCartesianValues.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PoseCartesianValues.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/PoseCartesianValues.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EAEvB,MAAM,2BAA2B,CAAA;AAMlC,eAAO,MAAM,mBAAmB,sBACX;IAAE,YAAY,EAAE,sBAAsB,CAAA;CAAE;;CA+B5D,CAAA"}
@@ -0,0 +1,7 @@
1
+ import type { MotionStreamConnection } from "@wandelbots/wandelbots-js";
2
+ export declare const PoseJointValues: (({ motionStream }: {
3
+ motionStream: MotionStreamConnection;
4
+ }) => import("react/jsx-runtime").JSX.Element) & {
5
+ displayName: string;
6
+ };
7
+ //# sourceMappingURL=PoseJointValues.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PoseJointValues.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/PoseJointValues.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAMvE,eAAO,MAAM,eAAe,sBACP;IAAE,YAAY,EAAE,sBAAsB,CAAA;CAAE;;CA+B5D,CAAA"}
@@ -4,6 +4,8 @@ export * from "./components/jogging/JoggingCartesianAxisControl";
4
4
  export * from "./components/jogging/JoggingJointRotationControl";
5
5
  export * from "./components/jogging/JoggingPanel";
6
6
  export type { JoggingStore } from "./components/jogging/JoggingStore";
7
+ export * from "./components/jogging/PoseCartesianValues";
8
+ export * from "./components/jogging/PoseJointValues";
7
9
  export * from "./components/LoadingCover";
8
10
  export * from "./components/modal/NoMotionGroupModal";
9
11
  export * from "./components/robots/AxisConfig";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAA;AAC1D,cAAc,8CAA8C,CAAA;AAC5D,cAAc,kDAAkD,CAAA;AAChE,cAAc,kDAAkD,CAAA;AAChE,cAAc,mCAAmC,CAAA;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AACrE,cAAc,2BAA2B,CAAA;AACzC,cAAc,uCAAuC,CAAA;AACrD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,oCAAoC,CAAA;AAClD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qDAAqD,CAAA;AACnE,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAA;AAC1D,cAAc,8CAA8C,CAAA;AAC5D,cAAc,kDAAkD,CAAA;AAChE,cAAc,kDAAkD,CAAA;AAChE,cAAc,mCAAmC,CAAA;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AACrE,cAAc,0CAA0C,CAAA;AACxD,cAAc,sCAAsC,CAAA;AACpD,cAAc,2BAA2B,CAAA;AACzC,cAAc,uCAAuC,CAAA;AACrD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,oCAAoC,CAAA;AAClD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qDAAqD,CAAA;AACnE,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"createDarkTheme.d.ts","sourceRoot":"","sources":["../../../src/themes/createDarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAEvD,wBAAgB,eAAe,IAAI,KAAK,CAiOvC"}
1
+ {"version":3,"file":"createDarkTheme.d.ts","sourceRoot":"","sources":["../../../src/themes/createDarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAEvD,wBAAgB,eAAe,IAAI,KAAK,CAgPvC"}
@@ -16,7 +16,12 @@ export interface AxisControlComponentColors {
16
16
  color?: string;
17
17
  borderColor?: string;
18
18
  backgroundColor?: string;
19
- buttonBackgroundColor?: string;
19
+ buttonBackgroundColor?: {
20
+ default?: string;
21
+ pressed?: string;
22
+ disabled?: string;
23
+ hovered?: string;
24
+ };
20
25
  }
21
26
  interface NovaComponentsExtension {
22
27
  componentsExt?: {
@@ -1 +1 @@
1
- {"version":3,"file":"themeTypes.d.ts","sourceRoot":"","sources":["../../../src/themes/themeTypes.ts"],"names":[],"mappings":"AAAA,KAAK,yBAAyB,GAAG;IAC/B,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE;YACR,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,CAAC,EAAE,MAAM,CAAA;YACjB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,YAAY,CAAC,EAAE,MAAM,CAAA;YACrB,aAAa,CAAC,EAAE,MAAM,CAAA;SACvB,CAAA;QACD,SAAS,CAAC,EAAE;YACV,KAAK,CAAC,EAAE,MAAM,CAAA;SACf,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,UAAU,uBAAuB;IAC/B,aAAa,CAAC,EAAE;QACd,gBAAgB,CAAC,EAAE;YACjB,IAAI,CAAC,EAAE;gBACL,CAAC,CAAC,EAAE,0BAA0B,CAAA;gBAC9B,CAAC,CAAC,EAAE,0BAA0B,CAAA;gBAC9B,CAAC,CAAC,EAAE,0BAA0B,CAAA;aAC/B,CAAA;SACF,CAAA;KACF,CAAA;CACF;AAED,UAAU,wBAAwB;IAChC,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,OAAO;QACf,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;QAC5B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;KACpD;IAED,UAAU,cAAc;QACtB,QAAQ,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;QACpC,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;KACpD;IAED,UAAU,KAAM,SAAQ,uBAAuB,EAAE,yBAAyB;KAAG;IAE7E,UAAU,YACR,SAAQ,uBAAuB,EAC7B,yBAAyB;KAAG;CACjC"}
1
+ {"version":3,"file":"themeTypes.d.ts","sourceRoot":"","sources":["../../../src/themes/themeTypes.ts"],"names":[],"mappings":"AAAA,KAAK,yBAAyB,GAAG;IAC/B,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE;YACR,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,CAAC,EAAE,MAAM,CAAA;YACjB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,YAAY,CAAC,EAAE,MAAM,CAAA;YACrB,aAAa,CAAC,EAAE,MAAM,CAAA;SACvB,CAAA;QACD,SAAS,CAAC,EAAE;YACV,KAAK,CAAC,EAAE,MAAM,CAAA;SACf,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE;QACtB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;CACF;AAED,UAAU,uBAAuB;IAC/B,aAAa,CAAC,EAAE;QACd,gBAAgB,CAAC,EAAE;YACjB,IAAI,CAAC,EAAE;gBACL,CAAC,CAAC,EAAE,0BAA0B,CAAA;gBAC9B,CAAC,CAAC,EAAE,0BAA0B,CAAA;gBAC9B,CAAC,CAAC,EAAE,0BAA0B,CAAA;aAC/B,CAAA;SACF,CAAA;KACF,CAAA;CACF;AAED,UAAU,wBAAwB;IAChC,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,OAAO;QACf,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;QAC5B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;KACpD;IAED,UAAU,cAAc;QACtB,QAAQ,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;QACpC,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;KACpD;IAED,UAAU,KAAM,SAAQ,uBAAuB,EAAE,yBAAyB;KAAG;IAE7E,UAAU,YACR,SAAQ,uBAAuB,EAC7B,yBAAyB;KAAG;CACjC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wandelbots/wandelbots-js-react-components",
3
- "version": "1.29.2",
3
+ "version": "1.30.0",
4
4
  "description": "React UI toolkit for building applications on top of the Wandelbots platform",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -1,5 +1,5 @@
1
- import { Chip, InputLabel } from "@mui/material"
2
- import { forwardRef } from "react"
1
+ import { Stack, Tooltip, Typography, useTheme } from "@mui/material"
2
+ import { forwardRef, useEffect, useState } from "react"
3
3
 
4
4
  export const CopyableText = forwardRef(
5
5
  (
@@ -12,19 +12,76 @@ export const CopyableText = forwardRef(
12
12
  },
13
13
  ref: React.ForwardedRef<HTMLDivElement>,
14
14
  ) => {
15
+ const theme = useTheme()
16
+ const [tooltipOpen, setTooltipOpen] = useState(false)
17
+
18
+ async function onCopyText(): Promise<boolean> {
19
+ if (!ref || !("current" in ref)) {
20
+ console.warn("No copy target found")
21
+ return false
22
+ }
23
+ try {
24
+ await navigator.clipboard.writeText(value)
25
+ console.log("Copied!")
26
+ setTooltipOpen(true)
27
+ return true
28
+ } catch (err) {
29
+ // Direct clipboard copy is not available in non-secure contexts
30
+ console.error(err)
31
+
32
+ // Let's fall back to selecting the text so the user can manually copy easily
33
+ const selection = window.getSelection()!
34
+ const range = document.createRange()
35
+ range.selectNodeContents(ref.current as any)
36
+ selection.removeAllRanges()
37
+ selection.addRange(range)
38
+ }
39
+ return false
40
+ }
41
+
42
+ useEffect(() => {
43
+ if (!tooltipOpen) {
44
+ return
45
+ }
46
+ const timeoutId = setTimeout(() => setTooltipOpen(false), 3000)
47
+ return () => {
48
+ timeoutId ? clearTimeout(timeoutId) : {}
49
+ }
50
+ }, [tooltipOpen])
51
+
15
52
  return (
16
- <>
17
- {label && <InputLabel>{label}</InputLabel>}
18
- <Chip
19
- ref={ref}
53
+ <Tooltip open={tooltipOpen} title="Copied!">
54
+ <Stack
55
+ justifyContent="center"
20
56
  sx={{
21
- fontSize: "14px",
22
- opacity: 0.8,
23
- marginTop: "4px !important",
57
+ height: "100%",
58
+ boxSizing: "border-box",
59
+ padding: "6px 12px",
60
+ background: theme.palette.backgroundPaperElevation?.[8],
61
+ borderRadius: "10px",
62
+ minWidth: "0",
63
+ cursor: "pointer",
24
64
  }}
25
- value={value}
26
- />
27
- </>
65
+ onClick={() => onCopyText()}
66
+ >
67
+ <Typography
68
+ ref={ref}
69
+ align="center"
70
+ sx={{
71
+ pointerEvents: "none",
72
+ fontSize: "12px",
73
+ color: theme.palette.text.primary,
74
+ whiteSpace: "nowrap",
75
+ minWidth: 0,
76
+ textOverflow: "ellipsis",
77
+ width: "100%",
78
+ overflow: "hidden",
79
+ }}
80
+ >
81
+ {value}
82
+ </Typography>
83
+ </Stack>
84
+ </Tooltip>
28
85
  )
29
86
  },
30
87
  )
@@ -1,7 +1,7 @@
1
- import { makeErrorMessage } from "./utils/errorHandling"
2
1
  import { capitalize, CircularProgress, Stack, useTheme } from "@mui/material"
3
2
  import { lowerFirst } from "lodash-es"
4
3
  import { useEffect, useState } from "react"
4
+ import { makeErrorMessage } from "./utils/errorHandling"
5
5
 
6
6
  export const LoadingCover = (props: {
7
7
  message?: string
@@ -11,6 +11,7 @@ export const LoadingCover = (props: {
11
11
  const softTimeout = props.softTimeout || 3000
12
12
 
13
13
  const [showSlowLoadingMessage, setShowSlowLoadingMessage] = useState(false)
14
+ const theme = useTheme()
14
15
 
15
16
  useEffect(() => {
16
17
  const timeout = setTimeout(() => {
@@ -26,6 +27,7 @@ export const LoadingCover = (props: {
26
27
  height="100%"
27
28
  alignItems="center"
28
29
  justifyContent="center"
30
+ sx={{ color: theme.palette.text.primary }}
29
31
  >
30
32
  {props.error ? (
31
33
  <LoadingErrorMessage
@@ -40,7 +42,7 @@ export const LoadingCover = (props: {
40
42
  sx={{
41
43
  visibility: showSlowLoadingMessage ? "visible" : "hidden",
42
44
  marginTop: "1rem",
43
- color: "gray",
45
+ color: theme.palette.text.secondary,
44
46
  }}
45
47
  >
46
48
  {"This is taking longer than expected..."}
@@ -1,7 +1,8 @@
1
- import { Typography, useTheme } from "@mui/material"
1
+ import { Stack, Typography, useTheme, type SxProps } from "@mui/material"
2
2
  import Slider from "@mui/material/Slider"
3
3
  import isNumber from "lodash-es/isNumber"
4
4
  import { observer } from "mobx-react-lite"
5
+ import type { ReactNode } from "react"
5
6
 
6
7
  type VelocitySliderProps = {
7
8
  min: number
@@ -9,16 +10,13 @@ type VelocitySliderProps = {
9
10
  velocity: number
10
11
  onVelocityChange: (newVelocity: number) => void
11
12
  disabled?: boolean
12
- valueLabelFormat?: (value: number) => string
13
+ renderValue?: (value: number) => ReactNode
13
14
  }
14
15
 
15
16
  /** A slider for controlling the movement velocity of a robot */
16
17
  export const VelocitySlider = observer((props: VelocitySliderProps) => {
17
18
  const theme = useTheme()
18
19
 
19
- const valueLabelFormat =
20
- props.valueLabelFormat || ((value: number) => `${value}`)
21
-
22
20
  function onSliderChange(_event: Event, newVelocity: number | number[]) {
23
21
  if (newVelocity === props.velocity || !isNumber(newVelocity)) return
24
22
 
@@ -26,18 +24,7 @@ export const VelocitySlider = observer((props: VelocitySliderProps) => {
26
24
  }
27
25
 
28
26
  return (
29
- <>
30
- <Typography
31
- sx={{
32
- textAlign: "center",
33
- fontSize: "14px",
34
- opacity: 0.8,
35
- lineHeight: 1,
36
- color: theme.palette.text.primary,
37
- }}
38
- >
39
- {valueLabelFormat(props.velocity)}
40
- </Typography>
27
+ <Stack direction="row" gap={2}>
41
28
  <Slider
42
29
  value={props.velocity}
43
30
  color="secondary"
@@ -54,6 +41,48 @@ export const VelocitySlider = observer((props: VelocitySliderProps) => {
54
41
  },
55
42
  }}
56
43
  />
57
- </>
44
+ {props.renderValue ? (
45
+ props.renderValue(props.velocity)
46
+ ) : (
47
+ <VelocitySliderLabel value={props.velocity.toString()} />
48
+ )}
49
+ </Stack>
58
50
  )
59
51
  })
52
+
53
+ type VelocitySliderLabelProps = {
54
+ value: string
55
+ sx?: SxProps
56
+ }
57
+
58
+ export function VelocitySliderLabel({ value, sx }: VelocitySliderLabelProps) {
59
+ const theme = useTheme()
60
+ return (
61
+ <Stack
62
+ direction={"row"}
63
+ justifyContent={"center"}
64
+ gap={"5px"}
65
+ sx={{
66
+ padding: "6px 12px",
67
+ background: theme.palette.backgroundPaperElevation?.[8],
68
+ borderRadius: "10px",
69
+ minWidth: "111px",
70
+ ...sx,
71
+ }}
72
+ >
73
+ <Typography
74
+ component="span"
75
+ sx={{
76
+ textAlign: "right",
77
+ fontSize: "14px",
78
+ opacity: 0.8,
79
+ lineHeight: 1,
80
+ color: theme.palette.text.primary,
81
+ whiteSpace: "nowrap",
82
+ }}
83
+ >
84
+ {value}
85
+ </Typography>
86
+ </Stack>
87
+ )
88
+ }
@@ -0,0 +1,42 @@
1
+ import {
2
+ FormControl,
3
+ InputLabel,
4
+ Select,
5
+ styled,
6
+ type SelectProps,
7
+ } from "@mui/material"
8
+
9
+ const AdornedFormControl = styled(FormControl)(({ theme }) => ({
10
+ "&.MuiFormControl-root": {
11
+ ".MuiSelect-select": {
12
+ paddingTop: "20px",
13
+ paddingLeft: "12px",
14
+ },
15
+ label: {
16
+ pointerEvents: "none",
17
+ fontSize: "16px",
18
+ },
19
+ ".MuiInputLabel-root": {
20
+ "&.Mui-focused": {
21
+ color: theme.palette.text.primary,
22
+ },
23
+ },
24
+ },
25
+ }))
26
+
27
+ type AdornedSelectProps = {
28
+ labelValue: string
29
+ labelId: string
30
+ } & SelectProps
31
+
32
+ export default function AdornedSelect({
33
+ labelValue,
34
+ ...props
35
+ }: AdornedSelectProps) {
36
+ return (
37
+ <AdornedFormControl fullWidth variant="filled">
38
+ <InputLabel id={props.labelId}>{labelValue}</InputLabel>
39
+ <Select {...props} />
40
+ </AdornedFormControl>
41
+ )
42
+ }