@rabex-kit/rabex-ui 0.1.24 → 0.1.26

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

@@ -464,6 +464,13 @@ var _delimiter = function delimiter(num, separator, separateBy) {
   }
   return num;
 };
+var _removeDelimiter = function removeDelimiter(num, separator) {
+  if (separator === void 0) {
+    separator = ',';
+  }
+  var cleanedNumber = num.split(separator).join('');
+  return parseFloat(cleanedNumber);
+};
 var _roundUp = function roundUp(val, dec) {
   var decimal = dec === 0 ? 0 : +("1" + new Array(dec + 1).join('0'));
   var result = decimal === 0 ? Math.ceil(val) : Math.ceil(+bigDecimal.multiply(val, decimal)) / decimal;
@@ -482,6 +489,12 @@ var numberUtils = {
   delimiter: function delimiter(num, separator, separateBy) {
     return _delimiter(num, separator, separateBy);
   },
+  removeDelimiter: function removeDelimiter(num, separator) {
+    if (separator === void 0) {
+      separator = ',';
+    }
+    return _removeDelimiter(num, separator);
+  },
   roundDown: function roundDown(val, dec) {
     return _roundDown(val, dec);
   },
@@ -541,42 +554,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 +682,7 @@ var AlertTimer = function AlertTimer(_ref) {
     if (isComplete && onComplete) {
       onComplete();
     }
-  }, [isComplete]);
+  }, [isComplete, onComplete]);
   return React__default.createElement(Stack$1, {
     flexDirection: "row",
     alignItems: "center",