@wandelbots/wandelbots-js-react-components 2.34.2-pr.feature-robot-precondition-list.372.9dfd57e → 2.34.2
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/components/CycleTimer.d.ts +16 -33
- package/dist/components/CycleTimer.d.ts.map +1 -1
- package/dist/components/ProgramControl.d.ts +2 -8
- package/dist/components/ProgramControl.d.ts.map +1 -1
- package/dist/components/ProgramStateIndicator.d.ts +1 -1
- package/dist/components/ProgramStateIndicator.d.ts.map +1 -1
- package/dist/components/robots/Robot.d.ts +2 -3
- package/dist/components/robots/Robot.d.ts.map +1 -1
- package/dist/icons/index.d.ts +0 -1
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/index.cjs +50 -50
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +0 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9576 -11435
- package/dist/index.js.map +1 -1
- package/dist/themes/createDarkTheme.d.ts.map +1 -1
- package/package.json +1 -2
- package/src/components/CycleTimer.tsx +159 -384
- package/src/components/ProgramControl.tsx +12 -27
- package/src/components/ProgramStateIndicator.tsx +8 -25
- package/src/components/robots/Robot.tsx +2 -5
- package/src/i18n/locales/de/translations.json +1 -8
- package/src/i18n/locales/en/translations.json +1 -8
- package/src/icons/index.ts +0 -1
- package/src/index.ts +0 -14
- package/src/themes/createDarkTheme.ts +1 -75
- package/dist/components/AppHeader.d.ts +0 -34
- package/dist/components/AppHeader.d.ts.map +0 -1
- package/dist/components/DataGrid.d.ts +0 -66
- package/dist/components/DataGrid.d.ts.map +0 -1
- package/dist/components/LogPanel.d.ts +0 -38
- package/dist/components/LogPanel.d.ts.map +0 -1
- package/dist/components/LogStore.d.ts +0 -12
- package/dist/components/LogStore.d.ts.map +0 -1
- package/dist/components/LogViewer.d.ts +0 -46
- package/dist/components/LogViewer.d.ts.map +0 -1
- package/dist/components/RobotCard.d.ts +0 -103
- package/dist/components/RobotCard.d.ts.map +0 -1
- package/dist/components/RobotListItem.d.ts +0 -34
- package/dist/components/RobotListItem.d.ts.map +0 -1
- package/dist/components/RobotSetupReadinessIndicator.d.ts +0 -31
- package/dist/components/RobotSetupReadinessIndicator.d.ts.map +0 -1
- package/dist/components/RobotSetupReadinessIndicator.test.d.ts +0 -2
- package/dist/components/RobotSetupReadinessIndicator.test.d.ts.map +0 -1
- package/dist/components/TabBar.d.ts +0 -30
- package/dist/components/TabBar.d.ts.map +0 -1
- package/dist/components/robots/manufacturerHomePositions.d.ts +0 -21
- package/dist/components/robots/manufacturerHomePositions.d.ts.map +0 -1
- package/dist/icons/DropdownArrowIcon.d.ts +0 -3
- package/dist/icons/DropdownArrowIcon.d.ts.map +0 -1
- package/src/components/AppHeader.md +0 -84
- package/src/components/AppHeader.tsx +0 -199
- package/src/components/DataGrid.tsx +0 -659
- package/src/components/LogPanel.tsx +0 -69
- package/src/components/LogStore.ts +0 -44
- package/src/components/LogViewer.tsx +0 -370
- package/src/components/RobotCard.tsx +0 -568
- package/src/components/RobotListItem.tsx +0 -150
- package/src/components/RobotSetupReadinessIndicator.test.tsx +0 -60
- package/src/components/RobotSetupReadinessIndicator.tsx +0 -124
- package/src/components/TabBar.tsx +0 -144
- package/src/components/robots/manufacturerHomePositions.ts +0 -76
- package/src/icons/DropdownArrowIcon.tsx +0 -13
- package/src/icons/chevronDown.svg +0 -3
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export interface CycleTimerProps {
|
|
2
2
|
/**
|
|
3
3
|
* Callback that receives the timer control functions:
|
|
4
|
-
* - `startNewCycle(maxTimeSeconds
|
|
4
|
+
* - `startNewCycle(maxTimeSeconds, elapsedSeconds?)` - Start a new timer cycle
|
|
5
5
|
* - `pause()` - Pause the countdown while preserving remaining time
|
|
6
6
|
* - `resume()` - Resume countdown from where it was paused
|
|
7
7
|
* - `isPaused()` - Check current pause state
|
|
8
8
|
*/
|
|
9
9
|
onCycleComplete: (controls: {
|
|
10
|
-
startNewCycle: (maxTimeSeconds
|
|
10
|
+
startNewCycle: (maxTimeSeconds: number, elapsedSeconds?: number) => void;
|
|
11
11
|
pause: () => void;
|
|
12
12
|
resume: () => void;
|
|
13
13
|
isPaused: () => boolean;
|
|
@@ -22,22 +22,17 @@ export interface CycleTimerProps {
|
|
|
22
22
|
compact?: boolean;
|
|
23
23
|
/** Additional CSS classes */
|
|
24
24
|
className?: string;
|
|
25
|
-
/** Whether the timer is in an error state (pauses timer and shows error styling) */
|
|
26
|
-
hasError?: boolean;
|
|
27
25
|
}
|
|
28
26
|
/**
|
|
29
|
-
* A circular gauge timer component that shows the remaining time of a cycle
|
|
27
|
+
* A circular gauge timer component that shows the remaining time of a cycle
|
|
30
28
|
*
|
|
31
29
|
* Features:
|
|
32
30
|
* - Circular gauge with 264px diameter and 40px thickness
|
|
33
|
-
* -
|
|
34
|
-
* -
|
|
35
|
-
* -
|
|
36
|
-
* - Displays appropriate labels based on mode
|
|
37
|
-
* - Automatically counts down/up and triggers callback when reaching zero (count-down only)
|
|
31
|
+
* - Shows remaining time prominently in the center (60px font)
|
|
32
|
+
* - Displays "remaining time" label at top and total time at bottom
|
|
33
|
+
* - Automatically counts down and triggers callback when reaching zero
|
|
38
34
|
* - Full timer control: start, pause, resume functionality
|
|
39
35
|
* - Support for starting with elapsed time (resume mid-cycle)
|
|
40
|
-
* - Error state support: pauses timer and shows error styling (red color)
|
|
41
36
|
* - Smooth spring-based progress animations for all state transitions
|
|
42
37
|
* - Fully localized with i18next
|
|
43
38
|
* - Material-UI theming integration
|
|
@@ -49,49 +44,37 @@ export interface CycleTimerProps {
|
|
|
49
44
|
* @param variant - Visual variant: "default" (large gauge) or "small" (animated icon with text)
|
|
50
45
|
* @param compact - For small variant: whether to hide remaining time details
|
|
51
46
|
* @param className - Additional CSS classes
|
|
52
|
-
* @param hasError - Whether the timer is in an error state (pauses timer and shows error styling)
|
|
53
47
|
*
|
|
54
48
|
* Usage:
|
|
55
49
|
* ```tsx
|
|
56
|
-
* // Count-down timer (with max time)
|
|
57
50
|
* <CycleTimer
|
|
58
51
|
* onCycleComplete={(controls) => {
|
|
59
|
-
* // Start a 5-minute
|
|
52
|
+
* // Start a 5-minute cycle
|
|
60
53
|
* controls.startNewCycle(300)
|
|
61
54
|
*
|
|
62
55
|
* // Or start a 5-minute cycle with 2 minutes already elapsed
|
|
63
56
|
* controls.startNewCycle(300, 120)
|
|
64
|
-
* }}
|
|
65
|
-
* onCycleEnd={() => console.log('Cycle completed!')}
|
|
66
|
-
* />
|
|
67
57
|
*
|
|
68
|
-
*
|
|
69
|
-
*
|
|
70
|
-
* onCycleComplete={(controls) => {
|
|
71
|
-
* // Start count-up timer
|
|
72
|
-
* controls.startNewCycle()
|
|
58
|
+
* // Pause the timer
|
|
59
|
+
* controls.pause()
|
|
73
60
|
*
|
|
74
|
-
* //
|
|
75
|
-
* controls.
|
|
76
|
-
* }}
|
|
77
|
-
* />
|
|
61
|
+
* // Resume the timer
|
|
62
|
+
* controls.resume()
|
|
78
63
|
*
|
|
79
|
-
*
|
|
80
|
-
*
|
|
81
|
-
* hasError={errorCondition}
|
|
82
|
-
* onCycleComplete={(controls) => {
|
|
83
|
-
* controls.startNewCycle(300)
|
|
64
|
+
* // Check if paused
|
|
65
|
+
* const paused = controls.isPaused()
|
|
84
66
|
* }}
|
|
67
|
+
* onCycleEnd={() => console.log('Cycle completed!')}
|
|
85
68
|
* />
|
|
86
69
|
* ```
|
|
87
70
|
*
|
|
88
71
|
* Control Functions:
|
|
89
|
-
* - `startNewCycle(maxTimeSeconds
|
|
72
|
+
* - `startNewCycle(maxTimeSeconds, elapsedSeconds?)` - Start a new timer cycle
|
|
90
73
|
* - `pause()` - Pause the countdown while preserving remaining time
|
|
91
74
|
* - `resume()` - Resume countdown from where it was paused
|
|
92
75
|
* - `isPaused()` - Check current pause state
|
|
93
76
|
*/
|
|
94
|
-
export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, autoStart, variant, compact, className,
|
|
77
|
+
export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, autoStart, variant, compact, className, }: CycleTimerProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
95
78
|
displayName: string;
|
|
96
79
|
};
|
|
97
80
|
//# sourceMappingURL=CycleTimer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../src/components/CycleTimer.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,eAAe,EAAE,CAAC,QAAQ,EAAE;QAC1B,aAAa,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../src/components/CycleTimer.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,eAAe,EAAE,CAAC,QAAQ,EAAE;QAC1B,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;QACxE,KAAK,EAAE,MAAM,IAAI,CAAA;QACjB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,QAAQ,EAAE,MAAM,OAAO,CAAA;KACxB,KAAK,IAAI,CAAA;IACV,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,eAAO,MAAM,UAAU,8EAShB,eAAe;;CA2YrB,CAAA"}
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
IDLE = "idle",
|
|
3
|
-
RUNNING = "running",
|
|
4
|
-
PAUSED = "paused",
|
|
5
|
-
STOPPING = "stopping",
|
|
6
|
-
ERROR = "error"
|
|
7
|
-
}
|
|
1
|
+
export type ProgramState = "idle" | "running" | "paused" | "stopping";
|
|
8
2
|
export interface ProgramControlProps {
|
|
9
3
|
/** The current state of the program control */
|
|
10
4
|
state: ProgramState;
|
|
@@ -37,7 +31,7 @@ export interface ProgramControlProps {
|
|
|
37
31
|
* A control component for program execution with run, pause, and stop functionality.
|
|
38
32
|
*
|
|
39
33
|
* Features:
|
|
40
|
-
* - State machine with idle, running, paused,
|
|
34
|
+
* - State machine with idle, running, paused, and stopping states
|
|
41
35
|
* - Two variants: with_pause (3 buttons) and without_pause (2 buttons)
|
|
42
36
|
* - Optional manual reset functionality
|
|
43
37
|
* - Responsive design with 110px circular buttons
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgramControl.d.ts","sourceRoot":"","sources":["../../src/components/ProgramControl.tsx"],"names":[],"mappings":"AAMA,
|
|
1
|
+
{"version":3,"file":"ProgramControl.d.ts","sourceRoot":"","sources":["../../src/components/ProgramControl.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;AAErE,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;;CAuJzB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { RobotControllerStateOperationModeEnum, RobotControllerStateSafetyStateEnum } from "@wandelbots/nova-js/v1";
|
|
2
|
-
import { ProgramState } from "./ProgramControl";
|
|
2
|
+
import type { ProgramState } from "./ProgramControl";
|
|
3
3
|
export interface ProgramStateIndicatorProps {
|
|
4
4
|
/** The current state of the program */
|
|
5
5
|
programState: ProgramState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgramStateIndicator.d.ts","sourceRoot":"","sources":["../../src/components/ProgramStateIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qCAAqC,EACrC,mCAAmC,EACpC,MAAM,wBAAwB,CAAA;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"ProgramStateIndicator.d.ts","sourceRoot":"","sources":["../../src/components/ProgramStateIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qCAAqC,EACrC,mCAAmC,EACpC,MAAM,wBAAwB,CAAA;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEpD,MAAM,WAAW,0BAA0B;IACzC,uCAAuC;IACvC,YAAY,EAAE,YAAY,CAAA;IAC1B,uDAAuD;IACvD,WAAW,EAAE,mCAAmC,CAAA;IAChD,yDAAyD;IACzD,aAAa,EAAE,qCAAqC,CAAA;IACpD,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,8DAO3B,0BAA0B;;CA6GhC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ThreeElements } from "@react-three/fiber";
|
|
2
2
|
import type { ConnectedMotionGroup } from "@wandelbots/nova-js/v1";
|
|
3
3
|
import type { Group } from "three";
|
|
4
4
|
export type RobotProps = {
|
|
@@ -6,7 +6,6 @@ export type RobotProps = {
|
|
|
6
6
|
getModel?: (modelFromController: string) => string;
|
|
7
7
|
flangeRef?: React.Ref<Group>;
|
|
8
8
|
transparentColor?: string;
|
|
9
|
-
postModelRender?: () => void;
|
|
10
9
|
} & ThreeElements["group"];
|
|
11
10
|
/**
|
|
12
11
|
* The Robot component is a wrapper around the SupportedRobot component
|
|
@@ -19,5 +18,5 @@ export type RobotProps = {
|
|
|
19
18
|
*
|
|
20
19
|
* @returns {JSX.Element} The rendered SupportedRobot component.
|
|
21
20
|
*/
|
|
22
|
-
export declare function Robot({ connectedMotionGroup, getModel, flangeRef, transparentColor,
|
|
21
|
+
export declare function Robot({ connectedMotionGroup, getModel, flangeRef, transparentColor, ...props }: RobotProps): import("react/jsx-runtime").JSX.Element | null;
|
|
23
22
|
//# sourceMappingURL=Robot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Robot.d.ts","sourceRoot":"","sources":["../../../src/components/robots/Robot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Robot.d.ts","sourceRoot":"","sources":["../../../src/components/robots/Robot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAIlC,MAAM,MAAM,UAAU,GAAG;IACvB,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,QAAQ,CAAC,EAAE,CAAC,mBAAmB,EAAE,MAAM,KAAK,MAAM,CAAA;IAClD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;AAE1B;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,EACpB,oBAAoB,EACpB,QAA0B,EAC1B,SAAS,EACT,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,UAAU,kDAkBZ"}
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { default as ArrowForwardFilledIcon } from "./arrowForwardFilled.svg";
|
|
2
|
-
export { default as ChevronDownIcon } from "./chevronDown.svg";
|
|
3
2
|
export { default as ExpandFilledIcon } from "./expandFilled.svg";
|
|
4
3
|
export { default as HomeIcon } from "./home.svg";
|
|
5
4
|
export { default as InfoOutlinedIcon } from "./infoOutlined.svg";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
|