@trackunit/react-components 0.1.159 → 0.1.161

package/index.cjs.js

@@ -19167,7 +19167,7 @@ const cvaIndicatorIconBackground = cssClassVarianceUtilities.cvaMerge(["rounded-
  */
 const Indicator = (_a) => {
     var { dataTestId, icon, label, color = "unknown", withBackground = true, withLabel = true, ping = false, className } = _a, rest = __rest$1(_a, ["dataTestId", "icon", "label", "color", "withBackground", "withLabel", "ping", "className"]);
-    return (jsxRuntime.jsx(Tooltip, { disabled: withLabel, label: label, children: jsxRuntime.jsxs("div", Object.assign({ className: cvaIndicator({ className }), "data-testid": dataTestId, "aria-label": label }, rest, { children: [jsxRuntime.jsxs("div", { className: cvaIndicatorIconBackground({ color, background: withBackground ? "visible" : "hidden" }), "data-testid": dataTestId ? `${dataTestId}-background` : "indicator-background", children: [ping && (jsxRuntime.jsx("div", { className: cvaIndicatorPing({ color }), "data-testid": dataTestId ? `${dataTestId}-ping` : "indicator-ping" })), icon] }), label !== undefined && withLabel && (jsxRuntime.jsx("div", { className: cvaIndicatorLabel(), "data-testid": dataTestId ? `${dataTestId}-label` : "indicator-label", children: label }))] })) }));
+    return (jsxRuntime.jsx(Tooltip, { className: className, disabled: withLabel, label: label, children: jsxRuntime.jsxs("div", Object.assign({ className: cvaIndicator(), "data-testid": dataTestId, "aria-label": label }, rest, { children: [jsxRuntime.jsxs("div", { className: cvaIndicatorIconBackground({ color, background: withBackground ? "visible" : "hidden" }), "data-testid": dataTestId ? `${dataTestId}-background` : "indicator-background", children: [ping && (jsxRuntime.jsx("div", { className: cvaIndicatorPing({ color }), "data-testid": dataTestId ? `${dataTestId}-ping` : "indicator-ping" })), icon] }), label !== undefined && withLabel && (jsxRuntime.jsx("div", { className: cvaIndicatorLabel(), "data-testid": dataTestId ? `${dataTestId}-label` : "indicator-label", children: label }))] })) }));
 };
 
 const cvaMenuItem = cssClassVarianceUtilities.cvaMerge([
@@ -36680,6 +36680,7 @@ const useTimeout = ({ onTimeout, duration }) => {
         timeout.current && clearTimeout(timeout.current);
     }, []);
     React.useEffect(() => {
+        // Use the latest callback function provided by the parent component.
         callback.current = onTimeout;
     }, [onTimeout]);
     React.useEffect(() => {
@@ -36696,26 +36697,44 @@ const useTimeout = ({ onTimeout, duration }) => {
  *
  * @param {object} options - Options for the useContinuousTimeout hook.
  * @param {Function} options.onTimeout - Callback function to execute on each timeout.
+ * @param {Function} options.onMaxRetries - Callback function to execute when the maximum number of retries is reached.
  * @param {number} options.duration - Duration of the timeout in milliseconds.
  * @param {number} options.maxRetries - Maximum number of retry attempts.
- * @returns {object} An object containing functions to start and stop the timeout.
+ * @returns {object} An object containing functions to start and stop the timeout, current retry count, and the timeout status.
  */
-const useContinuousTimeout = ({ onTimeout, duration, maxRetries }) => {
+const useContinuousTimeout = ({ onTimeout, onMaxRetries, duration, maxRetries }) => {
     const retries = React.useRef(0);
+    const [isRunning, setIsRunning] = React.useState(false); // Track the timeout status
+    const stopTimeouts = () => {
+        stopTimeout();
+        setIsRunning(false); // Update the status when stopped
+    };
+    const startTimeouts = () => {
+        startTimeout();
+        setIsRunning(true); // Update the status when started
+    };
     const { startTimeout, stopTimeout } = useTimeout({
         duration,
         onTimeout: () => {
-            onTimeout();
-            if (retries.current < maxRetries) {
-                startTimeout();
-                retries.current++;
-            }
-            else {
-                retries.current = 0;
+            if (isRunning) {
+                onTimeout();
+                if (retries.current < maxRetries) {
+                    retries.current++;
+                }
+                else {
+                    onMaxRetries === null || onMaxRetries === void 0 ? void 0 : onMaxRetries();
+                    retries.current = 0;
+                }
+                startTimeout(); // Restart the timeout if it's still running
             }
         },
     });
-    return { startTimeout, stopTimeout, retries: retries.current };
+    return {
+        startTimeouts,
+        stopTimeouts,
+        retries: retries.current,
+        isRunning,
+    };
 };
 
 /**

package/index.esm.js

@@ -19138,7 +19138,7 @@ const cvaIndicatorIconBackground = cvaMerge(["rounded-full", "items-center", "ju
  */
 const Indicator = (_a) => {
     var { dataTestId, icon, label, color = "unknown", withBackground = true, withLabel = true, ping = false, className } = _a, rest = __rest$1(_a, ["dataTestId", "icon", "label", "color", "withBackground", "withLabel", "ping", "className"]);
-    return (jsx(Tooltip, { disabled: withLabel, label: label, children: jsxs("div", Object.assign({ className: cvaIndicator({ className }), "data-testid": dataTestId, "aria-label": label }, rest, { children: [jsxs("div", { className: cvaIndicatorIconBackground({ color, background: withBackground ? "visible" : "hidden" }), "data-testid": dataTestId ? `${dataTestId}-background` : "indicator-background", children: [ping && (jsx("div", { className: cvaIndicatorPing({ color }), "data-testid": dataTestId ? `${dataTestId}-ping` : "indicator-ping" })), icon] }), label !== undefined && withLabel && (jsx("div", { className: cvaIndicatorLabel(), "data-testid": dataTestId ? `${dataTestId}-label` : "indicator-label", children: label }))] })) }));
+    return (jsx(Tooltip, { className: className, disabled: withLabel, label: label, children: jsxs("div", Object.assign({ className: cvaIndicator(), "data-testid": dataTestId, "aria-label": label }, rest, { children: [jsxs("div", { className: cvaIndicatorIconBackground({ color, background: withBackground ? "visible" : "hidden" }), "data-testid": dataTestId ? `${dataTestId}-background` : "indicator-background", children: [ping && (jsx("div", { className: cvaIndicatorPing({ color }), "data-testid": dataTestId ? `${dataTestId}-ping` : "indicator-ping" })), icon] }), label !== undefined && withLabel && (jsx("div", { className: cvaIndicatorLabel(), "data-testid": dataTestId ? `${dataTestId}-label` : "indicator-label", children: label }))] })) }));
 };
 
 const cvaMenuItem = cvaMerge([
@@ -36651,6 +36651,7 @@ const useTimeout = ({ onTimeout, duration }) => {
         timeout.current && clearTimeout(timeout.current);
     }, []);
     useEffect(() => {
+        // Use the latest callback function provided by the parent component.
         callback.current = onTimeout;
     }, [onTimeout]);
     useEffect(() => {
@@ -36667,26 +36668,44 @@ const useTimeout = ({ onTimeout, duration }) => {
  *
  * @param {object} options - Options for the useContinuousTimeout hook.
  * @param {Function} options.onTimeout - Callback function to execute on each timeout.
+ * @param {Function} options.onMaxRetries - Callback function to execute when the maximum number of retries is reached.
  * @param {number} options.duration - Duration of the timeout in milliseconds.
  * @param {number} options.maxRetries - Maximum number of retry attempts.
- * @returns {object} An object containing functions to start and stop the timeout.
+ * @returns {object} An object containing functions to start and stop the timeout, current retry count, and the timeout status.
  */
-const useContinuousTimeout = ({ onTimeout, duration, maxRetries }) => {
+const useContinuousTimeout = ({ onTimeout, onMaxRetries, duration, maxRetries }) => {
     const retries = useRef(0);
+    const [isRunning, setIsRunning] = useState(false); // Track the timeout status
+    const stopTimeouts = () => {
+        stopTimeout();
+        setIsRunning(false); // Update the status when stopped
+    };
+    const startTimeouts = () => {
+        startTimeout();
+        setIsRunning(true); // Update the status when started
+    };
     const { startTimeout, stopTimeout } = useTimeout({
         duration,
         onTimeout: () => {
-            onTimeout();
-            if (retries.current < maxRetries) {
-                startTimeout();
-                retries.current++;
-            }
-            else {
-                retries.current = 0;
+            if (isRunning) {
+                onTimeout();
+                if (retries.current < maxRetries) {
+                    retries.current++;
+                }
+                else {
+                    onMaxRetries === null || onMaxRetries === void 0 ? void 0 : onMaxRetries();
+                    retries.current = 0;
+                }
+                startTimeout(); // Restart the timeout if it's still running
             }
         },
     });
-    return { startTimeout, stopTimeout, retries: retries.current };
+    return {
+        startTimeouts,
+        stopTimeouts,
+        retries: retries.current,
+        isRunning,
+    };
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.159",
+  "version": "0.1.161",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/DayPicker/DayRangePicker.d.ts

@@ -14,7 +14,7 @@ export interface DayRangePickerProps extends CommonProps {
     /**
      * Set any days which are selected
      */
-    selectedDays: IDateRange;
+    selectedDays?: IDateRange;
     /**
      * Set the language
      */

package/src/components/ExternalLink/ExternalLink.d.ts

@@ -8,7 +8,7 @@ export interface ExternalLinkProps extends CommonProps {
     /**
      * Child elements.
      */
-    children: React.ReactNode;
+    children?: React.ReactNode;
     /**
      * The text to display on the URL. Defaults to the url itself.
      */

package/src/hooks/useContinuousTimeout.d.ts

@@ -1,19 +1,22 @@
 import { UseTimeoutProps } from "./useTimeout";
 interface UseContinuousTimeoutProps extends UseTimeoutProps {
     maxRetries: number;
+    onMaxRetries?: () => void;
 }
 /**
  * Hook for continuous retries with a timeout mechanism.
  *
  * @param {object} options - Options for the useContinuousTimeout hook.
  * @param {Function} options.onTimeout - Callback function to execute on each timeout.
+ * @param {Function} options.onMaxRetries - Callback function to execute when the maximum number of retries is reached.
  * @param {number} options.duration - Duration of the timeout in milliseconds.
  * @param {number} options.maxRetries - Maximum number of retry attempts.
- * @returns {object} An object containing functions to start and stop the timeout.
+ * @returns {object} An object containing functions to start and stop the timeout, current retry count, and the timeout status.
  */
-export declare const useContinuousTimeout: ({ onTimeout, duration, maxRetries }: UseContinuousTimeoutProps) => {
-    startTimeout: () => void;
-    stopTimeout: () => void;
+export declare const useContinuousTimeout: ({ onTimeout, onMaxRetries, duration, maxRetries }: UseContinuousTimeoutProps) => {
+    startTimeouts: () => void;
+    stopTimeouts: () => void;
     retries: number;
+    isRunning: boolean;
 };
 export {};