allaw-ui 3.1.9 → 3.2.0

package/dist/components/molecules/billingCount/BillingCount.d.ts

@@ -5,6 +5,7 @@ export type BillingCountProps = {
     setIsStarted?: (value: boolean) => void;
     resetTimer?: boolean;
     pauseTimer?: boolean;
+    responsiveSize?: number;
 };
-declare const BillingCount: ({ onEnd, setIsStarted, resetTimer, pauseTimer, }: BillingCountProps) => React.JSX.Element;
+declare const BillingCount: ({ onEnd, setIsStarted, resetTimer, pauseTimer, responsiveSize, }: BillingCountProps) => React.JSX.Element;
 export default BillingCount;

package/dist/components/molecules/billingCount/BillingCount.js

@@ -7,10 +7,11 @@ var LOCAL_STORAGE_KEYS = {
     HAS_STARTED_BEFORE: "hasStartedBefore",
 };
 var BillingCount = function (_a) {
-    var onEnd = _a.onEnd, setIsStarted = _a.setIsStarted, resetTimer = _a.resetTimer, pauseTimer = _a.pauseTimer;
+    var onEnd = _a.onEnd, setIsStarted = _a.setIsStarted, resetTimer = _a.resetTimer, pauseTimer = _a.pauseTimer, responsiveSize = _a.responsiveSize;
     var _b = useState(0), elapsedSeconds = _b[0], setElapsedSeconds = _b[1];
     var _c = useState(false), isRunning = _c[0], setIsRunning = _c[1];
     var intervalRef = useRef(null);
+    var _d = useState(true), isVisible = _d[0], setIsVisible = _d[1];
     // --- Au premier render, on relit le localStorage
     useEffect(function () {
         var savedAccumulated = getAccumulatedTime();
@@ -69,6 +70,17 @@ var BillingCount = function (_a) {
             }
         }
     }, [resetTimer, pauseTimer]);
+    useEffect(function () {
+        var handleResize = function () {
+            if (responsiveSize !== undefined) {
+                var width = window.innerWidth;
+                setIsVisible(width >= responsiveSize);
+            }
+        };
+        handleResize();
+        window.addEventListener("resize", handleResize);
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, [responsiveSize]);
     // --- Fonctions utilitaires ---
     // Calcule la différence en s'appuyant sur:
     //   accumulatedTime (secondes) + (Date.now() - startTime) / 1000
@@ -151,7 +163,7 @@ var BillingCount = function (_a) {
     };
     return (React.createElement("button", { onClick: handleButtonClick, className: "billing-button-wrapper ".concat(isRunning ? "isRunning" : "") },
         React.createElement("i", { className: "allaw-icon-clock" }),
-        React.createElement("span", { className: "billing-time" }, formatTime(elapsedSeconds)),
+        isVisible && (React.createElement("span", { className: "billing-time" }, formatTime(elapsedSeconds))),
         React.createElement("i", { className: isRunning ? "allaw-icon-pause" : "allaw-icon-play", style: { fontSize: "12px", color: "#25BEEB", fontWeight: 800 } })));
 };
 export default BillingCount;

package/dist/components/molecules/billingCount/BillingCount.stories.d.ts

@@ -17,5 +17,6 @@ export namespace WithStartedState {
         }
     }
 }
+export const WithResponsiveSize: any;
 import BillingCount from "./BillingCount";
 import React from "react";

package/dist/components/molecules/billingCount/BillingCount.stories.js

@@ -42,3 +42,8 @@ WithStartedState.story = {
         },
     },
 };
+export var WithResponsiveSize = Template.bind({});
+WithResponsiveSize.args = {
+    onEnd: onEnd,
+    responsiveSize: 600,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "3.1.9",
+  "version": "3.2.0",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",