mimir-ui-kit 1.14.0 → 1.14.1

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

@@ -0,0 +1,18 @@
+export type TUserTimer = ReturnType<typeof useTimer>;
+export type TUseTimerProps = {
+    expiryTimestamp?: number;
+    onExpire?: VoidFunction;
+    autoStart?: boolean;
+};
+export declare function useTimer({ expiryTimestamp: expiry, onExpire, autoStart }: TUseTimerProps): {
+    start: () => void;
+    pause: () => void;
+    resume: () => void;
+    restart: (newExpiryTimestamp: number, newAutoStart?: boolean) => void;
+    isRunning: boolean;
+    totalSeconds: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};

package/dist/hooks/useTimer/index.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 = false
+}) {
+  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/useTimer.d.ts

@@ -0,0 +1,18 @@
+export type TUserTimer = ReturnType<typeof useTimer>;
+export type TUseTimerProps = {
+    expiryTimestamp?: number;
+    onExpire?: VoidFunction;
+    autoStart?: boolean;
+};
+export declare function useTimer({ expiryTimestamp: expiry, onExpire, autoStart }: TUseTimerProps): {
+    start: () => void;
+    pause: () => void;
+    resume: () => void;
+    restart: (newExpiryTimestamp: number, newAutoStart?: boolean) => void;
+    isRunning: boolean;
+    totalSeconds: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};

package/dist/hooks/useTimer/useTimer.js

@@ -0,0 +1,87 @@
+import { useState, useCallback } from "react";
+import { Time, Validate, SECONDS_IN_MILLISECONDS } 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)) * SECONDS_IN_MILLISECONDS
+  );
+  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 * SECONDS_IN_MILLISECONDS
+    );
+    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,24 @@
+type TTimeObject = {
+    totalSeconds: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+type TFormattedTime = Omit<TTimeObject, 'totalSeconds' | 'days'>;
+export declare const SECONDS_IN_MINUTE = 60;
+export declare const SECONDS_IN_HOUR: number;
+export declare const SECONDS_IN_DAY: number;
+export declare const SECONDS_IN_MILLISECONDS = 1000;
+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,88 @@
+const SECONDS_IN_MINUTE = 60;
+const SECONDS_IN_HOUR = 60 * SECONDS_IN_MINUTE;
+const SECONDS_IN_DAY = SECONDS_IN_HOUR * 24;
+const SECONDS_IN_MILLISECONDS = 1e3;
+class Time {
+  static getTimeFromSeconds(secs) {
+    const totalSeconds = Math.ceil(secs);
+    const days = Math.floor(totalSeconds / SECONDS_IN_DAY);
+    const hours = Math.floor(totalSeconds % SECONDS_IN_DAY / SECONDS_IN_HOUR);
+    const minutes = Math.floor(
+      totalSeconds % SECONDS_IN_HOUR / SECONDS_IN_MINUTE
+    );
+    const seconds = Math.floor(totalSeconds % SECONDS_IN_MINUTE);
+    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 / SECONDS_IN_MILLISECONDS;
+      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 / SECONDS_IN_MILLISECONDS;
+      return shouldRound ? Math.round(val) : val;
+    }
+    return 0;
+  }
+  static getSecondsFromTimeNow() {
+    const now = /* @__PURE__ */ new Date();
+    const currentTimestamp = now.getTime();
+    const offset = now.getTimezoneOffset() * SECONDS_IN_MINUTE;
+    return currentTimestamp / SECONDS_IN_MILLISECONDS - 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 {
+  SECONDS_IN_DAY,
+  SECONDS_IN_HOUR,
+  SECONDS_IN_MILLISECONDS,
+  SECONDS_IN_MINUTE,
+  Time,
+  Validate
+};

package/dist/hooks/useWindowSize/index.d.ts

@@ -0,0 +1,4 @@
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};

package/dist/hooks/useWindowSize/index.js

@@ -0,0 +1,26 @@
+import { useState, useRef, useEffect } from "react";
+function getWindowSize() {
+  const { innerWidth: width, innerHeight: height } = window;
+  return {
+    width,
+    height
+  };
+}
+function useWindowSize() {
+  const [windowSize, setWindowSize] = useState(getWindowSize());
+  const timeoutRef = useRef(null);
+  function handleResize() {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(() => setWindowSize(getWindowSize()), 500);
+  }
+  useEffect(() => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const { width, height } = windowSize;
+  return { width, height };
+}
+export {
+  useWindowSize
+};

package/dist/icons/Icon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense } from "react";
-import { i as icons } from "../index-_ACzPKPw.js";
+import { i as icons } from "../index-Cxiikb7g.js";
 const Icon = ({ iconName, ...props }) => {
   const Component = icons[iconName];
   if (!Component) {

package/dist/icons/components/12px/Close12px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Close12px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Close12px;

package/dist/icons/components/12px/Close12px.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+const Close12px = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M3 9L8.99991 3M9 9L3 3", stroke: "#333333", "stroke-width": "1.5" })
+    }
+  );
+};
+export {
+  Close12px as default
+};

package/dist/icons/components/index.d.ts

@@ -1,3 +1,4 @@
+export declare const Close12px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
 export declare const Accept16px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
 export declare const Acts16px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
 export declare const Acts16pxF: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;