@wandelbots/wandelbots-js-react-components 2.37.0 → 2.38.0-pr.bugfix-add-bg-to-cycle-timer.380.f7d61ae
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/CycleTimer.d.ts +3 -0
- package/dist/components/CycleTimer/CycleTimer.d.ts.map +1 -0
- package/dist/components/CycleTimer/DefaultVariant.d.ts +10 -0
- package/dist/components/CycleTimer/DefaultVariant.d.ts.map +1 -0
- package/dist/components/CycleTimer/SmallVariant.d.ts +11 -0
- package/dist/components/CycleTimer/SmallVariant.d.ts.map +1 -0
- package/dist/components/CycleTimer/index.d.ts +28 -0
- package/dist/components/CycleTimer/index.d.ts.map +1 -0
- package/dist/components/CycleTimer/types.d.ts +51 -0
- package/dist/components/CycleTimer/types.d.ts.map +1 -0
- package/dist/components/CycleTimer/useAnimations.d.ts +15 -0
- package/dist/components/CycleTimer/useAnimations.d.ts.map +1 -0
- package/dist/components/CycleTimer/useTimerLogic.d.ts +26 -0
- package/dist/components/CycleTimer/useTimerLogic.d.ts.map +1 -0
- package/dist/components/CycleTimer/utils.d.ts +13 -0
- package/dist/components/CycleTimer/utils.d.ts.map +1 -0
- package/dist/components/CycleTimer.d.ts +2 -96
- package/dist/components/CycleTimer.d.ts.map +1 -1
- package/dist/components/jogging/PoseCartesianValues.d.ts +8 -4
- package/dist/components/jogging/PoseCartesianValues.d.ts.map +1 -1
- package/dist/components/jogging/PoseJointValues.d.ts +8 -4
- package/dist/components/jogging/PoseJointValues.d.ts.map +1 -1
- package/dist/index.cjs +50 -50
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +9302 -8800
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CycleTimer/CycleTimer.ts +6 -0
- package/src/components/CycleTimer/DefaultVariant.tsx +325 -0
- package/src/components/CycleTimer/SmallVariant.tsx +230 -0
- package/src/components/CycleTimer/index.tsx +157 -0
- package/src/components/CycleTimer/types.ts +60 -0
- package/src/components/CycleTimer/useAnimations.ts +202 -0
- package/src/components/CycleTimer/useTimerLogic.ts +386 -0
- package/src/components/CycleTimer/utils.ts +53 -0
- package/src/components/CycleTimer.tsx +6 -715
- package/src/components/jogging/PoseCartesianValues.tsx +85 -7
- package/src/components/jogging/PoseJointValues.tsx +86 -8
- package/src/i18n/locales/de/translations.json +4 -0
- package/src/i18n/locales/en/translations.json +4 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/CycleTimer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,YAAY,EACV,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { AnimationState, TimerState } from "./types";
|
|
2
|
+
interface DefaultVariantProps {
|
|
3
|
+
timerState: TimerState;
|
|
4
|
+
animationState: AnimationState;
|
|
5
|
+
hasError: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const DefaultVariant: ({ timerState, animationState, hasError, className, }: DefaultVariantProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=DefaultVariant.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultVariant.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/DefaultVariant.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzD,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAA;IACtB,cAAc,EAAE,cAAc,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,GAAI,sDAK5B,mBAAmB,4CAkTrB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { AnimationState, TimerState } from "./types";
|
|
2
|
+
interface SmallVariantProps {
|
|
3
|
+
timerState: TimerState;
|
|
4
|
+
animationState: AnimationState;
|
|
5
|
+
hasError: boolean;
|
|
6
|
+
compact: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const SmallVariant: ({ timerState, animationState, hasError, compact, className, }: SmallVariantProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=SmallVariant.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmallVariant.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/SmallVariant.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzD,UAAU,iBAAiB;IACzB,UAAU,EAAE,UAAU,CAAA;IACtB,cAAc,EAAE,cAAc,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAI,+DAM1B,iBAAiB,4CAkNnB,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { CycleTimerProps } from "./types";
|
|
2
|
+
/**
|
|
3
|
+
* A circular gauge timer component that shows the remaining time of a cycle or counts up
|
|
4
|
+
*
|
|
5
|
+
* Features:
|
|
6
|
+
* - Custom SVG circular gauge with 264px diameter and 40px thickness
|
|
7
|
+
* - Multiple states: idle, measuring, measured, countdown, countup, success
|
|
8
|
+
* - Idle state: shows "Waiting for program cycle" with transparent inner circle
|
|
9
|
+
* - Measuring state: counts up with "Cycle Time" / "measuring..." labels
|
|
10
|
+
* - Measured state: shows final time with "Cycle Time" / "determined" labels in pulsating green
|
|
11
|
+
* - Countdown mode: shows remaining time prominently, counts down to zero
|
|
12
|
+
* - Count-up mode: shows elapsed time without special labels
|
|
13
|
+
* - Success state: brief green flash after cycle completion
|
|
14
|
+
* - Displays appropriate labels based on state
|
|
15
|
+
* - Automatically counts down/up and triggers callback when reaching zero (countdown only)
|
|
16
|
+
* - Full timer control: start, pause, resume functionality
|
|
17
|
+
* - Support for starting with elapsed time (resume mid-cycle)
|
|
18
|
+
* - Error state support: pauses timer and shows error styling (red color)
|
|
19
|
+
* - Smooth fade transitions between different text states
|
|
20
|
+
* - Pulsating text animation for completed measuring state
|
|
21
|
+
* - Fully localized with i18next
|
|
22
|
+
* - Material-UI theming integration
|
|
23
|
+
* - Small variant with animated progress icon (gauge border only) next to text or simple text-only mode
|
|
24
|
+
*/
|
|
25
|
+
export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, onMeasuringComplete, autoStart, variant, compact, className, hasError, }: CycleTimerProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,UAAU,6GAWhB,eAAe;;CAiHrB,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export type CycleTimerState = "idle" | "measuring" | "measured" | "countdown" | "countup" | "success";
|
|
2
|
+
export interface CycleTimerControls {
|
|
3
|
+
startNewCycle: (maxTimeSeconds?: number, elapsedSeconds?: number) => void;
|
|
4
|
+
startMeasuring: (elapsedSeconds?: number) => void;
|
|
5
|
+
startCountUp: (elapsedSeconds?: number) => void;
|
|
6
|
+
setIdle: () => void;
|
|
7
|
+
completeMeasuring: () => void;
|
|
8
|
+
pause: () => void;
|
|
9
|
+
resume: () => void;
|
|
10
|
+
isPaused: () => boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface CycleTimerProps {
|
|
13
|
+
/**
|
|
14
|
+
* Callback that receives the timer control functions
|
|
15
|
+
*/
|
|
16
|
+
onCycleComplete: (controls: CycleTimerControls) => void;
|
|
17
|
+
/** Callback fired when a cycle actually completes (reaches zero) */
|
|
18
|
+
onCycleEnd?: () => void;
|
|
19
|
+
/** Callback fired when measuring cycle completes */
|
|
20
|
+
onMeasuringComplete?: () => void;
|
|
21
|
+
/** Whether the timer should start automatically when maxTime is set */
|
|
22
|
+
autoStart?: boolean;
|
|
23
|
+
/** Visual variant of the timer */
|
|
24
|
+
variant?: "default" | "small";
|
|
25
|
+
/** For small variant: whether to show remaining time details (compact hides them) */
|
|
26
|
+
compact?: boolean;
|
|
27
|
+
/** Additional CSS classes */
|
|
28
|
+
className?: string;
|
|
29
|
+
/** Whether the timer is in an error state (pauses timer and shows error styling) */
|
|
30
|
+
hasError?: boolean;
|
|
31
|
+
}
|
|
32
|
+
export interface TimerState {
|
|
33
|
+
currentState: CycleTimerState;
|
|
34
|
+
remainingTime: number;
|
|
35
|
+
maxTime: number | null;
|
|
36
|
+
isRunning: boolean;
|
|
37
|
+
isPausedState: boolean;
|
|
38
|
+
currentProgress: number;
|
|
39
|
+
wasRunningBeforeError: boolean;
|
|
40
|
+
}
|
|
41
|
+
export interface AnimationState {
|
|
42
|
+
showPauseAnimation: boolean;
|
|
43
|
+
showErrorAnimation: boolean;
|
|
44
|
+
showPulsatingText: boolean;
|
|
45
|
+
pulsatingFinished: boolean;
|
|
46
|
+
showLabels: boolean;
|
|
47
|
+
showMainText: boolean;
|
|
48
|
+
showIdlePulsating: boolean;
|
|
49
|
+
idleDotsCount: number;
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,WAAW,GACX,UAAU,GACV,WAAW,GACX,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,cAAc,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,YAAY,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,eAAe,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACvD,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,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;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,eAAe,CAAA;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,aAAa,EAAE,MAAM,CAAA;CACtB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { AnimationState } from "./types";
|
|
2
|
+
export declare const useAnimations: () => {
|
|
3
|
+
animationState: AnimationState;
|
|
4
|
+
triggerPauseAnimation: () => void;
|
|
5
|
+
triggerErrorAnimation: () => void;
|
|
6
|
+
clearErrorAnimation: () => void;
|
|
7
|
+
startPulsatingAnimation: (onComplete?: () => void) => void;
|
|
8
|
+
stopPulsatingAnimation: () => void;
|
|
9
|
+
startIdleAnimations: () => void;
|
|
10
|
+
stopIdleAnimations: () => void;
|
|
11
|
+
triggerFadeTransition: () => void;
|
|
12
|
+
setInitialAnimationState: () => void;
|
|
13
|
+
cleanup: () => void;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=useAnimations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAnimations.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/useAnimations.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,aAAa;;;;;2CAoDkC,MAAM,IAAI;;;;;;;CAkJrE,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { TimerState } from "./types";
|
|
2
|
+
interface UseTimerLogicProps {
|
|
3
|
+
autoStart: boolean;
|
|
4
|
+
onCycleEnd?: () => void;
|
|
5
|
+
onMeasuringComplete?: () => void;
|
|
6
|
+
hasError: boolean;
|
|
7
|
+
onPauseAnimation: () => void;
|
|
8
|
+
onErrorAnimation: () => void;
|
|
9
|
+
onClearErrorAnimation: () => void;
|
|
10
|
+
onStartPulsating: (onComplete?: () => void) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const useTimerLogic: ({ autoStart, onCycleEnd, onMeasuringComplete, hasError, onPauseAnimation, onErrorAnimation, onClearErrorAnimation, onStartPulsating, }: UseTimerLogicProps) => {
|
|
13
|
+
timerState: TimerState;
|
|
14
|
+
controls: {
|
|
15
|
+
startNewCycle: (maxTimeSeconds?: number, elapsedSeconds?: number) => void;
|
|
16
|
+
startMeasuring: (elapsedSeconds?: number) => void;
|
|
17
|
+
startCountUp: (elapsedSeconds?: number) => void;
|
|
18
|
+
setIdle: () => void;
|
|
19
|
+
completeMeasuring: () => void;
|
|
20
|
+
pause: () => void;
|
|
21
|
+
resume: () => void;
|
|
22
|
+
isPaused: () => boolean;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=useTimerLogic.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTimerLogic.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/useTimerLogic.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,gBAAgB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CACpD;AAED,eAAO,MAAM,aAAa,GAAI,wIAS3B,kBAAkB;;;yCA2FC,MAAM,mBAAkB,MAAM;0CAlD/B,MAAM;wCAyBN,MAAM;;;;;;;CAsS1B,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Formats time in seconds to MM:SS format
|
|
3
|
+
*/
|
|
4
|
+
export declare const formatTime: (seconds: number) => string;
|
|
5
|
+
/**
|
|
6
|
+
* Calculates progress percentage for different timer states
|
|
7
|
+
*/
|
|
8
|
+
export declare const calculateProgress: (currentState: string, remainingTime: number, maxTime: number | null) => number;
|
|
9
|
+
/**
|
|
10
|
+
* Calculates exact progress position based on elapsed time
|
|
11
|
+
*/
|
|
12
|
+
export declare const calculateExactProgress: (currentState: string, totalElapsed: number, maxTime: number | null) => number;
|
|
13
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/CycleTimer/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,KAAG,MAI5C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,cAAc,MAAM,EACpB,eAAe,MAAM,EACrB,SAAS,MAAM,GAAG,IAAI,KACrB,MAiBF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,cAAc,MAAM,EACpB,cAAc,MAAM,EACpB,SAAS,MAAM,GAAG,IAAI,KACrB,MAUF,CAAA"}
|
|
@@ -1,97 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
3
|
-
* Callback that receives the timer control functions:
|
|
4
|
-
* - `startNewCycle(maxTimeSeconds?, elapsedSeconds?)` - Start a new timer cycle (if maxTimeSeconds is omitted, runs as count-up timer)
|
|
5
|
-
* - `pause()` - Pause the countdown while preserving remaining time
|
|
6
|
-
* - `resume()` - Resume countdown from where it was paused
|
|
7
|
-
* - `isPaused()` - Check current pause state
|
|
8
|
-
*/
|
|
9
|
-
onCycleComplete: (controls: {
|
|
10
|
-
startNewCycle: (maxTimeSeconds?: number, elapsedSeconds?: number) => void;
|
|
11
|
-
pause: () => void;
|
|
12
|
-
resume: () => void;
|
|
13
|
-
isPaused: () => boolean;
|
|
14
|
-
}) => void;
|
|
15
|
-
/** Callback fired when a cycle actually completes (reaches zero) */
|
|
16
|
-
onCycleEnd?: () => void;
|
|
17
|
-
/** Whether the timer should start automatically when maxTime is set */
|
|
18
|
-
autoStart?: boolean;
|
|
19
|
-
/** Visual variant of the timer */
|
|
20
|
-
variant?: "default" | "small";
|
|
21
|
-
/** For small variant: whether to show remaining time details (compact hides them) */
|
|
22
|
-
compact?: boolean;
|
|
23
|
-
/** Additional CSS classes */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Whether the timer is in an error state (pauses timer and shows error styling) */
|
|
26
|
-
hasError?: boolean;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* A circular gauge timer component that shows the remaining time of a cycle or counts up
|
|
30
|
-
*
|
|
31
|
-
* Features:
|
|
32
|
-
* - Circular gauge with 264px diameter and 40px thickness
|
|
33
|
-
* - Two modes: count-down (with max time) or count-up (without max time)
|
|
34
|
-
* - Count-down mode: shows remaining time prominently, counts down to zero
|
|
35
|
-
* - Count-up mode: shows elapsed time, gauge progresses in minute steps
|
|
36
|
-
* - Displays appropriate labels based on mode
|
|
37
|
-
* - Automatically counts down/up and triggers callback when reaching zero (count-down only)
|
|
38
|
-
* - Full timer control: start, pause, resume functionality
|
|
39
|
-
* - Support for starting with elapsed time (resume mid-cycle)
|
|
40
|
-
* - Error state support: pauses timer and shows error styling (red color)
|
|
41
|
-
* - Smooth spring-based progress animations for all state transitions
|
|
42
|
-
* - Fully localized with i18next
|
|
43
|
-
* - Material-UI theming integration
|
|
44
|
-
* - Small variant with animated progress icon (gauge border only) next to text
|
|
45
|
-
*
|
|
46
|
-
* @param onCycleComplete - Callback that receives timer control functions
|
|
47
|
-
* @param onCycleEnd - Optional callback fired when a cycle actually completes (reaches zero)
|
|
48
|
-
* @param autoStart - Whether to start timer automatically (default: true)
|
|
49
|
-
* @param variant - Visual variant: "default" (large gauge) or "small" (animated icon with text)
|
|
50
|
-
* @param compact - For small variant: whether to hide remaining time details
|
|
51
|
-
* @param className - Additional CSS classes
|
|
52
|
-
* @param hasError - Whether the timer is in an error state (pauses timer and shows error styling)
|
|
53
|
-
*
|
|
54
|
-
* Usage:
|
|
55
|
-
* ```tsx
|
|
56
|
-
* // Count-down timer (with max time)
|
|
57
|
-
* <CycleTimer
|
|
58
|
-
* onCycleComplete={(controls) => {
|
|
59
|
-
* // Start a 5-minute countdown cycle
|
|
60
|
-
* controls.startNewCycle(300)
|
|
61
|
-
*
|
|
62
|
-
* // Or start a 5-minute cycle with 2 minutes already elapsed
|
|
63
|
-
* controls.startNewCycle(300, 120)
|
|
64
|
-
* }}
|
|
65
|
-
* onCycleEnd={() => console.log('Cycle completed!')}
|
|
66
|
-
* />
|
|
67
|
-
*
|
|
68
|
-
* // Count-up timer (no max time)
|
|
69
|
-
* <CycleTimer
|
|
70
|
-
* onCycleComplete={(controls) => {
|
|
71
|
-
* // Start count-up timer
|
|
72
|
-
* controls.startNewCycle()
|
|
73
|
-
*
|
|
74
|
-
* // Or start count-up timer with some elapsed time
|
|
75
|
-
* controls.startNewCycle(undefined, 120)
|
|
76
|
-
* }}
|
|
77
|
-
* />
|
|
78
|
-
*
|
|
79
|
-
* // Timer with error state
|
|
80
|
-
* <CycleTimer
|
|
81
|
-
* hasError={errorCondition}
|
|
82
|
-
* onCycleComplete={(controls) => {
|
|
83
|
-
* controls.startNewCycle(300)
|
|
84
|
-
* }}
|
|
85
|
-
* />
|
|
86
|
-
* ```
|
|
87
|
-
*
|
|
88
|
-
* Control Functions:
|
|
89
|
-
* - `startNewCycle(maxTimeSeconds?, elapsedSeconds?)` - Start a new timer cycle (omit maxTimeSeconds for count-up mode)
|
|
90
|
-
* - `pause()` - Pause the countdown while preserving remaining time
|
|
91
|
-
* - `resume()` - Resume countdown from where it was paused
|
|
92
|
-
* - `isPaused()` - Check current pause state
|
|
93
|
-
*/
|
|
94
|
-
export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, autoStart, variant, compact, className, hasError, }: CycleTimerProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
95
|
-
displayName: string;
|
|
96
|
-
};
|
|
1
|
+
export { CycleTimer } from "./CycleTimer/index";
|
|
2
|
+
export type { CycleTimerControls, CycleTimerProps, CycleTimerState, } from "./CycleTimer/types";
|
|
97
3
|
//# sourceMappingURL=CycleTimer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../src/components/CycleTimer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../src/components/CycleTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,YAAY,EACV,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,oBAAoB,CAAA"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import type { MotionStreamConnection } from "@wandelbots/nova-js/v1";
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import type { ConnectedMotionGroup, MotionStreamConnection } from "@wandelbots/nova-js/v1";
|
|
2
|
+
export type PoseCartesianValuesProps = {
|
|
3
|
+
/** Either a MotionStreamConnection or ConnectedMotionGroup */
|
|
4
|
+
motionStream?: MotionStreamConnection;
|
|
5
|
+
connectedMotionGroup?: ConnectedMotionGroup;
|
|
6
|
+
showCopyButton?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const PoseCartesianValues: (({ motionStream, connectedMotionGroup, showCopyButton, }: PoseCartesianValuesProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
5
9
|
displayName: string;
|
|
6
10
|
};
|
|
7
11
|
//# sourceMappingURL=PoseCartesianValues.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PoseCartesianValues.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/PoseCartesianValues.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"PoseCartesianValues.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/PoseCartesianValues.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EAEpB,sBAAsB,EACvB,MAAM,wBAAwB,CAAA;AA4B/B,MAAM,MAAM,wBAAwB,GAAG;IACrC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,mBAAmB,6DAK3B,wBAAwB;;CAwE5B,CAAA"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import type { MotionStreamConnection } from "@wandelbots/nova-js/v1";
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import type { ConnectedMotionGroup, MotionStreamConnection } from "@wandelbots/nova-js/v1";
|
|
2
|
+
export type PoseJointValuesProps = {
|
|
3
|
+
/** Either a MotionStreamConnection or ConnectedMotionGroup */
|
|
4
|
+
motionStream?: MotionStreamConnection;
|
|
5
|
+
connectedMotionGroup?: ConnectedMotionGroup;
|
|
6
|
+
showCopyButton?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const PoseJointValues: (({ motionStream, connectedMotionGroup, showCopyButton, }: PoseJointValuesProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
5
9
|
displayName: string;
|
|
6
10
|
};
|
|
7
11
|
//# sourceMappingURL=PoseJointValues.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PoseJointValues.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/PoseJointValues.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"PoseJointValues.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/PoseJointValues.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EAEpB,sBAAsB,EACvB,MAAM,wBAAwB,CAAA;AA4B/B,MAAM,MAAM,oBAAoB,GAAG;IACjC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,eAAe,6DAKvB,oBAAoB;;CAwExB,CAAA"}
|