@wandelbots/wandelbots-js-react-components 2.27.1-pr.feature-add-program-control-component.367.8730636 → 2.27.1-pr.feature-add-cycle-timer.368.3779de1
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 +30 -0
- package/dist/components/CycleTimer.d.ts.map +1 -0
- package/dist/index.cjs +89 -41
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +17151 -9410
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/src/components/CycleTimer.tsx +211 -0
- package/src/i18n/locales/de/translations.json +3 -4
- package/src/i18n/locales/en/translations.json +3 -4
- package/src/index.ts +1 -1
- package/dist/components/ProgramControl.d.ts +0 -43
- package/dist/components/ProgramControl.d.ts.map +0 -1
- package/src/components/ProgramControl.tsx +0 -217
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface CycleTimerProps {
|
|
2
|
+
/** Callback that receives the startNewCycle function for controlling the timer */
|
|
3
|
+
onCycleComplete: (startNewCycle: (maxTimeSeconds: number) => void) => void;
|
|
4
|
+
/** Callback fired when a cycle actually completes (reaches zero) */
|
|
5
|
+
onCycleEnd?: () => void;
|
|
6
|
+
/** Whether the timer should start automatically when maxTime is set */
|
|
7
|
+
autoStart?: boolean;
|
|
8
|
+
/** Additional CSS classes */
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A circular gauge timer component that shows the remaining time of a cycle
|
|
13
|
+
*
|
|
14
|
+
* Features:
|
|
15
|
+
* - Circular gauge with 264px diameter and 40px thickness
|
|
16
|
+
* - Shows remaining time prominently in the center (60px font)
|
|
17
|
+
* - Displays "remaining time" label at top and total time at bottom
|
|
18
|
+
* - Automatically counts down and triggers callback when reaching zero
|
|
19
|
+
* - Fully localized with i18next
|
|
20
|
+
* - Material-UI theming integration
|
|
21
|
+
*
|
|
22
|
+
* @param onCycleComplete - Callback that receives the startNewCycle function for controlling the timer
|
|
23
|
+
* @param onCycleEnd - Optional callback fired when a cycle actually completes (reaches zero)
|
|
24
|
+
* @param autoStart - Whether to start timer automatically (default: true)
|
|
25
|
+
* @param className - Additional CSS classes
|
|
26
|
+
*/
|
|
27
|
+
export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, autoStart, className, }: CycleTimerProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=CycleTimer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CycleTimer.d.ts","sourceRoot":"","sources":["../../src/components/CycleTimer.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,eAAe,EAAE,CAAC,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAA;IAC1E,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,4DAOhB,eAAe;;CAyKrB,CAAA"}
|