@wandelbots/wandelbots-js-react-components 2.27.1-pr.feature-add-cycle-timer.368.3779de1 → 2.27.1-pr.feature-add-cycle-timer.368.c18c8bd

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.
@@ -5,6 +5,10 @@ export interface CycleTimerProps {
5
5
  onCycleEnd?: () => void;
6
6
  /** Whether the timer should start automatically when maxTime is set */
7
7
  autoStart?: boolean;
8
+ /** Visual variant of the timer */
9
+ variant?: "default" | "small";
10
+ /** For small variant: whether to show remaining time details (compact hides them) */
11
+ compact?: boolean;
8
12
  /** Additional CSS classes */
9
13
  className?: string;
10
14
  }
@@ -18,13 +22,16 @@ export interface CycleTimerProps {
18
22
  * - Automatically counts down and triggers callback when reaching zero
19
23
  * - Fully localized with i18next
20
24
  * - Material-UI theming integration
25
+ * - Small variant with animated progress icon (gauge border only) next to text
21
26
  *
22
27
  * @param onCycleComplete - Callback that receives the startNewCycle function for controlling the timer
23
28
  * @param onCycleEnd - Optional callback fired when a cycle actually completes (reaches zero)
24
29
  * @param autoStart - Whether to start timer automatically (default: true)
30
+ * @param variant - Visual variant: "default" (large gauge) or "small" (animated icon with text)
31
+ * @param compact - For small variant: whether to hide remaining time details
25
32
  * @param className - Additional CSS classes
26
33
  */
27
- export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, autoStart, className, }: CycleTimerProps) => import("react/jsx-runtime").JSX.Element) & {
34
+ export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, autoStart, variant, compact, className, }: CycleTimerProps) => import("react/jsx-runtime").JSX.Element) & {
28
35
  displayName: string;
29
36
  };
30
37
  //# sourceMappingURL=CycleTimer.d.ts.map
@@ -1 +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"}
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,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,8EAShB,eAAe;;CAiPrB,CAAA"}