@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.
- package/dist/index.cjs +29 -29
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4845 -4736
- package/dist/index.js.map +1 -1
- package/dist/src/components/CopyableText.d.ts.map +1 -1
- package/dist/src/components/LoadingCover.d.ts.map +1 -1
- package/dist/src/components/VelocitySlider.d.ts +8 -1
- package/dist/src/components/VelocitySlider.d.ts.map +1 -1
- package/dist/src/components/experimental/utils/AdornedSelect.d.ts +8 -0
- package/dist/src/components/experimental/utils/AdornedSelect.d.ts.map +1 -0
- package/dist/src/components/jogging/JoggingCartesianAxisControl.d.ts +3 -2
- package/dist/src/components/jogging/JoggingCartesianAxisControl.d.ts.map +1 -1
- package/dist/src/components/jogging/JoggingCartesianTab.d.ts.map +1 -1
- package/dist/src/components/jogging/JoggingJointLimitDetector.d.ts +1 -1
- package/dist/src/components/jogging/JoggingJointLimitDetector.d.ts.map +1 -1
- package/dist/src/components/jogging/JoggingJointRotationControl.d.ts.map +1 -1
- package/dist/src/components/jogging/JoggingJointTab.d.ts.map +1 -1
- package/dist/src/components/jogging/JoggingOptions.d.ts +1 -1
- package/dist/src/components/jogging/JoggingOptions.d.ts.map +1 -1
- package/dist/src/components/jogging/JoggingPanel.d.ts +3 -0
- package/dist/src/components/jogging/JoggingPanel.d.ts.map +1 -1
- package/dist/src/components/jogging/JoggingStore.d.ts +5 -3
- package/dist/src/components/jogging/JoggingStore.d.ts.map +1 -1
- package/dist/src/components/jogging/JoggingToggleButtonGroup.d.ts +2 -0
- package/dist/src/components/jogging/JoggingToggleButtonGroup.d.ts.map +1 -0
- package/dist/src/components/jogging/JoggingVelocitySlider.d.ts.map +1 -1
- package/dist/src/components/jogging/PoseCartesianValues.d.ts +7 -0
- package/dist/src/components/jogging/PoseCartesianValues.d.ts.map +1 -0
- package/dist/src/components/jogging/PoseJointValues.d.ts +7 -0
- package/dist/src/components/jogging/PoseJointValues.d.ts.map +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/themes/createDarkTheme.d.ts.map +1 -1
- package/dist/src/themes/themeTypes.d.ts +6 -1
- package/dist/src/themes/themeTypes.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/CopyableText.tsx +69 -12
- package/src/components/LoadingCover.tsx +4 -2
- package/src/components/VelocitySlider.tsx +47 -18
- package/src/components/experimental/utils/AdornedSelect.tsx +42 -0
- package/src/components/jogging/JoggingCartesianAxisControl.tsx +84 -51
- package/src/components/jogging/JoggingCartesianTab.tsx +97 -107
- package/src/components/jogging/JoggingJointLimitDetector.tsx +4 -1
- package/src/components/jogging/JoggingJointRotationControl.tsx +41 -22
- package/src/components/jogging/JoggingJointTab.tsx +34 -43
- package/src/components/jogging/JoggingOptions.tsx +110 -136
- package/src/components/jogging/JoggingPanel.tsx +17 -9
- package/src/components/jogging/JoggingStore.ts +5 -2
- package/src/components/jogging/JoggingToggleButtonGroup.tsx +25 -0
- package/src/components/jogging/JoggingVelocitySlider.tsx +18 -20
- package/src/components/jogging/PoseCartesianValues.tsx +43 -0
- package/src/components/jogging/PoseJointValues.tsx +40 -0
- package/src/i18n/locales/de/translations.json +3 -1
- package/src/i18n/locales/en/translations.json +3 -1
- package/src/icons/jog-minus.svg +5 -0
- package/src/icons/jog-plus.svg +9 -0
- package/src/index.ts +2 -0
- package/src/themes/createDarkTheme.ts +19 -4
- package/src/themes/themeTypes.ts +6 -1
- package/dist/src/components/jogging/JoggingCartesianValues.d.ts +0 -7
- package/dist/src/components/jogging/JoggingCartesianValues.d.ts.map +0 -1
- package/dist/src/components/jogging/JoggingJointValues.d.ts +0 -7
- package/dist/src/components/jogging/JoggingJointValues.d.ts.map +0 -1
- package/src/components/jogging/JoggingCartesianValues.tsx +0 -50
- 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;
|
|
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,
|
|
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
|
-
|
|
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":"
|
|
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:
|
|
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":"
|
|
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":"
|
|
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,
|
|
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;;
|
|
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;
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JoggingOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingOptions.tsx"],"names":[],"mappings":"
|
|
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":"
|
|
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:
|
|
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:
|
|
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:
|
|
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":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACT,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,MAAM,CAAA;AAEb,QAAA,MAAM,wBAAwB;;;;GAK7B,CAAA;AAED,QAAA,MAAM,gBAAgB;;;;;;IAGZ,CAAA;AAEV,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC/E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC/D,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;AAErD,qBAAa,YAAY;IA0GrB,QAAQ,CAAC,MAAM,EAAE,gBAAgB;IACjC,QAAQ,CAAC,eAAe,EAAE,wBAAwB;IAClD,QAAQ,CAAC,YAAY,EAAE,gBAAgB,EAAE;IACzC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE;IA5G3B,aAAa,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAc;IAE5D;;;OAGG;IACH,wBAAwB,EAAE,OAAO,CAAO;IAExC;;OAEG;IACH,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAa;IAE/D;;OAEG;IACH,eAAe,EAAE,OAAO,GAAG,IAAI,CAAO;IAEtC,0CAA0C;IAC1C,iBAAiB,EAAE,MAAM,CAAI;IAE7B,iEAAiE;IACjE,KAAK,cAAoB;IAEzB;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAU;IAEvC,qFAAqF;IACrF,aAAa,EAAE,MAAM,CAAK;IAE1B;;;;OAIG;IACH,mBAAmB,EAAE,
|
|
1
|
+
{"version":3,"file":"JoggingStore.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACT,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,MAAM,CAAA;AAEb,QAAA,MAAM,wBAAwB;;;;GAK7B,CAAA;AAED,QAAA,MAAM,gBAAgB;;;;;;IAGZ,CAAA;AAEV,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC/E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC/D,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;AAErD,eAAO,MAAM,eAAe,UAAuB,CAAA;AACnD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAE5D,qBAAa,YAAY;IA0GrB,QAAQ,CAAC,MAAM,EAAE,gBAAgB;IACjC,QAAQ,CAAC,eAAe,EAAE,wBAAwB;IAClD,QAAQ,CAAC,YAAY,EAAE,gBAAgB,EAAE;IACzC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE;IA5G3B,aAAa,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAc;IAE5D;;;OAGG;IACH,wBAAwB,EAAE,OAAO,CAAO;IAExC;;OAEG;IACH,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAa;IAE/D;;OAEG;IACH,eAAe,EAAE,OAAO,GAAG,IAAI,CAAO;IAEtC,0CAA0C;IAC1C,iBAAiB,EAAE,MAAM,CAAI;IAE7B,iEAAiE;IACjE,KAAK,cAAoB;IAEzB;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAU;IAEvC,qFAAqF;IACrF,aAAa,EAAE,MAAM,CAAK;IAE1B;;;;OAIG;IACH,mBAAmB,EAAE,aAAa,CAAa;IAE/C;;;;OAIG;IACH,mBAAmB,EAAE,iBAAiB,CAAe;IAErD;;;OAGG;IACH,2BAA2B,EAAE,WAAW,GAAG,QAAQ,CAAc;IAEjE,qEAAqE;IACrE,0BAA0B,UAAQ;IAElC,6EAA6E;IAC7E,2BAA2B,EAAE,MAAM,CAAK;IACxC,oFAAoF;IACpF,yBAAyB,EAAE,MAAM,CAAI;IAErC,iFAAiF;IACjF,8BAA8B,EAAE,MAAM,CAAI;IAC1C,iFAAiF;IACjF,8BAA8B,EAAE,MAAM,CAAM;IAE5C,8EAA8E;IAC9E,4BAA4B,EAAE,MAAM,CAAI;IACxC,8EAA8E;IAC9E,4BAA4B,EAAE,MAAM,CAAK;IAEzC,SAAS,EAAE,iBAAiB,EAAE,CAAK;IAEnC;;;OAGG;WACU,OAAO,CAAC,MAAM,EAAE,gBAAgB;gBA6BlC,MAAM,EAAE,gBAAgB,EACxB,eAAe,EAAE,wBAAwB,EACzC,YAAY,EAAE,gBAAgB,EAAE,EAChC,IAAI,EAAE,QAAQ,EAAE;IAuB3B,OAAO;IAOP,IAAI,sBAAsB,wCAEzB;IAEK,UAAU,CAAC,IAAI,GAAE;QAAE,yBAAyB,CAAC,EAAE,OAAO,CAAA;KAAO;IA2BnE,gDAAgD;IAC1C,QAAQ,CAAC,IAAI,GAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAO;IAwD9C,oBAAoB;IA6BpB,kBAAkB;IAOlB,IAAI,QAAQ,YAEX;IAED,IAAI,gBAAgB;;;;;;;MASnB;IAED,IAAI,IAAI;;;;;;OAWP;IAED,IAAI,gBAAgB;;;;;;SAEnB;IAED,IAAI,wBAAwB;;;;QAE3B;IAED,IAAI,oBAAoB;;;;;;OAEvB;IAED,IAAI,QAAQ;;;;;;OAEX;IAED,IAAI,UAAU;;;;;;MAEb;IAED,IAAI,QAAQ,WAEX;IAED,IAAI,gBAAgB,kDAEnB;IAED,IAAI,mBAAmB,qBAEtB;IAED;;;;OAIG;IACH,IAAI,mBAAmB,WAItB;IAED,IAAI,QAAQ,0CAEX;IAED,IAAI,uBAAuB;;;;kBAI1B;IAED,qEAAqE;IACrE,IAAI,0BAA0B,WAE7B;IAED,IAAI,sBAAsB,WAIzB;IAED,IAAI,yBAAyB,WAI5B;IAED,IAAI,yBAAyB,WAI5B;IAED;;;OAGG;IACH,IAAI,iBAAiB,2BASpB;IAED,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,QAAQ,EAAE,MAAM;IAK1D,wBAAwB,CAAC,EAAE,EAAE,MAAM;IAInC,gBAAgB,CAAC,EAAE,EAAE,MAAM;IAI3B,sBAAsB,CAAC,WAAW,EAAE,aAAa;IAIjD,sBAAsB,CAAC,EAAE,EAAE,iBAAiB;IAI5C,6BAA6B,CAAC,UAAU,EAAE,OAAO;IAIjD,qBAAqB,CAAC,QAAQ,EAAE,MAAM;IAQtC,8BAA8B,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ;IAI3D,0DAA0D;IACpD,cAAc,CAAC,EAAE,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC;CAU7C"}
|
|
@@ -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":"
|
|
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"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -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";
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -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,
|
|
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?:
|
|
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;
|
|
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,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
ref={ref}
|
|
53
|
+
<Tooltip open={tooltipOpen} title="Copied!">
|
|
54
|
+
<Stack
|
|
55
|
+
justifyContent="center"
|
|
20
56
|
sx={{
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
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:
|
|
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
|
-
|
|
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
|
+
}
|