mimir-ui-kit 1.8.0 → 1.9.0

package/dist/hooks/useTimer/useTimer.js

@@ -0,0 +1,83 @@
+import { useState, useCallback } from "react";
+import { Time, Validate } from "./utils.js";
+import { useInterval } from "../useInterval/useInterval.js";
+const DEFAULT_DELAY = 1e3;
+function getDelayFromExpiryTimestamp(expiryTimestamp) {
+  if (!Validate.expiryTimestamp(expiryTimestamp)) {
+    return null;
+  }
+  const seconds = Time.getSecondsFromExpiry(expiryTimestamp);
+  const extraMilliSeconds = Math.floor((seconds - Math.floor(seconds)) * 1e3);
+  return extraMilliSeconds > 0 ? extraMilliSeconds : DEFAULT_DELAY;
+}
+function useTimer({
+  expiryTimestamp: expiry,
+  onExpire,
+  autoStart = true
+}) {
+  const [expiryTimestamp, setExpiryTimestamp] = useState(expiry);
+  const [seconds, setSeconds] = useState(
+    Time.getSecondsFromExpiry(expiry ?? 0)
+  );
+  const [isRunning, setIsRunning] = useState(autoStart);
+  const [didStart, setDidStart] = useState(autoStart);
+  const [delay, setDelay] = useState(getDelayFromExpiryTimestamp(expiry ?? 0));
+  const handleExpire = useCallback(() => {
+    Validate.onExpire(onExpire) && (onExpire == null ? void 0 : onExpire());
+    setIsRunning(false);
+    setDelay(null);
+  }, [onExpire]);
+  const pause = useCallback(() => {
+    setIsRunning(false);
+  }, []);
+  const restart = useCallback(
+    (newExpiryTimestamp, newAutoStart = true) => {
+      setDelay(getDelayFromExpiryTimestamp(newExpiryTimestamp));
+      setDidStart(newAutoStart);
+      setIsRunning(newAutoStart);
+      setExpiryTimestamp(newExpiryTimestamp);
+      setSeconds(Time.getSecondsFromExpiry(newExpiryTimestamp));
+    },
+    []
+  );
+  const resume = useCallback(() => {
+    const time = /* @__PURE__ */ new Date();
+    time.setMilliseconds(time.getMilliseconds() + seconds * 1e3);
+    restart(time.getTime(), true);
+  }, [seconds, restart]);
+  const start = useCallback(() => {
+    if (didStart) {
+      setSeconds(Time.getSecondsFromExpiry(expiryTimestamp ?? 0, false));
+      setIsRunning(true);
+    } else {
+      resume();
+    }
+  }, [expiryTimestamp, didStart, resume]);
+  useInterval(
+    () => {
+      if (delay !== DEFAULT_DELAY) {
+        setDelay(DEFAULT_DELAY);
+      }
+      const secondsValue = Time.getSecondsFromExpiry(
+        expiryTimestamp ?? 0,
+        false
+      );
+      setSeconds(secondsValue);
+      if (secondsValue <= 0) {
+        handleExpire();
+      }
+    },
+    isRunning ? delay : null
+  );
+  return {
+    ...Time.getTimeFromSeconds(seconds),
+    start,
+    pause,
+    resume,
+    restart,
+    isRunning
+  };
+}
+export {
+  useTimer
+};

package/dist/hooks/useTimer/utils.d.ts

@@ -0,0 +1,20 @@
+type TTimeObject = {
+    totalSeconds: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+type TFormattedTime = Omit<TTimeObject, 'totalSeconds' | 'days'>;
+export declare class Time {
+    static getTimeFromSeconds(secs: number): TTimeObject;
+    static getSecondsFromExpiry(expiry: number, shouldRound?: boolean): number;
+    static getSecondsFromPrevTime(prevTime: number, shouldRound: boolean): number;
+    static getSecondsFromTimeNow(): number;
+    static getFormattedTimeFromSeconds(totalSeconds: number): TFormattedTime;
+}
+export declare class Validate {
+    static expiryTimestamp(expiryTimestamp: number): boolean;
+    static onExpire(onExpire?: VoidFunction | null): boolean | null | undefined;
+}
+export {};

package/dist/hooks/useTimer/utils.js

@@ -0,0 +1,78 @@
+class Time {
+  static getTimeFromSeconds(secs) {
+    const totalSeconds = Math.ceil(secs);
+    const days = Math.floor(totalSeconds / (60 * 60 * 24));
+    const hours = Math.floor(totalSeconds % (60 * 60 * 24) / (60 * 60));
+    const minutes = Math.floor(totalSeconds % (60 * 60) / 60);
+    const seconds = Math.floor(totalSeconds % 60);
+    return {
+      totalSeconds,
+      seconds,
+      minutes,
+      hours,
+      days
+    };
+  }
+  static getSecondsFromExpiry(expiry, shouldRound) {
+    const now = (/* @__PURE__ */ new Date()).getTime();
+    const milliSecondsDistance = expiry - now;
+    if (milliSecondsDistance > 0) {
+      const val = milliSecondsDistance / 1e3;
+      return shouldRound ? Math.round(val) : val;
+    }
+    return 0;
+  }
+  static getSecondsFromPrevTime(prevTime, shouldRound) {
+    const now = (/* @__PURE__ */ new Date()).getTime();
+    const milliSecondsDistance = now - prevTime;
+    if (milliSecondsDistance > 0) {
+      const val = milliSecondsDistance / 1e3;
+      return shouldRound ? Math.round(val) : val;
+    }
+    return 0;
+  }
+  static getSecondsFromTimeNow() {
+    const now = /* @__PURE__ */ new Date();
+    const currentTimestamp = now.getTime();
+    const offset = now.getTimezoneOffset() * 60;
+    return currentTimestamp / 1e3 - offset;
+  }
+  static getFormattedTimeFromSeconds(totalSeconds) {
+    const {
+      seconds: secondsValue,
+      minutes,
+      hours
+    } = Time.getTimeFromSeconds(totalSeconds);
+    return {
+      seconds: secondsValue,
+      minutes,
+      hours
+    };
+  }
+}
+class Validate {
+  static expiryTimestamp(expiryTimestamp) {
+    const isValid = new Date(expiryTimestamp).getTime() > 0;
+    if (!isValid) {
+      console.warn(
+        "{ useTimer } Invalid expiryTimestamp settings",
+        expiryTimestamp
+      );
+    }
+    return isValid;
+  }
+  static onExpire(onExpire) {
+    const isValid = onExpire && typeof onExpire === "function";
+    if (onExpire && !isValid) {
+      console.warn(
+        " { useTimer } Invalid onExpire settings function",
+        onExpire
+      );
+    }
+    return isValid;
+  }
+}
+export {
+  Time,
+  Validate
+};

package/dist/index.js

@@ -22,9 +22,12 @@ import { EVoteSize } from "./components/Vote/constants.js";
 import { SelectSearch } from "./components/SelectSearch/SelectSearch.js";
 import { ESelectSearchSize } from "./components/SelectSearch/constants.js";
 import { Switch } from "./components/Switch/Switch.js";
+import { Timer } from "./components/Timer/Timer.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "./hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useInterval } from "./hooks/useInterval/useInterval.js";
+import { useTimer } from "./hooks/useTimer/index.js";
 import { Icon } from "./icons/Icon.js";
 import { formating } from "./utils/index.js";
 import './assets/index.css';export {
@@ -58,10 +61,13 @@ import './assets/index.css';export {
   Slider,
   Steps,
   Switch,
+  Timer,
   Vote,
   formating,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue,
+  useInterval,
   useLockBodyScroll,
-  useMediaQuery
+  useMediaQuery,
+  useTimer
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.8.0",
+  "version": "1.9.0",
   "type": "module",
   "exports": {
     ".": {

package/dist/components/SelectSearch/types.d.ts

@@ -1,17 +0,0 @@
-import { ESelectSearchSize } from './constants';
-
-export type TSelectSearchItem = {
-    id: number;
-    name: string;
-};
-export type TSelectSearchProps = {
-    items: TSelectSearchItem[];
-    value?: TSelectSearchItem | null;
-    onChange?: (value: TSelectSearchItem | null) => void;
-    placeholder?: string;
-    size?: TSelectSearchSize;
-    full?: boolean;
-};
-export type TSelectSearchSize = {
-    size?: ESelectSearchSize;
-};

package/dist/components/SelectSearch/types.js

@@ -1 +0,0 @@
-

package/dist/components/Switch/types.d.ts

@@ -1,4 +0,0 @@
-export type TSwitchProps = {
-    checked: boolean;
-    onChange?: (checked: boolean) => void;
-};

package/dist/components/Switch/types.js

@@ -1 +0,0 @@
-