@rabex-kit/rabex-ui 0.1.24 → 0.1.25

package/dist/hooks/useTime.d.ts

@@ -11,7 +11,7 @@ declare type timerType = {
  * @param ref
  * @returns
  */
-declare const useTime: (timestamp: any, isStart: any) => {
+declare const useTime: (initialTimestamp: number, isStart: boolean) => {
     time: timerType;
     seconds: number;
     isActive: boolean;

package/dist/rabex-ui.cjs.development.js

@@ -541,42 +541,45 @@ var calculateTime = function calculateTime(time) {
  * @param ref
  * @returns
  */
-var useTime = function useTime(timestamp, isStart) {
-  var TIMER;
-  var _React$useState = React__default.useState(timestamp),
+var useTime = function useTime(initialTimestamp, isStart) {
+  var _React$useState = React__default.useState(initialTimestamp),
     time = _React$useState[0],
     setTime = _React$useState[1];
-  var _React$useState2 = React__default.useState(true),
+  var _React$useState2 = React__default.useState(false),
     isActive = _React$useState2[0],
     setIsActive = _React$useState2[1];
   React__default.useEffect(function () {
-    if (time === 0) {
-      clearInterval(TIMER);
-      setIsActive(false);
-      setTime(0);
-    }
-  }, [time]);
-  React__default.useEffect(function () {
+    var TIMER;
     if (isStart && isActive) {
       TIMER = setInterval(function () {
         setTime(function (prev) {
+          if (prev <= 1000) {
+            clearInterval(TIMER);
+            setIsActive(false);
+            return 0;
+          }
           return prev - 1000;
         });
       }, 1000);
     }
     return function () {
-      clearInterval(TIMER);
+      if (TIMER) {
+        clearInterval(TIMER);
+      }
     };
   }, [isStart, isActive]);
+  React__default.useEffect(function () {
+    if (isStart) {
+      setIsActive(true);
+    }
+  }, [isStart]);
   var reset = function reset() {
-    clearInterval(TIMER);
-    TIMER = null;
     setIsActive(true);
-    setTime(timestamp);
+    setTime(initialTimestamp);
   };
   return {
     time: calculateTime(time),
-    seconds: time / 1000,
+    seconds: Math.floor(time / 1000),
     isActive: isActive,
     reset: reset,
     isComplete: time === 0
@@ -666,7 +669,7 @@ var AlertTimer = function AlertTimer(_ref) {
     if (isComplete && onComplete) {
       onComplete();
     }
-  }, [isComplete]);
+  }, [isComplete, onComplete]);
   return React__default.createElement(Stack$1, {
     flexDirection: "row",
     alignItems: "center",