@wandelbots/wandelbots-js-react-components 2.43.0 → 2.44.0-pr.feature-seperate-timer.383.8ca3799
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/DefaultVariant.d.ts.map +1 -1
- package/dist/components/CycleTimer/SmallVariant.d.ts.map +1 -1
- package/dist/components/CycleTimer/index.d.ts +4 -5
- package/dist/components/CycleTimer/index.d.ts.map +1 -1
- package/dist/components/CycleTimer/types.d.ts +2 -3
- package/dist/components/CycleTimer/types.d.ts.map +1 -1
- package/dist/components/CycleTimer/useTimerLogic.d.ts +1 -2
- package/dist/components/CycleTimer/useTimerLogic.d.ts.map +1 -1
- package/dist/components/ProgramControl.d.ts +4 -1
- package/dist/components/ProgramControl.d.ts.map +1 -1
- package/dist/components/ProgramStateIndicator.d.ts.map +1 -1
- package/dist/components/Timer/Timer.d.ts +3 -0
- package/dist/components/Timer/Timer.d.ts.map +1 -0
- package/dist/components/Timer/TimerDefaultVariant.d.ts +10 -0
- package/dist/components/Timer/TimerDefaultVariant.d.ts.map +1 -0
- package/dist/components/Timer/TimerSmallVariant.d.ts +11 -0
- package/dist/components/Timer/TimerSmallVariant.d.ts.map +1 -0
- package/dist/components/Timer/index.d.ts +19 -0
- package/dist/components/Timer/index.d.ts.map +1 -0
- package/dist/components/Timer/types.d.ts +36 -0
- package/dist/components/Timer/types.d.ts.map +1 -0
- package/dist/components/Timer/useTimerAnimations.d.ts +11 -0
- package/dist/components/Timer/useTimerAnimations.d.ts.map +1 -0
- package/dist/components/Timer/useTimerLogic.d.ts +20 -0
- package/dist/components/Timer/useTimerLogic.d.ts.map +1 -0
- package/dist/components/Timer/utils.d.ts +9 -0
- package/dist/components/Timer/utils.d.ts.map +1 -0
- package/dist/components/jogging/PoseCartesianValues.d.ts +3 -5
- package/dist/components/jogging/PoseCartesianValues.d.ts.map +1 -1
- package/dist/components/jogging/PoseJointValues.d.ts +3 -5
- package/dist/components/jogging/PoseJointValues.d.ts.map +1 -1
- package/dist/index.cjs +48 -48
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6203 -5824
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
- package/src/components/CycleTimer/DefaultVariant.tsx +0 -2
- package/src/components/CycleTimer/SmallVariant.tsx +2 -5
- package/src/components/CycleTimer/index.tsx +4 -5
- package/src/components/CycleTimer/types.ts +1 -3
- package/src/components/CycleTimer/useTimerLogic.ts +40 -96
- package/src/components/CycleTimer/utils.ts +3 -3
- package/src/components/ProgramControl.tsx +19 -2
- package/src/components/ProgramStateIndicator.tsx +16 -1
- package/src/components/Timer/Timer.ts +2 -0
- package/src/components/Timer/TimerDefaultVariant.tsx +140 -0
- package/src/components/Timer/TimerSmallVariant.tsx +140 -0
- package/src/components/Timer/index.tsx +101 -0
- package/src/components/Timer/types.ts +38 -0
- package/src/components/Timer/useTimerAnimations.ts +94 -0
- package/src/components/Timer/useTimerLogic.ts +214 -0
- package/src/components/Timer/utils.ts +15 -0
- package/src/components/jogging/PoseCartesianValues.tsx +16 -82
- package/src/components/jogging/PoseJointValues.tsx +16 -82
- package/src/i18n/locales/de/translations.json +4 -0
- package/src/i18n/locales/en/translations.json +4 -0
- package/src/index.ts +1 -0
|
@@ -1 +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,
|
|
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,4CAgTrB,CAAA"}
|
|
@@ -1 +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,
|
|
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,4CA+MnB,CAAA"}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import type { CycleTimerProps } from "./types";
|
|
2
2
|
/**
|
|
3
|
-
* A circular gauge timer component
|
|
3
|
+
* A circular gauge timer component for cycle-specific timing operations
|
|
4
4
|
*
|
|
5
5
|
* Features:
|
|
6
6
|
* - Custom SVG circular gauge with 264px diameter and 40px thickness
|
|
7
|
-
* - Multiple states: idle, measuring, measured, countdown,
|
|
7
|
+
* - Multiple states: idle, measuring, measured, countdown, success
|
|
8
8
|
* - Idle state: shows "Waiting for program cycle" with transparent inner circle
|
|
9
9
|
* - Measuring state: counts up with "Cycle Time" / "measuring..." labels
|
|
10
10
|
* - Measured state: shows final time with "Cycle Time" / "determined" labels in pulsating green
|
|
11
11
|
* - Countdown mode: shows remaining time prominently, counts down to zero
|
|
12
|
-
* - Count-up mode: shows elapsed time without special labels
|
|
13
12
|
* - Success state: brief green flash after cycle completion
|
|
14
13
|
* - Displays appropriate labels based on state
|
|
15
|
-
* - Automatically counts down
|
|
14
|
+
* - Automatically counts down and triggers callback when reaching zero
|
|
16
15
|
* - Full timer control: start, pause, resume functionality
|
|
17
16
|
* - Support for starting with elapsed time (resume mid-cycle)
|
|
18
17
|
* - Error state support: pauses timer and shows error styling (red color)
|
|
@@ -20,7 +19,7 @@ import type { CycleTimerProps } from "./types";
|
|
|
20
19
|
* - Pulsating text animation for completed measuring state
|
|
21
20
|
* - Fully localized with i18next
|
|
22
21
|
* - Material-UI theming integration
|
|
23
|
-
* - Small variant with animated progress icon (gauge border only) next to text
|
|
22
|
+
* - Small variant with animated progress icon (gauge border only) next to text
|
|
24
23
|
*/
|
|
25
24
|
export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, onMeasuringComplete, autoStart, variant, compact, className, hasError, }: CycleTimerProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
26
25
|
displayName: string;
|
|
@@ -1 +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
|
|
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;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,6GAWhB,eAAe;;CAiHrB,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
export type CycleTimerState = "idle" | "measuring" | "measured" | "countdown" | "
|
|
1
|
+
export type CycleTimerState = "idle" | "measuring" | "measured" | "countdown" | "success";
|
|
2
2
|
export interface CycleTimerControls {
|
|
3
|
-
startNewCycle: (maxTimeSeconds
|
|
3
|
+
startNewCycle: (maxTimeSeconds: number, elapsedSeconds?: number) => void;
|
|
4
4
|
startMeasuring: (elapsedSeconds?: number) => void;
|
|
5
|
-
startCountUp: (elapsedSeconds?: number) => void;
|
|
6
5
|
setIdle: () => void;
|
|
7
6
|
completeMeasuring: () => void;
|
|
8
7
|
pause: () => void;
|
|
@@ -1 +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,
|
|
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,CAAA;AAEb,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxE,cAAc,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,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"}
|
|
@@ -12,9 +12,8 @@ interface UseTimerLogicProps {
|
|
|
12
12
|
export declare const useTimerLogic: ({ autoStart, onCycleEnd, onMeasuringComplete, hasError, onPauseAnimation, onErrorAnimation, onClearErrorAnimation, onStartPulsating, }: UseTimerLogicProps) => {
|
|
13
13
|
timerState: TimerState;
|
|
14
14
|
controls: {
|
|
15
|
-
startNewCycle: (maxTimeSeconds
|
|
15
|
+
startNewCycle: (maxTimeSeconds: number, elapsedSeconds?: number) => void;
|
|
16
16
|
startMeasuring: (elapsedSeconds?: number) => void;
|
|
17
|
-
startCountUp: (elapsedSeconds?: number) => void;
|
|
18
17
|
setIdle: () => void;
|
|
19
18
|
completeMeasuring: () => void;
|
|
20
19
|
pause: () => void;
|
|
@@ -1 +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;;;
|
|
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;;;wCAkEA,MAAM,mBAAkB,MAAM;0CAzB9B,MAAM;;;;;;;CAuQ1B,CAAA"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
export declare enum ProgramState {
|
|
2
2
|
IDLE = "idle",
|
|
3
|
+
STOPPED = "stopped",
|
|
4
|
+
STARTING = "starting",
|
|
3
5
|
RUNNING = "running",
|
|
6
|
+
PAUSING = "pausing",
|
|
4
7
|
PAUSED = "paused",
|
|
5
8
|
STOPPING = "stopping",
|
|
6
9
|
ERROR = "error"
|
|
@@ -37,7 +40,7 @@ export interface ProgramControlProps {
|
|
|
37
40
|
* A control component for program execution with run, pause, and stop functionality.
|
|
38
41
|
*
|
|
39
42
|
* Features:
|
|
40
|
-
* - State machine with idle, running, paused, stopping, and error states
|
|
43
|
+
* - State machine with idle, stopped, starting, running, pausing, paused, stopping, and error states
|
|
41
44
|
* - Two variants: with_pause (3 buttons) and without_pause (2 buttons)
|
|
42
45
|
* - Optional manual reset functionality
|
|
43
46
|
* - Responsive design with 110px circular buttons
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgramControl.d.ts","sourceRoot":"","sources":["../../src/components/ProgramControl.tsx"],"names":[],"mappings":"AAMA,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,KAAK,EAAE,YAAY,CAAA;IACnB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,qDAAqD;IACrD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,eAAe,CAAA;IACxC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,0FAWpB,mBAAmB;;
|
|
1
|
+
{"version":3,"file":"ProgramControl.d.ts","sourceRoot":"","sources":["../../src/components/ProgramControl.tsx"],"names":[],"mappings":"AAMA,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,KAAK,EAAE,YAAY,CAAA;IACnB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,qDAAqD;IACrD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,eAAe,CAAA;IACxC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,0FAWpB,mBAAmB;;CA8KzB,CAAA"}
|
|
@@ -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;AAE/C,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;;
|
|
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;AAE/C,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;;CA6IhC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timer.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/Timer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { TimerState, TimerAnimationState } from "./types";
|
|
2
|
+
interface TimerDefaultVariantProps {
|
|
3
|
+
timerState: TimerState;
|
|
4
|
+
animationState: TimerAnimationState;
|
|
5
|
+
hasError: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const TimerDefaultVariant: ({ timerState, animationState, hasError, className, }: TimerDefaultVariantProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=TimerDefaultVariant.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimerDefaultVariant.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/TimerDefaultVariant.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG9D,UAAU,wBAAwB;IAChC,UAAU,EAAE,UAAU,CAAA;IACtB,cAAc,EAAE,mBAAmB,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,mBAAmB,GAAI,sDAKjC,wBAAwB,4CAwH1B,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TimerState, TimerAnimationState } from "./types";
|
|
2
|
+
interface TimerSmallVariantProps {
|
|
3
|
+
timerState: TimerState;
|
|
4
|
+
animationState: TimerAnimationState;
|
|
5
|
+
hasError: boolean;
|
|
6
|
+
compact: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const TimerSmallVariant: ({ timerState, animationState, hasError, compact, className, }: TimerSmallVariantProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=TimerSmallVariant.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimerSmallVariant.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/TimerSmallVariant.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG9D,UAAU,sBAAsB;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,cAAc,EAAE,mBAAmB,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,GAAI,+DAM/B,sBAAsB,4CAuHxB,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { TimerProps } from "./types";
|
|
2
|
+
/**
|
|
3
|
+
* A simple count-up timer component with visual progress indication
|
|
4
|
+
*
|
|
5
|
+
* Features:
|
|
6
|
+
* - Count-up timer that tracks elapsed time
|
|
7
|
+
* - Visual progress gauge that cycles every minute
|
|
8
|
+
* - Two display variants: large circular gauge (default) or small icon with text
|
|
9
|
+
* - Full timer control: start, pause, resume, reset functionality
|
|
10
|
+
* - Support for starting with elapsed time (resume mid-session)
|
|
11
|
+
* - Error state support: pauses timer and shows error styling
|
|
12
|
+
* - Smooth progress animations with spring physics
|
|
13
|
+
* - Fully localized with i18next
|
|
14
|
+
* - Material-UI theming integration
|
|
15
|
+
*/
|
|
16
|
+
export declare const Timer: (({ onTimerReady, autoStart, variant, compact, className, hasError, }: TimerProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,yEASX,UAAU;;CAoEhB,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export interface TimerControls {
|
|
2
|
+
start: (elapsedSeconds?: number) => void;
|
|
3
|
+
pause: () => void;
|
|
4
|
+
resume: () => void;
|
|
5
|
+
reset: () => void;
|
|
6
|
+
isPaused: () => boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface TimerProps {
|
|
9
|
+
/**
|
|
10
|
+
* Callback that receives the timer control functions
|
|
11
|
+
*/
|
|
12
|
+
onTimerReady: (controls: TimerControls) => void;
|
|
13
|
+
/** Whether the timer should start automatically when initialized */
|
|
14
|
+
autoStart?: boolean;
|
|
15
|
+
/** Visual variant of the timer */
|
|
16
|
+
variant?: "default" | "small";
|
|
17
|
+
/** For small variant: whether to show compact display */
|
|
18
|
+
compact?: boolean;
|
|
19
|
+
/** Additional CSS classes */
|
|
20
|
+
className?: string;
|
|
21
|
+
/** Whether the timer is in an error state (pauses timer and shows error styling) */
|
|
22
|
+
hasError?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface TimerState {
|
|
25
|
+
elapsedTime: number;
|
|
26
|
+
isRunning: boolean;
|
|
27
|
+
isPausedState: boolean;
|
|
28
|
+
currentProgress: number;
|
|
29
|
+
wasRunningBeforeError: boolean;
|
|
30
|
+
}
|
|
31
|
+
export interface TimerAnimationState {
|
|
32
|
+
showPauseAnimation: boolean;
|
|
33
|
+
showErrorAnimation: boolean;
|
|
34
|
+
showMainText: boolean;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;IAC/C,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,yDAAyD;IACzD,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,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,EAAE,OAAO,CAAA;IAC3B,kBAAkB,EAAE,OAAO,CAAA;IAC3B,YAAY,EAAE,OAAO,CAAA;CACtB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TimerAnimationState } from "./types";
|
|
2
|
+
export declare const useTimerAnimations: () => {
|
|
3
|
+
animationState: TimerAnimationState;
|
|
4
|
+
triggerPauseAnimation: () => void;
|
|
5
|
+
triggerErrorAnimation: () => void;
|
|
6
|
+
clearErrorAnimation: () => void;
|
|
7
|
+
triggerFadeTransition: () => void;
|
|
8
|
+
setInitialAnimationState: () => void;
|
|
9
|
+
cleanup: () => void;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=useTimerAnimations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTimerAnimations.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/useTimerAnimations.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,eAAO,MAAM,kBAAkB;;;;;;;;CA0F9B,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { TimerState } from "./types";
|
|
2
|
+
interface UseTimerLogicProps {
|
|
3
|
+
autoStart: boolean;
|
|
4
|
+
hasError: boolean;
|
|
5
|
+
onPauseAnimation: () => void;
|
|
6
|
+
onErrorAnimation: () => void;
|
|
7
|
+
onClearErrorAnimation: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const useTimerLogic: ({ autoStart, hasError, onPauseAnimation, onErrorAnimation, onClearErrorAnimation, }: UseTimerLogicProps) => {
|
|
10
|
+
timerState: TimerState;
|
|
11
|
+
controls: {
|
|
12
|
+
start: (elapsedSeconds?: number) => void;
|
|
13
|
+
pause: () => void;
|
|
14
|
+
resume: () => void;
|
|
15
|
+
reset: () => void;
|
|
16
|
+
isPaused: () => boolean;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=useTimerLogic.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTimerLogic.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/useTimerLogic.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,qBAAqB,EAAE,MAAM,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,aAAa,GAAI,qFAM3B,kBAAkB;;;iCAyBA,MAAM;;;;;;CA0K1B,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
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 timer (minute-based cycles)
|
|
7
|
+
*/
|
|
8
|
+
export declare const calculateTimerProgress: (elapsedTime: number) => number;
|
|
9
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Timer/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,KAAG,MAI5C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,aAAa,MAAM,KAAG,MAE5D,CAAA"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { TcpPose } from "@wandelbots/nova-js/v1";
|
|
2
2
|
export type PoseCartesianValuesProps = {
|
|
3
|
-
|
|
4
|
-
motionStream?: MotionStreamConnection;
|
|
5
|
-
connectedMotionGroup?: ConnectedMotionGroup;
|
|
3
|
+
tcpPose: TcpPose;
|
|
6
4
|
showCopyButton?: boolean;
|
|
7
5
|
};
|
|
8
|
-
export declare const PoseCartesianValues: (({
|
|
6
|
+
export declare const PoseCartesianValues: (({ tcpPose, showCopyButton }: PoseCartesianValuesProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
9
7
|
displayName: string;
|
|
10
8
|
};
|
|
11
9
|
//# 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,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAMrD,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,mBAAmB,iCACiB,wBAAwB;;CAsCxE,CAAA"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Joints } from "@wandelbots/nova-api/v1";
|
|
2
2
|
export type PoseJointValuesProps = {
|
|
3
|
-
|
|
4
|
-
motionStream?: MotionStreamConnection;
|
|
5
|
-
connectedMotionGroup?: ConnectedMotionGroup;
|
|
3
|
+
joints: Joints;
|
|
6
4
|
showCopyButton?: boolean;
|
|
7
5
|
};
|
|
8
|
-
export declare const PoseJointValues: (({
|
|
6
|
+
export declare const PoseJointValues: (({ joints, showCopyButton }: PoseJointValuesProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
9
7
|
displayName: string;
|
|
10
8
|
};
|
|
11
9
|
//# 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,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAMrD,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,eAAe,gCACoB,oBAAoB;;CAsCnE,CAAA"}
|