mimir-ui-kit 1.10.0 → 1.10.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/index.d.ts

@@ -2,3 +2,4 @@
 export * from './components';
 export * from './hooks';
 export * from './icons';
+export * from './utils';

package/dist/index.js

@@ -7,31 +7,50 @@ import { InputPhoneNumber } from "./components/InputPhoneNumber/InputPhoneNumber
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./components/InputPhoneNumber/utils.js";
 import { OtpInput } from "./components/OtpInput/OtpInput.js";
 import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
+import { DatePicker } from "./components/DatePicker/DatePicker.js";
 import { MergedButton } from "./components/MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound } from "./components/MergedButton/constants.js";
 import { AppImage } from "./components/Image/Image.js";
 import { Loader } from "./components/Loader/Loader.js";
 import { Slider } from "./components/Slider/Slider.js";
+import { Drawer } from "./components/Drawer/Drawer.js";
+import { EDrawerPosition } from "./components/Drawer/constants.js";
 import { Steps } from "./components/Steps/Steps.js";
 import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./components/Steps/constants.js";
 import { Vote } from "./components/Vote/Vote.js";
 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 { Tag } from "./components/Tag/Tag.js";
+import { ETagSize, ETagType } from "./components/Tag/constants.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 {
   Button,
+  DatePicker,
+  Drawer,
   EButtonForm,
   EButtonSize,
   EButtonVariantDefault,
   EButtonVariantRound,
+  EDrawerPosition,
   EInputSize,
   EInputVariant,
   EMediaQuery,
   EMergedButtonVariantRound,
+  ESelectSearchSize,
   EStepsPrimaryColor,
   EStepsSecondaryColor,
   EStepsSize,
+  ETagSize,
+  ETagType,
   EVoteSize,
   Icon,
   AppImage as Image,
@@ -42,10 +61,18 @@ import './assets/index.css';export {
   MergedButton,
   OtpInput,
   RadioGroup,
+  SelectSearch,
   Slider,
   Steps,
+  Switch,
+  Tag,
+  Timer,
   Vote,
+  formating,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue,
-  useMediaQuery
+  useInterval,
+  useLockBodyScroll,
+  useMediaQuery,
+  useTimer
 };